:root{--glass-fill:linear-gradient(135deg,#ffffff24,#ffffff07 48%,#ffffff14);--glass-edge:#ffffff70;--glass-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #a8894320,0 5px 20px #5946190a;--ease-glass:cubic-bezier(.22,.75,.25,1)}
.site-header,html.jd-mobile-lite .site-header{background:linear-gradient(115deg,#fffdf03d,#fffaf021);backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%);box-shadow:0 1px 0 #ffffff80,0 4px 18px #56422109}
.btn,.header-cta,.menu-toggle,.fb-icon-btn,.submit-btn,nav.main-nav a,.field input,.field select,.field textarea,.selected-product-row select,.selected-product-remove,#copyManualMessageBtn{transition:background-color .22s var(--ease-glass),box-shadow .22s var(--ease-glass),border-color .22s var(--ease-glass),transform .22s var(--ease-glass);-webkit-tap-highlight-color:transparent}
.btn,.header-cta,.menu-toggle,.submit-btn,.card-btn{animation:none!important}
.header-cta::before,.btn::before,.card-btn::before{display:none}
.catalog-grid .jersey-card{overflow:hidden;border-radius:18px;background:var(--glass-fill);backdrop-filter:blur(3px)}
.catalog-grid .card-body{background:transparent}
.card-btn,.submit-btn,.btn-primary{background:var(--glass-fill);box-shadow:var(--glass-shadow)}
.catalog-grid .jersey-card .card-btn{border-radius:12px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #b58b4360;outline-offset:2px;border-color:#a67c36;background:#fff5;box-shadow:0 0 0 4px #dfc28316}
.status,.gallery-hint{border:1px solid #ffffff66;border-radius:999px;background:#fff3;box-shadow:inset 0 1px 0 #fff5}
.process-list .process-item{border-radius:18px;background:var(--glass-fill)}
.orbit-toggle,.review-controls button,#viewerZoom,.lightbox-nav,.lightbox-close,.review-reader-close{background:linear-gradient(135deg,#ffffff22,#ffffff08)!important;border:1px solid #ffffff55!important;box-shadow:inset 0 1px 0 #ffffff40,0 4px 14px #0001!important;backdrop-filter:blur(6px)}
.review-universe .voice-review,.review-universe{box-shadow:inset 0 1px 0 #ffffff2e,0 14px 40px #342b1815}
.review-controls button,.orbit-toggle,.review-reader-close{transition:background .2s,transform .2s var(--ease-glass)}
@media(hover:hover){.review-controls button:hover,.orbit-toggle:hover{background:#ffffff25!important}}
.btn:active,.submit-btn:active,.menu-toggle:active,.review-controls button:active{transform:scale(.98)}
.reveal,.reveal.in,.sx,.sx.sx-in{filter:none!important}
@media(max-width:800px){.catalog-grid .jersey-card{border-radius:12px}.site-header,html.jd-mobile-lite .site-header{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}nav.main-nav{transition:transform .3s var(--ease-glass),visibility .3s}nav.main-nav.open{background:linear-gradient(130deg,#fffcf09e,#f6e8c37a);backdrop-filter:blur(12px)}.field input,.field select,.field textarea{font-size:16px}}
/* Draw the spiral once, then animate its composite layer only. */
#introScreen.cosmic-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#302b5140,transparent 55%),#050712;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s!important;cursor:default}
#introScreen.cosmic-intro.intro-hidden{opacity:0;visibility:hidden;pointer-events:none}
.cosmic-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#d9e6ffbb 1px,transparent 1.5px),radial-gradient(circle,#fff9 1px,transparent 1.4px);background-size:173px 157px,283px 229px;background-position:35px 45px,110px 90px;opacity:.55}
.galaxy-plane{position:absolute;left:50%;top:42%;width:min(105vw,1050px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-23deg) scaleY(.63);pointer-events:none}
#cosmicGalaxy{display:block;width:100%;height:100%;animation:cosmicTurn 3.4s cubic-bezier(.2,.5,.3,1) both;will-change:transform}
@keyframes cosmicTurn{from{transform:rotate(-16deg) scale(.8);opacity:0}18%{opacity:1}to{transform:rotate(12deg) scale(1.08);opacity:1}}
.cosmic-brand{position:absolute;top:65%;text-align:center;color:#fff6df;padding:0 20px;animation:cosmicBrand .8s .3s both}
.cosmic-brand span{display:block;font:9px var(--font-mono);letter-spacing:.3em;color:#dbbc80}
.cosmic-brand strong{display:block;font:500 clamp(30px,5vw,58px)/1.25 var(--font-body);letter-spacing:.1em;margin:12px 0}
.cosmic-brand small{font:12px var(--font-body);color:#c3bfd2;letter-spacing:.04em}
@keyframes cosmicBrand{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cosmic-skip{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));right:24px;border:1px solid #ffffff55;border-radius:99px;background:linear-gradient(135deg,#ffffff1f,#ffffff08);backdrop-filter:blur(6px);color:#fff3d7;padding:12px 18px;min-height:44px;cursor:pointer;font:11px var(--font-mono)}
.cosmic-skip span{margin-left:12px}
html.jd-mobile-lite #cosmicGalaxy{animation:cosmicTurn 3.4s cubic-bezier(.2,.5,.3,1) both!important}
html.jd-mobile-lite .cosmic-brand{animation:cosmicBrand .8s .3s both!important}
#introScreen.intro-hidden #cosmicGalaxy{animation-play-state:paused!important;will-change:auto}
@media(max-width:600px){.galaxy-plane{width:150vw;top:39%;transform:translate(-50%,-50%) rotate(-24deg) scaleY(.72)}.cosmic-brand{top:61%}.cosmic-brand strong{font-size:30px;letter-spacing:.06em}.cosmic-brand span{font-size:8px;letter-spacing:.22em}.cosmic-skip{right:50%;transform:translateX(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#cosmicGalaxy,.cosmic-brand,html.jd-mobile-lite #cosmicGalaxy,html.jd-mobile-lite .cosmic-brand{animation:none!important}.btn,.submit-btn,.menu-toggle{transition:none!important}}
#introScreen #cosmicGalaxy{display:block!important}

/* Original brand mark at the heart of the galaxy. */
#introScreen .cosmic-brand{top:42%;left:50%;padding:0;transform:translate(-50%,-50%);animation:none!important}
.cosmic-brand-logo{display:block;width:clamp(140px,19vw,220px);height:auto;border-radius:50%;border:1px solid #f4dc9a99;box-shadow:0 0 32px #e4bb6440,0 0 80px #c7ac6622;animation:logoArrive .9s ease-out both}
@keyframes logoArrive{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
html.jd-mobile-lite .cosmic-brand-logo{animation:logoArrive .9s ease-out both!important}
@media(max-width:600px){#introScreen .cosmic-brand{top:39%}.cosmic-brand-logo{width:155px}}
@media(prefers-reduced-motion:reduce){.cosmic-brand-logo,html.jd-mobile-lite .cosmic-brand-logo{animation:none!important}}
/* Cinematic brand reveal: soft arrival, orbital light, and a long dissolve. */
#introScreen.cosmic-intro{background:radial-gradient(ellipse at 50% 42%,#36295155,transparent 53%),radial-gradient(ellipse at 22% 62%,#1b386026,transparent 50%),#030510;transition:opacity .85s ease,visibility .85s!important}
#introScreen .galaxy-plane{transition:opacity .8s ease,filter .8s ease}
#introScreen #cosmicGalaxy,html.jd-mobile-lite #introScreen #cosmicGalaxy{animation:galaxyCinema 4.1s cubic-bezier(.15,.55,.3,1) both!important}
@keyframes galaxyCinema{0%{opacity:0;transform:rotate(-22deg) scale(.68)}22%{opacity:.85}65%{opacity:1}100%{opacity:1;transform:rotate(18deg) scale(1.14)}}
#introScreen .cosmic-brand-logo,html.jd-mobile-lite #introScreen .cosmic-brand-logo{position:relative;z-index:2;animation:brandCinema 1.7s .15s cubic-bezier(.2,.7,.25,1) both!important;box-shadow:0 0 0 5px #ffe4a909,0 0 42px #e4bb6440,0 0 100px #9b78cb25;transition:opacity .6s ease,scale .8s ease}
@keyframes brandCinema{0%{opacity:0;transform:scale(.82)}55%{opacity:.85}100%{opacity:1;transform:scale(1)}}
#introScreen .cosmic-brand::before{content:'';position:absolute;inset:-34%;border-radius:50%;background:radial-gradient(circle,transparent 39%,#f3d39818 48%,#b7bfff12 55%,transparent 69%);animation:haloCinema 3.8s ease-out both;pointer-events:none}
#introScreen .cosmic-brand::after{content:'';position:absolute;z-index:3;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#fff6d900 35%,#fff6d945 49%,#fff6d900 62%,transparent 80%);background-size:250% 100%;animation:brandSheen 2.6s .35s ease-in-out both}
@keyframes haloCinema{from{opacity:0;transform:scale(.6)}50%{opacity:1}to{opacity:.7;transform:scale(1.15)}}
@keyframes brandSheen{0%,15%{opacity:0;background-position:140% 0}35%{opacity:.7}75%,100%{opacity:0;background-position:-80% 0}}
html.jd-mobile-lite #introScreen .cosmic-brand::before{animation:haloCinema 3.8s ease-out both!important}
html.jd-mobile-lite #introScreen .cosmic-brand::after{animation:brandSheen 2.6s .35s ease-in-out both!important}
#introScreen .cosmic-stars{animation:starsArrive 2.2s ease both}
@keyframes starsArrive{from{opacity:0}to{opacity:.65}}
#introScreen.intro-hidden .cosmic-brand-logo{opacity:0;scale:1.06}
#introScreen.intro-hidden .galaxy-plane{opacity:.25}
#introScreen .cosmic-skip{border-color:#ead7a63d;color:#e9dcbd;transition:background .2s ease}
#introScreen .cosmic-skip:hover{background:#ffffff20}
@media(prefers-reduced-motion:reduce){#introScreen #cosmicGalaxy,html.jd-mobile-lite #introScreen #cosmicGalaxy,#introScreen .cosmic-brand-logo,html.jd-mobile-lite #introScreen .cosmic-brand-logo,#introScreen .cosmic-brand::before,#introScreen .cosmic-brand::after,html.jd-mobile-lite #introScreen .cosmic-brand::before,html.jd-mobile-lite #introScreen .cosmic-brand::after{animation:none!important}#introScreen.cosmic-intro{transition:opacity .2s,visibility .2s!important}}
/* A single polished glint at the edge of the brand mark. */
#introScreen .logo-star{position:absolute;z-index:5;right:1%;top:3%;width:36px;height:36px;pointer-events:none;filter:drop-shadow(0 0 5px #ffe3a4) drop-shadow(0 0 13px #e5b96088);animation:logoStarShine 2.8s .35s ease-in-out both}
#introScreen .logo-star svg{display:block;width:100%;height:100%}
@keyframes logoStarShine{0%{opacity:0;transform:scale(.25) rotate(-18deg)}30%{opacity:1;transform:scale(1.1) rotate(0deg)}55%{opacity:.6;transform:scale(.8) rotate(8deg)}80%{opacity:1;transform:scale(1) rotate(0deg)}100%{opacity:.65;transform:scale(.85)}}
html.jd-mobile-lite #introScreen .logo-star{animation:logoStarShine 2.8s .35s ease-in-out both!important}
@media(max-width:600px){#introScreen .logo-star{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){#introScreen .logo-star,html.jd-mobile-lite #introScreen .logo-star{animation:none!important}}

#introScreen .logo-star{width:54px;height:54px;right:-3%;top:0}
@media(max-width:600px){#introScreen .logo-star{width:44px;height:44px}}
/* Stronger gold glint and a brighter, single logo light sweep. */
#introScreen .logo-star{filter:drop-shadow(0 0 5px #fff8df) drop-shadow(0 0 13px #ffe5a6) drop-shadow(0 0 24px #e7b857bb)}
#introScreen .cosmic-brand::after{background-image:linear-gradient(115deg,transparent 20%,#fff6d900 34%,#fffbed99 49%,#fff6d900 64%,transparent 80%)}
#introScreen .cosmic-brand-logo{box-shadow:0 0 0 5px #ffe4a915,0 0 45px #e4bb6466,0 0 95px #e5c67b33}
@keyframes brandSheen{0%,15%{opacity:0;background-position:140% 0}35%{opacity:1}75%,100%{opacity:0;background-position:-80% 0}}
@keyframes logoStarShine{0%{opacity:0;transform:scale(.25) rotate(-18deg)}30%{opacity:1;transform:scale(1.18) rotate(0deg)}55%{opacity:.85;transform:scale(.92) rotate(8deg)}80%{opacity:1;transform:scale(1.1) rotate(0deg)}100%{opacity:.9;transform:scale(1)}}
/* A quiet football signature, with no flashing or perpetual bounce. */
.hero-stamp-wrap{transform:none!important;will-change:auto;right:38px;top:116px}
.hero-stamp{width:142px;height:154px;border:1px solid #b4985e55;border-radius:72px 72px 26px 26px;transform:none;background:linear-gradient(135deg,#fff8,#ffffff16);backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 #fffa,0 8px 24px #7055250a;transition:border-color .3s,box-shadow .3s}
.hero-stamp::before{inset:7px;border:1px solid #b4985e24;border-radius:inherit;animation:none}
.celebrate-figure,.celebrate-arm,.celebrate-text{animation:none!important}
.celebrate-figure{gap:7px;transform:none}
.celebrate-figure svg{width:42px;height:42px;transition:transform .35s cubic-bezier(.2,.8,.25,1)}

.celebrate-text{font:600 20px/1 var(--font-body);letter-spacing:.16em;color:#6c532c;opacity:1;text-shadow:none}
.siuuu-dot{color:#bd9346;letter-spacing:0}
.siuuu-caption{font:6.5px var(--font-mono);letter-spacing:.1em;color:#8a7a60;white-space:nowrap}
footer .celebrate-figure{display:inline-flex;align-items:center!important;padding:13px 17px;border:1px solid #b4985e40;border-radius:18px;background:var(--glass-fill);box-shadow:var(--glass-shadow)}
footer .celebrate-figure svg{width:32px;height:32px}footer .celebrate-text{font-size:16px}
@media(hover:hover){.hero-stamp:hover{border-color:#b4985e88;box-shadow:inset 0 1px 0 #fffa,0 8px 24px #70552514}.hero-stamp:hover svg{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.celebrate-figure svg{transition:none}}
/* Jump, open arms, land: SIUUU celebration. */
.hero-stamp{width:148px;height:172px;border-radius:28px}
.celebrate-figure{gap:2px;color:#957030}
.celebrate-figure .siuuu-player{width:74px;height:84px;overflow:visible;transform:none!important}


.celebrate-figure .siuuu-player .siuuu-impact{stroke:currentColor;stroke-width:1;fill:none}
.siuuu-athlete{transform-origin:40px 75px;animation:siuuuJump 3.2s cubic-bezier(.3,.6,.4,1) infinite!important}
.siuuu-arm.left{transform-origin:34px 26px;animation:siuuuLeftArm 3.2s ease-in-out infinite!important}
.siuuu-arm.right{transform-origin:46px 26px;animation:siuuuRightArm 3.2s ease-in-out infinite!important}
.siuuu-shadow{transform-origin:40px 82px;animation:siuuuShadow 3.2s ease-in-out infinite!important}
.siuuu-impact{transform-origin:40px 81px;animation:siuuuImpact 3.2s ease-out infinite!important}
.celebrate-figure .celebrate-text{animation:siuuuShout 3.2s ease-out infinite!important;font-size:20px;letter-spacing:.1em}
@keyframes siuuuJump{0%,10%,85%,100%{transform:translateY(0) scale(1)}18%{transform:translateY(3px) scale(1.04,.9)}38%{transform:translateY(-15px) scale(.91,1.04)}49%{transform:translateY(-12px) scale(1.02)}60%{transform:translateY(2px) scale(1.07,.92)}69%{transform:translateY(0) scale(1)}}
@keyframes siuuuLeftArm{0%,15%,80%,100%{transform:rotate(0)}36%,46%{transform:rotate(130deg)}60%,72%{transform:rotate(25deg)}}
@keyframes siuuuRightArm{0%,15%,80%,100%{transform:rotate(0)}36%,46%{transform:rotate(-130deg)}60%,72%{transform:rotate(-25deg)}}
@keyframes siuuuShadow{0%,18%,60%,100%{transform:scaleX(1);opacity:.15}38%,48%{transform:scaleX(.6);opacity:.06}}
@keyframes siuuuImpact{0%,54%,82%,100%{opacity:0;transform:scale(.6)}60%{opacity:.4;transform:scale(.8)}78%{opacity:0;transform:scale(1.45)}}
@keyframes siuuuShout{0%,48%,88%,100%{transform:scale(1);opacity:.7}60%{transform:scale(1.16);opacity:1}73%{transform:scale(1);opacity:1}}
footer .celebrate-figure .siuuu-player{width:56px;height:64px}
@media(prefers-reduced-motion:reduce){.siuuu-athlete,.siuuu-arm,.siuuu-shadow,.siuuu-impact,.celebrate-figure .celebrate-text{animation:none!important}.siuuu-impact{opacity:0}}
@media(prefers-reduced-motion:no-preference){
html.jd-mobile-lite .celebrate-figure .siuuu-athlete{animation:siuuuJump 3.2s ease-in-out infinite!important}
html.jd-mobile-lite .celebrate-figure .siuuu-arm.left{animation:siuuuLeftArm 3.2s ease-in-out infinite!important}
html.jd-mobile-lite .celebrate-figure .siuuu-arm.right{animation:siuuuRightArm 3.2s ease-in-out infinite!important}
html.jd-mobile-lite .celebrate-figure .siuuu-shadow{animation:siuuuShadow 3.2s ease-in-out infinite!important}
html.jd-mobile-lite .celebrate-figure .siuuu-impact{animation:siuuuImpact 3.2s ease-out infinite!important}
html.jd-mobile-lite .celebrate-figure .celebrate-text{animation:siuuuShout 3.2s ease-out infinite!important}
}

/* More natural anticipation, airborne turn, and a planted celebration. */
.celebrate-figure .siuuu-player{width:92px;height:108px}
footer .celebrate-figure .siuuu-player{width:70px;height:82px}
.hero-stamp{height:190px}


.siuuu-athlete{transform-origin:50px 110px}
.siuuu-body{transform-box:view-box;transform-origin:50px 57px;animation:siuuuTurn 3.2s ease-in-out infinite!important}
.siuuu-arm.left{transform-origin:38px 35px}.siuuu-arm.right{transform-origin:62px 35px}
.siuuu-leg{transform-box:view-box}.siuuu-leg.left{transform-origin:43px 66px;animation:siuuuLeftLeg 3.2s ease-in-out infinite!important}.siuuu-leg.right{transform-origin:57px 66px;animation:siuuuRightLeg 3.2s ease-in-out infinite!important}
.siuuu-shadow,.siuuu-impact{transform-origin:50px 111px}
@keyframes siuuuJump{0%,8%{transform:translateY(0) scale(1)}17%{transform:translateY(3px) scale(1.04,.86)}29%{transform:translateY(-18px) scale(.98,1.03)}40%{transform:translateY(-22px)}51%{transform:translateY(-10px)}58%{transform:translateY(3px) scale(1.06,.9)}67%,88%{transform:translateY(0) scale(1)}100%{transform:translateY(0)}}
@keyframes siuuuTurn{0%,18%{transform:scaleX(1) rotate(0deg)}29%{transform:scaleX(.6) rotate(-7deg)}38%{transform:scaleX(.18) rotate(-4deg)}48%{transform:scaleX(.75) rotate(3deg)}57%,100%{transform:scaleX(1) rotate(0deg)}}
@keyframes siuuuLeftArm{0%,12%{transform:rotate(-10deg)}18%{transform:rotate(-24deg)}32%,41%{transform:rotate(145deg)}52%{transform:rotate(65deg)}60%,86%{transform:rotate(12deg)}100%{transform:rotate(-10deg)}}
@keyframes siuuuRightArm{0%,12%{transform:rotate(10deg)}18%{transform:rotate(24deg)}32%,41%{transform:rotate(-145deg)}52%{transform:rotate(-65deg)}60%,86%{transform:rotate(-12deg)}100%{transform:rotate(10deg)}}
@keyframes siuuuLeftLeg{0%,17%{transform:rotate(-13deg)}32%,43%{transform:rotate(-23deg)}57%,88%{transform:rotate(8deg)}100%{transform:rotate(-13deg)}}
@keyframes siuuuRightLeg{0%,17%{transform:rotate(13deg)}32%,43%{transform:rotate(23deg)}57%,88%{transform:rotate(-8deg)}100%{transform:rotate(13deg)}}
@media(prefers-reduced-motion:no-preference){html.jd-mobile-lite .celebrate-figure .siuuu-body{animation:siuuuTurn 3.2s ease-in-out infinite!important}html.jd-mobile-lite .celebrate-figure .siuuu-leg.left{animation:siuuuLeftLeg 3.2s ease-in-out infinite!important}html.jd-mobile-lite .celebrate-figure .siuuu-leg.right{animation:siuuuRightLeg 3.2s ease-in-out infinite!important}}
@media(prefers-reduced-motion:reduce){.siuuu-body,.siuuu-leg{animation:none!important}}

.hero-stamp{width:164px;height:216px}
.celebrate-figure .siuuu-player{width:112px;height:140px}
footer .celebrate-figure .siuuu-player{width:88px;height:108px}
/* Keep the hero celebration above the hero text's transparent wrapper. */
.hero-stamp-wrap{z-index:3;pointer-events:auto}
.hero-stamp{cursor:pointer}
.hero-stamp::before{pointer-events:none}