/* Storefront v0.12: crisp editorial type, warm surfaces, restrained brand accents. */
:root{--red:#e52338;--blue:#168ded;background:#faf9f6;color:#17181c}
html{scroll-padding-top:110px}body{line-height:1.5}.wrap{max-width:1280px}
.nav{max-width:1370px;min-height:91px;padding:10px 32px}.brand-logo{width:255px}
.navlinks{gap:24px}.navlinks a{font-size:13px}.nav-actions{gap:15px}.build-version{display:none}
.strip{background:#12151b;padding:9px 20px;font-size:10px;letter-spacing:2.8px;font-weight:650}
.store-notice{font-size:11px;background:#f0efeb;color:#646873;padding:7px 20px}
.hero{position:relative;padding:86px 32px 92px;background:radial-gradient(ellipse at 78% 45%,#2b3649 0,transparent 48%),#10141c}
.hero-layout{max-width:1280px;grid-template-columns:1.08fr 1fr;gap:28px;min-height:395px}
.hero h1{font-size:clamp(43px,4.5vw,68px);font-weight:900;line-height:1.04;letter-spacing:-3px;margin:20px 0 26px}
.hero h1 em{color:#ff4055;white-space:normal;text-decoration:none}
.hero .eyebrow{font-size:10px;letter-spacing:3px;color:#83c7ff}.hero p{font-size:16px;line-height:1.8;max-width:480px;color:#bac1ce}
.button{font-size:13px;border-radius:5px;padding:15px 23px;transition:background .18s,transform .18s}
.button:hover{transform:translateY(-2px)}.hero .outline{border-color:#566170;background:transparent}
.hero-display{height:390px;transform:none}.hero-feature{width:250px;height:310px}
.hero-feature .composite-shirt{width:100%;height:100%}
.hero-feature:nth-child(1){transform:translate(-125px,8px) rotate(-15deg) scale(.92)}
.hero-feature:nth-child(2){transform:translate(0,-3px) rotate(-3deg);z-index:2}
.hero-feature:nth-child(3){transform:translate(130px,10px) rotate(13deg) scale(.92)}
.hero-feature:hover{filter:brightness(1.1)}
.store-perks{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 24px;border-bottom:1px solid #e3e2dd;gap:30px;font-size:12px;color:#777a83}
.store-perks b{display:block;color:#2f3440;font-size:10px;letter-spacing:1.6px;margin-bottom:5px}
.section{padding:78px 32px;scroll-margin-top:10px}.kicker{display:block;font-size:10px;letter-spacing:2.5px;margin-bottom:13px}
.section h2{font-size:clamp(29px,3.4vw,43px);font-weight:800;letter-spacing:-1.7px}
.section-heading .muted{font-size:14px}.filters{gap:9px;margin:31px 0}
.filter{font-size:12px;font-weight:650;border-color:#e2e1dc;padding:10px 19px;background:transparent}
.filters .active{background:#171b23;border-color:#171b23}.filter:hover{border-color:#9b9da4}
.products{gap:25px}.product{border:1px solid #ebeae5;border-radius:9px;box-shadow:0 2px 4px #15202b02}
.product .art{height:280px;background:#f0efec}.product:nth-child(2n) .art{background:#e9edf0}
.product-info{padding:20px}.product-info .tag{font-size:9px;letter-spacing:1.5px;color:#83858d}
.product-info h3{font-size:16px;font-weight:750;line-height:1.35;margin:8px 0}
.product-info .price{font-size:17px;margin:17px 0 0;font-weight:750}.product-info .price span{font-size:10px}
.watermark-pattern{opacity:.07!important}.bulks{background:#eeefec}.bulkgrid{gap:80px;align-items:center}.custom-steps b{font-size:15px}
.form{border:1px solid #e5e4df;padding:30px;border-radius:10px;box-shadow:0 12px 36px #1b293607}
.form input,.form select,.form textarea{border-color:#dcdedc;background:#fff;border-radius:5px;font-size:14px}
.form input:focus,.form textarea:focus,.form select:focus{outline-width:1px}
.form small{line-height:1.6}.dark{background:#171b23}.account-form{max-width:520px}
#productForm .add-to-cart{background:#171b23;border:0;color:white;letter-spacing:1px}
#productForm .add-to-cart:hover{background:var(--red)}
.footer{padding:54px 32px 20px;text-align:left;background:#11151c}.footer-layout{display:flex;justify-content:space-between;gap:40px}
.footer b{font-size:24px;letter-spacing:-.9px;color:#fff}.footer b span{color:#ff4055}.footer p{color:#8e96a5;font-size:13px}
.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.footer a{font-size:12px;text-decoration:none;color:#c7cbd4}
.footer a:hover{color:white;text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #2a3039;margin-top:38px;padding-top:20px;color:#78818f;font-size:11px}
.faq-page{min-height:65vh}.faq-page>.wrap{max-width:850px}.back-link{display:block;color:#636c7a;font-size:12px;margin-bottom:42px;text-decoration:none}
.faq-list{margin:40px 0}.faq-list details{border-bottom:1px solid #dfdfd9;padding:23px 0}.faq-list summary{cursor:pointer;font-size:16px;font-weight:700;list-style:none;padding-right:30px;position:relative}
.faq-list summary:after{content:'+';position:absolute;right:5px;font-size:22px;font-weight:400;top:-4px}.faq-list details[open] summary:after{content:'−'}
.faq-list p{color:#646975;font-size:14px;line-height:1.8;max-width:740px}
.front-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.front-thumb{height:180px;background:#f1f1ee;margin-top:12px;border-radius:7px;overflow:hidden}
.storefront-editor{max-width:1000px}.storefront-editor .btnrow{display:flex;gap:10px;flex-wrap:wrap}
#frontImageControls{display:grid;gap:12px}#frontImagePreview img{max-width:100%;max-height:260px;object-fit:contain}
.hero.full-banner{padding:0;background:#10141c}.full-banner .hero-layout{display:none}.hero-banner{display:block;width:100%;height:auto}
.hero-banner img{display:block;width:100%;height:clamp(230px,40vw,650px)}
.front-graphic{display:block;width:100%;height:100%}.front-graphic img{width:100%;height:100%;object-fit:contain}
.hero-display.single-graphic{transform:none}.front-wording{display:grid;gap:12px;border-top:1px solid #e3e3df;padding-top:24px;margin-top:12px}
@media(min-width:1500px){.hero-feature{width:280px;height:335px}}
@media(max-width:1050px){.nav{padding:12px 24px}.brand-logo{width:220px}.navlinks{gap:14px}.nav-actions{gap:10px}.hero h1{font-size:48px}.hero-feature{width:220px;height:280px}.hero-feature:nth-child(1){transform:translate(-95px,8px) rotate(-15deg) scale(.92)}.hero-feature:nth-child(3){transform:translate(100px,10px) rotate(13deg) scale(.92)}.products{gap:18px}.product .art{height:245px}.bulkgrid{gap:40px}}
@media(max-width:760px){.navlinks{display:none}.nav{min-height:76px}.brand-logo{width:210px}.hero{padding:50px 24px 36px}.hero-layout{grid-template-columns:1fr;min-height:0;gap:20px}.hero-copy{text-align:center}.hero p{margin:auto}.hero h1{font-size:clamp(38px,7vw,55px)}.hero .btnrow{justify-content:center}.hero-display{height:310px;margin:0;transform:none}.hero-feature{width:220px;height:280px}.store-perks{gap:15px;padding:22px 24px;font-size:11px}.store-perks b{font-size:9px;letter-spacing:.7px}.section{padding:54px 22px}.products{gap:15px}.product .art{height:240px}.product-info{padding:15px}.product-info .price span{display:none}.footer{padding:40px 24px 20px}.footer-layout{flex-direction:column;gap:24px}.footer nav{gap:14px 22px}.front-slots{grid-template-columns:1fr}.front-thumb{height:220px}.hero.full-banner{padding:0}.form{padding:22px}.store-notice{font-size:10px}.bulkgrid{gap:25px}}
@media(max-width:420px){.nav{padding:10px 16px}.brand-logo{width:185px}.nav button{font-size:12px}.strip{letter-spacing:1.3px;font-size:9px}.hero h1{font-size:38px;letter-spacing:-2px}.hero-feature{width:190px;height:250px}.hero-feature:nth-child(1){transform:translate(-78px,8px) rotate(-15deg) scale(.92)}.hero-feature:nth-child(3){transform:translate(83px,10px) rotate(13deg) scale(.92)}.hero-display{height:270px;margin:0 -8px}.store-perks{grid-template-columns:1fr;gap:13px}.store-perks b{display:inline;margin-right:8px}.product .art{height:195px}.product-info h3{font-size:14px}.section{padding:42px 16px}.footer-bottom{gap:20px}.nav-actions .account-link{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero h1,.hero .eyebrow,.strip{overflow-wrap:anywhere}

.catalog-search{display:flex;align-items:center;gap:20px;margin-top:30px}.catalog-search label{font-size:12px;font-weight:700;white-space:nowrap}.catalog-search input{width:100%;max-width:500px;border:1px solid #dadcd9;border-radius:7px;background:white;padding:13px 16px;font:inherit;font-size:14px}
@media(max-width:560px){.catalog-search{align-items:stretch;flex-direction:column;gap:8px}}

.admin-list-filters{display:grid;gap:8px;background:#fff;padding:16px;border:1px solid #d6dee5;border-radius:9px}.admin-list-filters label{font-weight:700;font-size:13px}.admin-list-filters select,.admin-list-filters input{width:100%;min-width:0;padding:12px;border:1px solid #bac5cf;border-radius:6px;font:inherit}.admin-list-filters p{margin:4px 0 0}.admin-product-results{display:grid;gap:8px;max-height:65vh;overflow-y:auto;overscroll-behavior:contain;padding:3px}.admin-product-results .admin-product{width:100%}

.admin-product-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d6dee5;border-radius:9px;padding:10px}.admin-product-row .admin-product{border:0;margin:0;flex:1;min-width:0;padding:8px}.admin-visibility{display:flex;flex:0 0 80px;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:11px;line-height:1.3;font-weight:700;cursor:pointer}.admin-visibility input{width:23px;height:23px;margin:0;accent-color:#171b23;cursor:pointer}.admin-visibility input:focus-visible{outline:3px solid #2988d9;outline-offset:3px}.admin-visibility input:disabled{opacity:.5;cursor:wait}

.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px}.catalog-pagination:empty{display:none}.catalog-pagination button{background:#171b23;color:white;padding:12px 18px;border-radius:6px}.catalog-pagination span{font-size:14px}

.admin-product-results.category-expanded{max-height:none;overflow:visible}
