/* Mobile-first product studio. Desktop keeps its existing three-column layout. */
.mobile-intro,.mobile-purchase-bar{display:none}
@media(max-width:900px){
 html{scroll-padding-top:132px;scroll-padding-bottom:110px}
 body{min-width:0;font-size:15px;padding-bottom:calc(88px + env(safe-area-inset-bottom));background:#030e17}
 .jersey-nav{height:60px;padding:0 16px;background:#050d14f5}
 .brand img{width:44px;height:44px}.menu-toggle{min-height:44px;margin-right:82px;border-radius:22px;font-size:13px}
 .nav-links{top:60px;max-height:calc(100dvh - 64px);overflow:auto}.nav-links a{min-height:48px;font-size:16px}
 .fl-cart-toggle{top:9px!important;right:14px!important;min-height:44px!important}
 .preview-banner{min-height:34px;padding:7px 12px;gap:6px;font-size:10px}.preview-banner b{font-size:9px}.preview-banner .status-dot{width:4px;height:4px}
 .builder{padding:0 12px 32px;background:radial-gradient(ellipse at 50% 10%,#16445a66,transparent 38%),#030e17}
 .builder-shell{max-width:600px;gap:14px;position:relative}
 .mobile-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 4px 7px;order:-1;width:100%}
 .mobile-intro h2{font-size:38px;letter-spacing:-.015em;margin:0 0 5px}.mobile-intro p{color:#b8ceda;font-size:13px;margin:0}.mobile-intro>span{font-size:10px;color:#90eabc;line-height:1.5;text-align:right;max-width:76px;text-transform:uppercase;letter-spacing:.08em}
 .step-rail{position:sticky;top:60px;z-index:32;margin:0;overflow:visible;gap:4px;padding:5px;background:#061824f5;backdrop-filter:blur(14px);box-shadow:0 8px 18px #0004;border:1px solid #254454;border-radius:12px}
 .rail-step{min-height:48px;gap:7px;border:0;border-radius:8px;padding:8px 5px;justify-content:center;background:transparent}.rail-step.active{border:0;background:#144354;box-shadow:inset 0 0 0 1px #39b4d566}.rail-step strong{font:700 12px Arial;color:#8aaabb;border:1px solid #3d5d6d;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.rail-step.active strong{background:#8be3fa;color:#06222e;border-color:transparent}.rail-step span{font-size:11px;max-width:none;text-transform:none;letter-spacing:0}.rail-step.active span{color:#ecfbff}
 .preview-zone{border:1px solid #244456;border-radius:18px;overflow:clip;background:radial-gradient(ellipse at 50% 40%,#16435970,transparent 65%),#061722;box-shadow:0 14px 38px #0004;gap:0}
 .preview-head{background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 16px;min-height:54px}.preview-head b{font-size:10px}.preview-head span{font-size:11px}.preview-head button{width:44px;min-height:44px;border-radius:50%;border:1px solid #335569;background:#0b293a}
 .preview-toolbar{margin:0 auto 0;gap:8px}.segmented{border-radius:24px}.segmented button{min-height:44px;padding:8px 14px;font-size:12px}.preview-toolbar>button{min-height:44px;border-radius:24px;font-size:12px}
 .art-stage{width:100%;padding:0 10px;max-height:none;min-height:0}.model-viewport{height:clamp(270px,39svh,355px);background:none}.frame-scene{max-width:270px;width:74vw}
 .model-status{font-size:11px;line-height:1.5;min-height:17px;margin:0 4px 9px;color:#bbd4df}
 .model-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 2px 12px}.model-tools button{min-width:0;min-height:44px;padding:7px 4px;font-size:17px;border-radius:10px}.model-tools #resetView,.model-tools #backView{grid-column:span 3;font-size:12px}.model-tools #rotateLeft,.model-tools #rotateRight,.model-tools #zoomIn,.model-tools #zoomOut{grid-column:auto}.model-tools #resetView{grid-column:span 2}.model-tools #backView{grid-column:1/-1;min-height:38px;border-color:transparent;background:transparent;color:#b0d4e5}
 .preview-caption{padding:3px 12px 8px;font-size:9px;gap:8px}.preview-caption span:last-child{display:none}
 .mobile-preview-details{margin:0 14px 12px;border-top:1px solid #234050}.mobile-preview-details>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c1d9e5;cursor:pointer;list-style:none}.mobile-preview-details>summary::after{content:'+';font-size:18px;color:#79d7f3}.mobile-preview-details[open]>summary::after{content:'−'}.mobile-preview-details>summary::-webkit-details-marker{display:none}
 .mount-note{font-size:12px}.render-note{font-size:12px;max-width:none;line-height:1.65}.preview-actions button{font-size:12px;min-height:44px}.save-status{font-size:11px;margin-bottom:5px}
 .builder-side{gap:12px}.price-card{display:none}.controls{background:#071c2a;border-color:#294655;border-radius:18px;box-shadow:none;overflow:clip}.controls-head{padding:23px 18px 20px}.controls-head h1{font-size:32px;margin:8px 0}.controls-head p{font-size:14px;line-height:1.55}.controls-head>span{font-size:10px;letter-spacing:.12em}
 .control-block{padding:22px 16px;border-color:#26404e}.control-block legend{font-size:15px;margin-bottom:16px}.control-block label{font-size:14px}.helper{font-size:12px;line-height:1.7;color:#b0c7d4}.field-error{font-size:13px}
 .sport-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sport-grid button{min-height:76px;border-radius:12px;font-size:12px;gap:7px;padding:10px 5px}.sport-grid button svg{width:27px;height:27px}.sport-grid button.active,.style-grid button.active{background:#154455;border-color:#70d2ed;box-shadow:inset 0 0 0 1px #70d2ed55}
 .style-grid{gap:8px!important}.style-grid button{min-height:88px;font-size:13px!important;border-radius:12px;padding:8px!important}.style-grid button svg{width:48px;height:65px}
 .color-targets{gap:6px}.color-targets button{min-height:50px;font-size:12px;border-radius:10px}.color-targets i{width:19px;height:19px}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:10px;border-radius:12px}.swatches button{min-height:48px;padding:6px;border-radius:10px}.swatches button i{width:29px;height:29px}.swatches button[aria-pressed=true] i{box-shadow:0 0 0 2px #062230,0 0 0 3px #94e4fa}
 #colorLabel{font-size:13px;color:#e0f0f7}.fixed-colors{font-size:12px;flex-wrap:wrap}.custom-color-inline{padding:13px;border-radius:14px}.custom-color-warning,.custom-color-active{font-size:12px}#customHex{font-size:16px}.custom-color-inline>footer button{min-height:48px;font-size:12px}
 input[type=text],input:not([type]),input[type=number]{font-size:16px;min-height:52px;border-color:#406173;border-radius:10px;background:#04131f;padding:13px 12px}.name-number{grid-template-columns:minmax(0,1fr) 80px;gap:10px}.choice{min-height:76px;padding:14px 12px;border-radius:12px}.choice b{font-size:14px}.choice small{font-size:12px}.checkline{min-height:44px;align-items:center;font-size:13px;line-height:1.6}.checkline small{font-size:12px}.optional{display:block;font-size:12px;margin:3px 0 8px}.upload-box{min-height:155px;border-radius:14px}.upload-box small{font-size:12px}.logo-tools{font-size:12px}.logo-tools button{min-height:44px;font-size:12px}.signature-sample{padding:18px}.signature-sample small{font-size:10px}
 .review-title{align-items:center}.review-title h2{font-size:28px}.review-title button{min-height:44px;font-size:12px}.design-summary{font-size:13px;grid-template-columns:95px minmax(0,1fr);gap:0 12px}.design-summary dt,.design-summary dd{padding:10px 0;border-bottom:1px solid #233d4c}.price-breakdown>div{font-size:14px;line-height:1.6}.price-breakdown .total{font-size:16px}.quantity-row{flex-wrap:wrap}.quantity-row small{font-size:12px}.quantity-control{width:148px;flex-shrink:0}.quantity-control button{min-width:44px;min-height:48px}.quantity-control input{width:58px}.controls-footer{padding:18px 16px}.controls-footer .primary{font-size:19px;min-height:52px}.checkout-note{font-size:12px}.trust-strip{font-size:10px;flex-wrap:wrap;justify-content:center;padding:5px 0;gap:12px}
 .mobile-dock{display:none!important}
 .mobile-purchase-bar:not([hidden]){position:fixed;bottom:0;left:0;right:0;z-index:38;display:flex;align-items:center;gap:10px;padding:10px max(12px,calc((100vw - 600px)/2)) calc(10px + env(safe-area-inset-bottom));background:#071a26f5;backdrop-filter:blur(16px);border-top:1px solid #345669;box-shadow:0 -10px 30px #0004}
 .mobile-purchase-bar>button:first-child{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0;border:0;background:transparent;text-align:left;min-height:52px}.mobile-purchase-bar .mini-art{width:40px;height:52px;flex-shrink:0}.mobile-purchase-bar .mini-art svg{width:100%;height:100%}.mobile-purchase-bar .mobile-price-copy{min-width:0;display:grid;gap:2px}.mobile-price-copy strong{font-size:21px;line-height:1.15;letter-spacing:-.03em}.mobile-price-copy small{font-size:11px;color:#a9cbdc;white-space:nowrap}.mobile-purchase-bar .primary{flex:0 1 50%;min-height:52px;padding:10px 12px;font-size:18px;border-radius:12px;box-shadow:none;letter-spacing:.01em}
 .detail-nav{overflow-x:auto;justify-content:flex-start;gap:24px;padding:10px 18px;white-space:nowrap;scrollbar-width:none}.detail-nav a{font-size:15px;min-height:44px}.content-section{padding:44px 20px}.details-intro h2{font-size:46px}.details-copy,.section-copy{font-size:15px;line-height:1.8}.section-heading>p{font-size:13px}.feature-list b{font-size:15px}.feature-list>div{font-size:13px}.inspiration-card>b{font-size:22px}.inspiration-card>small{font-size:11px;flex-wrap:wrap;gap:4px}.spec-card{padding:20px 16px;border-radius:16px}.spec-card table{font-size:13px}.spec-card caption,.spec-note{font-size:12px}.spec-card th{padding-right:12px}.process-grid p,.faq-list p{font-size:14px}.faq-list summary{font-size:15px;line-height:1.5}.owner-notes{font-size:13px}.owner-notes a{overflow-wrap:anywhere}
 .zoom-dialog:has(.three-panel){width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;padding:calc(16px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:#061722;overscroll-behavior:contain}.zoom-dialog>div{max-width:560px}.zoom-dialog h2{font-size:25px;margin:8px 46px 16px}.zoom-dialog .dialog-close{position:sticky;float:right;top:0;z-index:3;border-radius:50%}.zoom-dialog .model-viewport{height:clamp(250px,55svh,560px)}.zoom-dialog:has(.model-inline-editor:not([hidden])) .model-viewport{height:clamp(205px,39svh,390px)}.zoom-dialog .model-tools{margin-inline:10px}.model-inline-editor{border-radius:12px;margin:4px 0 12px;padding:12px}.model-inline-editor label{font-size:13px}.model-inline-editor small{font-size:11px;line-height:1.5}.model-inline-editor input{min-height:48px}.model-inline-editor button{min-height:48px}
 .fl-cart-drawer{padding:20px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));width:100%;max-width:100%;overscroll-behavior:contain}.fl-cart-drawer .fl-cart-footer{position:static}.fl-cart-item{gap:12px}.fl-cart-item h3{font-size:22px}.fl-cart-item p{font-size:13px}.cart-design-details{font-size:13px}.cart-design-details summary{min-height:44px}.cart-design-details dl{font-size:12px}.fl-cart-controls{flex-wrap:wrap}.fl-cart-drawer button{min-height:48px}
 #jerseyForm{scroll-margin-top:0}.control-block input{scroll-margin-top:0}footer{padding-bottom:30px}footer>div a{min-height:44px;display:flex;align-items:center}footer small{font-size:11px}
 .fl-cart-drawer .fl-cart-footer{width:auto;margin:16px 0 0;padding:18px 0 0;left:auto;right:auto}.mobile-studio-ready .controls-footer #nextStep{display:none}.mobile-studio-ready .controls-footer #backStep{width:100%;min-height:44px;background:transparent;border-color:#2a4859}
 .model-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.model-tools #backView{grid-column:span 2;min-height:44px;border-color:#1a4159;background:#092435}.mobile-intro>span{max-width:85px;flex-shrink:0;font-size:9px;letter-spacing:.04em}.mobile-intro h2{font-size:clamp(31px,9vw,38px)}
}
/* Product-first preview: remove the redundant block below the model. */
.preview-zone .mount-note,.preview-zone .preview-caption,.preview-zone .render-note,.preview-zone .preview-actions,.preview-zone .save-status,.mobile-preview-details,.three-panel .flip-frame{display:none!important}
.three-panel:has(.model-viewport[data-state="ready"]) .model-status{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.preview-zone .art-stage{padding:0;max-height:none}
.preview-zone .model-viewport{height:clamp(540px,70svh,760px)}
@media(max-width:900px){.preview-zone .model-viewport{height:clamp(340px,49svh,500px)}.preview-zone .preview-toolbar{margin:0 auto 4px}.preview-zone{padding-bottom:8px}}
@media(max-width:360px){.mobile-intro h2{font-size:30px}.mobile-intro>span{max-width:65px;font-size:8px}.rail-step{gap:4px}.rail-step span{font-size:10px}.control-block{padding-inline:12px}.swatches{gap:3px;padding:7px}.mobile-purchase-bar{gap:6px}.mobile-price-copy strong{font-size:19px}.mobile-price-copy small{overflow:hidden;text-overflow:ellipsis}.mobile-purchase-bar .mini-art{width:30px;height:44px}.mobile-purchase-bar .primary{font-size:16px}.mobile-intro p{font-size:12px}}
@media(min-width:681px) and (max-width:900px){.builder-shell{display:flex;flex-direction:column}.preview-zone,.builder-side{width:100%}.preview-zone{position:static}.step-rail{width:100%}.model-viewport{height:390px}.swatches{grid-template-columns:repeat(8,minmax(0,1fr))}.controls-head h1{font-size:38px}}
@media(max-width:900px){
 .mobile-intro{padding-top:14px;padding-bottom:0}.mobile-intro p,.mobile-intro>span{display:none}.mobile-intro h2{font-size:32px;margin:0}.builder-shell{gap:10px}
 .preview-head{min-height:46px;padding:4px 12px}.preview-head span{display:none}.preview-toolbar{margin-top:0}.model-viewport{height:clamp(210px,29svh,265px)}.preview-caption{display:none}
 .three-panel .model-status{min-height:44px;font-size:10px;padding-right:102px;line-height:1.5;margin:0 2px}.flip-frame{font-size:11px;bottom:0;right:2px;min-height:44px;padding-inline:8px}
 .mobile-preview-details{margin-bottom:0}.mobile-preview-details>summary{font-size:11px;min-height:40px}.controls-head{padding:12px 16px}.controls-head h1{font-size:26px;margin:5px 0}.controls-head p{display:none}.control-block{padding-top:18px}
 .zoom-dialog .model-viewport{height:clamp(250px,55svh,560px)}.zoom-dialog:has(.model-inline-editor:not([hidden])) .model-viewport{height:clamp(205px,39svh,390px)}
}