/* step 7 */
/* VoxCourt home mobile: clean stacked layout (Studio pixel nudges neutralised) */
@media (max-width:640px){
html:not(#vcA):not(#vcB) body .vc-home-content,html:not(#vcA):not(#vcB) body .vc-home-content *{translate:none!important}
html:not(#vcA):not(#vcB) body .vc-home-content{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important;padding:0 2px!important}
html:not(#vcA):not(#vcB) body .vc-home-hero{display:flex!important;flex-direction:column!important;gap:16px!important;height:auto!important;min-height:0!important;width:100%!important;padding:12px 12px 18px!important;margin:0!important;overflow:hidden!important;border-radius:22px!important}
html:not(#vcA):not(#vcB) body .vc-home-hero picture{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;border-radius:16px!important;overflow:hidden!important;flex:0 0 auto!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:72% 40%!important;border-radius:0!important}
html:not(#vcA):not(#vcB) body .vc-home-hero__copy{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;height:auto!important;min-height:0!important;padding:2px 6px 0!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-home-hero h1{width:auto!important;max-width:100%!important;margin:0!important;font-size:clamp(30px,10vw,42px)!important;line-height:1.02!important}
html:not(#vcA):not(#vcB) body .vc-home-hero__copy p{width:auto!important;max-width:100%!important;margin:0!important;font-size:16px!important;line-height:1.5!important}
html:not(#vcA):not(#vcB) body .vc-home-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;height:auto!important;margin:4px 0 0!important}
html:not(#vcA):not(#vcB) body .vc-home-primary,html:not(#vcA):not(#vcB) body .vc-home-secondary{position:static!important;width:100%!important;min-height:52px!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-feature-strip{display:flex!important;overflow-x:auto!important;gap:10px!important;width:100%!important;margin:0!important;padding:2px 2px 8px!important;scroll-snap-type:x mandatory}
html:not(#vcA):not(#vcB) body .vc-feature-strip article{flex:0 0 78%!important;scroll-snap-align:start;width:auto!important;height:auto!important;min-height:76px!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-home-bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important}
html:not(#vcA):not(#vcB) body .vc-how,html:not(#vcA):not(#vcB) body .vc-home-finder{width:100%!important;height:auto!important;min-height:0!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-how-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;height:auto!important}
html:not(#vcA):not(#vcB) body .vc-how-grid article{width:auto!important;height:auto!important;min-height:64px!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-finder-panel{width:100%!important;height:auto!important;min-height:0!important}
html:not(#vcA):not(#vcB) body .vc-finder-sports{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:auto!important;height:auto!important}
html:not(#vcA):not(#vcB) body .vc-finder-sports button{width:100%!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-finder-next{display:flex!important;flex-direction:column!important;height:auto!important;gap:10px!important}
html:not(#vcA):not(#vcB) body .vc-finder-next a{width:100%!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-feature-strip{height:auto!important;max-height:none!important;min-height:0!important}

/* uniform widths */
html:not(#vcA):not(#vcB) body .vc-home-bottom{padding:0!important}
html:not(#vcA):not(#vcB) body .vc-home-content>*,html:not(#vcA):not(#vcB) body .vc-home-bottom>*{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
/* one dark palette for the whole phone home page */
body:has(.vc-home-content){background:linear-gradient(180deg,#061722,#0a2231 60%,#061722)!important}
html:not(#vcA):not(#vcB) body .vc-how,html:not(#vcA):not(#vcB) body .vc-home-finder{background:linear-gradient(180deg,#0e2a3a,#081c29)!important;border:1px solid #164a60!important;border-radius:22px!important;padding:18px 16px!important;color:#e8f5fd!important;box-shadow:0 12px 32px rgba(0,0,0,.28)!important}
html:not(#vcA):not(#vcB) body .vc-how h2,html:not(#vcA):not(#vcB) body .vc-home-finder h2,html:not(#vcA):not(#vcB) body .vc-how h3,html:not(#vcA):not(#vcB) body .vc-home-finder h3,html:not(#vcA):not(#vcB) body .vc-how strong,html:not(#vcA):not(#vcB) body .vc-finder-panel strong{color:#fff!important}
html:not(#vcA):not(#vcB) body .vc-how p,html:not(#vcA):not(#vcB) body .vc-home-finder p,html:not(#vcA):not(#vcB) body .vc-how small,html:not(#vcA):not(#vcB) body .vc-finder-panel small,html:not(#vcA):not(#vcB) body .vc-how-grid article div,html:not(#vcA):not(#vcB) body .vc-finder-next div{color:#b9d3df!important}
html:not(#vcA):not(#vcB) body .vc-compact-heading span,html:not(#vcA):not(#vcB) body .vc-home-finder .vc-compact-heading>span{color:#7fe3ee!important;background:rgba(0,200,215,.14)!important}
html:not(#vcA):not(#vcB) body .vc-how-grid article{background:rgba(255,255,255,.05)!important;border:1px solid rgba(80,170,190,.22)!important;box-shadow:none!important;border-radius:16px!important;color:#e8f5fd!important}
html:not(#vcA):not(#vcB) body .vc-how-grid article b,html:not(#vcA):not(#vcB) body .vc-how-grid article i{background:rgba(0,200,215,.18)!important;color:#7fe3ee!important}
html:not(#vcA):not(#vcB) body .vc-finder-panel{background:rgba(255,255,255,.04)!important;border:1px solid rgba(80,170,190,.22)!important;border-radius:18px!important;box-shadow:none!important;color:#e8f5fd!important}
html:not(#vcA):not(#vcB) body .vc-finder-panel *{color:#e8f5fd}
html:not(#vcA):not(#vcB) body .vc-finder-sports button{background:rgba(255,255,255,.06)!important;color:#e8f5fd!important;border:1px solid #19516b!important;box-shadow:none!important;border-radius:12px!important;min-height:48px!important}
html:not(#vcA):not(#vcB) body .vc-finder-sports button[aria-pressed="true"],html:not(#vcA):not(#vcB) body .vc-finder-sports button.active,html:not(#vcA):not(#vcB) body .vc-finder-sports button.is-active,html:not(#vcA):not(#vcB) body .vc-finder-sports button.selected{background:#12c6d3!important;color:#042a3e!important}
html:not(#vcA):not(#vcB) body .vc-finder-next a{background:linear-gradient(135deg,#12c6d3,#0c8991)!important;color:#042a3e!important;border-radius:12px!important;font-weight:800!important;min-height:48px!important}
/* feature strip: same card look, auto-scrolling */
html:not(#vcA):not(#vcB) body .vc-feature-strip{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:none!important;gap:10px!important;padding:0!important}
html:not(#vcA):not(#vcB) body .vc-feature-strip::-webkit-scrollbar{display:none}
html:not(#vcA):not(#vcB) body .vc-feature-strip article{flex:0 0 74%!important;scroll-snap-align:none!important;background:linear-gradient(180deg,#0e2a3a,#081c29)!important;border:1px solid #164a60!important;border-radius:18px!important;color:#e8f5fd!important;box-shadow:none!important}
html:not(#vcA):not(#vcB) body .vc-feature-strip article *{color:#e8f5fd}
html:not(#vcA):not(#vcB) body .vc-feature-strip article small,html:not(#vcA):not(#vcB) body .vc-feature-strip article div>span:last-child{color:#9cb8c1!important}
html:not(#vcA):not(#vcB) body .vc-feature-strip article i{background:rgba(0,200,215,.18)!important;color:#7fe3ee!important}
}
@media (min-width:641px){.vc-feature-strip [data-vc-clone]{display:none!important}}

/* step 7b */
@media (max-width:640px){
html:not(#vcA):not(#vcB) body .vc-finder-panel{padding:16px!important}
html:not(#vcA):not(#vcB) body .vc-finder-sports{padding:0!important;margin:0!important}
html:not(#vcA):not(#vcB) body .vc-finder-next{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:14px 0 0!important;color:#b9d3df!important}
html:not(#vcA):not(#vcB) body .vc-finder-next *{color:#b9d3df}
html:not(#vcA):not(#vcB) body .vc-finder-next a,html:not(#vcA):not(#vcB) body .vc-finder-next a *{color:#042a3e!important}
html:not(#vcA):not(#vcB) body footer.vc-home-footer{background:linear-gradient(180deg,#0e2a3a,#081c29)!important;border:1px solid #164a60!important;border-radius:18px!important;color:#9cb8c1!important;box-shadow:none!important;width:100%!important;box-sizing:border-box!important;margin:0 0 12px!important}
html:not(#vcA):not(#vcB) body footer.vc-home-footer *{color:#9cb8c1!important}
}

/* step 9: home sections share the header width on phones/tablets */
@media (max-width:900px){
html:not(#vcA) body .vc-home-prod{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
html:not(#vcA) body .vc-home-prod :is(.vc-home-content,.vc-home-hero,.vc-feature-strip,.vc-sports,.vc-home-bottom){translate:none!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
}