:root{--cream:#f2efe6;--paper:#faf8f2;--ink:#11100f;--orange:#ff5b33;--orange2:#ff704b;--gray:#8c887e;--line:#d9d3c7;--black:#121212;--green:#b7ff4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,sans-serif}body.modal-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(1240px,calc(100% - 48px));margin:auto}.promo{height:32px;background:var(--orange);display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.7px}.promo span{opacity:.6}.topbar{position:sticky;top:0;z-index:50;background:rgba(242,239,230,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,16,15,.09)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand,.footer-brand{font:800 22px/1 Unbounded,sans-serif;letter-spacing:-1.4px}.brand span,.footer-brand span{display:inline-block;background:var(--ink);color:var(--cream);padding:5px 7px;margin-left:5px;font-size:.55em;vertical-align:4px}.nav nav{display:flex;gap:28px;font-size:12px;font-weight:800;text-transform:uppercase}.nav nav a{transition:.2s}.nav nav a:hover{color:var(--orange)}.nav-cta{border-bottom:2px solid var(--ink);padding:8px 0;font-size:12px;font-weight:800;text-transform:uppercase}.nav-cta b{margin-left:7px}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:690px;align-items:center;gap:72px;padding:58px 0 60px}.pill{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:9px 13px;margin-bottom:28px;font-size:10px;font-weight:800;letter-spacing:1.3px}.hero h1,.split-heading h2,.constructor-head h2,.section-title-row h2,.faq h2,.cta h2{font-family:Unbounded,sans-serif;margin:0;letter-spacing:-4px;line-height:.95;text-transform:uppercase}.hero h1{font-size:clamp(48px,6.6vw,91px)}em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:650px;margin:28px 0 0;font-size:18px;line-height:1.65;color:#5e5a53}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{border:0;border-radius:0;padding:17px 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--orange);color:#fff;box-shadow:7px 7px 0 var(--ink)}.btn-ghost{border:1px solid var(--ink);background:transparent}.btn-light{background:var(--paper);color:var(--ink)}.btn-full{width:100%}.metrics{display:grid;grid-template-columns:repeat(3,1fr);max-width:600px;margin-top:48px;border-top:1px solid var(--line);padding-top:18px}.metrics div{display:flex;flex-direction:column;gap:5px}.metrics strong{font:700 17px/1 Unbounded,sans-serif}.metrics span{color:var(--gray);font-size:11px}.hero-visual{height:560px;position:relative;display:grid;place-items:center}.hero-card-main{width:min(84%,470px);height:500px;background:#1b1b1b;position:relative;transform:rotate(3deg);box-shadow:18px 18px 0 var(--orange);overflow:hidden}.hero-label,.hero-bottom{position:absolute;left:20px;right:20px;z-index:3;color:#fff;font-size:9px;font-weight:800;letter-spacing:1.7px}.hero-label{top:18px}.hero-bottom{bottom:17px;display:flex;justify-content:space-between}.hero-shirt-wrap{position:absolute;inset:56px 34px 48px;background:#d8d4ca;display:grid;place-items:center;overflow:hidden}.hero-shirt{width:275px;height:320px;background:#f7f4ed;clip-path:polygon(19% 0,35% 12%,65% 12%,81% 0,100% 17%,88% 42%,78% 36%,78% 100%,22% 100%,22% 36%,12% 42%,0 17%);filter:drop-shadow(0 20px 20px rgba(0,0,0,.2))}.hero-art{position:absolute;font:800 38px/.83 Unbounded,sans-serif;text-align:center;transform:rotate(-6deg);letter-spacing:-2px}.hero-art i{color:var(--orange);font-style:normal}.hero-sticker{position:absolute;right:-8px;bottom:15px;width:116px;height:116px;border-radius:50%;background:var(--green);display:grid;place-items:center;text-align:center;font:700 13px/1.25 Unbounded,sans-serif;transform:rotate(11deg);box-shadow:0 8px 0 var(--ink)}.hero-orbit{position:absolute;width:75px;height:75px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;text-align:center;font:700 10px/1.2 Unbounded,sans-serif}.orbit-one{left:0;top:90px}.orbit-two{right:0;top:110px;background:var(--paper)}.marquee{height:58px;background:var(--ink);color:var(--paper);overflow:hidden;display:flex;align-items:center;white-space:nowrap}.marquee div{font:600 17px/1 Unbounded,sans-serif;letter-spacing:1px;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:104px 0}.intro{background:var(--paper)}.kicker{font-size:10px;font-weight:800;letter-spacing:2.3px;color:var(--orange);margin-bottom:18px}.kicker.light{color:#ff9679}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:52px}.split-heading h2,.section-title-row h2,.faq h2{font-size:clamp(38px,5.2vw,69px)}.split-heading>p{font-size:15px;line-height:1.7;color:var(--gray);max-width:430px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.steps-grid article{min-height:300px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.steps-grid article>span{font:600 10px Unbounded,sans-serif;color:var(--gray)}.step-icon{margin:38px 0 45px;width:56px;height:56px;border:1px solid var(--ink);display:grid;place-items:center;font-size:26px}.steps-grid h3{font:600 20px/1.2 Unbounded,sans-serif;text-transform:uppercase;letter-spacing:-1px}.steps-grid p{color:var(--gray);font-size:13px;line-height:1.6}.constructor-section{background:var(--black);color:#fff;overflow:hidden}.constructor-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.constructor-head h2{font-size:clamp(42px,5.7vw,78px)}.constructor-note{max-width:310px;border-top:1px solid #383838;padding-top:13px}.constructor-note span{display:inline-flex;align-items:center;gap:7px;color:var(--green);font:600 10px Unbounded,sans-serif}.constructor-note span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.constructor-note p{font-size:12px;color:#8f8f8f;line-height:1.6}.builder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);border:1px solid #2b2b2b}.preview-panel{background:#171717;padding:22px;border-right:1px solid #2b2b2b}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-toolbar{display:flex}.view-btn{border:1px solid #3a3a3a;background:transparent;color:#8b8b8b;padding:9px 14px;font-size:10px;font-weight:800;cursor:pointer}.view-btn+.view-btn{border-left:0}.view-btn.active{background:#fff;color:#111}.canvas-status{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#777}.canvas-status i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.stage-wrap{padding:14px 0 0}.stage{width:min(100%,590px);aspect-ratio:1/1;position:relative;margin:auto;overflow:hidden}.stage-grid{position:absolute;inset:6%;background-image:linear-gradient(#252525 1px,transparent 1px),linear-gradient(90deg,#252525 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}.shirt-svg{position:absolute;left:7%;top:1%;width:86%;height:94%;filter:drop-shadow(0 24px 30px rgba(0,0,0,.42))}.print-zone{position:absolute;left:35%;top:30%;width:30%;height:43%;border:1px dashed rgba(255,91,51,.9);overflow:hidden;touch-action:none}.print-zone img{position:absolute;left:50%;top:50%;max-width:none;width:90%;transform:translate(-50%,-50%);cursor:grab;user-select:none;display:none;touch-action:none}.zone-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:#8b8b8b}.zone-label b{font:600 10px Unbounded,sans-serif;letter-spacing:1.3px}.zone-label small{font-size:9px;margin-top:5px}.zone-label span{font-size:24px;color:var(--orange);margin-top:12px}.preview-hint{font-size:10px;color:#666;text-align:center;padding:7px 0}.preview-hint span{color:var(--orange);margin-right:5px}.controls-panel{padding:28px;background:#111}.panel-title{display:flex;justify-content:space-between;border-bottom:1px solid #292929;padding-bottom:18px;margin-bottom:23px;font:600 10px Unbounded,sans-serif;letter-spacing:1.5px}.panel-title b{color:var(--orange)}.control-group{margin-bottom:24px}.control-group>label,.sliders label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:10px}.control-group label>span,.sliders label>span{color:#555}.segmented,.sizes{display:flex;gap:8px;flex-wrap:wrap}.color-btn,.sizes button,.tool-btn{border:1px solid #343434;background:#191919;color:#aaa;padding:11px 13px;cursor:pointer;font-size:10px;font-weight:800}.color-btn{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.color-btn.active,.sizes button.active{border-color:#fff;color:#fff}.swatch{width:13px;height:13px;border-radius:50%;border:1px solid #555}.swatch.white{background:#fff}.swatch.black{background:#111}.sizes button{min-width:48px}.upload-btn{display:flex!important;align-items:center!important;gap:13px!important;border:1px dashed #424242;padding:16px!important;cursor:pointer;background:#171717}.upload-btn>b{width:38px;height:38px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-size:20px}.upload-btn span{display:flex;flex-direction:column;gap:4px;color:#fff!important}.upload-btn span strong{font-size:10px}.upload-btn span small{font-size:8px;color:#666;font-weight:600}.filename{font-size:9px;color:#666;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sliders>div{margin-bottom:18px}.sliders label{justify-content:flex-start}.sliders label b{margin-left:auto;color:#fff;font-size:10px}.sliders input{width:100%;accent-color:var(--orange)}.tool-row{display:flex;gap:7px;margin:3px 0 22px}.tool-btn{flex:1;padding:10px 8px}.tool-btn:hover{border-color:#666}.tool-btn.danger{color:#ff795b}.summary-box{border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;padding:15px 0;margin-bottom:20px}.summary-box div{display:flex;justify-content:space-between;padding:5px 0;font-size:11px;color:#777}.summary-box strong{color:#fff}.summary-box .total{padding-top:13px;color:#fff;font:600 12px Unbounded,sans-serif}.summary-box .total strong{font-size:20px}.privacy{text-align:center;font-size:8px;color:#555;line-height:1.5}.prices{background:var(--cream)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{min-height:430px;padding:28px;position:relative;display:flex;flex-direction:column}.price-card.dark{background:#151515;color:#fff}.price-card.orange{background:var(--orange);color:#fff}.price-card.light{background:var(--paper);border:1px solid var(--line)}.price-card small{font-size:9px;font-weight:800;letter-spacing:1.3px;opacity:.6}.price-card h3{font:700 29px/.98 Unbounded,sans-serif;letter-spacing:-1.6px;margin:42px 0 26px}.big-price{font:700 42px/1 Unbounded,sans-serif;letter-spacing:-2px}.big-price i{font-style:normal;font-size:.55em}.price-card p{font-size:12px;line-height:1.65;opacity:.7;margin:24px 0 34px}.price-card a{margin-top:auto;font-size:10px;font-weight:800;letter-spacing:1px}.tag{position:absolute;right:22px;top:21px;background:var(--green);color:#111;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:800}.products{background:var(--paper)}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.outline-label{border:1px solid var(--ink);border-radius:999px;padding:9px 13px;font-size:9px;font-weight:800;letter-spacing:1.4px}.light-label{border-color:#555;color:#999}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{min-height:610px;padding:20px;display:flex;flex-direction:column}.white-product{background:#e9e5db}.black-product{background:#1a1a1a;color:#fff}.product-top{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.4px}.product-stage{display:grid;place-items:center;flex:1;min-height:430px}.mini-shirt{width:300px;height:350px;clip-path:polygon(19% 0,35% 12%,65% 12%,81% 0,100% 17%,88% 42%,78% 36%,78% 100%,22% 100%,22% 36%,12% 42%,0 17%);display:grid;place-items:center;filter:drop-shadow(0 24px 24px rgba(0,0,0,.18))}.white-shirt{background:#faf9f5}.black-shirt{background:#111}.mini-shirt i{font:700 25px/.88 Unbounded,sans-serif;text-align:center;color:var(--orange);font-style:normal;transform:rotate(-6deg)}.product-info{display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(100,100,100,.3);padding-top:18px}.product-info h3{font:600 20px Unbounded,sans-serif;margin:0 0 6px}.product-info p{margin:0;font-size:10px;color:#888}.product-info a{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px}.reviews{background:#121212;color:#fff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-grid article{border:1px solid #303030;padding:24px;min-height:290px;display:flex;flex-direction:column}.stars{color:var(--orange);letter-spacing:3px;font-size:11px}.review-grid p{font-size:17px;line-height:1.6;margin:28px 0;color:#d0d0d0}.review-grid footer{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #2c2c2c;padding-top:15px;font-size:9px;letter-spacing:1.2px}.review-grid footer span{color:#666}.faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-grid>div:first-child>p{max-width:300px;color:var(--gray);font-size:13px;line-height:1.6}.accordion details{border-top:1px solid var(--line);padding:0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;font-weight:800;font-size:14px}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--orange);font-size:18px}.accordion details p{margin:0 0 22px;color:var(--gray);font-size:13px;line-height:1.65;max-width:650px}.cta{background:var(--orange);color:#fff;padding:78px 0}.cta-inner{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center}.cta-circle{width:90px;height:90px;border-radius:50%;background:var(--green);color:#111;display:grid;place-items:center;font-size:32px;transform:rotate(12deg)}.cta h2{font-size:clamp(36px,5vw,68px)}.cta h2 em{color:#111}.site-footer{background:#0e0e0e;color:#fff;padding:52px 0 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px}.footer-brand{font-size:24px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:11px;text-transform:uppercase;font-weight:800}.footer-contact{display:flex;flex-direction:column;gap:7px;font-size:10px;text-align:right}.footer-contact span{color:#666}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #242424;margin-top:42px;padding-top:18px;font-size:8px;color:#595959;letter-spacing:1px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,120px);background:var(--green);color:#111;padding:13px 18px;font-weight:800;font-size:11px;z-index:200;transition:.28s;box-shadow:6px 6px 0 #111}.toast.show{transform:translate(-50%,0)}.modal{position:fixed;inset:0;z-index:150;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-card{position:absolute;right:0;top:0;height:100%;width:min(520px,100%);background:var(--paper);padding:48px;overflow:auto;box-shadow:-30px 0 80px rgba(0,0,0,.25)}.modal-close{position:absolute;right:24px;top:20px;border:0;background:none;font-size:34px;cursor:pointer}.modal-card h3{font:700 38px/.95 Unbounded,sans-serif;letter-spacing:-2px;margin:0 0 15px}.modal-lead{color:var(--gray);font-size:12px;line-height:1.6}.order-preview{margin:28px 0;background:#ebe7dc;padding:17px}.order-preview div{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.modal-card form{display:flex;flex-direction:column;gap:16px}.modal-card form label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.modal-card input,.modal-card textarea{display:block;width:100%;border:0;border-bottom:1px solid #bbb4a6;background:transparent;padding:11px 0;outline:none;font-size:13px;resize:vertical}.modal-card input:focus,.modal-card textarea:focus{border-color:var(--orange)}
@media(max-width:1000px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding-top:20px}.hero-visual{height:520px}.hero-card-main{width:450px}.split-heading,.faq-grid{grid-template-columns:1fr;gap:25px}.builder{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid #2b2b2b}.price-grid,.review-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.cta-inner{grid-template-columns:auto 1fr}.cta-inner .btn{grid-column:2}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{text-align:left}.constructor-head{align-items:flex-start;flex-direction:column}.steps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 24px,1240px)}.promo{font-size:8px;letter-spacing:1px;height:28px}.promo span:nth-of-type(2),.promo span:nth-of-type(2)+*{display:none}.nav{height:62px}.brand{font-size:17px}.nav-cta{font-size:9px}.hero-grid{padding:38px 0 42px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.metrics{grid-template-columns:1fr;gap:13px}.metrics div{flex-direction:row;justify-content:space-between}.hero-visual{height:390px}.hero-card-main{width:77%;height:350px}.hero-shirt-wrap{inset:48px 24px 38px}.hero-shirt{width:190px;height:225px}.hero-art{font-size:26px}.hero-sticker{width:86px;height:86px;font-size:10px}.hero-orbit{width:58px;height:58px;font-size:8px}.orbit-one{left:-4px}.orbit-two{right:-4px}.section{padding:72px 0}.split-heading h2,.section-title-row h2,.faq h2{font-size:39px;letter-spacing:-2.5px}.split-heading{margin-bottom:34px}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:240px}.constructor-head h2{font-size:42px;letter-spacing:-2.5px}.builder{margin-left:-2px;margin-right:-2px}.preview-panel{padding:12px}.stage{width:100%}.controls-panel{padding:20px}.color-btn{padding:10px 7px}.sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.sizes button{min-width:0;padding:10px 4px}.tool-row{display:grid;grid-template-columns:repeat(3,1fr)}.price-card{min-height:370px}.section-title-row{align-items:flex-start;flex-direction:column}.product-card{min-height:500px}.product-stage{min-height:340px}.mini-shirt{width:230px;height:280px}.review-grid article{min-height:250px}.cta-inner{grid-template-columns:1fr}.cta-circle{width:68px;height:68px}.cta-inner .btn{grid-column:1}.cta h2{font-size:37px;letter-spacing:-2.5px}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.modal-card{padding:45px 24px 30px}.modal-card h3{font-size:32px}}


html,body,button,input{font-family:Arial,Helvetica,sans-serif!important} h1,h2,h3,.brand,.footer-brand{font-family:Arial Black,Arial,Helvetica,sans-serif!important}

/* realistic apparel mockups */
.shirt-photo{position:absolute;left:50%;top:50%;width:82%;height:92%;object-fit:cover;object-position:center;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 30px rgba(0,0,0,.35));pointer-events:none;user-select:none}
.hero-shirt-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* Graphic brand supplied by the shop owner. */
.brand-logo,.footer-logo{display:flex;align-items:center;justify-content:center;width:92px;height:52px;padding:4px 7px;overflow:hidden}
.brand-logo img,.footer-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand-logo{background:transparent}
.footer-logo{width:106px;height:60px;background:transparent}
.footer-logo img{filter:brightness(0) invert(1)}
.success-page{background:#101010;color:#fff}.success-main{min-height:100vh;display:grid;place-items:center;padding:24px}.success-card{width:min(680px,100%);border:1px solid #333;background:#171717;padding:clamp(28px,6vw,64px);text-align:center}.success-card>img{width:92px;height:56px;object-fit:contain;filter:brightness(0) invert(1)}.success-mark{width:72px;height:72px;margin:20px auto;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#111;font-size:32px}.success-card h1{font:900 clamp(42px,8vw,78px)/.9 Unbounded,sans-serif;letter-spacing:-4px;margin:15px 0}.success-card>p{color:#aaa}.success-card dl{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333;margin:28px 0}.success-card dl div{padding:18px}.success-card dl div+div{border-left:1px solid #333}.success-card dt{color:#777;font-size:9px;text-transform:uppercase}.success-card dd{margin:8px 0 0;font:800 18px Unbounded,sans-serif}.success-actions{display:flex;justify-content:center;gap:10px}.success-notice{font-size:11px}.success-page .btn-ghost{border-color:#555;color:#fff}@media(max-width:560px){.success-card dl{grid-template-columns:1fr}.success-card dl div+div{border-left:0;border-top:1px solid #333}.success-actions{flex-direction:column}.success-card h1{letter-spacing:-2px}}
@media(max-width:640px){.brand-logo{width:70px;height:44px;padding:2px}.nav>.shop-header-btn{max-width:128px}.modal-card-v26,.cart-card-v26,.checkout-card-v26{padding-left:16px!important;padding-right:16px!important}.checkout-form-v26{grid-template-columns:1fr!important}.checkout-form-v26 .full-v26{grid-column:1!important}.cart-item-v26{grid-template-columns:1fr!important}.cart-design-previews{max-width:100%;overflow-x:auto}}
.delivery-note-v29{margin:0;color:#777;font-size:9px;line-height:1.55}
.product-shirt-photo{width:min(82%,390px);height:410px;object-fit:cover;object-position:center;display:block;filter:drop-shadow(0 24px 24px rgba(0,0,0,.18));border-radius:2px}
.product-stage{overflow:hidden}
@media(max-width:640px){.product-shirt-photo{height:320px;width:min(88%,300px)}.shirt-photo{width:86%;height:94%}}

/* v4 — аккуратное выравнивание мокапа и зона печати 20×25 см */
.shirt-photo{
  left:50%;
  top:50%;
  width:88%;
  height:94%;
  object-fit:contain;
  object-position:center center;
  transform:translate(-50%,-50%);
}
.print-zone{
  left:36%;
  top:31%;
  width:28%;
  height:35%;
  border:1.5px dashed rgba(255,91,51,.95);
  border-radius:12% 12% 18% 18% / 8% 8% 14% 14%;
  box-shadow:0 0 0 1px rgba(255,91,51,.04) inset;
}
.zone-label b{font-size:10px;letter-spacing:1.15px}
.zone-label small{font-size:9px;margin-top:7px}
.zone-label span{margin-top:10px}
@media(max-width:640px){
  .stage{width:100%;margin-inline:auto}
  .shirt-photo{width:90%;height:95%;object-fit:contain}
  .print-zone{left:36%;width:28%;height:35%}
}

/* v5 — реальные размеры, контроль границ, качество файла и чистый предпросмотр */
.print-metrics{margin-top:10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292929;padding-top:10px;font-size:9px;color:#777}.print-metrics strong{color:#fff;font-size:10px}.quality-box{margin-top:10px;padding:11px 12px;border:1px solid #343434;background:#171717;display:flex;flex-direction:column;gap:5px}.quality-box b{font-size:9px;letter-spacing:.8px}.quality-box span{font-size:9px;line-height:1.45;color:#777}.quality-box.good{border-color:rgba(183,255,74,.48)}.quality-box.good b{color:var(--green)}.quality-box.ok{border-color:rgba(255,176,74,.55)}.quality-box.ok b{color:#ffb04a}.quality-box.bad{border-color:rgba(255,91,51,.65)}.quality-box.bad b{color:var(--orange)}
.print-zone.edge-warning{box-shadow:0 0 0 2px rgba(255,91,51,.2),0 0 18px rgba(255,91,51,.2)}
.preview-modal{z-index:170}.preview-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 24px));max-height:92vh;overflow:auto;background:#111;color:#fff;padding:28px;border:1px solid #303030;box-shadow:0 30px 90px rgba(0,0,0,.55)}.preview-card h3{font-size:clamp(25px,5vw,38px);margin:0 42px 10px 0}.preview-close{color:#fff}.clean-preview{position:relative;width:min(100%,500px);aspect-ratio:1/1;margin:22px auto;background:#171717;overflow:hidden}.clean-preview>img{position:absolute;left:50%;top:50%;width:88%;height:94%;object-fit:contain;transform:translate(-50%,-50%)}.clean-zone{position:absolute;left:36%;top:31%;width:28%;height:35%;overflow:hidden}.clean-zone img{position:absolute;max-width:none;user-select:none;pointer-events:none}.preview-meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid #303030;margin:16px 0}.preview-meta div{padding:12px 14px}.preview-meta div+div{border-left:1px solid #303030}.preview-meta span{display:block;color:#777;font-size:9px;margin-bottom:4px}.preview-meta b{font-size:11px}.preview-card .btn{margin-top:12px}.modal-open{overflow:hidden}
@media(max-width:640px){.preview-card{padding:20px}.clean-preview{width:100%}.preview-meta{grid-template-columns:1fr}.preview-meta div+div{border-left:0;border-top:1px solid #303030}}

/* v6 — зона печати привязана к фактической области корпуса футболки.
   Исходные мокапы имеют пропорции 512×768 и отображаются через object-fit: contain.
   Координаты ниже учитывают реальную видимую ширину изображения внутри квадратного stage. */
.stage{--zone-left:39.95%;--zone-top:35.8%;--zone-width:20.6%;--zone-height:25.75%}
.stage[data-side="back"]{--zone-top:35.0%}
.print-zone{
  left:var(--zone-left)!important;
  top:var(--zone-top)!important;
  width:var(--zone-width)!important;
  height:var(--zone-height)!important;
  border-radius:7% 7% 10% 10% / 5% 5% 8% 8%;
}
.clean-preview{--zone-left:39.95%;--zone-top:35.8%;--zone-width:20.6%;--zone-height:25.75%}
.clean-preview[data-side="back"]{--zone-top:35.0%}
.clean-zone{
  left:var(--zone-left)!important;
  top:var(--zone-top)!important;
  width:var(--zone-width)!important;
  height:var(--zone-height)!important;
}
@media(max-width:640px){
  .print-zone{left:var(--zone-left)!important;top:var(--zone-top)!important;width:var(--zone-width)!important;height:var(--zone-height)!important}
}

/* v7 — calibrated shirt alignment + straight print zone */
.stage{
  --zone-left:35%;
  --zone-top:31.5%;
  --zone-width:30%;
  --zone-height:37.5%;
}
.stage[data-side="back"]{--zone-top:30.8%}
.print-zone{
  left:var(--zone-left)!important;
  top:var(--zone-top)!important;
  width:var(--zone-width)!important;
  height:var(--zone-height)!important;
  border-radius:0!important;
  transform:none!important;
}
/* Both source mockups have different internal whitespace. These transforms
   normalize the visible garment so white/black switch at the same level. */
.stage .shirt-photo{
  left:50%!important;
  top:50%!important;
  width:90%!important;
  height:95%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform-origin:50% 50%;
}
.stage[data-color="white"] .shirt-photo{
  transform:translate(-50%,-56.1%) scale(.975)!important;
}
.stage[data-color="black"] .shirt-photo{
  transform:translate(-50%,-49.1%) scale(1)!important;
}
/* Clean preview uses the same calibration as the editor. */
.clean-preview{
  --zone-left:35%;
  --zone-top:31.5%;
  --zone-width:30%;
  --zone-height:37.5%;
}
.clean-preview[data-side="back"]{--zone-top:30.8%}
.clean-zone{
  left:var(--zone-left)!important;
  top:var(--zone-top)!important;
  width:var(--zone-width)!important;
  height:var(--zone-height)!important;
  border-radius:0!important;
}
.clean-preview .clean-shirt,
.clean-preview #cleanShirt{
  /* The mockup file has asymmetric transparent margins, so its visible
     garment center sits slightly to the right of the image box. */
  left:47.5%!important;
  top:50%!important;
  width:90%!important;
  height:95%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform-origin:50% 50%;
}
.clean-preview[data-color="white"] .clean-shirt,
.clean-preview[data-color="white"] #cleanShirt{
  transform:translate(-50%,-56.1%) scale(.975)!important;
}
.clean-preview[data-color="black"] .clean-shirt,
.clean-preview[data-color="black"] #cleanShirt{
  transform:translate(-50%,-49.1%) scale(1)!important;
}
.preview-side-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px auto 0;width:min(100%,500px)}
.preview-side-btn{border:1px solid #3a3a3a;background:#191919;color:#888;padding:11px 14px;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.7px}
.preview-side-btn.active{border-color:#fff;background:#fff;color:#111}
.preview-side-btn.has-design:after{content:" •";color:var(--orange)}
.rotation-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}
.rotation-presets button{border:1px solid #343434;background:#191919;color:#aaa;padding:9px 4px;cursor:pointer;font-size:9px;font-weight:800}
.rotation-presets button:hover,.rotation-presets button.active{border-color:#fff;color:#fff;background:#242424}
.constructor-price{margin:22px 0;padding:16px;border:1px solid #343434;background:#171717}
.constructor-price-head,.constructor-price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.constructor-price-head{padding-bottom:13px;margin-bottom:9px;border-bottom:1px solid #303030;font-size:10px;font-weight:800;text-transform:uppercase}
.constructor-price-head strong{color:var(--green);font-size:20px;white-space:nowrap}
.constructor-price-row{padding:6px 0;color:#aaa;font-size:10px}
.constructor-price-row span{display:flex;flex-direction:column;gap:3px}.constructor-price-row small{color:#666;font-size:8px}.constructor-price-row b{color:#fff;white-space:nowrap}
.constructor-price>p{margin:12px 0 0;padding-top:11px;border-top:1px solid #292929;color:#666;font-size:8px;line-height:1.55}
.design-upload-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(135px,.75fr);gap:8px;align-items:stretch}
.design-upload-row .upload-btn{height:100%;min-height:74px;padding:10px!important}.design-upload-row .quality-box{margin:0;min-height:74px;justify-content:center;padding:10px}
.design-upload-row .quality-box span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.design-upload-main{min-width:0;display:flex;flex-direction:column}
.remove-print-btn{margin-top:7px;border:0;background:transparent;color:#ff795b;padding:0;text-align:left;cursor:pointer;font-size:8px;font-weight:800;text-transform:uppercase}.remove-print-btn:disabled{opacity:.35;cursor:default}
.reset-constructor-btn{width:100%;margin:0 0 18px;padding:12px;border:1px solid #3a3a3a;background:transparent;color:#aaa;cursor:pointer;font-size:9px;font-weight:800;text-transform:uppercase}.reset-constructor-btn:hover{border-color:#ff795b;color:#ff795b}
.advanced-settings{margin:4px 0 20px;border:1px solid #343434;background:#151515}.advanced-settings>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px;cursor:pointer;color:#ddd;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.advanced-settings>summary::-webkit-details-marker{display:none}.advanced-settings>summary b{color:var(--green);font-size:18px;transition:.2s}.advanced-settings[open]>summary b{transform:rotate(45deg)}.advanced-settings-body{padding:18px 15px 2px;border-top:1px solid #303030}
@media(max-width:480px){.design-upload-row{grid-template-columns:1fr}.design-upload-row .quality-box{min-height:58px}}
@media(max-width:640px){
  .stage{--zone-left:35%;--zone-top:31.5%;--zone-width:30%;--zone-height:37.5%}
  .stage[data-side="back"]{--zone-top:30.8%}
  .print-zone{left:var(--zone-left)!important;top:var(--zone-top)!important;width:var(--zone-width)!important;height:var(--zone-height)!important}
}

/* v8: smaller print-zone overlay, shifted slightly right */
.print-zone,
#printZone,
.print-area,
#print-area,
[data-print-zone] {
  width: 29% !important;
  height: 36.25% !important;
  left: 52% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* v12
   IMPORTANT: print zone is NOT moved.
   Only BACK shirt mockups are shifted 16px to the right.
   Front view remains exactly unchanged. */

/* Editor — white back */
.stage[data-side="back"][data-color="white"] .shirt-photo,
.stage[data-side="back"][data-color="white"] #shirtPhoto {
  transform: translate(calc(-50% + 16px), -56.1%) scale(.975) !important;
}

/* Editor — black back */
.stage[data-side="back"][data-color="black"] .shirt-photo,
.stage[data-side="back"][data-color="black"] #shirtPhoto {
  transform: translate(calc(-50% + 16px), -49.1%) scale(1) !important;
}

/* Clean preview — same calibration */
.clean-preview[data-side="back"][data-color="white"] .clean-shirt,
.clean-preview[data-side="back"][data-color="white"] #cleanShirt {
  transform: translate(calc(-50% + 16px), -56.1%) scale(.975) !important;
}

.clean-preview[data-side="back"][data-color="black"] .clean-shirt,
.clean-preview[data-side="back"][data-color="black"] #cleanShirt {
  transform: translate(calc(-50% + 16px), -49.1%) scale(1) !important;
}

/* v13: make the print zone ~10px shorter vertically.
   Width and horizontal position are unchanged. */
.stage .print-zone,
.stage #printZone,
.stage .print-area,
.stage [data-print-zone] {
  height: calc(36.25% - 20px) !important;
}

/* Keep clean preview consistent with the editor */
.clean-preview .print-zone,
.clean-preview #printZone,
.clean-preview .print-area,
.clean-preview [data-print-zone] {
  height: calc(36.25% - 20px) !important;
}

/* Text layer */
.print-zone{isolation:isolate}
.print-zone #userPrint{z-index:3}
.user-text-layer{
  position:absolute;left:50%;top:68%;z-index:4;transform:translate(-50%,-50%);
  width:max-content;max-width:92%;padding:3px 5px;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;
  text-align:center;font:800 28px/1.05 Unbounded,sans-serif;color:#111;
  cursor:grab;user-select:none;touch-action:none;display:none;
  text-shadow:0 1px 1px rgba(255,255,255,.15)
}
.user-text-layer.dragging{cursor:grabbing}

/* Snap guides */
.snap-guide{position:absolute;z-index:8;pointer-events:none;opacity:0;transition:opacity .12s;background:rgba(183,255,74,.92);box-shadow:0 0 10px rgba(183,255,74,.35)}
.snap-guide.show{opacity:1}
.snap-guide-v{top:0;bottom:0;left:50%;width:1px}
.snap-guide-h{left:0;right:0;top:50%;height:1px}

/* Editor controls */
.editor-input,.editor-select{
  width:100%;border:1px solid #343434;background:#191919;color:#fff;
  padding:12px 13px;outline:none;font-size:11px
}
.editor-input:focus,.editor-select:focus{border-color:#777}
.editor-grid{display:grid;grid-template-columns:1fr 120px;gap:8px;margin-top:8px}
.color-picker-wrap{
  margin:0!important;border:1px solid #343434;background:#191919;padding:8px 10px;
  display:flex!important;justify-content:space-between;align-items:center!important;
  color:#aaa!important;font-size:9px!important
}
.color-picker-wrap input{width:34px;height:26px;border:0;background:transparent;padding:0;cursor:pointer}
.text-size-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;color:#777;font-size:9px}
.text-size-row input{width:100%}
.text-size-row b{color:#fff}
.text-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}

/* Nudge pad */
.nudge-pad{
  width:150px;margin:4px auto 8px;display:grid;
  grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,40px);gap:5px;
  grid-template-areas:". up ." "left center right" ". down ."
}
.nudge-btn{
  border:1px solid #353535;background:#191919;color:#fff;font-size:17px;cursor:pointer
}
.nudge-btn:hover{border-color:#777;background:#222}
.nudge-up{grid-area:up}.nudge-left{grid-area:left}.nudge-center{grid-area:center}.nudge-right{grid-area:right}.nudge-down{grid-area:down}
.nudge-note{font-size:8px;line-height:1.55;color:#666;text-align:center}

/* Auto-save row */
.project-save-row{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border-top:1px solid #292929;border-bottom:1px solid #292929;
  padding:12px 0;margin:0 0 20px;font-size:8px;color:#777
}
.project-save-row span{display:flex;align-items:center;gap:7px}
.project-save-row i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(183,255,74,.4)}
.project-save-row b{font-weight:700;color:#999}
.project-save-row button{border:0;background:none;color:#666;text-decoration:underline;cursor:pointer;font-size:8px;padding:0}
.project-save-row.saved b{color:var(--green)}

/* Clean preview text */
.clean-text-layer{
  position:absolute;left:50%;top:68%;transform:translate(-50%,-50%);
  width:max-content;max-width:92%;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;text-align:center;
  font:800 28px/1.05 Unbounded,sans-serif;color:#111;display:none;z-index:4
}

@media(max-width:600px){
  .editor-grid{grid-template-columns:1fr}
  .text-actions{grid-template-columns:1fr}
  .project-save-row{align-items:flex-start;flex-direction:column}
}

/* Move only the MAKE IT YOURS artwork on the white hero T-shirt 20px downward. */
.hero-shirt-wrap .hero-art {
  margin-top: 80px !important;
}

.hero-shirt-wrap .hero-art {
  transform: rotate(5deg) !important;
  transform-origin: center center !important;
}

.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-btn{border:1px solid #343434;background:#191919;color:#ddd;padding:11px 8px;font-size:9px;cursor:pointer}.preset-btn:hover,.preset-btn.active{border-color:#b7ff4a;color:#fff;background:#202020}.preset-note{margin-top:8px;color:#666;font-size:8px;line-height:1.5}.qty-row{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center}.qty-row button{height:40px;border:1px solid #343434;background:#191919;color:#fff;font-size:20px;cursor:pointer}.qty-row input{height:40px;border:1px solid #343434;background:#191919;color:#fff;text-align:center;font-weight:800;outline:none}.live-price-breakdown{margin-top:12px;border-top:1px solid #2a2a2a;padding-top:10px}.live-price-breakdown>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;color:#777;font-size:9px}.live-price-breakdown b{color:#fff}.live-price-breakdown .live-total{margin-top:6px;padding-top:10px;border-top:1px solid #343434;font-size:11px}.live-price-breakdown .live-total b{color:var(--green);font-size:16px}.unit-price-hint{margin-top:8px;color:#777;font-size:8px;text-align:right}#printZone.gesture-active{outline:1px solid rgba(183,255,74,.75);outline-offset:3px}.gesture-hint-v23{margin-top:8px;text-align:center;color:#666;font-size:8px}
.preset-grid .preset-btn:last-child:nth-child(odd){grid-column:1/-1}

.history-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.history-actions button:disabled{opacity:.35;cursor:not-allowed}

.layers-list{display:flex;flex-direction:column;gap:7px}
.layer-row{display:grid;grid-template-columns:28px 1fr 34px;gap:6px;cursor:grab;transition:.15s}
.layer-row.dragging{opacity:.45}.layer-row.drag-over{transform:translateY(2px);outline:1px solid var(--green)}
.layer-drag{height:34px;display:grid;place-items:center;border:1px solid #343434;color:#777;font-size:17px}
.layer-row button{height:34px;border:1px solid #343434;background:#191919;color:#bbb;cursor:pointer;font-size:10px}
.layer-select{text-align:left;padding:0 10px}
.layer-select.active{border-color:var(--green);color:#fff;background:#202020}
.layer-eye.hidden-layer{opacity:.35;text-decoration:line-through}

.safe-zone-frame{
  position:absolute;left:7%;top:7%;right:7%;bottom:7%;z-index:7;
  border:1px dashed rgba(183,255,74,.65);pointer-events:none;border-radius:2px
}
.safe-zone-frame span{
  position:absolute;right:4px;bottom:3px;font:700 7px Unbounded,sans-serif;
  letter-spacing:1px;color:rgba(183,255,74,.75)
}
.safe-zone-frame.off{display:none}
.safe-zone-frame.warning{border-color:#ff5b33;box-shadow:inset 0 0 0 1px rgba(255,91,51,.12)}
.safe-status{margin-top:8px;font-size:8px;color:#7b7b7b}
.safe-status.ok{color:var(--green)}
.safe-status.warn{color:var(--orange)}
.safe-toggle{display:flex!important;gap:8px!important;align-items:center!important;font-size:9px!important;color:#888!important;text-transform:none!important;letter-spacing:0!important}
.safe-toggle input{accent-color:#b7ff4a}

.export-note{margin-top:8px;color:#666;font-size:8px;line-height:1.5}

.side-design-status{
  display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px;
  font-size:8px;color:#777
}
.side-design-status span{
  border:1px solid #303030;background:#171717;padding:6px 8px;border-radius:999px
}
.side-design-status span.has-design{
  color:var(--green);border-color:rgba(183,255,74,.35)
}
.side-design-status span.active{
  color:#fff;border-color:#777
}

.cart-badge-v26{
  position:fixed;right:18px;bottom:18px;z-index:9990;
  display:flex;align-items:center;gap:10px;
  background:#111;color:#fff;border:1px solid #333;
  padding:12px 14px;border-radius:999px;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  font:700 10px Unbounded,sans-serif;letter-spacing:.8px
}
.cart-badge-v26 b{
  display:grid;place-items:center;min-width:22px;height:22px;
  padding:0 6px;border-radius:999px;background:var(--green);color:#111;font-size:10px
}
.modal-v26{
  position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.72);
  display:none;align-items:center;justify-content:center;padding:18px;
  backdrop-filter:blur(8px)
}
.modal-v26.open{display:flex}
.modal-card-v26{
  width:min(760px,100%);max-height:92vh;overflow:auto;
  background:#121212;border:1px solid #303030;color:#fff;padding:24px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);position:relative
}
.modal-close-v26{
  position:absolute;right:16px;top:14px;border:0;background:none;color:#888;
  font-size:28px;cursor:pointer
}
.modal-kicker-v26{font:700 8px Unbounded,sans-serif;color:var(--green);letter-spacing:1.7px;margin-bottom:8px}
.modal-card-v26 h2{margin:0 0 20px;font:800 28px/1 Unbounded,sans-serif}
.clear-cart-btn{position:absolute;right:56px;top:23px;border:0;background:transparent;color:#888;cursor:pointer;font-size:9px;font-weight:800;text-transform:uppercase}.clear-cart-btn:hover{color:#ff795b}.clear-cart-btn:disabled{opacity:.3;cursor:default}
.cart-items-v26{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.cart-item-v26{
  display:grid;grid-template-columns:176px 1fr auto;gap:14px;align-items:center;
  border:1px solid #2c2c2c;background:#181818;padding:12px
}
.cart-design-previews{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cart-design-thumb>span{display:block;margin-bottom:4px;color:#777;font-size:7px;text-align:center;text-transform:uppercase}.cart-print-zone{position:relative;width:85px;height:106px;background:#efebe3;overflow:hidden;border:1px solid #333}.cart-print-zone>img{position:absolute;max-width:none}.cart-print-zone-text{position:absolute;transform:translate(-50%,-50%);max-width:92%;text-align:center;white-space:pre-wrap;overflow-wrap:break-word;font-weight:800;line-height:1.05}.cart-print-empty{position:absolute;inset:0;display:grid;place-items:center;color:#999;font-size:7px;text-transform:uppercase}
.cart-item-v26 h4{margin:0 0 6px;font:700 11px Unbounded,sans-serif}
.cart-item-v26 p{margin:2px 0;color:#777;font-size:9px}
.cart-item-v26 strong{font:800 14px Unbounded,sans-serif;color:var(--green)}
.size-qty-v26{border-top:1px solid #2d2d2d;padding-top:16px}
.size-qty-v26 h3{font:700 11px Unbounded,sans-serif;margin:0 0 10px}
.size-grid-v26{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.size-grid-v26 label{
  border:1px solid #303030;background:#181818;padding:8px;color:#aaa;font-size:9px
}
.size-grid-v26 input{
  width:100%;margin-top:6px;border:1px solid #3a3a3a;background:#111;color:#fff;
  padding:8px;text-align:center
}
.cart-summary-v26{
  margin-top:16px;border-top:1px solid #303030;padding-top:12px;
  display:flex;justify-content:space-between;gap:20px
}
.cart-summary-v26>div{display:flex;flex-direction:column;gap:5px;color:#777;font-size:9px}
.cart-summary-v26 b{color:#fff;font:800 18px Unbounded,sans-serif}
.cart-checkout-v26{margin-top:18px}

.checkout-form-v26{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkout-form-v26 label{display:flex;flex-direction:column;gap:6px;color:#999;font-size:9px}
.checkout-form-v26 input,.checkout-form-v26 select,.checkout-form-v26 textarea{
  width:100%;border:1px solid #333;background:#191919;color:#fff;padding:12px;outline:none
}
.checkout-form-v26 input:focus,.checkout-form-v26 select:focus,.checkout-form-v26 textarea:focus{border-color:#777}
.checkout-form-v26 input.field-invalid-v28,.checkout-form-v26 select.field-invalid-v28{border-color:#ff795b}.field-error-v28{display:none;color:#ff795b;font-size:8px;line-height:1.35}.field-error-v28.show{display:block}
.full-v26{grid-column:1/-1}
.checkout-order-preview-v26{
  grid-column:1/-1;border:1px solid #303030;background:#181818;padding:14px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px
}
.checkout-order-preview-v26>div{display:flex;flex-direction:column;gap:5px;color:#777;font-size:8px}
.checkout-order-preview-v26 b{color:#fff;font:800 13px Unbounded,sans-serif}
.checkout-form-v26 button{grid-column:1/-1}
.consent-v28{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:9px!important;line-height:1.55}.consent-v28 input{width:16px!important;height:16px;margin:1px 0 0;padding:0;accent-color:var(--green)}
.storage-policy-v28{border:1px solid #303030;background:#171717;padding:11px 13px;color:#888;font-size:9px;line-height:1.55}.storage-policy-v28 summary{cursor:pointer;color:#bbb;font-weight:800}.storage-policy-v28 p{margin:9px 0 0}
.order-progress-v28{border:1px solid #303030;padding:12px;background:#151515}.order-progress-v28>div{display:flex;align-items:center;gap:9px;color:#666;font-size:9px;padding:4px 0}.order-progress-v28 i{width:9px;height:9px;border-radius:50%;background:#3a3a3a}.order-progress-v28 .active{color:#fff}.order-progress-v28 .active i{background:#ffd65a;box-shadow:0 0 0 3px rgba(255,214,90,.12)}.order-progress-v28 .done{color:#aaa}.order-progress-v28 .done i{background:var(--green)}.order-progress-v28 .warning{color:#ffd65a}.order-progress-v28 .warning i{background:#ffd65a}.order-progress-v28 .error{color:#ff795b}.order-progress-v28 .error i{background:#ff795b}

.done-card-v26{text-align:center;width:min(440px,100%)}
.done-icon-v26{
  width:66px;height:66px;border-radius:50%;margin:0 auto 16px;
  display:grid;place-items:center;background:var(--green);color:#111;font-size:30px;font-weight:900
}
.done-card-v26 p{color:#999;line-height:1.6;margin-bottom:20px}

@media(max-width:640px){
  .modal-v26{padding:8px;align-items:flex-end}
  .modal-card-v26{padding:20px 14px;max-height:96vh}
  .modal-card-v26 h2{font-size:23px;padding-right:28px}
  .clear-cart-btn{position:static;margin:-10px 0 14px auto;display:block}
  .cart-summary-v26{gap:10px}.cart-summary-v26 b{font-size:13px}
  .size-grid-v26{grid-template-columns:repeat(3,1fr)}
  .checkout-form-v26{grid-template-columns:1fr}
  .full-v26,.checkout-order-preview-v26,.checkout-form-v26 button{grid-column:1}
  .checkout-order-preview-v26{grid-template-columns:1fr}
  .cart-item-v26{grid-template-columns:1fr}
  .cart-item-v26 strong{grid-column:2}
  .cart-design-previews{width:176px}.cart-item-v26>strong{grid-column:1}
  .cart-item-v27-actions{flex-wrap:wrap}
}

.exact-panel-v27{margin:18px 0 22px;padding:14px;border:1px solid #2f2f2f;background:#151515}
.exact-head-v27{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;font:600 9px Unbounded,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.exact-head-v27 span{color:#777}.exact-head-v27 b{color:var(--green)}
.exact-grid-v27{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.exact-cell-v27{border:1px solid #292929;background:#111;padding:10px}
.exact-cell-v27 span{display:block;color:#666;font-size:8px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}
.exact-cell-v27 b{font:600 11px Unbounded,sans-serif;color:#fff}
.width-control-v27{margin-top:10px;display:grid;grid-template-columns:1fr 92px;gap:8px;align-items:end}
.width-control-v27 label{display:block;color:#777;font-size:8px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}
.width-control-v27 input[type=range]{width:100%;accent-color:var(--orange)}
.width-control-v27 input[type=number]{width:100%;background:#111;border:1px solid #343434;color:#fff;padding:9px;text-align:center}
.quality-pill-v27{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:800}
.quality-pill-v27:before{content:"";width:6px;height:6px;border-radius:50%;background:#777}
.quality-pill-v27.good:before{background:var(--green)}
.quality-pill-v27.ok:before{background:#ffd65a}
.quality-pill-v27.bad:before{background:#ff5b33}
.cart-item-v27-actions{display:flex;gap:6px;align-items:center;margin-top:9px}
.cart-item-v27-actions button{border:1px solid #343434;background:#171717;color:#aaa;padding:6px 8px;cursor:pointer;font-size:9px}
.cart-item-v27-actions input{width:54px;background:#111;border:1px solid #343434;color:#fff;padding:6px;text-align:center}
.cart-meta-v27{margin-top:6px!important;color:#777!important;font-size:8px!important;line-height:1.5!important}
.cart-item-v26{align-items:flex-start}
.cart-item-v26>strong{white-space:nowrap}
.cart-empty-v27{color:#777;font-size:10px;padding:18px 0}
.shop-header-btn{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:var(--green);color:#111;padding:10px 14px;box-shadow:4px 4px 0 var(--ink);transition:.2s;white-space:nowrap}.shop-header-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink)}.shop-header-btn span{font:900 11px Unbounded,sans-serif;letter-spacing:.5px}.shop-header-btn small{font-size:7px;font-weight:800;letter-spacing:.8px;opacity:.65}.shop-header-btn b{grid-column:2;grid-row:1/3;font-size:17px}.catalog-page .shop-header-btn{box-shadow:4px 4px 0 #555}.catalog-page .shop-header-btn:hover{box-shadow:6px 6px 0 #555}.catalog-page .constructor-header-btn{background:var(--orange);color:#fff}
.nav{position:relative}.nav>.shop-header-btn{position:absolute;left:50%;transform:translateX(-50%)}.nav>.shop-header-btn:hover{transform:translate(-50%,-2px)}
.hero-text-only .hero-grid{grid-template-columns:1fr;min-height:560px;max-width:1240px}.hero-text-only .hero-copy{max-width:920px}.hero-text-only .hero-copy>p{max-width:780px}
.prices.section{padding:46px 0}.prices .split-heading{margin-bottom:16px}.prices .price-grid{gap:8px}.prices .price-card{min-height:0;padding:16px}.prices .price-card h3{font-size:20px;margin:15px 0 10px}.prices .big-price{font-size:28px}.prices .price-card p{margin:10px 0 0;font-size:10px;line-height:1.4}.prices .tag{right:12px;top:10px;padding:5px 7px}.reviews.section{padding:48px 0}.reviews .section-title-row{margin-bottom:20px}.reviews .review-grid{gap:8px}.reviews .review-grid article{min-height:0;padding:16px}.reviews .review-grid p{font-size:14px;line-height:1.45;margin:13px 0}.reviews .review-grid footer{padding-top:9px}
@media(max-width:1000px){.prices .split-heading{gap:12px}.prices .price-card{min-height:0}.reviews .review-grid article{min-height:0}}
.intro.section{padding:56px 0}.intro .split-heading{grid-template-columns:1.3fr .7fr;gap:32px;margin-bottom:24px}.intro .split-heading>p{font-size:13px;line-height:1.55}.intro .steps-grid{grid-template-columns:repeat(3,1fr)}.intro .steps-grid article{min-height:190px;padding:18px}.intro .step-icon{width:44px;height:44px;margin:20px 0 20px;font-size:21px}.intro .steps-grid h3{font-size:16px;margin:0 0 10px}.intro .steps-grid p{font-size:11px;line-height:1.5;margin:0}
@media(max-width:700px){.intro.section{padding:48px 0}.intro .split-heading{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.intro .steps-grid{grid-template-columns:1fr}.intro .steps-grid article{min-height:0}.intro .step-icon{margin:16px 0}}
.constructor-section.section{padding:54px 0}.constructor-section .constructor-head{align-items:flex-end;flex-direction:row;margin-bottom:24px}.constructor-section .constructor-note{padding-top:10px}.constructor-section .constructor-note p{margin:8px 0 0}
@media(max-width:700px){.constructor-section.section{padding:46px 0}.constructor-section .constructor-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:20px}.constructor-section .constructor-note{max-width:100%;width:100%}}
.faq.section{padding:52px 0}.faq .faq-grid{grid-template-columns:.65fr 1.35fr;gap:44px;align-items:start}.faq .faq-grid>div:first-child>p{margin:14px 0 0}.faq .accordion summary{padding:16px 0;font-size:13px}.faq .accordion details p{margin:0 0 16px;font-size:12px;line-height:1.5}
.marquee div{display:flex;width:max-content;min-width:max-content;animation:marquee 18s linear infinite}.marquee span{display:block;flex:none;white-space:nowrap;padding-right:0}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:700px){.faq.section{padding:44px 0}.faq .faq-grid{grid-template-columns:1fr;gap:18px}.faq .accordion summary{padding:15px 0}}
.preview-color-choice{display:flex;gap:6px;margin-left:auto}.preview-color-choice .color-btn{flex:0 0 auto;padding:9px 11px;min-width:82px}.preview-color-choice .swatch{width:11px;height:11px}
@media(max-width:520px){.preview-top{align-items:stretch;flex-direction:column;gap:8px}.preview-toolbar,.preview-color-choice{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0}.preview-color-choice .color-btn{min-width:0}}
@media(max-width:640px){.nav{gap:10px}.shop-header-btn{padding:8px 10px;box-shadow:3px 3px 0 var(--ink)}.shop-header-btn span{font-size:9px}.shop-header-btn small{font-size:6px}.shop-header-btn b{display:none}.nav>.nav-cta{display:none}}
@media(max-width:680px){
  .exact-grid-v27{grid-template-columns:1fr 1fr}
  .width-control-v27{grid-template-columns:1fr 78px}
}
.site-dialog{position:fixed;inset:0;z-index:5000;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.72)}.site-dialog.open{display:grid}.site-dialog-card{width:min(460px,100%);border:1px solid #393939;background:#151515;color:#fff;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.site-dialog-card h2{margin:7px 0 13px;font:800 24px Unbounded,sans-serif}.site-dialog-card p{color:#aaa;line-height:1.6;margin:0 0 22px}.site-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.site-dialog-actions .btn{width:auto}.site-dialog-actions [hidden]{display:none}
.footer-legal{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-top:28px;padding-top:20px;border-top:1px solid #242424}.footer-offer{color:var(--green);font:800 10px Unbounded,sans-serif;letter-spacing:.7px;text-transform:uppercase}.footer-requisites{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 18px;color:#777;font-size:9px;line-height:1.5}.footer-requisites a{color:#aaa}.footer-offer:hover,.footer-requisites a:hover{color:#fff}
@media(max-width:640px){.footer-legal{flex-direction:column;gap:14px}.footer-requisites{flex-direction:column;justify-content:flex-start;gap:5px}}