.mobile-campaign{display:none;--campaign-blue-gradient:var(--store-gradient);--campaign-red-gradient:linear-gradient(128deg,#951026 0%,#c8122b 70%,#e12844 100%);--campaign-navy:#0b2948;--campaign-red:#c8122b}
@media(min-width:0px){
 .mobile-campaign{display:block;margin:16px 0 0;color:#fff}
 .mobile-viewport{position:relative;width:100%;height:min(56.25vw,230px,33svh);height:min(56.25vw,230px,33dvh);overflow:hidden;border-radius:16px;background:var(--store-gradient,#010080);touch-action:pan-y pinch-zoom}
 .mobile-slide{position:absolute;inset:0;isolation:isolate}
 .mobile-slide[hidden]{display:none!important}
 .mobile-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
 .mobile-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,34,.35),rgba(4,17,34,.12) 56%,transparent);z-index:-1}
 .mobile-slide-copy{position:absolute;left:48px;right:45px;top:calc(50% - 14px);transform:translateY(-50%);text-shadow:0 1px 12px #020b18}
 .mobile-slide-copy h2{font-size:clamp(21px,5.8vw,28px);line-height:1.02;max-width:190px;margin:0 0 7px;color:#fff;font-weight:900;letter-spacing:-.035em}
 .mobile-kicker{display:block;max-width:210px;font-size:8px;font-weight:800;letter-spacing:.1em;color:#a7d4ff;margin-bottom:7px}
 .mobile-badge{display:table;font-size:10px;letter-spacing:.04em;background:#e32435;color:white;padding:4px 7px;margin:0 0 6px;border-radius:3px;text-shadow:none}
 .mobile-slide-copy p{font-size:11px;line-height:1.25;margin:0 0 4px;color:white}
 .mobile-slide-copy small{display:block;font-size:10px;font-weight:750;margin-bottom:4px;color:#fff}
 .mobile-slide-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:7px 13px;border-radius:7px;background:#d80d21;color:white;font-size:12px;font-weight:850;text-decoration:none;text-shadow:none;box-shadow:0 3px 12px #060c2240}
 .mobile-slide-cta::after{content:'→';font-size:17px}
 .mobile-slide[data-slide=shipping] .mobile-slide-cta{background:#fff;color:#092b4c}
 .mobile-slide[data-slide=partners] .mobile-slide-cta{background:#126ed0}
 .mobile-arrow{position:absolute;top:50%;transform:translateY(-50%);height:40px;width:40px;border:1px solid #ffffff70;border-radius:50%;background:#01008066;color:white;font-size:29px;line-height:1;cursor:pointer;padding:0}
 .mobile-prev{left:4px}.mobile-next{right:4px}
 .mobile-dots{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex}
 .mobile-dot{display:grid;place-items:center;width:40px;height:28px;background:transparent;border:0;padding:0;cursor:pointer}
 .mobile-dot span{width:7px;height:7px;border-radius:50%;background:#ffffff70;border:1px solid white}
 .mobile-dot[aria-current=true] span{width:17px;border-radius:8px;background:#018bb9}
 .mobile-campaign :focus-visible{outline:3px solid white;outline-offset:1px}
 #promotion-banner{display:block;padding:0;margin:12px 0 24px;background:none;box-shadow:none;border-radius:0;overflow:visible;color:#010080}
 #promotion-banner[hidden]{display:none}
 #promotion-banner>.promotion-copy{display:none}
 #promotion-banner .promotion-showcase{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px;align-items:stretch;scroll-margin-top:100px}
 #promotion-banner .promotion-product{flex:0 0 140px;scroll-snap-align:start;border:1px solid #d7e2ef;padding:10px}
 #promotion-banner .promotion-product img{height:100px}
 #promotion-banner .promotion-pack{order:-1;flex:0 0 280px;scroll-snap-align:start;color:#010080;background:#eef5fb;border-color:#d7e2ef;display:flex;flex-direction:column;gap:6px;padding:12px}
 #promotion-banner .promotion-pack-photos{flex:none;width:100%}
 #promotion-banner .promotion-pack-photos img{height:65px}
 #promotion-banner .promotion-pack strong,#promotion-banner .promotion-pack>div>span,#promotion-banner .promotion-pack s{color:#010080}
}
@media(max-width:360px){.mobile-slide[data-slide=pack] .mobile-kicker{display:none}.mobile-kicker{font-size:7px;margin-bottom:4px}.mobile-badge{padding:3px 6px;font-size:9px;margin-bottom:4px}.mobile-slide-copy h2{font-size:21px;max-width:160px;margin-bottom:5px}.mobile-slide-copy p{font-size:10px}.mobile-slide-copy small{font-size:9px}}
@media(max-width:767px) and (max-height:560px){.mobile-slide-copy h2{font-size:17px}.mobile-slide-copy p,.mobile-slide-copy small,.mobile-kicker,.mobile-badge{display:none}.mobile-slide-cta{min-height:40px}.mobile-slide-copy{transform:translateY(-55%)}}

/* Commercial direction: oversized real products, athletic type and corporate diagonals. */
@media(min-width:0px){
 .mobile-viewport{border-radius:4px;background:var(--campaign-blue-gradient);box-shadow:0 8px 24px #0b294818}
 .mobile-slide{background:linear-gradient(115deg,transparent 0%,transparent 63%,#106dc5 63%,#0877e8 80%,#fff 80%),var(--campaign-blue-gradient)}
 .mobile-slide::before{inset:-60% 20% -60% auto;width:8%;transform:rotate(32deg);background:#ffffff0c;z-index:-1}
 .mobile-slide::after{content:'';position:absolute;left:0;top:0;width:45%;height:5px;background:var(--campaign-red-gradient);z-index:1}
 .commercial-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}
 .commercial-orbit{position:absolute;right:3%;bottom:15%;width:43%;height:9%;border-radius:50%;background:#0003;filter:blur(6px)}
 .commercial-product{position:absolute;object-fit:contain;filter:drop-shadow(2px 9px 4px #0003);width:37%;height:83%;bottom:10%;right:0;transform:rotate(8deg)}
 .commercial-product.product-0{right:10%;width:40%;height:87%;bottom:9%;transform:rotate(-8deg);z-index:2}
 .commercial-product.product-1{right:-5%;height:56%;width:26%;bottom:11%;transform:rotate(9deg);z-index:3}
 .commercial-product.product-2{right:23%;height:70%;width:32%;bottom:16%;transform:rotate(-15deg);z-index:1}
 .commercial-signature{position:absolute;right:7%;top:12%;font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;font-size:26px;line-height:.9;letter-spacing:-.03em;color:var(--campaign-navy);display:none}
 .commercial-signature>span{display:block;font-family:Arial,sans-serif;font-style:normal;font-size:5px;letter-spacing:.08em;margin-top:5px}
 .mobile-slide-copy{left:44px;right:auto;width:47%;top:calc(50% - 7px);text-shadow:none;z-index:4}
 .mobile-kicker{font-size:7px;letter-spacing:.07em;margin-bottom:6px;max-width:100%;color:#aec1d8}
 .mobile-slide-copy h2{font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;font-style:italic;font-weight:900;font-size:clamp(23px,7.2vw,42px);line-height:.96;letter-spacing:-.035em;max-width:100%;margin-bottom:7px;text-wrap:balance}
 .mobile-slide-copy p{font-size:clamp(9px,2.35vw,12px);line-height:1.25;max-width:95%;font-weight:650;margin-bottom:7px}
 .mobile-slide-copy small{font-size:9px;margin:0 0 6px}
 .mobile-badge{background:var(--campaign-red-gradient);font-size:10px;border-radius:0;padding:4px 6px;transform:skew(-5deg)}
 .mobile-slide-cta{min-height:32px;padding:6px 9px;font-size:10px;border-radius:2px;background:var(--campaign-red-gradient);gap:5px;box-shadow:none}
 .mobile-slide-cta::after{font-size:14px}
 .mobile-arrow{background:#0b294880;border:1px solid #ffffff50;width:40px;height:40px;font-size:25px;z-index:5}
 .mobile-prev{left:0}.mobile-next{right:0}
 .mobile-dots{z-index:6;background:#0b294830;border-radius:20px;bottom:0}
 .mobile-dot{width:30px;height:24px}.mobile-dot[aria-current=true] span{background:#fff}
 .mobile-slide[data-slide=shipping]{background:linear-gradient(120deg,#fff 0%,#fff 58%,#e9edf4 58%,#e9edf4 72%,transparent 72%),var(--campaign-blue-gradient)}
 .mobile-slide[data-slide=shipping] .mobile-slide-copy h2{color:var(--campaign-navy)}
 .mobile-slide[data-slide=shipping] .mobile-slide-copy p{color:#25304a}
 .mobile-slide[data-slide=shipping] .mobile-kicker{color:var(--campaign-red)}
 .mobile-slide[data-slide=shipping] .mobile-slide-cta{background:var(--campaign-blue-gradient);color:white}
 .mobile-slide[data-slide=shipping] .commercial-product.product-2{display:none}
 .mobile-slide[data-slide=shipping] .commercial-product.product-0{right:8%;height:88%;bottom:5%;width:38%}
 .mobile-slide[data-slide=partners]{background:linear-gradient(115deg,transparent 0%,transparent 58%,#951026 58%,#b4122c 65%,#fff 65%,#fff 87%,#0b2948 87%,#106dc5 100%),var(--campaign-red-gradient)}
 .mobile-slide[data-slide=partners] .commercial-signature{display:block;right:9%;top:24%;font-size:clamp(27px,8vw,46px)}
 .mobile-slide[data-slide=partners] .commercial-product{display:none}
 .mobile-slide[data-slide=partners] .commercial-product.product-1{display:block;right:12%;height:42%;width:23%;bottom:6%;transform:rotate(10deg)}
 .mobile-slide[data-slide=partners] .commercial-orbit{bottom:7%;width:23%;right:12%}
 .mobile-slide[data-slide=partners] .mobile-slide-cta{background:var(--campaign-blue-gradient)}
 .mobile-slide[data-slide=partners] .mobile-kicker{color:white}
 .mobile-slide[data-slide=black-friday]{background:linear-gradient(115deg,#071424 0%,#0b2948 60%,#951026 60%,#c8122b 83%,#0b3359 83%,#106dc5 100%)}
}
@media(max-width:360px){.mobile-slide-copy h2{font-size:24px}.mobile-kicker{font-size:6px;margin-bottom:4px}.mobile-slide-copy p{font-size:9px;margin-bottom:4px}.mobile-slide-copy small{font-size:8px}.mobile-badge{font-size:9px;padding:3px 5px;margin-bottom:4px}.mobile-slide-cta{font-size:9px;min-height:29px}.mobile-slide-copy{width:46%;top:calc(50% - 6px)}}
@media(max-width:767px) and (max-height:560px){.mobile-slide-copy h2{font-size:20px}.mobile-slide-copy p,.mobile-slide-copy small,.mobile-kicker,.mobile-badge{display:none}.mobile-slide-cta{min-height:28px}}

/* Desktop uses the same campaign carousel with roomier type and artwork. */
@media(min-width:768px){
.mobile-campaign{margin:18px 0 0}
.mobile-viewport{height:320px;border-radius:16px}
.mobile-slide-copy{left:72px;width:46%;top:calc(50% - 8px)}
.mobile-kicker{font-size:12px;margin-bottom:12px}
.mobile-slide-copy h2{font-size:clamp(32px,4.3vw,58px);max-width:540px;margin-bottom:12px}
.mobile-slide-copy p{font-size:16px;margin-bottom:10px}
.mobile-slide-copy small{font-size:13px;margin-bottom:10px}
.mobile-badge{font-size:15px;padding:6px 10px;margin-bottom:10px}
.mobile-slide-cta{font-size:14px;min-height:42px;padding:10px 18px}
.mobile-prev{left:12px}.mobile-next{right:12px}
.mobile-slide[data-slide=partners] .commercial-signature{font-size:64px}
#promotion-banner .promotion-showcase{gap:14px}
#promotion-banner .promotion-product{flex:1 1 150px;min-width:140px;max-width:220px}
#promotion-banner .promotion-pack{flex:1.5 0 300px}
#products.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Limited Halloween artwork; live text stays crisp and readable on all screens. */
.mobile-slide[data-slide=halloween]{background:#10090c}
.mobile-slide[data-slide=halloween]::before{inset:0;transform:none;width:100%;background:linear-gradient(90deg,#08090be8 0%,#08090b77 48%,transparent 75%);z-index:-1}
.mobile-slide[data-slide=halloween]::after{display:none}
.mobile-slide[data-slide=halloween] .halloween-art{object-position:center;z-index:-2}
.mobile-slide[data-slide=halloween] .mobile-slide-copy{width:61%;text-shadow:0 2px 15px #000}
.mobile-slide[data-slide=halloween] h2{color:#ffb02e;font-size:clamp(24px,7vw,70px);letter-spacing:.01em;text-shadow:0 2px 3px #6d1100,0 0 22px #ff3a1666}
.mobile-slide[data-slide=halloween] .mobile-kicker{color:#fff;font-size:clamp(7px,1.05vw,12px)}
.mobile-slide[data-slide=halloween] p{color:white;font-weight:800}
.mobile-slide[data-slide=halloween] .mobile-slide-cta{background:#c61229;color:white}
@media(max-width:767px){.mobile-slide[data-slide=halloween] .halloween-art{object-position:65% center}.mobile-slide[data-slide=halloween] .mobile-slide-copy{width:64%;left:42px}.mobile-slide[data-slide=halloween] h2{font-size:clamp(23px,7.4vw,48px)}.mobile-slide[data-slide=halloween] p{font-size:11px}.mobile-slide[data-slide=halloween] .mobile-kicker{font-size:7px}}

/* November 2026 mobile artwork. Campaign data, desktop layout and controls remain owned by existing code. */
@media(max-width:767px){
 .mobile-slide[data-slide=pack] .commercial-art{background:url('/assets/mobile-banners/pack-202611.webp') center/cover no-repeat}
 .mobile-slide[data-slide=shipping] .commercial-art{background:url('/assets/mobile-banners/shipping-202611.webp') center/cover no-repeat}
 .mobile-slide[data-slide=partners] .commercial-art{background:url('/assets/mobile-banners/partners-202611.webp') center/cover no-repeat}
 .mobile-slide[data-slide=shipping] .commercial-product,
 .mobile-slide[data-slide=partners] .commercial-product,
 .mobile-slide[data-slide=shipping] .commercial-orbit,
 .mobile-slide[data-slide=partners] .commercial-orbit,
 .mobile-slide[data-slide=partners] .commercial-signature{display:none}
 .mobile-slide[data-slide=shipping] .mobile-slide-copy h2,
 .mobile-slide[data-slide=shipping] .mobile-slide-copy p{color:#fff}
 .mobile-slide[data-slide=shipping] .mobile-kicker{color:#aec1d8}
 .mobile-slide[data-slide=shipping] .mobile-slide-cta{background:#fff;color:#092b4c}
 .mobile-slide[data-slide=pack] .commercial-product.product-0{right:9%;width:30%;height:69%;bottom:15%}
 .mobile-slide[data-slide=pack] .commercial-product.product-1{right:0;width:23%;height:48%;bottom:15%}
 .mobile-slide[data-slide=pack] .commercial-product.product-2{right:24%;width:23%;height:55%;bottom:17%}
}