/* Full-bleed photography with short, consistently placed link labels. */
/* Use the responsive photo, not the legacy off-center mobile background. */
body #products .spot-card.spot-bag>img{visibility:visible!important;object-position:50% 0%!important}
body #products .spot-card.spot-bag{background-image:none!important}
body #products .spot-grid{display:grid;grid-template-columns:1.03fr 1.3fr;gap:14px;align-items:stretch}
body #products .spot-right{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
body #products .spot-card{min-width:0;height:auto!important;min-height:0;aspect-ratio:4/5;isolation:isolate}
body #products .spot-team-pack{aspect-ratio:auto;min-height:100%;}
body #products .spot-right .spot-card{height:100%!important;aspect-ratio:auto}
body #products .spot-right{align-items:stretch}
body #products .spot-card>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;mask-image:none!important;transform:none!important}
body #products .spot-card::after{content:'';position:absolute;inset:0!important;background:linear-gradient(180deg,transparent 58%,rgba(0,15,23,.12) 68%,rgba(0,15,23,.95) 100%)!important;z-index:1;pointer-events:none}
body #products .spot-card .spot-card-copy{position:absolute!important;inset:auto 17px 10px!important;width:auto!important;transform:none!important;padding:0!important;z-index:2;}
body #products .spot-card h2{font-size:clamp(24px,2.4vw,42px)!important;line-height:1.02!important;margin:0!important;text-shadow:0 2px 9px #001018}
body #products .spot-team-pack h2{font-size:clamp(40px,5.2vw,78px)!important;}
body #products .spot-build-link{color:#fff;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1.2;text-decoration:underline;text-underline-offset:3px;text-shadow:0 1px 5px #001018}
body #products .spot-build-link span{font-size:21px;color:#8bdef3;text-decoration:none}
body #products .spot-card:hover .spot-build-link{color:#65e5c0}
body #products .spot-title-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
body #products .spot-bestseller{font-size:9px;padding:4px 6px;letter-spacing:.05em;margin:0}
body #products .spot-lineup>.spot-bestseller{position:absolute;top:12px;right:12px;z-index:3}
body #products .spot-team-price{font:600 14px Inter,sans-serif;color:#fff;display:block;margin-top:9px;text-shadow:0 2px 6px #001018}
body #products .spot-team-price small{font-size:11px;font-weight:400;color:#c4e5ef}
.fl-cart-email-label{display:block;font:600 13px Inter,sans-serif;color:#e8f8ff;margin:12px 0 6px}
.fl-cart-email{width:100%;border:1px solid #296575;border-radius:9px;background:#061b28;color:white;font:16px Inter,sans-serif;padding:12px;min-height:44px;box-sizing:border-box}
.fl-cart-email:focus-visible{outline:2px solid #65e5c0;outline-offset:2px}
.fl-cart-item p{overflow-wrap:anywhere}
body.building-pack #main{padding-top:76px}
body.building-pack .fl-site-nav{z-index:30}
body.building-pack .pack-heading{padding-right:0!important}
body.building-pack .pack-back{margin-left:auto}
@media(max-width:1000px){body #products .spot-grid{grid-template-columns:1fr 1.15fr;gap:10px}body #products .spot-right{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}body #products .spot-team-pack>img{object-position:43% center!important}body #products .spot-card .spot-card-copy{inset:auto 12px 7px!important}body #products .spot-card h2{font-size:28px!important}}
@media(max-width:700px){body #products .spot-grid{display:block}body #products .spot-team-pack{display:block;aspect-ratio:4/5;min-height:0;margin-bottom:10px}body #products .spot-right{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body #products .spot-card{aspect-ratio:4/5}body #products .spot-card .spot-card-copy{inset:auto 10px 4px!important}body #products .spot-card h2{font-size:clamp(23px,5.4vw,35px)!important}body #products .spot-team-pack h2{font-size:44px!important}body #products .spot-team-pack .spot-card-copy{inset:auto 16px 8px!important}body #products .spot-build-link{font-size:10px;gap:7px}body #products .spot-bestseller{font-size:8px;padding:3px 5px}body #products .spot-card::after{background:linear-gradient(180deg,transparent 59%,rgba(0,15,23,.16) 70%,rgba(0,15,23,.96) 100%)!important}}
@media(prefers-reduced-motion:reduce){.spot-card,.spot-card *{transition:none!important}}
@media(max-width:700px){body #products .spot-right .spot-card{height:auto!important;aspect-ratio:4/5}body #products .spot-lineup>.spot-bestseller{top:9px;right:9px}}
/* Equal title slots align adjacent cards even when a title wraps. */
body #products .spot-right .spot-card-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:none}
body #products .spot-right .spot-card h2{min-height:2.04em;display:flex;align-items:flex-end}
@media(min-width:701px) and (max-width:1000px){body #products .spot-right{height:960px}}
/* Give every product equal visibility on phones rather than a full-screen Team Pack. */
@media(max-width:700px){
  body #products .spot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body #products .spot-right{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto;gap:9px}
  /* Explicit heights avoid WebKit collapsing grids with absolute-positioned images. */
  body #products .spot-card,body #products .spot-right .spot-card{height:clamp(210px,61vw,420px)!important;min-height:210px;aspect-ratio:auto}
  body #products .spot-team-pack{grid-column:1/-1;margin:0;min-height:0;height:auto!important;aspect-ratio:auto}
  body #products .spot-team-pack>img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important}
  body #products .spot-team-pack h2{font-size:clamp(23px,5.4vw,35px)!important}
  body #products .spot-team-pack .spot-card-copy{inset:auto 10px 4px!important}
  body #products .spot-team-price{font-size:11px;margin-top:5px}
  body #products .spot-card h2{min-height:2.04em;display:flex;align-items:flex-end}
}
