.barber-booking{margin-top:26px;scroll-margin-top:100px}
.barber-booking h2{font-size:1.5rem;margin-bottom:8px}
.barber-booking p{font-size:.95rem;color:var(--muted);margin-bottom:16px}
.barber-booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.barber-booking-grid .btn{width:100%;min-height:62px;white-space:normal;text-align:center;line-height:1.4;padding:18px 14px;font-size:1rem;font-weight:700;letter-spacing:.1em;border-width:2px;touch-action:manipulation;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 16px rgba(0,0,0,.25)}
.barber-booking-grid .btn-primary{background:linear-gradient(180deg,#d23b2b,#b5251b);border-color:#f17864;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 18px rgba(210,59,43,.25)}
.barber-booking-grid .btn-primary:hover{background:#c83225;border-color:#ffac97;color:#fff}
.barber-booking-grid .btn-ghost{background:#ebcd80;border-color:#ffe6a3;color:#19130b}
.barber-booking-grid .btn-ghost:hover{background:#f5d991;border-color:#fff0c5;color:#19130b}
.barber-booking-grid .btn:active{box-shadow:inset 0 2px 5px rgba(0,0,0,.28)}
.barber-booking-grid .btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:540px){.barber-booking-grid{grid-template-columns:1fr}.barber-booking{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn-shimmer::after{animation:none}}