:root{
--black:#050505;--ink:#0d0d0d;--panel:#111;--panel2:#171717;--gold:#c69a43;--gold2:#f1cc77;--cream:#f5efe2;--muted:#a9a39a;--line:#30291f;--shadow:0 25px 80px rgba(0,0,0,.55)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.announcement{height:30px;display:flex;justify-content:center;align-items:center;gap:10px;background:#000;color:#c9c0b0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:2.5px}.announcement span{color:var(--gold2)}
.header{height:78px;padding:8px 4.5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(5,5,5,.95);backdrop-filter:blur(15px);z-index:50}.logo-link{width:122px;height:62px;display:block}.logo-link img{width:100%;height:100%;object-fit:contain}.header nav{display:flex;gap:26px;margin-left:auto}.header nav a,.icon-btn{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#d4cec1}.header nav a:hover,.icon-btn:hover{color:var(--gold2)}.header-actions{display:flex;gap:10px}.icon-btn{background:transparent;border:0}.cart-btn{background:var(--gold);border:0;border-radius:999px;padding:10px 16px;font-weight:900}.cart-btn b{background:#0a0908;color:var(--gold2);border-radius:50%;padding:2px 7px;margin-left:5px}
.hero{min-height:720px;padding:90px 7%;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;background:radial-gradient(circle at 75% 50%,#2c2111 0,#0b0b0b 33%,#050505 68%)}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:900;color:var(--gold2);margin:0 0 13px}.hero h1{font:900 clamp(54px,7.2vw,100px)/.88 Georgia,serif;letter-spacing:-5px;margin:0 0 28px}.hero h1 em,h2 em{font-style:normal;color:var(--gold2)}.hero-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:28px}.gold-btn,.line-btn{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:13px 20px;font-weight:900;border:1px solid var(--gold);transition:.2s}.gold-btn{background:var(--gold);color:#080706}.gold-btn:hover{background:var(--gold2);transform:translateY(-1px)}.line-btn{color:var(--gold2);background:transparent}.line-btn:hover{background:#21190d}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:#8e897f;font-size:11px;letter-spacing:.5px}.hero-art{height:490px;border:1px solid #5a431f;border-radius:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg,#1d1810,#080808);box-shadow:var(--shadow)}.crest-ring{position:absolute;width:370px;height:370px;border:1px solid #6a4c1f;border-radius:50%;box-shadow:0 0 0 30px rgba(177,129,43,.04),0 0 0 60px rgba(177,129,43,.025)}.hero-hg{font:900 190px/.8 Georgia,serif;color:var(--gold);text-shadow:0 15px 45px #000;z-index:1}.hero-caption{letter-spacing:4px;font-size:10px;color:#9d907a;z-index:1;margin-top:28px}
.section{padding:95px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head.centered{display:block;text-align:center;max-width:800px;margin:0 auto 42px}.section-head h2{font:900 52px/1 Georgia,serif;margin:0}.section-head>p:last-child{max-width:500px;color:var(--muted);line-height:1.7}.filter-bar{display:flex;gap:8px;margin-bottom:20px}.filter{border:1px solid var(--line);background:#0c0c0c;color:#aaa;padding:9px 14px;border-radius:999px;font-size:11px}.filter.active,.filter:hover{background:#231b0d;color:var(--gold2);border-color:#6a4c1f}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{background:linear-gradient(145deg,#151515,#0b0b0b);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.product-card:hover{border-color:#6c5024;transform:translateY(-3px)}.product-image{height:205px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#29241b,#0b0b0b 70%);position:relative}.product-icon{font-size:66px;filter:drop-shadow(0 15px 20px #000)}.product-tag{position:absolute;top:10px;left:10px;color:var(--gold2);font-size:9px;letter-spacing:2px}.product-info{padding:17px}.product-info h3{margin:0 0 4px;font:700 20px Georgia,serif}.product-info p{margin:0;color:#8f8b83;font-size:12px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.product-bottom b{color:var(--gold2)}.quick-add{border:1px solid var(--gold);background:transparent;color:var(--gold2);padding:7px 10px;border-radius:8px;font-size:10px;font-weight:900}
.designer-section{padding:95px 4.5%;background:#090909;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.designer-shell{max-width:1450px;margin:auto;display:grid;grid-template-columns:270px 1fr 300px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0e0e0e;box-shadow:var(--shadow)}.left-panel,.right-panel{padding:18px;background:#111}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-title{font-size:9px;letter-spacing:2px;color:var(--gold2);font-weight:900;margin:10px 0 9px}.left-panel select{width:100%;background:#080808;border:1px solid #393126;color:#eee;padding:10px;border-radius:8px}.mini-products{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:9px 0 16px}.mini-products button{background:#171717;border:1px solid #28231c;color:#aaa;border-radius:7px;padding:8px 5px;font-size:9px}.mini-products button.active{border-color:var(--gold);color:var(--gold2)}.area-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.area{border:1px solid #29241d;background:#0b0b0b;color:#aaa;padding:8px;border-radius:6px;font-size:9px}.area.active{color:var(--gold2);border-color:var(--gold)}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:25px;height:25px;border-radius:50%;border:2px solid #444}.swatch.active{border-color:var(--gold2);box-shadow:0 0 0 2px #33250e}.add-tools{display:grid;gap:7px}.add-tools button,.upload-btn{border:1px solid #332b20;background:#0a0a0a;color:#d5cec1;padding:9px;border-radius:7px;font-size:10px;text-align:center}.upload-btn input{display:none}.upload-help{font-size:9px;color:#777;margin-top:10px;line-height:1.5}
.stage-panel{min-width:0;background:#0a0a0a;display:flex;flex-direction:column}.stage-toolbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.stage-toolbar b{display:block;font-size:12px}.stage-toolbar span{color:var(--gold2);font-size:9px;letter-spacing:1px}.toolbar-actions{display:flex;gap:5px}.toolbar-actions button{background:#161616;border:1px solid #302a21;color:#aaa;border-radius:6px;padding:7px 9px;font-size:9px}.toolbar-actions button:hover{color:var(--gold2);border-color:#665022}.canvas-wrap{min-height:570px;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle at center,#1d1b17,#080808 65%);overflow:hidden}.mock-product{width:350px;height:395px;background:#181818;border-radius:55px 55px 28px 28px;position:relative;box-shadow:0 25px 50px #000;transition:.2s}.mock-product:before,.mock-product:after{content:"";position:absolute;top:25px;width:110px;height:230px;background:inherit;z-index:0}.mock-product:before{left:-75px;transform:rotate(18deg);border-radius:50px}.mock-product:after{right:-75px;transform:rotate(-18deg);border-radius:50px}.print-zone{position:absolute;z-index:2;left:85px;top:75px;width:180px;height:250px;border:1px dashed rgba(241,204,119,.42);overflow:hidden}.back-label{position:absolute;top:3px;left:0;right:0;text-align:center;color:rgba(241,204,119,.45);font-size:7px;letter-spacing:1px;pointer-events:none}.design-element{position:absolute;min-width:45px;min-height:30px;transform-origin:center center;cursor:move;user-select:none;border:1px solid transparent}.design-element.selected{border:1px dashed var(--gold2)}.design-element img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.design-text{font-weight:900;white-space:nowrap;color:#f1cc77;font-size:25px;padding:4px}.handle{position:absolute;width:8px;height:8px;background:var(--gold2);border:1px solid #000}.handle.br{right:-5px;bottom:-5px;cursor:nwse-resize}.handle.tr{right:-5px;top:-5px;cursor:nesw-resize}.rotate-handle{width:9px;height:9px;border-radius:50%;background:var(--gold2);position:absolute;left:50%;top:-18px;transform:translateX(-50%);cursor:grab}.zoom-row{height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}.zoom-row button{background:#171717;color:#ddd;border:1px solid #302a21;width:28px;height:28px;border-radius:6px}.zoom-row input{width:190px}.zoom-row span{font-size:10px;color:#777;width:40px}
.layers{display:grid;gap:6px;max-height:230px;overflow:auto}.layer{display:flex;gap:7px;align-items:center;border:1px solid #29241d;background:#0b0b0b;padding:8px;border-radius:7px;font-size:9px;color:#aaa}.layer.active{border-color:var(--gold);color:var(--gold2)}.layer button{margin-left:auto;border:0;background:none;color:#777}.inspector{margin-top:15px;border-top:1px solid var(--line);padding-top:15px}.inspector-empty{color:#666;font-size:10px;line-height:1.5}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-grid label{font-size:8px;color:#777}.inspector-grid input,.inspector-grid select{width:100%;margin-top:4px;background:#080808;color:#eee;border:1px solid #332d24;padding:7px;border-radius:5px;font-size:10px}.price-card{margin-top:18px;border-top:1px solid var(--line);padding-top:15px;display:grid;gap:8px;font-size:10px}.price-card>div{display:flex;justify-content:space-between;color:#8e8981}.price-card b{color:#ddd}.price-card .total{font-size:14px;color:#eee;border-top:1px solid var(--line);padding-top:10px}.price-card .total b{color:var(--gold2)}.price-card label{display:flex;justify-content:space-between;align-items:center;color:#888}.price-card input{width:65px;background:#090909;color:#fff;border:1px solid #332d24;border-radius:5px;padding:6px}.full{width:100%}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#0e0e0e}.feature-strip>div{padding:28px;border-right:1px solid var(--line)}.feature-strip b{color:var(--gold2);display:block;font-size:10px}.feature-strip strong{display:block;font:700 20px Georgia,serif;margin:8px 0}.feature-strip span{color:#777;font-size:11px}
.services{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:linear-gradient(120deg,#0f0d09,#060606)}.services h2{font:900 56px/1 Georgia,serif;margin:0 0 20px}.services>div>p:not(.eyebrow){color:var(--muted);max-width:600px;line-height:1.7}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}.service-cards div{border:1px solid #3b2d19;padding:15px;color:var(--gold2);font-size:9px;letter-spacing:2px}.design-form{background:#111;border:1px solid var(--line);padding:25px;border-radius:17px;display:grid;gap:11px}.design-form h3{font:700 28px Georgia,serif;margin:0 0 5px}.design-form input,.design-form select,.design-form textarea,.checkout-modal input{width:100%;background:#080808;color:#eee;border:1px solid #352f27;padding:12px;border-radius:8px;outline:0}.design-form input:focus,.design-form textarea:focus{border-color:var(--gold)}.file-label{font-size:9px;color:#888}.file-label input{margin-top:6px}.message{color:var(--gold2);font-size:11px;min-height:17px}
.order-help{background:#080808}.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.help-grid>div{border-top:1px solid #57411f;padding:18px 4px}.help-grid span{color:var(--gold2);font-size:10px}.help-grid h3{font:700 24px Georgia,serif;margin:8px 0}.help-grid p{font-size:11px;line-height:1.6;color:#777}
footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;align-items:center;gap:20px;color:#777}.footer-links{margin-left:auto;display:flex;gap:18px;font-size:10px}.footer-links a:hover{color:var(--gold2)}footer img{width:110px;height:65px;object-fit:contain}footer span{display:block;margin-top:3px}
.drawer-overlay,.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:100;display:flex}.drawer-overlay[hidden],.modal-overlay[hidden]{display:none}.cart-drawer{margin-left:auto;width:min(500px,100%);height:100%;background:#101010;border-left:1px solid #5a431f;padding:22px;display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.drawer-head h2,.checkout-modal h2,.account-modal h2{font:700 38px Georgia,serif;margin:0}.drawer-head button,.modal-close{background:none;border:0;color:#ddd;font-size:32px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.cart-item strong{font-size:13px}.cart-item small{display:block;color:#777;font-size:9px;margin-top:3px}.cart-item .remove{color:#b86b6b;background:none;border:0;font-size:9px;margin-top:8px}.coupon{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:15px}.coupon input{background:#080808;color:#eee;border:1px solid #352f27;padding:9px;border-radius:7px}.coupon button{background:#171717;color:var(--gold2);border:1px solid #58421f;border-radius:7px}.coupon span{grid-column:1/-1;color:var(--gold2);font-size:9px}.summary{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.summary>div{display:flex;justify-content:space-between;color:#888;padding:4px 0}.summary .grand{color:#eee;font-size:17px;border-top:1px solid var(--line);margin-top:6px;padding-top:10px}.summary .grand b{color:var(--gold2)}.summary .gold-btn{margin-top:14px}
.modal-overlay{align-items:center;justify-content:center;padding:20px}.checkout-modal,.account-modal{width:min(650px,100%);background:#111;border:1px solid #5a431f;border-radius:18px;padding:30px;position:relative;box-shadow:var(--shadow)}.checkout-modal h2,.account-modal h2{margin:0 0 20px}.checkout-modal form{display:grid;gap:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-size:18px}.checkout-total b{color:var(--gold2)}.secure{color:#777;font-size:9px}.account-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.account-demo div{border:1px solid var(--line);padding:20px;text-align:center;color:#777}.account-demo b{display:block;color:var(--gold2);font-size:24px;margin-top:5px}
@media(max-width:1100px){.catalog{grid-template-columns:repeat(3,1fr)}.designer-shell{grid-template-columns:240px 1fr}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px}.price-card{margin-top:0}.layers{max-height:180px}.help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;padding:60px 5%}.hero-art{height:350px}.section{padding:70px 5%}.catalog{grid-template-columns:1fr 1fr}.designer-shell{grid-template-columns:1fr}.left-panel{border-right:0;border-bottom:1px solid var(--line)}.right-panel{grid-column:auto;display:block;border-top:0}.canvas-wrap{min-height:480px}.services{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr 1fr}.help-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p:last-child{margin-top:15px}}
@media(max-width:560px){.header{padding:7px 4%;height:68px}.logo-link{width:95px}.header-actions{margin-left:auto}.icon-btn{display:none}.hero h1{font-size:52px;letter-spacing:-3px}.hero-actions{flex-direction:column}.catalog{grid-template-columns:1fr}.filter-bar{overflow:auto}.section-head h2{font-size:40px}.designer-section{padding:60px 2.5%}.toolbar-actions button{font-size:8px;padding:6px}.mock-product{transform:scale(.8)}.feature-strip,.help-grid,.service-cards,.two{grid-template-columns:1fr}.footer-links{margin-left:0;flex-wrap:wrap}footer{flex-wrap:wrap}}

/* V3 product-template and saved-design UI */
.mock-product{background:var(--product-color,#171717);--product-color:#171717;transition:transform .2s,background .2s}
.mock-product[data-template="hoodie"]{border-radius:42px 42px 25px 25px;width:370px}
.mock-product[data-template="pants"]{width:300px;height:430px;border-radius:30px 30px 18px 18px}
.mock-product[data-template="hat"]{width:370px;height:250px;border-radius:170px 170px 25px 25px}
.mock-product[data-template="football"]{width:420px;height:255px;border-radius:50%;transform:rotate(-12deg)}
.mock-product[data-template="basketball"],.mock-product[data-template="baseball"]{width:310px;height:310px;border-radius:50%}
.mock-product[data-template="phone"]{width:245px;height:445px;border-radius:28px}
.mock-product[data-template="tumbler"]{width:245px;height:400px;border-radius:45px 45px 25px 25px}
.mock-product[data-template="slate"],.mock-product[data-template="rectangle"],.mock-product[data-template="mousepad"],.mock-product[data-template="acrylic"]{width:410px;height:290px;border-radius:10px}
.mock-product[data-template="socks"]{width:220px;height:400px;border-radius:35px 35px 18px 18px}
.mock-product[data-template="tee"]:before,.mock-product[data-template="tee"]:after,
.mock-product[data-template="hoodie"]:before,.mock-product[data-template="hoodie"]:after{background:inherit}
.design-name{width:110px;background:#090909;border:1px solid #332d24;color:#eee;padding:7px;border-radius:6px;font-size:9px}
.saved-modal{width:min(700px,100%);max-height:80vh;overflow:auto;background:#111;border:1px solid #5a431f;border-radius:18px;padding:30px;position:relative}
.saved-modal h2{font:700 38px Georgia,serif;margin:0 0 20px}
.saved-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:13px 0}
.saved-item b{display:block;font-size:12px}.saved-item small{display:block;color:#777;font-size:9px;margin-top:4px}
.saved-item button{background:#171717;border:1px solid #352d23;color:#aaa;border-radius:6px;padding:7px 10px;font-size:9px}.saved-item button:hover{color:var(--gold2)}
.muted,.empty-cart{color:#777;text-align:center;padding:30px}