/* V42: match the form variant's conversion palette and drawn action areas. */
.booking-variant{--cta-start:#c9471d;--cta-end:#cf185f;--cta-gradient:linear-gradient(110deg,var(--cta-start),var(--cta-end));--cta-shadow:0 8px 22px #bf285625}
.booking-variant .faq .section-kicker{justify-content:flex-start}
.booking-variant .faq .section-title{text-align:left}
.booking-variant .button.booking-cta,
.booking-variant .hero-action .button.booking-cta,
.booking-variant .work-action .button.booking-cta,
.booking-variant .diagnosis-reserve .button.booking-cta,
.booking-variant .sticky-cta .button.booking-cta,
.booking-variant #site-menu .button.booking-cta{background:var(--cta-gradient);border-color:transparent;color:#fff;box-shadow:var(--cta-shadow);grid-template-columns:minmax(0,1fr) 48px;column-gap:24px}
.booking-variant .booking-cta .booking-note{color:#fff;font-weight:600}
.booking-variant .booking-cta .booking-arrow,
.booking-variant #site-menu .booking-cta .booking-arrow{display:grid;place-items:center;position:relative;width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff12;color:#fff;box-shadow:inset 0 1px 0 #ffffff28;transform:none;font:inherit;transition:background .2s ease,border-color .2s ease,color .2s ease}
.booking-variant .booking-cta .booking-arrow::before{content:"";position:absolute;left:-13px;top:10px;width:1px;height:28px;background:#ffffff35}
.booking-variant .booking-arrow svg,.booking-variant .nav-booking-arrow svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.booking-variant .desktop-header nav .nav-booking{background:var(--cta-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 12px #bf28561a;gap:16px;padding:10px 14px 10px 18px}
.booking-variant .desktop-header nav .nav-booking>.nav-booking-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff12;font:inherit}
.booking-variant .nav-booking-arrow svg{width:20px;height:20px;stroke-width:2}
.booking-variant #site-menu .booking-cta .booking-label strong>span{display:inline}
.booking-variant .button.booking-cta:focus-visible,.booking-variant .desktop-header nav .nav-booking:focus-visible{outline:3px solid #168995;outline-offset:5px}
.booking-variant .work-action .button.booking-cta:focus-visible{outline-color:#fff}
.booking-variant .sticky-cta{z-index:30;border-top:2px solid #dbe6ec;padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #041e4212}
.booking-variant .sticky-cta .button.booking-cta{min-height:68px;padding:10px 20px;border-radius:6px;grid-template-columns:minmax(0,1fr) 42px;column-gap:22px}
.booking-variant .sticky-cta .booking-cta .booking-arrow{width:42px;height:42px}
.booking-variant .sticky-cta .booking-arrow::before{left:-12px;top:8px;height:24px}
.booking-variant .sticky-cta .booking-label strong{font-size:18px}
.booking-variant .sticky-cta .booking-label{gap:2px}
.booking-variant .sticky-cta .booking-note{font-size:10px}
@media(hover:hover){
 .booking-variant .button.booking-cta:hover,.booking-variant .desktop-header nav .nav-booking:hover{background:linear-gradient(110deg,#b53c17,#b81050);border-color:transparent;color:#fff;box-shadow:var(--cta-shadow)}
 .booking-variant .booking-cta:hover .booking-arrow,.booking-variant #site-menu .booking-cta:hover .booking-arrow{background:#fff;border-color:#fff;color:#b62b49;transform:none}
 .booking-variant .booking-cta:hover .booking-arrow svg{transform:translateX(2px)}
 .booking-variant .desktop-header nav .nav-booking:hover .nav-booking-arrow{background:#ffffff24}
 .booking-variant .desktop-header nav .nav-booking:hover .nav-booking-arrow svg{transform:translate(1px,-1px)}
}
.booking-variant .button.booking-cta:active,.booking-variant .desktop-header nav .nav-booking:active{background:#ad204b}
@media(min-width:960px){
 .booking-variant .faq>.wrap{max-width:1000px}
 .booking-variant .button.booking-cta,.booking-variant .hero-action .button.booking-cta,.booking-variant .work-action .button.booking-cta,.booking-variant .diagnosis-reserve .button.booking-cta{grid-template-columns:minmax(0,1fr) 54px;column-gap:30px}
 .booking-variant .booking-cta .booking-arrow{width:54px;height:54px}
 .booking-variant .booking-cta .booking-arrow::before{left:-16px;top:11px;height:32px}
 .booking-variant .booking-arrow svg{width:32px;height:32px}
}
@media(max-width:959.98px){.booking-variant{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}
@media(max-width:359.98px){
 .booking-variant .button.booking-cta,.booking-variant .hero-action .button.booking-cta,.booking-variant .work-action .button.booking-cta,.booking-variant .diagnosis-reserve .button.booking-cta,.booking-variant #site-menu .button.booking-cta{grid-template-columns:minmax(0,1fr) 40px;column-gap:18px}
 .booking-variant .booking-cta .booking-arrow,.booking-variant #site-menu .booking-cta .booking-arrow{width:40px;height:40px}
 .booking-variant .booking-cta .booking-arrow::before{left:-10px;top:8px;height:24px}
 .booking-variant .booking-arrow svg{width:25px;height:25px}
 .booking-variant .diagnosis-reserve .button.booking-cta{column-gap:14px}
 .booking-variant .diagnosis-reserve .booking-cta .booking-label strong{font-size:16px}
 .booking-variant #site-menu .booking-cta .booking-label strong{font-size:16px;line-height:1.45;white-space:normal}
 .booking-variant #site-menu .booking-cta .booking-label strong>span{display:block}
 .booking-variant .sticky-cta .button.booking-cta{grid-template-columns:minmax(0,1fr) 40px;column-gap:18px;padding:10px 16px}
 .booking-variant .sticky-cta .booking-cta .booking-arrow{width:40px;height:40px}
 .booking-variant .sticky-cta .booking-label strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .booking-variant .booking-arrow,.booking-variant .booking-arrow svg,.booking-variant .nav-booking-arrow svg{transition:none}
 .booking-variant .booking-cta:hover .booking-arrow svg,.booking-variant .desktop-header nav .nav-booking:hover .nav-booking-arrow svg{transform:none}
}
