/* Selected hero study 11: booking-first, original MICRODENT identity. */
.home>header .nav{min-height:86px;width:min(1320px,calc(100% - 88px))}
.home>header .brand{letter-spacing:.045em}
.home>header .brand-logo{width:44px;flex-basis:44px}
.booking-hero{background:#f2f5f6;color:var(--brand-navy);padding:10px 30px 0}
.booking-hero__card{max-width:1380px;margin:auto;padding:20px;display:grid;grid-template-columns:minmax(0,57fr) minmax(0,43fr);gap:24px;background:#fff;border-radius:24px;min-height:550px}
.booking-hero__copy{padding:12px 13px 0}
.booking-hero h1{font-size:clamp(51px,5.08vw,70px);font-weight:700;line-height:1;letter-spacing:-.035em;margin:0;text-wrap:initial}
.booking-hero h1 br{display:initial}
.booking-hero__intro{font-size:16px;line-height:1.65;color:var(--muted);margin:24px 0 0}
.booking-hero__tools{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:12px;margin-top:27px}
.booking-hero__times{padding:17px 18px;background:#f1f4f6;border-radius:18px}
.booking-hero__times h2{font-size:14px;font-weight:600;letter-spacing:0;line-height:1.5;margin:0 0 12px;text-wrap:initial}
.booking-hero__hours{margin:0;font-size:13px;line-height:1.7;color:#3d5362;font-variant-numeric:tabular-nums}
.booking-hero__hours>div{display:flex;justify-content:space-between;gap:8px}
.booking-hero__hours dd{margin:0;white-space:nowrap}
.booking-hero__note{display:block;margin-top:9px;color:var(--muted);font-size:12px;line-height:1.5}
.booking-hero__tile{padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:13px;background:#f3e7cc;border-radius:18px;font-size:14px;line-height:1.4;font-weight:500;min-height:165px}
.booking-hero__tile strong{display:block;font-size:21px;font-weight:700}
.booking-hero__tile:hover{background:#ead7ad}
.booking-hero__arrow{display:flex;justify-content:flex-end}
.booking-hero__arrow svg{width:38px;height:38px;background:#fff;border-radius:50%;padding:10px}
.booking-hero__photo{position:relative;overflow:hidden;margin:0;min-height:510px;border-radius:20px}
.booking-hero__photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 33%}
.booking-hero__contact{max-width:1380px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:19px 17px 22px;font-size:12px;line-height:1.6;color:var(--muted)}
.booking-hero__contact p{margin:0}
.booking-hero__contact strong{font-weight:600;color:var(--brand-navy)}
.booking-hero__contact a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:701px) and (max-width:1050px){
 .home>header .nav{width:calc(100% - 54px)}
 .booking-hero{padding-inline:22px}
 .booking-hero__card{padding:16px;gap:15px;grid-template-columns:minmax(0,55fr) minmax(0,45fr)}
 .booking-hero__copy{padding:12px 4px 0}
 .booking-hero h1{font-size:clamp(39px,4.85vw,51px)}
 .booking-hero__tools{grid-template-columns:1fr;margin-top:22px}
 .booking-hero__times{padding:14px 16px}
 .booking-hero__tile{min-height:100px;flex-direction:row;align-items:center;padding:16px}
 .booking-hero__arrow{order:2}
 .booking-hero__photo{min-height:560px}
}
@media(max-width:850px){.home>header .nav{min-height:80px}.home>header .nav nav{top:80px}}
@media(max-width:700px){
 .home>header .nav{width:calc(100% - 36px);min-height:78px;gap:12px}
 .home>header .nav nav{top:78px}
 .home>header .brand-logo{width:40px;flex-basis:40px}
 .booking-hero{padding:8px 12px 0}
 .booking-hero__card{padding:18px;display:flex;flex-direction:column;gap:21px;border-radius:20px;min-height:0}
 .booking-hero__copy{padding:7px 0 0}
 .booking-hero h1{font-size:clamp(38px,12.3vw,49px);line-height:1.02}
 .booking-hero__intro{font-size:16px;margin-top:21px}
 .booking-hero__tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:22px}
 .booking-hero__times{padding:15px 12px;border-radius:14px}
 .booking-hero__times h2{font-size:14px;margin-bottom:11px}
 .booking-hero__hours{font-size:13px}
 .booking-hero__note{font-size:12px}
 .booking-hero__tile{padding:16px 13px;border-radius:14px;font-size:14px;min-height:165px}
 .booking-hero__tile strong{font-size:19px}
 .booking-hero__photo{min-height:0;height:auto;aspect-ratio:330/370;border-radius:16px}
 .booking-hero__photo img{object-position:center 27%}
 .booking-hero__contact{padding:19px 12px;flex-direction:column;gap:8px;font-size:12px}
}
@media(max-width:380px){
 .booking-hero__tools{grid-template-columns:1fr}
 .booking-hero__times{padding:16px}
 .booking-hero__tile{min-height:102px;flex-direction:row;align-items:center;padding:16px}
 .booking-hero__arrow{order:2}
}
