BARBER

.menu { max-width: 650px; width: 100%; box-sizing: border-box; margin: auto; padding: 20px; background: #1a1a1a; color: white; font-family: Arial, sans-serif; border-radius: 10px; } .menu * { box-sizing: border-box; } .menu h2 { text-align: center; color: #d4af37; font-size: 26px; margin-top: 0; } .menu p { text-align: center; color: #aaa; font-size: 14px; } .menu h3 { color: #d4af37; border-bottom: 1px solid #444; padding-bottom: 8px; margin-top: 25px; } .item { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #444; } .item span:first-child { min-width: 0; overflow-wrap: anywhere; } .price { color: #d4af37; font-weight: bold; white-space: nowrap; } .desc { color: #aaa; font-size: 12px; margin: 5px 0 12px; } .drinks { margin-top: 25px; padding: 15px; text-align: center; border: 1px solid #d4af37; border-radius: 8px; } .drinks h3 { border: 0; margin-top: 0; } @media (max-width: 400px) { .menu { padding: 14px; } .menu h2 { font-size: 22px; } .item { font-size: 14px; gap: 6px; } }