/* Headshot v1.0.26 – intentional mobile journey, aligned offers and accessible menu. */
/* All homepage plan titles start at the same vertical coordinate, irrespective of crown height. */
.hs16-home .hs16-plan{display:grid!important;grid-template-rows:57px 62px 55px minmax(50px,auto) minmax(130px,1fr)!important;align-content:stretch!important}
.hs16-home .hs16-plan-top{height:57px!important;min-height:57px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:6px!important;min-width:0}
.hs16-home .hs16-plan-index{align-self:center;line-height:1.3!important;min-width:0}
.hs16-home .hs16-plan-crown.hs24-home-pro{align-self:center!important;flex:0 0 55px!important;margin:0 0 0 auto!important}
.hs16-home .hs16-plan h3{grid-row:2!important;display:block!important;margin:0!important;min-height:0!important;align-self:start!important;line-height:1.12!important;font-size:clamp(18px,2vw,26px)!important;overflow-wrap:normal!important;word-break:normal!important}
.hs16-home .hs16-plan-shots{grid-row:3!important;align-self:start!important;white-space:normal!important}
.hs16-home .hs16-plan-feature{grid-row:4!important;align-self:start!important;margin:0!important;min-height:0!important}
.hs16-home .hs16-plan-footer{grid-row:5!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:end!important;min-width:0}
.hs16-home .hs16-plan-money{margin:0 0 12px!important;gap:8px!important}
.hs16-home .hs16-plan-footer a{justify-content:center!important;text-align:center!important;min-width:0}
/* The requested homepage hero has only primary action and secondary plan action. */
.hs16-home .hs16-trust{display:none!important}
.hs16-home .hs16-hero-actions .hs16-button-outline{text-decoration:none!important;border:1px solid #534850!important;border-radius:11px!important;background:#211b21!important;color:#f4e7ee!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;min-height:48px!important;padding:12px 17px!important;box-shadow:none!important;font-weight:800!important}
.hs16-home .hs16-hero-actions .hs16-button-primary{justify-content:center!important;text-align:center!important}
/* Menu covers (and dims) dashboard page tabs, sticky bottom bar and app content. */
@media(max-width:950px){
 body.hs26-menu-open{overflow:hidden!important}
 body.hs26-menu-open::before{content:"";position:fixed;inset:0;z-index:99989;background:rgba(0,0,0,.75);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
 .hs-mobile-top{z-index:99990!important;isolation:isolate!important}
 .hs-mobile-top .hs-nav-dropdown[open]{z-index:99992!important}
 .hs-mobile-top .hs-nav-dropdown[open]>summary{position:relative!important;z-index:99994!important;border-color:#f07587!important;background:#31212b!important}
 .hs-mobile-top .hs-nav-dropdown[open]>nav{position:fixed!important;z-index:99993!important;top:calc(72px + env(safe-area-inset-top,0px))!important;left:12px!important;right:12px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - 94px - env(safe-area-inset-top,0px))!important;overflow-y:auto!important;padding:12px!important;display:grid!important;gap:4px!important;background:#17141b!important;border:1px solid #62525e!important;border-radius:16px!important;box-shadow:0 20px 70px #000e!important}
 .hs-mobile-top .hs-nav-dropdown>nav a{display:block!important;padding:13px 15px!important;min-height:46px!important;color:#f5f0f3!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;border-radius:9px!important}
 .hs-mobile-top .hs-nav-dropdown>nav a:focus-visible{outline:2px solid #ff9ea9;outline-offset:2px}
}
/* Booking mobile: the customer sees four plans immediately, not a 300px explanation. */
@media(max-width:760px){
 body.hs-booking-page .hs-page{padding-top:12px!important;padding-bottom:110px!important}
 body.hs-booking-page .hs-page-inner{padding-top:0!important}
 body.hs-booking-page .hs-page-head{margin:0 0 10px!important;padding:0 1px!important;min-height:0!important}
 body.hs-booking-page .hs-page-head .hs-eyebrow,body.hs-booking-page .hs-page-head>p{display:none!important}
 body.hs-booking-page .hs-page-head h1{font-size:clamp(25px,6.5vw,30px)!important;line-height:1.1!important;letter-spacing:-.035em!important;margin:0!important}
 body.hs-booking-page .hs-flow-nav,body.hs-booking-page .hsb-title-row{display:none!important}
 body.hs-booking-page .hsb-plans{padding-top:11px!important}
 body.hs-booking-page .hsb-section-head{align-items:center!important;margin-bottom:7px!important}
 body.hs-booking-page .hsb-section-head h2{font-size:16px!important;margin:2px 0!important}
 body.hs-booking-page .hsb-section-head>p{font-size:10px!important;max-width:90px!important;text-align:right!important;line-height:1.3!important}
 body.hs-booking-page .hsb-plans .hsb-plan-rail{padding-top:4px!important;margin-top:0!important}
 body.hs-booking-page .hs25-schedule-stage{gap:8px!important}
 body.hs-booking-page .hs25-schedule-stage>.hsb-duo{gap:9px!important;margin:0!important}
 body.hs-booking-page .hsb-section{margin-bottom:0!important}
 /* Next belongs after both plan and time; no premature sticky checkout button. */
 body.hs-booking-page #hs-booking-form[data-hs-step="schedule"] .hsb-mobile-checkout{display:none!important}
 body.hs-booking-page #hs-booking-form[data-hs-step="details"] .hsb-mobile-checkout{display:flex!important}
 body.hs-booking-page .hs25-next-row{display:flex!important;align-items:stretch!important;justify-content:stretch!important;padding:12px!important;margin:2px 0 10px!important;flex-direction:column!important;gap:0!important}
 body.hs-booking-page .hs25-next-row>div{display:none!important}
 body.hs-booking-page .hs25-next{display:flex!important;width:100%!important;min-height:48px!important;font-size:13px!important}
 body.hs-booking-page #hs25-stage-details .hs25-details-title{padding:12px 14px!important}
 body.hs-booking-page #hs25-stage-details .hs25-details-title h2{font-size:19px!important}
 body.hs-booking-page .hsb-mobile-checkout{bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
 /* Hero plan cards: no horizontal cut-offs or misleading swipe hint. */
 .hs16-home .hs16-plan-scroller{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:5px 0 10px!important;scroll-snap-type:none!important}
 .hs16-home .hs16-plan{width:auto!important;flex:none!important;min-width:0!important;min-height:310px!important;padding:13px 11px!important;border-radius:14px!important;grid-template-rows:57px 54px 48px minmax(47px,auto) minmax(92px,1fr)!important}
 .hs16-home .hs16-plan-top{height:57px!important;min-height:57px!important;align-items:flex-start!important}
 .hs16-home .hs16-plan-index{font-size:8px!important;line-height:1.3!important;letter-spacing:.045em!important;max-width:calc(100% - 48px)}
 .hs16-home .hs16-plan-ribbon{font-size:7px!important;white-space:normal!important;line-height:1.15!important;padding:6px 5px!important;max-width:86px!important;text-align:center!important}
 .hs16-home .hs16-plan-crown.hs24-home-pro{flex:0 0 44px!important;width:44px!important;max-width:44px!important;height:43px!important}
 .hs16-home .hs16-plan-crown.hs24-home-pro svg{width:43px!important;height:40px!important}
 .hs16-home .hs16-plan h3{font-size:clamp(15px,4vw,20px)!important;line-height:1.14!important;letter-spacing:-.045em!important}
 .hs16-home .hs16-plan-shots{font-size:10px!important;letter-spacing:0!important;white-space:normal!important}
 .hs16-home .hs16-plan-shots strong{font-size:clamp(23px,6vw,31px)!important}
 .hs16-home .hs16-plan-shots small{font-size:8px!important;white-space:nowrap!important}
 .hs16-home .hs16-plan-feature{font-size:10px!important;line-height:1.4!important}
 .hs16-home .hs16-plan-money{flex-wrap:wrap!important;gap:3px 8px!important;margin-bottom:8px!important}
 .hs16-home .hs16-plan-money strong{font-size:23px!important}
 .hs16-home .hs16-plan-money del{font-size:10px!important}
 .hs16-home .hs16-plan-money small{font-size:9px!important}
 .hs16-home .hs16-plan-footer a{min-height:43px!important;font-size:10px!important;padding:10px 6px!important}
 .hs16-home .hs16-plan-footer a span[aria-hidden]{display:none!important}
 .hs16-home .hs16-swipe-hint{display:none!important}
}
@media(max-width:365px){
 .hs16-home .hs16-plan-scroller{gap:7px!important}
 .hs16-home .hs16-plan{padding:12px 8px!important;grid-template-rows:57px 51px 42px minmax(52px,auto) minmax(88px,1fr)!important;min-height:307px!important}
 .hs16-home .hs16-plan h3{font-size:14.5px!important}
 .hs16-home .hs16-plan-ribbon{max-width:74px!important;font-size:6.5px!important}
 .hs16-home .hs16-plan-money strong{font-size:21px!important}
}
.hs26-agreement-step{display:block!important;margin:0 0 9px!important;font-size:10px!important;letter-spacing:.1em!important}
@media(prefers-reduced-motion:reduce){.hs16-home .hs16-plan,.hs16-home .hs16-hero-actions a{transition:none!important}}
/* Compact squad-size control belongs to plan selection; arena date follows immediately. */
@media(max-width:760px){
 body.hs-booking-page #booking-details>.hsb-section.hsb-compact:not(.hs24-date-section){
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;
  align-items:center!important;gap:1px 9px!important;padding:11px 13px!important;min-height:72px!important
 }
 body.hs-booking-page #booking-details>.hsb-section.hsb-compact:not(.hs24-date-section)>.hs-eyebrow{grid-column:1;grid-row:1;margin:0!important;font-size:9px!important}
 body.hs-booking-page #booking-details>.hsb-section.hsb-compact:not(.hs24-date-section)>h2{grid-column:1;grid-row:2;margin:0!important;font-size:15px!important}
 body.hs-booking-page #booking-details>.hsb-section.hsb-compact:not(.hs24-date-section)>.hsb-player-counter{grid-column:2;grid-row:1 / span 2;margin:0!important;min-width:154px;max-width:177px;min-height:45px!important}
 body.hs-booking-page #booking-details>.hsb-section.hsb-compact:not(.hs24-date-section)>.hsb-help{display:none!important}
}
/* Tablets also get Next below the time choices, not prematurely in a sticky footer. */
@media(min-width:761px) and (max-width:1100px){
 body.hs-booking-page .hs25-next-row{display:flex!important;flex-direction:row!important}
 body.hs-booking-page #hs-booking-form[data-hs-step="schedule"] .hsb-mobile-checkout{display:none!important}
 body.hs-booking-page #hs-booking-form[data-hs-step="details"] .hsb-mobile-checkout{display:flex!important}
}
/* The separate /packages/ comparison page uses the same title baseline as the homepage. */
.hs24-package-top{flex-wrap:nowrap!important;min-height:62px!important;height:62px!important;align-items:center!important}
.hs24-package-kicker{min-width:0;overflow-wrap:normal!important}
.hs24-package-top .hs24-package-badge{flex:none!important}
.hs24-package h2{margin:0!important;min-height:1.25em!important;display:block!important;line-height:1.12!important}
@media(max-width:760px){
 .hs24-package-top{min-height:52px!important;height:52px!important}
 .hs24-package-top .hs24-badge-popular{font-size:8px!important;padding:5px 6px!important}
 .hs24-package h2{font-size:28px!important;line-height:1.13!important;min-height:1.2em!important}
}