:root{--bg:#050908;--glass:rgba(12,20,18,.72);--line:rgba(255,255,255,.14);--text:#fff;--muted:#d7ddd7;--pink:#ff2b93;--pink2:#ff67b8;--gold:#ffd239;--gold2:#f5a925;--blue:#10a9ff;--green:#28e36d;--shadow:0 26px 70px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#030605;color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.glow-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(31,180,80,.22),transparent 25%),radial-gradient(circle at 92% 22%,rgba(255,43,147,.16),transparent 24%),linear-gradient(180deg,#020504,#07110d 54%,#020504)}.glow-bg:before,.glow-bg:after{content:'';position:absolute;inset:-10%;background:repeating-radial-gradient(circle at 18% 22%,rgba(255,210,57,.36) 0 1px,transparent 2px 60px);opacity:.42;animation:sparkle 8s linear infinite}.glow-bg:after{background:linear-gradient(115deg,transparent 0 8%,rgba(30,132,61,.35) 8.5% 9.5%,transparent 10% 20%,rgba(28,160,70,.22) 21% 22%,transparent 23% 100%);filter:blur(2px);opacity:.5;animation:leaves 12s ease-in-out infinite}.glow-bg span{position:absolute;border-radius:48% 52% 60% 40%;filter:blur(28px);opacity:.32;animation:float 10s ease-in-out infinite}.glow-bg span:nth-child(1){width:360px;height:360px;background:var(--pink);left:-90px;bottom:10%}.glow-bg span:nth-child(2){width:420px;height:420px;background:#0bb758;right:-90px;top:20%;animation-delay:2s}.glow-bg span:nth-child(3){width:300px;height:300px;background:var(--gold);left:45%;top:2%;animation-delay:5s}@keyframes float{50%{transform:translateY(-30px) scale(1.08)}}@keyframes sparkle{to{transform:translateY(-40px)}}@keyframes leaves{50%{transform:translateX(35px) rotate(2deg)}}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,58px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.logo strong{display:block;font-family:Pacifico,cursive;font-size:45px;line-height:.85;color:var(--pink2);text-shadow:0 0 16px rgba(255,43,147,.45)}.logo small{display:block;color:#a7ff4f;letter-spacing:.08em;font-weight:900;margin-left:26px}.site-header nav{display:flex;align-items:center;gap:30px;text-transform:uppercase;font-weight:900}.site-header nav a{position:relative}.site-header nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-18px;height:2px;background:currentColor;box-shadow:0 0 15px currentColor}.gold-link{color:var(--gold)}.pink-link{color:var(--pink2)}.icon-cart{position:relative;background:transparent;border:0;color:white;font-size:26px}.icon-cart span{position:absolute;top:-10px;right:-14px;background:var(--pink);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:12px}.hamburger{display:none;background:none;border:0;color:#fff;font-size:28px}.shop-shell{display:grid;grid-template-columns:240px minmax(520px,1fr) 360px;gap:28px;padding:28px clamp(18px,3vw,48px) 18px;align-items:start}.glass-panel{background:linear-gradient(180deg,rgba(20,31,28,.72),rgba(5,12,10,.72));border:1px solid rgba(255,210,57,.28);box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:22px}.filter-panel{padding:20px;position:sticky;top:110px}.search-box{height:46px;border:1px solid rgba(255,255,255,.35);border-radius:10px;display:flex;align-items:center;padding:0 10px;background:rgba(255,255,255,.05)}.search-box input{flex:1;background:transparent;border:0;outline:0;color:#fff}.search-box span{font-size:26px}.filter-block{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}.filter-block h3{margin:0 0 14px;color:var(--gold);text-transform:uppercase;font-size:16px}.filter-block label{display:flex;align-items:center;gap:10px;margin:14px 0;color:#fff}.filter-block input{accent-color:var(--pink)}.vicon{font-size:20px}.vicon.pink{color:var(--pink2)}.vicon.green{color:#9fff55}.vicon.gold{color:var(--gold)}.range-line{height:20px;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--pink2));position:relative}.range-line:before,.range-line:after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#ff7ac4;border:2px solid #fff}.range-line:before{left:0}.range-line:after{right:0}.price-labels{display:flex;justify-content:space-between;margin-top:12px}.outline-btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);color:white;border-radius:10px;padding:13px 18px;font-weight:900;text-transform:uppercase}.full{width:100%;justify-content:center}.shop-title{text-align:center;margin:0 0 18px}.shop-title h1{font-family:Pacifico,cursive;font-size:78px;line-height:1;margin:0;background:linear-gradient(90deg,var(--pink2),#ff3f8e,var(--gold),#fff08b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(255,43,147,.2)}.shop-title p{font-size:20px;margin:4px 0;color:#fff}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.tab{height:48px;border-radius:12px;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:900;text-transform:uppercase;font-size:18px}.tab.women{background:linear-gradient(180deg,#d2257b,#a30d57)}.tab.men{background:linear-gradient(180deg,#0067a7,#00416c)}.tab.unisex{background:linear-gradient(180deg,#ffc64d,#be7a0e)}.tab.all{background:linear-gradient(180deg,#079b44,#075728)}.tab.active{box-shadow:0 0 20px rgba(255,255,255,.25),inset 0 0 12px rgba(255,255,255,.18)}.results-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#f4f4f4}.results-row select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;padding:9px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:12px;min-height:244px;position:relative;overflow:hidden;cursor:pointer;transition:.22s ease}.product-card:hover,.product-card.selected{transform:translateY(-4px);border-color:var(--pink2);box-shadow:0 0 24px rgba(255,43,147,.22)}.product-card .mini-stage{height:142px;display:grid;place-items:center}.mini-bottle{--oil1:#ff2b85;--oil2:#ff8fbf;width:62px;height:120px;position:relative}.mini-bottle .cap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:31px;height:24px;border-radius:6px 6px 2px 2px;background:linear-gradient(90deg,#8a4b10,#ffd16a,#9a5b13);box-shadow:0 0 12px rgba(255,210,57,.4)}.mini-bottle .body{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:58px;height:95px;border:2px solid rgba(255,255,255,.38);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent 20%,rgba(255,255,255,.13) 80%,rgba(255,255,255,.28));overflow:hidden;box-shadow:0 12px 25px rgba(0,0,0,.45)}.mini-bottle .body:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--oil2),var(--oil1));opacity:.82}.mini-bottle .label{position:absolute;left:8px;right:8px;top:33px;height:48px;border-radius:3px;background:#111;display:grid;place-items:center;text-align:center;z-index:2;font-size:9px;line-height:1.05;color:#ffe8a0}.product-card h3{margin:6px 0 2px;font-size:15px;line-height:1.15}.product-card .cat{font-size:12px;font-weight:800}.cat.Women{color:var(--pink2)}.cat.Men{color:var(--blue)}.cat.Unisex{color:var(--gold)}.product-card p{margin:6px 0 0;font-size:12px}.quick-add{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;border:1px solid var(--pink2);background:transparent;color:var(--pink2);font-size:17px}.pager{display:flex;gap:14px;justify-content:center;align-items:center;margin:18px 0}.pager button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04);color:white}.pager button.active{background:var(--pink);border-color:var(--pink)}.detail-panel{padding:26px;position:sticky;top:110px;min-height:720px;overflow:hidden}.heart{position:absolute;right:24px;top:22px;background:transparent;border:0;color:#fff;font-size:34px}.bottle-stage{height:380px;display:grid;place-items:center;position:relative}.large-bottle{--oil1:#ff2b85;--oil2:#ff8fbf;width:170px;height:300px;position:relative;z-index:2;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));animation:bottleFloat 3s ease-in-out infinite}.large-bottle .cap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:72px;height:78px;border-radius:14px 14px 6px 6px;background:linear-gradient(90deg,#7c3d0c,#f5b94a 22%,#ffe49b 52%,#ad701e 78%,#6c370a);box-shadow:inset 8px 0 12px rgba(255,255,255,.22),0 0 18px rgba(255,210,57,.36)}.large-bottle .bottle-body{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:138px;height:228px;border-radius:22px 22px 12px 12px;border:4px solid rgba(255,255,255,.42);background:linear-gradient(90deg,rgba(255,255,255,.32),transparent 20%,rgba(255,255,255,.16) 78%,rgba(255,255,255,.34));overflow:hidden}.large-bottle .oil-fill{position:absolute;inset:0;background:linear-gradient(180deg,var(--oil2),var(--oil1));opacity:.78}.large-bottle .label{position:absolute;left:24px;right:24px;top:68px;bottom:38px;background:#111;border-radius:5px;z-index:3;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,255,255,.14);padding:8px}.large-bottle .label span{font-size:20px;line-height:1.15;color:#ffe8a0}.large-bottle .label small{color:var(--pink2);font-size:11px;font-weight:900}.large-bottle .shine{position:absolute;left:20px;top:18px;width:22px;height:170px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);z-index:4}.category-men .label small{color:var(--blue)}.category-unisex .label small{color:var(--gold)}.pedestal{position:absolute;bottom:26px;width:250px;height:48px;border-radius:50%;background:radial-gradient(circle,rgba(255,43,147,.55),rgba(255,43,147,.16) 45%,transparent 70%);box-shadow:0 0 30px rgba(255,43,147,.45)}@keyframes bottleFloat{50%{transform:translateY(-8px)}}.selected-info h2{font-size:28px;margin:4px 0 4px}.selected-cat{font-size:18px;margin:0;font-weight:900;color:var(--pink2)}.selected-info p{line-height:1.55}.selected-info hr{border:0;border-top:1px solid rgba(255,255,255,.15);margin:16px 0}.selected-info h3{text-transform:uppercase;color:var(--gold);font-size:15px}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.size-option{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:9px;padding:12px 5px;font-weight:900}.size-option.active{border-color:var(--pink2);box-shadow:0 0 15px rgba(255,43,147,.38)}.size-option strong{display:block;font-size:20px;margin-top:4px}.qty-box{display:inline-grid;grid-template-columns:42px 60px 42px;border:1px solid rgba(255,255,255,.25);border-radius:10px;overflow:hidden;margin-bottom:18px}.qty-box button{background:rgba(255,255,255,.04);border:0;color:#fff;font-size:24px}.qty-box span{display:grid;place-items:center;font-size:23px}.pink-btn,.gold-btn{border:0;border-radius:10px;padding:14px 20px;font-weight:900;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--pink2),#d51b78);box-shadow:0 8px 22px rgba(255,43,147,.22);display:inline-flex;align-items:center;justify-content:center;gap:8px}.gold-btn{color:#1a1600;background:linear-gradient(180deg,#ffe767,var(--gold2));box-shadow:0 8px 22px rgba(255,210,57,.25)}.big-cart{font-size:17px;margin:0 0 10px}.quality{color:#a7ff4f!important;font-size:13px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:16px clamp(18px,4vw,58px) 40px}.benefits div{display:flex;gap:10px;flex-direction:column}.benefits b{font-size:17px}.benefits span{color:var(--muted);font-size:13px;line-height:1.35}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:60}.cart-drawer{position:fixed;right:0;top:0;height:100vh;width:min(440px,100vw);z-index:70;background:#07100d;border-left:1px solid var(--line);box-shadow:var(--shadow);padding:20px;transform:translateX(100%);transition:.25s ease;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.cart-head h2{margin:0;font-size:34px}.cart-head button{border:0;background:transparent;color:#fff;font-size:34px}.cart-items{flex:1;overflow:auto;display:grid;gap:12px;padding:16px 0;align-content:start}.cart-item{display:grid;grid-template-columns:1fr auto;gap:12px;background:rgba(255,255,255,.05);padding:14px;border-radius:12px}.cart-item small{color:var(--muted);line-height:1.5}.cart-qty{display:flex;align-items:center;gap:8px}.cart-qty button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff}.cart-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0;font-size:20px}.fineprint{color:var(--muted);font-size:12px;line-height:1.45}.home-main{padding:40px clamp(18px,5vw,70px)}.home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) 420px;align-items:center;gap:48px;min-height:620px}.home-copy h1{font-size:clamp(48px,7vw,92px);line-height:.95;margin:12px 0;background:linear-gradient(90deg,var(--pink2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.home-copy p{font-size:19px;color:var(--muted);line-height:1.7}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.home-showcase{display:grid;place-items:center;position:relative;height:460px}.sparkle{position:absolute;color:var(--gold);font-size:30px;animation:float 4s ease-in-out infinite}.s1{left:20%;top:10%}.s2{right:20%;top:20%;animation-delay:1s}.s3{left:24%;bottom:16%;animation-delay:2s}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-tile{padding:24px;border:1px solid rgba(255,210,57,.25);background:rgba(255,255,255,.05);border-radius:18px}.feature-tile b{display:block;font-size:24px}.feature-tile span{color:var(--muted)}.drink-page{padding:80px clamp(18px,5vw,70px)}.drink-card{padding:40px;max-width:760px;margin:auto}.drink-card h1{font-size:64px;margin:0;color:var(--gold)}.drink-card p{color:var(--muted);font-size:18px}.drink-card a{margin:10px 8px 0 0}@media(max-width:1180px){.shop-shell{grid-template-columns:1fr}.filter-panel,.detail-panel{position:static}.product-grid{grid-template-columns:repeat(3,1fr)}.detail-panel{min-height:auto}.home-hero{grid-template-columns:1fr}.home-showcase{height:380px}}@media(max-width:760px){.site-header{height:auto;align-items:flex-start;gap:14px}.logo strong{font-size:34px}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.hamburger{display:block}.shop-title h1{font-size:56px}.category-tabs{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.results-row{align-items:flex-start;flex-direction:column;gap:10px}.size-options{grid-template-columns:repeat(2,1fr)}.benefits,.home-cards{grid-template-columns:1fr}.filter-panel{order:2}.shop-center{order:1}.detail-panel{order:3}}@media(max-width:460px){.product-grid{grid-template-columns:1fr}.shop-shell{padding-inline:12px}.large-bottle{transform:scale(.85)}.shop-title h1{font-size:48px}.category-tabs{grid-template-columns:1fr}.home-copy h1{font-size:48px}}

/* Restored glossy drink builder page */
.drink-builder-shell{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(360px,1.1fr) minmax(290px,.74fr);gap:26px;padding:32px clamp(18px,3vw,48px) 48px;align-items:start}.drink-left,.drink-summary-panel{padding:22px;position:sticky;top:110px}.drink-center{text-align:center}.drink-title h1{font-family:Pacifico,cursive;font-size:72px;line-height:1;margin:0;background:linear-gradient(90deg,#50ff8e,#ffd239,#ff67b8);-webkit-background-clip:text;background-clip:text;color:transparent}.drink-title p{font-size:20px;color:#fff;margin:8px 0 22px}.builder-block{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.builder-block:first-child{padding-top:0}.builder-block h3{margin:0 0 14px;color:var(--gold);text-transform:uppercase;font-size:17px}.drink-size-grid{display:grid;grid-template-columns:1fr;gap:12px}.drink-choice{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;padding:14px;text-align:left;font-weight:900;transition:.2s ease}.drink-choice strong{display:block;font-size:20px}.drink-choice span{color:#dce7dc;font-size:13px}.drink-choice.active{border-color:var(--gold);box-shadow:0 0 20px rgba(255,210,57,.28);background:linear-gradient(135deg,rgba(255,210,57,.16),rgba(255,43,147,.12))}.drink-chip-grid{display:flex;flex-wrap:wrap;gap:9px;max-height:310px;overflow:auto;padding-right:4px}.drink-chip{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;border-radius:999px;padding:9px 12px;font-weight:900;font-size:13px}.drink-chip.active{background:linear-gradient(135deg,var(--pink),var(--gold));color:#111;border-color:transparent;box-shadow:0 0 18px rgba(255,43,147,.25)}.drink-addons .drink-chip.active{background:linear-gradient(135deg,#28e36d,#ffd239)}.drink-stage-panel{min-height:600px;padding:28px;position:relative;overflow:hidden}.drink-stage-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,210,57,.18),transparent 32%),radial-gradient(circle at 20% 80%,rgba(255,43,147,.15),transparent 26%);pointer-events:none}.drink-visual-wrap{height:480px;display:grid;place-items:center;position:relative}.drink-model{position:relative;width:300px;height:430px;z-index:2}.drink-shadow{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:210px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.55),transparent 70%)}.drink-glass{position:absolute;left:50%;bottom:55px;transform:translateX(-50%) rotateX(8deg);width:178px;height:285px;border:4px solid rgba(255,255,255,.35);border-top:9px solid rgba(255,255,255,.62);border-radius:28px 28px 46px 46px;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 18%,rgba(255,255,255,.12) 76%,rgba(255,255,255,.26));overflow:hidden;box-shadow:inset 0 0 25px rgba(255,255,255,.13),0 25px 50px rgba(0,0,0,.4);transition:.25s ease}.drink-model.bottle .drink-glass{width:142px;height:335px;border-radius:32px 32px 20px 20px}.drink-model.bottle .drink-glass:before{content:'';position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:72px;height:42px;border-radius:18px 18px 4px 4px;background:linear-gradient(90deg,#7c3d0c,#f5b94a,#ffe49b,#ad701e);border:3px solid rgba(255,255,255,.28)}.drink-liquid{position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(180deg,#ffb43b,#ff6b2d);opacity:.9;transition:.35s ease}.drink-surface{position:absolute;left:12px;right:12px;top:calc(28% - 11px);height:24px;border-radius:999px;background:rgba(255,255,255,.2);filter:blur(2px);transition:.35s ease}.drink-gloss{position:absolute;left:22px;top:22px;width:22px;height:190px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.58),transparent);z-index:3}.drink-bubble{position:absolute;width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.36);bottom:12px;animation:drinkBubble 4s linear infinite}.drink-bubble.b1{left:28px}.drink-bubble.b2{left:75px;animation-delay:1s}.drink-bubble.b3{right:48px;animation-delay:2s}.drink-bubble.b4{right:25px;animation-delay:3s}@keyframes drinkBubble{0%{transform:translateY(0) scale(.7);opacity:0}20%{opacity:1}100%{transform:translateY(-230px) scale(1.2);opacity:0}}.floating-flavor,.floating-addon{position:absolute;z-index:4;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:900;animation:flavorFloat 3.4s ease-in-out infinite;box-shadow:0 12px 20px rgba(0,0,0,.25)}.floating-flavor{background:linear-gradient(135deg,#fff6cc,#ffd239);color:#17200d}.floating-addon{background:linear-gradient(135deg,#d6ffd5,#28e36d);color:#10220e}@keyframes flavorFloat{50%{transform:translateY(-10px) rotate(2deg)}}.drink-summary-panel h2{font-size:38px;margin:0 0 8px}.drink-line{color:#d7ddd7;line-height:1.6}.drink-total-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);margin:18px 0}.drink-total-row strong{font-size:34px;color:var(--gold)}.drink-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.drink-counts div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;text-align:center}.drink-counts b{display:block;color:var(--gold);font-size:20px}.drink-counts span{font-size:12px;color:#d7ddd7}.shake-btn{margin-top:10px}.drink-note{font-size:12px;color:#d7ddd7;line-height:1.55}.drink-visual-wrap.shake .drink-model{animation:shakeDrink .55s ease}@keyframes shakeDrink{10%,90%{transform:translateX(-3px)}20%,80%{transform:translateX(6px)}30%,50%,70%{transform:translateX(-8px)}40%,60%{transform:translateX(8px)}}.drink-page .cart-drawer .cart-item small{line-height:1.6}@media(max-width:1120px){.drink-builder-shell{grid-template-columns:1fr}.drink-left,.drink-summary-panel{position:static}.drink-stage-panel{min-height:auto}.drink-visual-wrap{height:430px}}@media(max-width:760px){.drink-title h1{font-size:54px}.drink-builder-shell{padding:18px}.drink-model{transform:scale(.88)}}


/* Custom order checkout */
.checkout-page .site-header nav a.active{color:#ff66b8}.checkout-shell{padding:44px clamp(18px,5vw,70px) 80px}.checkout-hero{padding:32px;margin-bottom:22px;position:relative;overflow:hidden}.checkout-hero h1{font-size:clamp(42px,7vw,76px);line-height:.92;margin:.1em 0 .2em}.checkout-hero p{max-width:820px;color:#f7eaff;line-height:1.7;font-size:18px}.invoice-notice{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(255,49,158,.12),rgba(255,201,74,.1));border:1px solid rgba(255,255,255,.14)}.invoice-notice b{color:#ffd05f}.invoice-notice span{color:#f0def2}.checkout-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:22px}.order-review,.checkout-form,.empty-checkout{padding:24px}.order-review h2,.checkout-form h2,.empty-checkout h2{margin:0 0 18px;font-size:30px}.checkout-items{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:4px}.checkout-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.checkout-item strong{display:block;margin-bottom:6px}.checkout-item small{display:block;color:#e9cfe7;line-height:1.5}.checkout-item-total{text-align:right}.checkout-item-total span{display:block;color:#d5b7d7;font-size:12px;margin-bottom:6px}.checkout-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:20px}.checkout-total-row strong{font-size:30px;color:#ffd05f}.checkout-form label{display:block;color:#f5e6f6;font-weight:800;margin:0 0 14px}.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.24);color:#fff;border-radius:16px;padding:13px 14px;outline:none}.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{border-color:#ff66b8;box-shadow:0 0 0 4px rgba(255,102,184,.14)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hidden-field{display:none}.empty-checkout{text-align:center}.empty-checkout p{color:#e9cfe7}.checkout-form select option{color:#111}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.checkout-shell{padding-top:24px}.checkout-hero h1{font-size:44px}.checkout-item{grid-template-columns:1fr}.checkout-item-total{text-align:left}}


/* ===== Homepage v2 + Contact page upgrade ===== */
.homepage-v2 .site-header{background:rgba(0,0,0,.36)}
.fancy-home-shell{padding:34px clamp(18px,4vw,58px) 72px;display:grid;gap:26px}.founder-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.84fr);gap:28px;align-items:center;padding:34px;min-height:620px}.founder-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 22%,rgba(255,210,57,.18),transparent 24%),radial-gradient(circle at 18% 84%,rgba(255,43,147,.14),transparent 24%),linear-gradient(135deg,rgba(20,180,95,.12),transparent 40%);pointer-events:none}.founder-copy,.founder-showcase{position:relative;z-index:2}.founder-copy h1{font-family:Pacifico,cursive;font-size:clamp(48px,6.4vw,92px);line-height:1.02;margin:8px 0 18px;background:linear-gradient(90deg,var(--pink2),#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(255,43,147,.18)}.hero-lead{font-size:20px;line-height:1.7;color:var(--muted);max-width:740px}.premium-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.premium-pills span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:999px;padding:10px 14px;font-weight:900;color:#fff3cc;font-size:13px}.founder-showcase{min-height:500px;display:grid;place-items:center}.portrait-medallion{position:relative;width:min(430px,92vw);aspect-ratio:1/1;border-radius:50%;padding:13px;background:linear-gradient(135deg,rgba(255,210,57,.72),rgba(255,43,147,.36),rgba(40,227,109,.45));box-shadow:0 0 46px rgba(255,210,57,.28),0 28px 80px rgba(0,0,0,.45);animation:portraitFloat 4.8s ease-in-out infinite}.portrait-medallion img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.25)}.portrait-ring-text{position:absolute;inset:-22px;border-radius:50%;border:1px solid rgba(255,210,57,.35);display:grid;place-items:end center;text-align:center;color:#fff3c7;font-weight:900;letter-spacing:.07em;text-transform:uppercase;font-size:11px;padding:0 30px 18px;text-shadow:0 2px 8px #000}.floating-update-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.2);background:rgba(7,14,12,.82);backdrop-filter:blur(12px);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow)}.floating-update-card b{display:block;color:var(--gold);font-size:20px}.floating-update-card span{display:block;color:var(--muted);font-size:13px;max-width:170px}.card-a{left:4%;top:12%}.card-b{right:1%;bottom:14%}.hero-orbit{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;animation:orbitPulse 5s ease-in-out infinite}.o1{width:170px;height:170px;background:radial-gradient(circle,rgba(255,43,147,.22),transparent 66%);left:28%;top:8%}.o2{width:220px;height:220px;background:radial-gradient(circle,rgba(40,227,109,.18),transparent 70%);right:6%;top:14%;animation-delay:1.2s}.o3{width:190px;height:190px;background:radial-gradient(circle,rgba(255,210,57,.18),transparent 70%);left:6%;bottom:8%;animation-delay:2.1s}@keyframes portraitFloat{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes orbitPulse{50%{transform:scale(1.12);opacity:.9}}.quick-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.path-card{display:flex;flex-direction:column;gap:8px;min-height:190px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:var(--shadow);transition:.25s ease;position:relative;overflow:hidden}.path-card:after{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.08)}.path-card:hover{transform:translateY(-5px);border-color:var(--pink2)}.path-card span{font-size:36px}.path-card b{font-size:24px}.path-card small{color:var(--muted);line-height:1.5;font-weight:700}.path-drink b{color:var(--gold)}.path-oil b{color:var(--pink2)}.path-shop b{color:#9fff55}.path-contact b{color:#8fd7ff}.updates-section{padding:26px;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}.section-intro h2{font-family:Pacifico,cursive;font-size:50px;line-height:1;margin:0 0 10px;color:var(--pink2)}.section-intro p{color:var(--muted);line-height:1.7}.updates-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.update-tab{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:10px 15px;font-weight:900;text-transform:uppercase}.update-tab.active{background:linear-gradient(90deg,var(--pink),var(--gold));color:#111;border-color:transparent}.update-panel{display:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:20px;padding:22px;min-height:210px}.update-panel.active{display:block;animation:fadeSlide .28s ease}.update-panel b{display:block;font-size:28px;color:var(--gold);margin-bottom:10px}.update-panel p{color:var(--muted);line-height:1.7}.update-panel a{color:var(--pink2);font-weight:900}.home-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px}.home-contact-strip h2{font-family:Pacifico,cursive;font-size:42px;margin:0 0 8px;color:#fff}.home-contact-strip p{margin:0;color:var(--muted)}@keyframes fadeSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.contact-shell{padding:34px clamp(18px,4vw,58px) 72px;display:grid;gap:24px}.contact-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;padding:30px;overflow:hidden}.contact-hero h1{font-family:Pacifico,cursive;font-size:clamp(46px,5vw,72px);line-height:1.03;margin:0 0 14px;color:var(--pink2)}.contact-hero p{color:var(--muted);font-size:18px;line-height:1.7}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.contact-portrait{width:280px;aspect-ratio:1/1;border-radius:34px;overflow:hidden;border:1px solid rgba(255,210,57,.35);box-shadow:0 24px 60px rgba(0,0,0,.4);justify-self:end}.contact-portrait img{width:100%;height:100%;object-fit:cover}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-card{padding:22px}.contact-card h2{margin:0 0 10px;color:var(--gold)}.contact-card p{font-size:18px;line-height:1.6}.contact-card small{display:block;color:var(--muted);line-height:1.6}.contact-form{padding:26px}.contact-form label{display:block;margin:14px 0;color:var(--muted);font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:8px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:white;padding:13px 14px;outline:none}.contact-form textarea{resize:vertical}.hidden-field{display:none}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.founder-hero,.updates-section,.contact-hero{grid-template-columns:1fr}.quick-paths,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-portrait{justify-self:start}.founder-showcase{min-height:430px}}@media(max-width:700px){.fancy-home-shell,.contact-shell{padding-inline:16px}.founder-hero{padding:22px}.founder-copy h1{font-size:48px}.quick-paths,.contact-grid,.field-grid{grid-template-columns:1fr}.updates-section,.home-contact-strip{display:grid}.portrait-medallion{width:min(330px,86vw)}.card-a{left:0;top:4%}.card-b{right:0;bottom:4%}.site-header nav{gap:14px;font-size:12px}.site-header{height:auto;align-items:flex-start}.contact-portrait{width:100%}}

/* ===== Background music widget ===== */
.music-widget{position:fixed;left:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.music-toggle{border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(90deg,var(--pink,#ff2b93),var(--gold,#ffd239));color:#111;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 0 18px rgba(255,43,147,.24)}
.music-toggle.playing{background:linear-gradient(90deg,#28e36d,#ffd239)}
.music-volume{width:90px;accent-color:var(--pink,#ff2b93)}
@media(max-width:700px){.music-widget{left:12px;right:12px;bottom:80px;justify-content:space-between}.music-volume{width:82px}.music-toggle{font-size:13px;padding:10px 12px}}



/* ===========================
   Custom Apparel Design Studio
   =========================== */
.custom-page .custom-header nav a.active{color:var(--gold)}
.custom-shell{padding:28px clamp(18px,4vw,54px) 110px}
.custom-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:center;padding:34px;margin-bottom:26px}
.custom-hero h1{font-size:clamp(42px,7vw,86px);line-height:.88;margin:.1em 0 .18em;font-weight:900}
.custom-hero p{color:var(--muted);line-height:1.7;font-size:17px;max-width:760px}
.custom-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.custom-hero-card{position:relative;min-height:300px;border-radius:30px;background:linear-gradient(145deg,rgba(255,43,147,.18),rgba(255,210,57,.16),rgba(22,180,90,.16));border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:24px;overflow:hidden;box-shadow:var(--shadow)}
.custom-hero-card b{font-size:32px;font-weight:900}
.custom-hero-card span{color:var(--muted)}
.mini-model-preview{position:relative;width:220px;height:180px;margin:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.34))}
.mini-shirt{position:absolute;left:56px;top:46px;width:110px;height:112px;background:linear-gradient(135deg,#ff2b93,#ffd239);clip-path:polygon(22% 0,40% 10%,60% 10%,78% 0,100% 24%,82% 42%,82% 100%,18% 100%,18% 42%,0 24%);border-radius:18px}
.mini-hat{position:absolute;left:24px;top:10px;width:130px;height:70px;background:#10a9ff;border-radius:70px 70px 22px 22px;transform:rotate(-10deg)}
.mini-hat:after{content:'';position:absolute;left:66px;bottom:-18px;width:78px;height:28px;background:#ffd239;border-radius:50%;transform:rotate(8deg)}
.mini-sparkle{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 20px #fff}
.mini-sparkle.s1{left:20px;top:90px}.mini-sparkle.s2{right:22px;top:48px}.mini-sparkle.s3{right:80px;bottom:8px}
.custom-studio{display:grid;grid-template-columns:370px minmax(0,1fr);gap:22px;align-items:start}
.custom-controls{padding:20px;position:sticky;top:90px;max-height:calc(100vh - 108px);overflow:auto}
.studio-heading h2,.preview-top h2,.flat-editor h2,.custom-price-guide h2{margin:0;font-size:32px}
.custom-block{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.custom-block h3,.inline-title h3{margin:0 0 12px;font-size:18px}
.inline-title{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.inline-title span{font-size:12px;color:#122;background:linear-gradient(135deg,var(--gold),#fff2a4);padding:7px 10px;border-radius:999px;font-weight:900}
.custom-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.custom-choice,.addon-choice{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:18px;padding:12px;text-align:left;transition:.2s ease}
.custom-choice b,.addon-choice b{display:block;font-weight:900}
.custom-choice span,.addon-choice span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.custom-choice.active,.addon-choice.active{background:linear-gradient(135deg,rgba(255,43,147,.3),rgba(255,210,57,.2));border-color:rgba(255,210,57,.5);transform:translateY(-2px)}
.custom-field{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-top:12px}
.custom-field input,.custom-field select,.custom-select{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.25);color:#fff;padding:13px 14px;outline:none}
.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.swatch{position:relative;border:2px solid rgba(255,255,255,.14);height:52px;border-radius:16px;background:var(--swatch);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.swatch span{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-size:10px;color:#fff;text-shadow:0 1px 4px #000;font-weight:900}
.swatch.active{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,210,57,.2)}
.addon-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shirt-extras label{display:block;margin:10px 0;color:var(--muted);font-weight:800}
.upload-drop{display:grid;gap:4px;border:1px dashed rgba(255,255,255,.34);border-radius:18px;padding:18px;text-align:center;background:rgba(255,255,255,.04)}
.upload-drop input{display:none}
.upload-drop span{font-weight:900;color:#fff}
.upload-drop small{color:var(--muted)}
.upload-list{display:grid;gap:8px;margin-top:10px}
.upload-pill{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;background:rgba(255,255,255,.05);border-radius:14px;padding:6px}
.upload-pill img{width:42px;height:42px;object-fit:cover;border-radius:10px}
.upload-pill span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-pill button{border:0;background:rgba(255,43,147,.26);color:#fff;border-radius:50%;width:26px;height:26px}
.custom-preview-area{min-width:0}
.preview-top{padding:20px;margin-bottom:18px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.preview-top p{margin:.35em 0;color:var(--muted)}
.price-chip{min-width:160px;text-align:center;background:linear-gradient(135deg,rgba(255,43,147,.24),rgba(255,210,57,.22));border:1px solid var(--line);border-radius:24px;padding:16px}
.price-chip span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.price-chip strong{display:block;font-size:34px;color:var(--gold)}
.custom-preview-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(320px,1fr);gap:18px}
.live-model,.flat-editor{padding:20px}
.model-stage{height:460px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.16),rgba(255,255,255,.02) 56%,rgba(0,0,0,.22))}
.custom-model{position:relative;width:260px;height:330px;display:grid;place-items:center;filter:drop-shadow(0 28px 34px rgba(0,0,0,.45));transform:perspective(900px) rotateY(-10deg) rotateX(4deg);transition:.25s ease}
.model-shape{position:relative;width:200px;height:240px;background:var(--customColor,#000);border:2px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:inset 0 0 45px rgba(255,255,255,.12)}
.product-shirt .model-shape{clip-path:polygon(22% 0,39% 10%,61% 10%,78% 0,100% 24%,83% 42%,83% 100%,17% 100%,17% 42%,0 24%);border-radius:22px}
.product-hat .model-shape{height:150px;border-radius:90px 90px 30px 30px;transform:translateY(-12px)}
.product-hat.style-bucket .model-shape{height:190px;border-radius:44px 44px 80px 80px;clip-path:polygon(18% 0,82% 0,100% 76%,76% 100%,24% 100%,0 76%)}
.product-hat.style-trucker .model-shape:after,.product-hat.style-baseball .model-shape:after{content:'';position:absolute;left:58%;bottom:-16px;width:120px;height:40px;background:rgba(255,255,255,.22);border-radius:50%;transform:rotate(8deg)}
.product-clutch .model-shape{height:170px;border-radius:28px;transform:translateY(12px)}
.product-clutch .model-shape:before{content:'';position:absolute;inset:18px 35px auto 35px;height:34px;border:4px solid rgba(255,255,255,.3);border-bottom:0;border-radius:28px 28px 0 0}
.product-socks .model-shape{height:245px;width:135px;border-radius:28px 28px 40px 70px;clip-path:polygon(30% 0,75% 0,75% 66%,100% 75%,92% 100%,30% 100%,22% 78%,30% 62%)}
.product-tie .model-shape{width:122px;height:270px;clip-path:polygon(50% 0,72% 18%,60% 68%,82% 100%,50% 92%,18% 100%,40% 68%,28% 18%)}
.model-design-text{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:24px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.55);background:rgba(255,255,255,.18);border-radius:999px;padding:8px 13px;max-width:150px;text-align:center;word-break:break-word}
.model-design-image{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);max-width:96px;max-height:96px;object-fit:contain;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.28);background:rgba(255,255,255,.14)}
.model-addon-badges{position:absolute;left:12px;right:12px;bottom:18px;display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.model-addon-badges span{font-size:10px;background:linear-gradient(135deg,var(--gold),#fff1a6);color:#101;border-radius:999px;padding:5px 7px;font-weight:900}
.model-shine{position:absolute;left:25px;top:25px;width:26px;height:160px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);filter:blur(2px)}
.model-shadow{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:210px;height:34px;background:radial-gradient(circle,rgba(0,0,0,.55),transparent 68%)}
.editor-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.editor-head h2{margin:0}
.side-toggle{display:flex;gap:8px;background:rgba(255,255,255,.05);border-radius:999px;padding:6px}
.side-toggle button{border:0;border-radius:999px;padding:9px 12px;background:transparent;color:var(--muted);font-weight:900}
.side-toggle button.active{background:linear-gradient(135deg,var(--pink),var(--gold));color:#111}
.design-plane{position:relative;height:470px;margin-top:16px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.16));border:1px dashed rgba(255,255,255,.24);overflow:hidden;touch-action:none}
.flat-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:300px;background:var(--customColor,#000);opacity:.9;border:2px solid rgba(255,255,255,.24)}
.flat-base.product-shirt{clip-path:polygon(22% 0,39% 10%,61% 10%,78% 0,100% 24%,83% 42%,83% 100%,17% 100%,17% 42%,0 24%);border-radius:20px}
.flat-base.product-hat{height:170px;border-radius:90px 90px 30px 30px}
.flat-base.product-hat.style-bucket{height:220px;border-radius:44px 44px 90px 90px;clip-path:polygon(18% 0,82% 0,100% 76%,76% 100%,24% 100%,0 76%)}
.flat-base.product-clutch{height:200px;border-radius:30px}
.flat-base.product-socks{width:150px;height:300px;border-radius:30px 30px 40px 80px;clip-path:polygon(30% 0,75% 0,75% 66%,100% 75%,92% 100%,30% 100%,22% 78%,30% 62%)}
.flat-base.product-tie{width:140px;height:330px;clip-path:polygon(50% 0,72% 18%,60% 68%,82% 100%,50% 92%,18% 100%,40% 68%,28% 18%)}
.design-layer{position:absolute;inset:0;z-index:3}
.design-item{position:absolute;z-index:5;touch-action:none;cursor:grab;user-select:none;transform-origin:center}
.design-item img{width:100%;display:block;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.text-design-item{display:inline-block;background:rgba(255,255,255,.86);color:#111;padding:8px 12px;border-radius:999px;font-weight:900;min-width:70px;text-align:center}
.plane-guide{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:rgba(255,255,255,.5);font-size:12px;font-weight:800}
.editor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}
.custom-price-guide{margin-top:24px;padding:24px}
.custom-price-guide h2{margin-bottom:16px}
.price-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.price-guide-grid div{border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.04)}
.price-guide-grid b{display:block;font-size:18px;margin-bottom:5px}
.price-guide-grid span{color:var(--muted);font-size:13px;line-height:1.5}
.hidden{display:none!important}
@media(max-width:1180px){.custom-studio,.custom-preview-grid,.custom-hero{grid-template-columns:1fr}.custom-controls{position:static;max-height:none}.model-stage{height:380px}.custom-preview-grid{display:grid}.price-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.custom-shell{padding-inline:14px}.custom-choice-grid,.addon-choice-grid,.price-guide-grid{grid-template-columns:1fr}.preview-top{flex-direction:column;align-items:stretch}.price-chip{width:100%}.design-plane{height:390px}.editor-actions .pink-btn,.editor-actions .outline-btn{width:100%}.swatch-grid{grid-template-columns:repeat(3,1fr)}}

/* =========================================================
   CUSTOM APPAREL STUDIO PRO — holographic design lab
   ========================================================= */
.custom-pro-page{background:#050610;color:#fff;min-height:100vh;overflow-x:hidden}.holo-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 14% 16%,rgba(255,43,147,.28),transparent 30%),radial-gradient(circle at 85% 12%,rgba(255,210,57,.18),transparent 28%),radial-gradient(circle at 50% 85%,rgba(0,244,255,.18),transparent 30%),linear-gradient(180deg,#050610,#0b0614 42%,#070b18)}.holo-bg span,.holo-bg i{position:absolute;border-radius:999px;filter:blur(2px);opacity:.55;animation:holoFloat 13s ease-in-out infinite}.holo-bg span:nth-child(1){width:360px;height:360px;left:-90px;top:120px;background:rgba(255,43,147,.14)}.holo-bg span:nth-child(2){width:320px;height:320px;right:-110px;top:180px;background:rgba(0,244,255,.13);animation-delay:3s}.holo-bg span:nth-child(3){width:420px;height:420px;left:35%;bottom:-180px;background:rgba(255,210,57,.1);animation-delay:6s}.holo-bg i:nth-of-type(1){width:900px;height:1px;left:-10%;top:22%;background:linear-gradient(90deg,transparent,rgba(0,244,255,.38),transparent);transform:rotate(-12deg)}.holo-bg i:nth-of-type(2){width:900px;height:1px;right:-12%;bottom:26%;background:linear-gradient(90deg,transparent,rgba(255,43,147,.38),transparent);transform:rotate(14deg)}@keyframes holoFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-28px,0) scale(1.06)}}.pro-nav{border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,6,16,.74);backdrop-filter:blur(18px)}.pro-shell{padding:28px clamp(16px,4vw,54px) 110px}.pro-hero{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:center;padding:34px;margin-bottom:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));position:relative;overflow:hidden}.pro-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);animation:scanLine 5s linear infinite}.pro-hero-copy{position:relative;z-index:2}.pro-hero h1{font-family:'Orbitron',Inter,sans-serif;text-transform:uppercase;letter-spacing:-.06em;font-size:clamp(42px,6.2vw,86px);line-height:.88;margin:.1em 0 .22em}.pro-hero p{color:#d7d9ef;line-height:1.7;font-size:17px;max-width:780px}.pro-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.pro-hero-orb{position:relative;min-height:330px;display:grid;place-items:center}.orb-ring{width:270px;height:270px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,43,147,.85),rgba(0,244,255,.8),rgba(255,210,57,.85),rgba(255,43,147,.85));filter:drop-shadow(0 0 34px rgba(0,244,255,.25));animation:spinHolo 9s linear infinite}.orb-ring:after{content:'';position:absolute;inset:14px;border-radius:50%;background:rgba(5,6,16,.9);border:1px solid rgba(255,255,255,.14)}.orb-card{position:absolute;text-align:center;padding:24px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.34)}.orb-card b{display:block;font-family:'Orbitron';font-size:46px;line-height:1}.orb-card span{color:#d7d9ef;font-weight:800}.orb-chip{position:absolute;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,rgba(255,43,147,.86),rgba(255,210,57,.86));color:#120711;font-weight:900;font-size:12px;box-shadow:0 12px 26px rgba(0,0,0,.26)}.orb-chip.c1{top:28px;right:42px}.orb-chip.c2{bottom:38px;left:22px}.orb-chip.c3{bottom:54px;right:22px}@keyframes spinHolo{to{transform:rotate(360deg)}}@keyframes scanLine{0%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}.studio-pro-layout{display:grid;grid-template-columns:360px minmax(0,1fr) 370px;gap:18px;align-items:start}.holo-panel,.stage-header,.holo-stage,.pro-summary-bar,.pro-price-guide{border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 28px 80px rgba(0,0,0,.32);backdrop-filter:blur(18px);border-radius:30px}.pro-controls,.pro-editor{position:sticky;top:92px;padding:18px;max-height:calc(100vh - 110px);overflow:auto}.panel-title h2,.stage-header h2,.pro-price-guide h2{font-family:'Orbitron';font-size:28px;margin:0;text-transform:uppercase;letter-spacing:-.03em}.pro-accordion{border-top:1px solid rgba(255,255,255,.1);padding:14px 0}.pro-accordion summary{cursor:pointer;font-weight:900;color:#fff;list-style:none;display:flex;justify-content:space-between}.pro-accordion summary::-webkit-details-marker{display:none}.pro-accordion summary:after{content:'+';color:#ffd239}.pro-accordion[open] summary:after{content:'−'}.pro-choice-grid,.pro-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.pro-choice,.pro-addon{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:18px;padding:12px;color:#fff;text-align:left;transition:.22s ease;position:relative;overflow:hidden}.pro-choice b,.pro-addon b{display:block;font-size:13px}.pro-choice span,.pro-addon span{font-size:11px;color:#d7d9ef}.pro-choice.active,.pro-addon.active{border-color:rgba(0,244,255,.55);box-shadow:0 0 0 1px rgba(0,244,255,.18),0 12px 26px rgba(0,244,255,.1);background:linear-gradient(135deg,rgba(0,244,255,.16),rgba(255,43,147,.12))}.pro-field{display:block;margin-top:12px;color:#d7d9ef;font-size:12px;font-weight:900}.pro-field input,.pro-field select,.pro-select{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(0,0,0,.28);color:#fff;padding:13px}.pro-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.pro-swatch{height:48px;border-radius:16px;border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);position:relative;overflow:hidden}.pro-swatch.active{outline:3px solid rgba(0,244,255,.65);outline-offset:2px}.micro-note{color:#d7d9ef;font-size:12px;margin:10px 0 0}.check-row{display:block;margin:10px 0;color:#d7d9ef;font-weight:800}.check-row input{accent-color:#ff2b93}.pro-text-tools{display:flex;gap:10px;align-items:center;margin-top:10px}.pro-text-tools input[type=color]{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:transparent;padding:3px}.pro-upload{margin-top:12px;display:grid;gap:5px;place-items:center;text-align:center;border:1px dashed rgba(0,244,255,.36);border-radius:20px;background:rgba(0,244,255,.045);padding:18px}.pro-upload input{display:none}.pro-upload span{font-weight:900}.pro-upload small{color:#d7d9ef}.upload-list-pro{display:grid;gap:8px;margin-top:12px}.upload-list-pro .upload-pill{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;background:rgba(255,255,255,.05);border-radius:14px;padding:8px}.upload-list-pro img{width:42px;height:42px;object-fit:cover;border-radius:10px}.upload-list-pro button{border:0;background:#ff2b93;color:white;border-radius:10px;width:28px;height:28px}.stage-header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;margin-bottom:18px}.stage-header p{color:#d7d9ef;margin:.35em 0 0}.price-chip{min-width:150px;border-radius:22px;background:linear-gradient(135deg,rgba(255,43,147,.24),rgba(0,244,255,.14));border:1px solid rgba(255,255,255,.14);padding:14px;text-align:center}.price-chip span{display:block;color:#d7d9ef;font-size:12px;text-transform:uppercase;letter-spacing:.18em}.price-chip strong{display:block;font-family:'Orbitron';font-size:30px;color:#ffd239}.holo-stage{position:relative;min-height:600px;display:grid;place-items:center;overflow:hidden}.holo-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(0,244,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,244,255,.06) 1px,transparent 1px);background-size:40px 40px;transform:perspective(700px) rotateX(58deg) translateY(150px);transform-origin:bottom;opacity:.8}.pro-model{position:relative;width:320px;height:430px;display:grid;place-items:center;transform:perspective(1000px) rotateY(-14deg) rotateX(3deg);transition:.35s cubic-bezier(.2,.9,.2,1);filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}.pro-model.view-back{transform:perspective(1000px) rotateY(174deg) rotateX(3deg)}.pro-model.view-side{transform:perspective(1000px) rotateY(68deg) rotateX(3deg)}.model-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(0,244,255,.18),transparent 68%);animation:pulseHolo 3.5s ease-in-out infinite}.pro-model-shape{position:relative;width:230px;height:290px;background:var(--customColor,#000);border:2px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:inset 0 0 55px rgba(255,255,255,.12),0 0 28px rgba(0,244,255,.12)}.pro-model.product-shirt .pro-model-shape{clip-path:polygon(20% 0,36% 0,42% 12%,58% 12%,64% 0,80% 0,100% 24%,82% 40%,82% 100%,18% 100%,18% 40%,0 24%)}.pro-model.product-hat .pro-model-shape{width:250px;height:150px;border-radius:120px 120px 36px 36px;clip-path:none}.pro-model.product-hat .pro-model-shape:after{content:'';position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:260px;height:48px;border-radius:50%;background:var(--customColor,#000);border:2px solid rgba(255,255,255,.18)}.pro-model.product-hat.style-bucket .pro-model-shape{height:190px;border-radius:60px 60px 85px 85px}.pro-model.product-socks .pro-model-shape{width:130px;height:320px;border-radius:42px 42px 56px 56px;clip-path:polygon(25% 0,75% 0,75% 62%,100% 82%,90% 100%,42% 100%,25% 78%)}.pro-model.product-tie .pro-model-shape{width:120px;height:360px;clip-path:polygon(36% 0,64% 0,78% 52%,50% 100%,22% 52%);border-radius:0}.pro-model.product-clutch .pro-model-shape{width:280px;height:190px;border-radius:30px;clip-path:none}.pro-model.product-clutch .pro-model-shape:before{content:'';position:absolute;left:0;right:0;top:0;height:42%;background:rgba(255,255,255,.08);clip-path:polygon(0 0,100% 0,50% 100%)}.pro-model-shine{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.24),transparent 48%);transform:translateX(-120%);animation:shapeShine 4.4s ease-in-out infinite}.model-design-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.pro-model-text{position:absolute;left:50%;top:48%;z-index:4;transform:translate(-50%,-50%);font-weight:900;text-align:center;max-width:150px;border-radius:999px;padding:8px 12px;text-shadow:0 2px 10px rgba(0,0,0,.55);background:rgba(255,255,255,.16);display:none}.pro-model-image{position:absolute;left:50%;top:34%;z-index:4;transform:translate(-50%,-50%);max-width:100px;max-height:100px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.12);box-shadow:0 12px 24px rgba(0,0,0,.3);display:none}.model-addon-badges{position:absolute;left:10px;right:10px;bottom:14px;z-index:5;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.model-addon-badges span{font-size:10px;font-weight:900;border-radius:999px;padding:5px 7px;background:rgba(255,210,57,.88);color:#140711}.rotate-light{position:absolute;inset:30px;border-radius:50%;border:1px solid rgba(0,244,255,.24);animation:spinHolo 12s linear infinite}.view-buttons{position:absolute;bottom:18px;display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12)}.view-buttons button,.editor-tabs button{border:0;border-radius:999px;padding:9px 12px;background:transparent;color:#d7d9ef;font-weight:900}.view-buttons button.active,.editor-tabs button.active{background:linear-gradient(135deg,#ff2b93,#ffd239);color:#120711}.pro-summary-bar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:center;margin-top:18px;padding:16px}.pro-summary-bar div{background:rgba(255,255,255,.045);border-radius:16px;padding:12px}.pro-summary-bar b{display:block;font-size:12px;text-transform:uppercase;color:#ffd239;letter-spacing:.12em}.pro-summary-bar span{display:block;color:#d7d9ef;font-size:13px;margin-top:3px}.editor-tabs{display:flex;gap:8px;margin:14px 0}.pro-design-plane{position:relative;height:410px;border-radius:26px;overflow:hidden;background:radial-gradient(circle at center,rgba(0,244,255,.08),rgba(0,0,0,.18)),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px dashed rgba(0,244,255,.34);touch-action:none}.pro-flat-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:260px;background:var(--customColor,#000);opacity:.92;border:2px solid rgba(255,255,255,.22);box-shadow:inset 0 0 42px rgba(255,255,255,.12)}.pro-flat-base.product-shirt{clip-path:polygon(20% 0,36% 0,42% 12%,58% 12%,64% 0,80% 0,100% 24%,82% 40%,82% 100%,18% 100%,18% 40%,0 24%)}.pro-flat-base.product-hat{height:128px;width:230px;border-radius:110px 110px 35px 35px}.pro-flat-base.product-socks{width:110px;height:280px;border-radius:38px;clip-path:polygon(25% 0,75% 0,75% 62%,100% 82%,90% 100%,42% 100%,25% 78%)}.pro-flat-base.product-tie{width:100px;height:300px;clip-path:polygon(36% 0,64% 0,78% 52%,50% 100%,22% 52%)}.pro-flat-base.product-clutch{width:245px;height:155px;border-radius:26px}.safe-zone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72%;height:72%;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.18);border-radius:22px;color:rgba(255,255,255,.22);font-weight:900;font-size:11px;letter-spacing:.14em}.design-layer{position:absolute;inset:0;z-index:4}.design-item{position:absolute;z-index:5;touch-action:none;cursor:grab;user-select:none;transform-origin:center}.design-item.selected{outline:2px solid #00f4ff;outline-offset:4px;border-radius:10px}.design-item img{width:100%;display:block;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.3)}.text-design-item{display:inline-block;background:rgba(255,255,255,.16);color:#fff;padding:8px 12px;border-radius:999px;font-weight:900;text-align:center;min-width:60px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.element-tools{display:grid;gap:10px;margin-top:12px}.element-tools label{display:grid;gap:6px;color:#d7d9ef;font-size:12px;font-weight:900}.element-tools input[type=range]{width:100%;accent-color:#00f4ff}.layers-box{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.layers-box h3{margin:0 0 8px}.layer-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.045);margin-bottom:7px;color:#d7d9ef}.layer-row.active{background:rgba(0,244,255,.11);color:white}.pro-price-guide{margin-top:22px;padding:22px}.pro-price-guide h2{font-family:'Orbitron';text-transform:uppercase}.pro-price-guide .price-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pro-price-guide .price-guide-grid div{background:rgba(255,255,255,.045);border-radius:18px;padding:14px}.pro-price-guide b{display:block;color:#ffd239}.pro-price-guide span{display:block;color:#d7d9ef;margin-top:4px;font-size:13px}.hidden{display:none!important}@keyframes shapeShine{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@keyframes pulseHolo{0%,100%{opacity:.65;transform:scale(.98)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:1320px){.studio-pro-layout{grid-template-columns:330px minmax(0,1fr)}.pro-editor{grid-column:1/-1;position:static;max-height:none}.pro-design-plane{height:480px}.pro-price-guide .price-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.pro-hero,.studio-pro-layout{grid-template-columns:1fr}.pro-controls{position:static;max-height:none}.holo-stage{min-height:520px}.pro-summary-bar{grid-template-columns:1fr}.stage-header{flex-direction:column;align-items:stretch}.price-chip{width:100%}.pro-hero-orb{min-height:260px}.orb-ring{width:220px;height:220px}}@media(max-width:680px){.pro-shell{padding-inline:12px}.pro-choice-grid,.pro-addon-grid{grid-template-columns:1fr}.pro-swatch-grid{grid-template-columns:repeat(3,1fr)}.holo-stage{min-height:450px}.pro-model{transform:scale(.82) perspective(1000px) rotateY(-14deg)}.pro-model.view-back{transform:scale(.82) perspective(1000px) rotateY(174deg)}.pro-model.view-side{transform:scale(.82) perspective(1000px) rotateY(68deg)}.pro-design-plane{height:380px}.pro-price-guide .price-guide-grid{grid-template-columns:1fr}.pro-hero h1{font-size:40px}.orb-chip{display:none}}

/* ===== Realistic Custom Apparel Studio PRO ===== */
.realistic-studio-page{background:radial-gradient(circle at 20% 10%,rgba(255,43,147,.10),transparent 35%),radial-gradient(circle at 80% 10%,rgba(0,244,255,.10),transparent 36%),linear-gradient(180deg,#090814 0%,#0c1020 44%,#070a14 100%);color:#fff;min-height:100vh}
.studio-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.studio-bg span,.studio-bg i{position:absolute;border-radius:999px;filter:blur(20px)}.studio-bg span:nth-child(1){width:240px;height:240px;background:rgba(255,43,147,.15);left:-40px;top:120px;animation:floatblob 12s ease-in-out infinite}.studio-bg span:nth-child(2){width:320px;height:320px;background:rgba(0,244,255,.12);right:-50px;top:260px;animation:floatblob 14s ease-in-out infinite reverse}.studio-bg span:nth-child(3){width:200px;height:200px;background:rgba(255,210,57,.10);left:25%;bottom:40px;animation:floatblob 16s ease-in-out infinite}.studio-bg i:nth-child(4){inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px;opacity:.24}.studio-bg i:nth-child(5){width:500px;height:500px;border:1px solid rgba(255,255,255,.05);left:50%;top:180px;transform:translateX(-50%);border-radius:50%;filter:none;animation:spinSlow 26s linear infinite}
@keyframes floatblob{0%,100%{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-30px) translateX(20px) scale(1.08)}}
@keyframes spinSlow{to{transform:translateX(-50%) rotate(360deg)}}
.studio-shell{max-width:1500px;margin:0 auto;padding:20px 18px 70px}
.studio-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:center;padding:26px;border-radius:30px;margin-top:14px;margin-bottom:24px}
.studio-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.03;margin:.15em 0 .35em;font-family:'Orbitron';text-transform:uppercase;letter-spacing:.02em}
.studio-hero p{color:#d6dcee;max-width:760px}
.studio-hero-card{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:28px;padding:24px;box-shadow:0 20px 45px rgba(0,0,0,.28)}
.studio-hero-card h3{margin:10px 0;font-size:24px}.studio-hero-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:#d6dcee}.studio-hero-card li{padding-left:26px;position:relative}.studio-hero-card li:before{content:'✦';position:absolute;left:0;color:#ffd239}.studio-badge{display:inline-flex;padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#ff2b93,#ffd239);color:#140711;font-weight:900;letter-spacing:.14em;font-size:12px}
.studio-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.studio-grid{display:grid;grid-template-columns:330px minmax(0,1fr) 360px;gap:20px;align-items:start}
.studio-controls,.studio-editor,.preview-top,.preview-stage{border-radius:28px}.studio-controls,.studio-editor{padding:18px;position:sticky;top:18px}.studio-preview-column{display:grid;gap:18px}
.panel-head h2{margin:.1em 0 .2em;font-size:28px}.panel-head .eyebrow{margin:0 0 6px}
.studio-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;margin-top:14px}.studio-card h3{margin:0 0 12px;font-size:16px;text-transform:uppercase;letter-spacing:.1em;color:#ffd239}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pro-choice{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;border-radius:18px;padding:14px;text-align:left;display:grid;gap:4px;transition:.22s ease}.pro-choice b{font-size:14px}.pro-choice span{font-size:12px;color:#d6dcee}.pro-choice:hover{transform:translateY(-1px);border-color:rgba(255,210,57,.55)}.pro-choice.active{background:linear-gradient(180deg,rgba(255,43,147,.22),rgba(0,244,255,.16));border-color:rgba(255,210,57,.8);box-shadow:0 0 0 1px rgba(255,210,57,.18) inset}
.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pro-swatch{height:40px;border-radius:14px;border:2px solid rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:.18s ease}.pro-swatch.active{transform:scale(1.04);border-color:#ffd239;box-shadow:0 0 0 3px rgba(255,210,57,.18)}
.pro-field{display:grid;gap:6px;font-size:14px;font-weight:700;color:#eef0ff}.pro-field input,.pro-field select,.pro-select{height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;padding:0 14px}.pro-field input::placeholder{color:#98a0bf}.pro-select{width:100%}.check-row{display:flex;gap:10px;align-items:center;color:#d6dcee;font-weight:700}
.addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pro-addon{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;border-radius:16px;padding:12px;text-align:left;display:grid;gap:4px}.pro-addon b{font-size:13px}.pro-addon span{font-size:12px;color:#d6dcee}.pro-addon.active{background:linear-gradient(135deg,rgba(0,244,255,.20),rgba(255,43,147,.18));border-color:rgba(0,244,255,.65)}
.preview-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px}.preview-top h2{margin:.2em 0 .25em;font-size:34px;font-family:'Orbitron';text-transform:uppercase}.preview-top p{color:#d6dcee;max-width:700px}.price-bubble{min-width:170px;border-radius:22px;background:linear-gradient(135deg,rgba(255,43,147,.24),rgba(0,244,255,.14));padding:15px;border:1px solid rgba(255,255,255,.14);text-align:center}.price-bubble span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#d6dcee}.price-bubble strong{display:block;color:#ffd239;font-size:30px;font-family:'Orbitron'}
.preview-stage{padding:18px;position:relative;overflow:hidden;min-height:800px}.stage-glow{position:absolute;inset:auto 18% 14% 18%;height:120px;background:radial-gradient(circle,rgba(0,244,255,.18),transparent 70%);filter:blur(12px)}.stage-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:16px 16px;opacity:.09}.preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;position:relative;z-index:2}.view-tabs{display:flex;flex-wrap:wrap;gap:8px}.view-tabs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#d6dcee;border-radius:999px;padding:10px 14px;font-weight:800}.view-tabs button.active{background:linear-gradient(135deg,#ff2b93,#ffd239);color:#140711;border-color:transparent}.hint-pill{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#d6dcee;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.mockup-showcase{display:grid;place-items:center;min-height:520px;position:relative;z-index:2}.mockup-frame{width:min(100%,640px);display:grid;place-items:center}.mockup-stack{position:relative;width:var(--frame-width,70%);max-width:100%;aspect-ratio:var(--frame-ratio,1);display:grid;place-items:center}.mockup-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 44px rgba(0,0,0,.40))}.mockup-tint{position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none;mask-image:linear-gradient(#fff,#fff);border-radius:24px;filter:saturate(1.12) brightness(.96)}
.mockup-elements{position:absolute;inset:0;pointer-events:none}.design-layer{pointer-events:auto}.design-item{position:absolute;transform-origin:center center;touch-action:none;user-select:none}.design-item img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 12px 26px rgba(0,0,0,.22)}.text-editor-item{display:inline-flex;justify-content:center;align-items:center;line-height:1.05;font-weight:900;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.35);background:rgba(255,255,255,.12);padding:8px 10px;border-radius:16px;min-width:52px;max-width:100%}.editor-item{cursor:grab;pointer-events:auto}.editor-item.selected{outline:2px solid #00f4ff;outline-offset:4px;border-radius:12px;box-shadow:0 0 0 4px rgba(0,244,255,.15)}
.summary-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:8px;position:relative;z-index:2}.summary-strip div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px}.summary-strip b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#ffd239}.summary-strip span{display:block;margin-top:4px;color:#d6dcee;font-size:13px}.preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;position:relative;z-index:2}
.editor-box{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px;margin-bottom:14px}.editor-topbar{display:grid;gap:12px;margin-bottom:14px}.design-plane{position:relative;min-height:490px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(0,244,255,.25)}.editor-safe-area{position:absolute;inset:5%;border:1px dashed rgba(255,255,255,.10);border-radius:20px}.editor-frame{position:absolute;inset:24px}.editor-frame .mockup-stack{width:100%;height:100%;max-height:100%}.editor-frame .mockup-stack img,.editor-frame .mockup-tint,.editor-frame .mockup-elements{inset:0}
.text-tool-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.pro-field.compact input{padding:0;border:0;height:42px;background:transparent;width:70px}.upload-box{display:grid;place-items:center;text-align:center;border:1px dashed rgba(0,244,255,.34);border-radius:20px;background:rgba(0,244,255,.05);padding:18px;color:#fff}.upload-box input{display:none}.upload-box span{font-weight:900}.upload-box small{color:#d6dcee;margin-top:6px}
.upload-list-pro{display:grid;gap:10px;margin-top:12px}.upload-pill{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.05);padding:8px 10px;border-radius:15px}.upload-pill img{width:44px;height:44px;object-fit:cover;border-radius:10px}.upload-pill span{font-size:13px;color:#e7ebfa}.upload-pill-actions{display:flex;gap:8px}.upload-pill button{border:0;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#ff2b93,#ffd239);color:#140711;font-weight:900}
.element-tools{display:grid;gap:12px}.element-tools label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#d6dcee}.element-tools input[type=range]{width:100%;accent-color:#00f4ff}.tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger{border-color:rgba(255,43,147,.45)!important;color:#ff80c1!important}
.layers-box{display:grid;gap:8px}.layer-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:16px;color:#d6dcee}.layer-row.active{background:rgba(0,244,255,.12);border-color:rgba(0,244,255,.38);color:#fff}.layer-row span{text-align:left;font-size:13px}.layer-row b{font-size:12px;color:#ffd239}
@media(max-width:1320px){.studio-grid{grid-template-columns:320px minmax(0,1fr)}.studio-editor{grid-column:1/-1;position:static}.studio-controls{position:static}.preview-stage{min-height:740px}}
@media(max-width:980px){.studio-hero,.studio-grid{grid-template-columns:1fr}.studio-controls,.studio-editor{position:static}.preview-top{flex-direction:column;align-items:stretch}.summary-strip{grid-template-columns:1fr}.choice-grid,.addon-grid{grid-template-columns:1fr 1fr}.design-plane{min-height:420px}.preview-stage{min-height:unset}.mockup-showcase{min-height:460px}}
@media(max-width:720px){.studio-shell{padding-inline:12px}.studio-hero{padding:20px}.studio-hero-card{padding:20px}.choice-grid,.addon-grid,.summary-strip{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(3,1fr)}.preview-top h2{font-size:28px}.text-tool-row,.tool-buttons{grid-template-columns:1fr}.mockup-showcase{min-height:380px}.design-plane{min-height:360px}.editor-frame{inset:16px}}
.realistic-studio-page .mockup-stack img{z-index:1}
.realistic-studio-page .mockup-tint{z-index:2}
.realistic-studio-page .mockup-elements{z-index:3}

/* ===== Custom Apparel Studio PRO — Clean Professional Fix ===== */
.realistic-studio-page{
  background:
    radial-gradient(circle at 10% 20%, rgba(255,43,147,.18), transparent 26%),
    radial-gradient(circle at 86% 28%, rgba(0,244,255,.18), transparent 24%),
    linear-gradient(135deg,#070812 0%,#0a0e19 46%,#050713 100%) !important;
}
.realistic-studio-page .site-header{
  min-height:78px;
  padding:14px clamp(18px,3vw,42px) !important;
  background:rgba(5,7,16,.88) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
}
.realistic-studio-page .site-header nav{
  gap:20px !important;
  align-items:center !important;
}
.realistic-studio-page .site-header nav a{
  font-size:13px !important;
  white-space:nowrap;
}
.realistic-studio-page .studio-shell{
  max-width:none !important;
  width:min(100%, 1840px) !important;
  padding:22px clamp(18px,2.3vw,44px) 90px !important;
}
.realistic-studio-page .studio-hero{
  max-width:1680px;
  margin:18px auto 22px !important;
  padding:26px 30px !important;
  grid-template-columns:minmax(0,1.1fr) 360px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
}
.realistic-studio-page .studio-hero h1{
  max-width:940px;
  font-size:clamp(36px,3.4vw,58px) !important;
}
.realistic-studio-page .studio-grid{
  max-width:1680px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:320px minmax(620px, 1fr) 360px !important;
  gap:20px !important;
  align-items:start !important;
}
.realistic-studio-page .studio-controls,
.realistic-studio-page .studio-editor{
  position:sticky !important;
  top:94px !important;
  max-height:calc(100vh - 112px) !important;
  overflow:auto !important;
  padding:16px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(13,20,30,.93),rgba(8,12,22,.92)) !important;
  border:1px solid rgba(255,210,57,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.03) !important;
  scrollbar-width:thin;
}
.realistic-studio-page .studio-controls::-webkit-scrollbar,
.realistic-studio-page .studio-editor::-webkit-scrollbar{width:8px}
.realistic-studio-page .studio-controls::-webkit-scrollbar-thumb,
.realistic-studio-page .studio-editor::-webkit-scrollbar-thumb{background:rgba(255,210,57,.32);border-radius:999px}
.realistic-studio-page .studio-card{
  margin-top:12px !important;
  padding:14px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.045) !important;
}
.realistic-studio-page .studio-card h3{
  font-size:14px !important;
  letter-spacing:.12em !important;
}
.realistic-studio-page .choice-grid{grid-template-columns:1fr !important;gap:8px !important}
.realistic-studio-page .pro-choice{
  min-height:54px;
  padding:11px 12px !important;
  border-radius:15px !important;
}
.realistic-studio-page .pro-choice b{font-size:14px !important}
.realistic-studio-page .pro-choice span{font-size:11px !important}
.realistic-studio-page .swatch-grid{grid-template-columns:repeat(4,1fr) !important;gap:8px !important}
.realistic-studio-page .pro-swatch{height:35px !important;border-radius:12px !important}
.realistic-studio-page .addon-grid{grid-template-columns:1fr 1fr !important;gap:8px !important}
.realistic-studio-page .pro-addon{padding:10px !important;border-radius:14px !important}
.realistic-studio-page .pro-addon b{font-size:12px !important}.realistic-studio-page .pro-addon span{font-size:11px !important}
.realistic-studio-page .preview-top{
  padding:18px 22px !important;
  border-radius:26px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
}
.realistic-studio-page .preview-top h2{font-size:clamp(26px,2vw,36px) !important}
.realistic-studio-page .preview-top p{font-size:14px !important;line-height:1.55 !important}
.realistic-studio-page .preview-stage{
  min-height:680px !important;
  padding:18px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(0,244,255,.13), transparent 36%),
    linear-gradient(180deg,rgba(14,22,33,.95),rgba(7,11,20,.96)) !important;
  border:1px solid rgba(255,210,57,.22) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.realistic-studio-page .preview-toolbar{
  padding:4px 4px 10px !important;
}
.realistic-studio-page .mockup-showcase{
  min-height:465px !important;
  padding:10px 0 0 !important;
}
.realistic-studio-page .mockup-frame{
  width:100% !important;
  max-width:760px !important;
}
.realistic-studio-page .mockup-stack{
  width:min(var(--frame-width,70%), 620px) !important;
  aspect-ratio:var(--frame-ratio,1) !important;
  margin:auto;
  transform:perspective(900px) rotateY(-4deg) rotateX(1deg);
  transition:transform .25s ease, width .25s ease;
}
.realistic-studio-page .mockup-stack:hover{transform:perspective(900px) rotateY(0deg) rotateX(0deg) scale(1.015)}
.realistic-studio-page .mockup-stack img{
  object-fit:contain !important;
  z-index:2 !important;
  filter:drop-shadow(0 28px 45px rgba(0,0,0,.48)) !important;
}
.realistic-studio-page .mockup-tint{
  z-index:3 !important;
  mix-blend-mode:multiply !important;
  opacity:.35;
  pointer-events:none !important;
}
.realistic-studio-page .mockup-elements{
  z-index:4 !important;
  pointer-events:none;
}
.realistic-studio-page .design-layer{pointer-events:auto !important}
.realistic-studio-page .summary-strip{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:16px !important;
}
.realistic-studio-page .summary-strip div{border-radius:16px !important;padding:11px 12px !important}
.realistic-studio-page .preview-actions{justify-content:flex-start !important;margin-top:14px !important}
.realistic-studio-page .studio-editor{
  background:linear-gradient(180deg,rgba(13,20,30,.94),rgba(8,12,22,.94)) !important;
}
.realistic-studio-page .editor-box{
  border-radius:22px !important;
  background:rgba(255,255,255,.035) !important;
}
.realistic-studio-page .design-plane{
  min-height:360px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(0,244,255,.10), transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
}
.realistic-studio-page .editor-frame{
  inset:16px !important;
  display:grid !important;
  place-items:center !important;
}
.realistic-studio-page .editor-frame .mockup-stack{
  width:min(var(--frame-width,70%), 92%) !important;
  max-width:92% !important;
  height:auto !important;
  max-height:100% !important;
  transform:none !important;
}
.realistic-studio-page .editor-frame .mockup-stack:hover{transform:none !important}
.realistic-studio-page .editor-frame .mockup-stack img,
.realistic-studio-page .editor-frame .mockup-tint,
.realistic-studio-page .editor-frame .mockup-elements{
  inset:0 !important;
}
.realistic-studio-page .upload-box{padding:16px !important;border-radius:18px !important}
.realistic-studio-page .upload-pill{grid-template-columns:40px 1fr auto !important;padding:7px !important}
.realistic-studio-page .upload-pill img{width:40px !important;height:40px !important}
.realistic-studio-page .tool-buttons{grid-template-columns:1fr 1fr !important;gap:8px !important}
.realistic-studio-page .outline-btn,
.realistic-studio-page .pink-btn{
  border-radius:14px !important;
  font-weight:900 !important;
}
.realistic-studio-page .pink-btn{
  box-shadow:0 12px 26px rgba(255,43,147,.22) !important;
}
.realistic-studio-page .music-widget{left:24px !important;bottom:20px !important;z-index:40 !important}
@media(max-width:1500px){
  .realistic-studio-page .studio-grid{grid-template-columns:300px minmax(560px,1fr) 330px !important;gap:16px !important}
  .realistic-studio-page .studio-shell{padding-inline:18px !important}
  .realistic-studio-page .preview-stage{min-height:640px !important}
}
@media(max-width:1220px){
  .realistic-studio-page .studio-grid{grid-template-columns:1fr !important}
  .realistic-studio-page .studio-controls,.realistic-studio-page .studio-editor{position:static !important;max-height:none !important;overflow:visible !important}
  .realistic-studio-page .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .realistic-studio-page .addon-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:760px){
  .realistic-studio-page .studio-shell{padding:12px 10px 92px !important}
  .realistic-studio-page .studio-hero{grid-template-columns:1fr !important;padding:18px !important}
  .realistic-studio-page .choice-grid,.realistic-studio-page .addon-grid{grid-template-columns:1fr 1fr !important}
  .realistic-studio-page .summary-strip{grid-template-columns:1fr !important}
  .realistic-studio-page .preview-stage{min-height:520px !important;padding:12px !important}
  .realistic-studio-page .mockup-showcase{min-height:320px !important}
  .realistic-studio-page .design-plane{min-height:320px !important}
  .realistic-studio-page .tool-buttons{grid-template-columns:1fr !important}
}

/* ===== Custom Apparel Studio usability + visual polish ===== */
.realistic-studio-page .mockup-frame{
  border-radius:28px;
  padding:18px;
  background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.08), rgba(255,255,255,.02) 60%);
  border:1px solid rgba(255,255,255,.06);
}
.realistic-studio-page .mockup-frame.light-product-stage,
.realistic-studio-page .editor-frame.light-product-stage{
  background:linear-gradient(180deg,#fbfcff 0%,#eef2f8 100%) !important;
  border:1px solid rgba(0,0,0,.05) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), 0 14px 30px rgba(0,0,0,.12);
}
.realistic-studio-page .editor-item{cursor:grab}
.realistic-studio-page .editor-item.selected{cursor:grab}
.realistic-studio-page .mockup-frame.light-product-stage .mockup-stack img,
.realistic-studio-page .editor-frame.light-product-stage .mockup-stack img{
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.18)) !important;
}
.realistic-studio-page .preview-stage .summary-strip div,
.realistic-studio-page .studio-card,
.realistic-studio-page .preview-top,
.realistic-studio-page .editor-box{
  backdrop-filter:blur(12px);
}
.realistic-studio-page .upload-pill-actions button,
.realistic-studio-page .layer-row{
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.realistic-studio-page .layer-row:hover,
.realistic-studio-page .upload-pill-actions button:hover{transform:translateY(-1px)}

/* dropdown readability fix */
.realistic-studio-page .pro-select,
.realistic-studio-page .pro-field select{
  color:#ffffff;
  background:rgba(255,255,255,.08);
}
.realistic-studio-page .pro-select option,
.realistic-studio-page .pro-field select option{
  color:#10131e;
  background:#ffffff;
}
.realistic-studio-page .summary-strip-four{
  grid-template-columns:repeat(4,1fr);
}
@media(max-width:1100px){
  .realistic-studio-page .summary-strip-four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .realistic-studio-page .summary-strip-four{grid-template-columns:1fr}
}

/* ===== Body Oil / Body Butter shop update ===== */
.shop-title-actions{display:flex;justify-content:center;margin-bottom:12px}.design-page-top-btn{display:inline-flex;align-items:center;gap:8px;border-color:rgba(255,210,57,.55);background:linear-gradient(135deg,rgba(255,210,57,.12),rgba(255,43,147,.10));color:#fff}.product-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.product-type-tab{height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));color:#fff;text-transform:uppercase;font-weight:900;letter-spacing:.04em}.product-type-tab.active{background:linear-gradient(135deg,var(--pink),var(--gold));color:#150b12;box-shadow:0 0 24px rgba(255,43,147,.24)}
.results-row select,.shop-page select{color:#10131e;background:#fff}.results-row select option,.shop-page select option{color:#10131e;background:#fff}.butter-card{border-color:rgba(255,210,57,.22)}.mini-butter{--butter1:#ff2b85;--butter2:#ff8fbf;width:96px;height:118px;position:relative;filter:drop-shadow(0 12px 22px rgba(0,0,0,.42))}.mini-butter .lid{position:absolute;left:12px;right:12px;top:8px;height:22px;border-radius:50% 50% 8px 8px;background:linear-gradient(90deg,#6b3f12,#ffd772,#7d4d16);z-index:3}.mini-butter .jar{position:absolute;left:8px;right:8px;top:24px;bottom:6px;border-radius:18px 18px 24px 24px;border:2px solid rgba(255,255,255,.45);overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.36),rgba(255,255,255,.05),rgba(255,255,255,.28))}.mini-butter .cream{position:absolute;inset:0;background:linear-gradient(180deg,var(--butter2),var(--butter1));opacity:.86}.mini-butter .butter-label{position:absolute;left:12px;right:12px;top:34px;min-height:34px;border-radius:7px;background:#111;display:grid;place-items:center;color:#ffe8a0;font-size:9px;line-height:1.05;text-align:center;z-index:2;padding:3px}.mini-butter .jar-shine{position:absolute;left:12px;top:8px;width:14px;height:70px;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.65),transparent);z-index:4}.large-bottle.large-butter{width:210px;height:290px}.large-bottle.large-butter .cap{width:142px;height:54px;border-radius:50% 50% 12px 12px;top:18px}.large-bottle.large-butter .bottle-body{width:190px;height:205px;border-radius:36px 36px 50px 50px;bottom:8px;border-width:4px}.large-bottle.large-butter .oil-fill{background:linear-gradient(180deg,var(--butter2),var(--butter1));opacity:.82}.large-bottle.large-butter .label{left:38px;right:38px;top:78px;bottom:54px;border-radius:12px}.large-bottle.large-butter .shine{left:30px;top:44px;height:150px}.large-bottle.large-butter .label span{font-size:18px}.product-card.butter-card .quick-add{border-color:var(--gold);color:var(--gold)}
@media(max-width:760px){.product-type-tabs{grid-template-columns:1fr}.shop-title-actions{justify-content:stretch}.design-page-top-btn{width:100%;justify-content:center}}

/* extra apparel color response fixes */
.realistic-studio-page .mockup-tint{mix-blend-mode:multiply!important}.realistic-studio-page .mockup-frame.light-product-stage .mockup-tint,.realistic-studio-page .editor-frame.light-product-stage .mockup-tint{mix-blend-mode:color!important}.realistic-studio-page .mockup-frame:not(.light-product-stage) .mockup-tint,.realistic-studio-page .editor-frame:not(.light-product-stage) .mockup-tint{filter:saturate(1.35) brightness(.95)}

/* ===== Mission Statement Landing Page ===== */
.mission-page{
  min-height:100vh;
  color:#fff;
  background:
    radial-gradient(circle at 12% 12%, rgba(255,130,38,.18), transparent 32%),
    radial-gradient(circle at 86% 18%, rgba(0,180,125,.18), transparent 34%),
    linear-gradient(180deg,#110b08 0%,#1a1012 40%,#07130f 100%);
  overflow-x:hidden;
}
.mission-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.mission-bg span{position:absolute;border-radius:999px;filter:blur(28px);opacity:.75}.mission-bg span:nth-child(1){width:360px;height:360px;left:-90px;top:120px;background:#ff7b2d}.mission-bg span:nth-child(2){width:320px;height:320px;right:-90px;top:160px;background:#28d899}.mission-bg span:nth-child(3){width:280px;height:280px;left:45%;bottom:-60px;background:#ff2b93}
.mission-header{background:rgba(8,9,14,.76);backdrop-filter:blur(18px)}
.mission-shell{max-width:1450px;margin:0 auto;padding:28px 18px 80px}.mission-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) 460px;gap:28px;align-items:center;padding:32px;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045))}.mission-hero:before{content:"";position:absolute;inset:0;background:url('img/mission-statement.jpeg') center/cover;opacity:.10;filter:blur(8px);transform:scale(1.05)}.mission-copy,.mission-photo-card{position:relative;z-index:2}.mission-copy h1{font-family:'Cinzel',serif;font-size:clamp(38px,5vw,72px);line-height:1.04;margin:.12em 0 .35em;color:#ffe0a0;text-shadow:0 12px 34px rgba(0,0,0,.45)}.mission-lead{font-size:18px;line-height:1.7;color:#f7efe2;max-width:760px}.mission-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.mission-photo-card{border-radius:28px;overflow:hidden;border:1px solid rgba(255,224,160,.34);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.08) inset;background:rgba(0,0,0,.28)}.mission-photo-card img{display:block;width:100%;height:auto}.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.mission-card{border-radius:28px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))}.mission-card span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;font-weight:900;color:#130b07;background:linear-gradient(135deg,#ffd26d,#ff7b2d)}.mission-card h2,.services-section h2,.benefits-mission h2{font-family:'Cinzel',serif;color:#ffe0a0;font-size:28px;margin:14px 0 10px}.mission-card p,.services-section p,.benefits-mission p{color:#f4eadc;line-height:1.65}.services-section{border-radius:30px;padding:26px;margin-bottom:24px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))}.services-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.services-list a{display:block;text-decoration:none;color:#fff;border-radius:22px;padding:18px;background:rgba(0,0,0,.22);border:1px solid rgba(255,224,160,.20);transition:.2s ease}.services-list a:hover{transform:translateY(-2px);border-color:rgba(255,224,160,.55)}.services-list b{display:block;color:#ffd26d;font-size:18px}.services-list span{display:block;color:#f3e6d4;margin-top:7px;line-height:1.45}.mission-note{margin-top:18px;background:rgba(255,224,160,.10);border:1px solid rgba(255,224,160,.22);border-radius:18px;padding:14px}.benefits-mission{display:grid;grid-template-columns:1fr 1.2fr auto;gap:18px;align-items:center;border-radius:30px;padding:24px;background:linear-gradient(135deg,rgba(0,170,119,.16),rgba(255,43,147,.12))}
.state-rate-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:12px 0;padding:14px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,210,57,.24)}.state-rate-box label{margin:0}.state-rate-box select{height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#fff;color:#151515;padding:0 12px;font-weight:800}.rate-preview{min-width:170px;border-radius:16px;background:linear-gradient(135deg,rgba(255,43,147,.22),rgba(255,210,57,.16));padding:12px;border:1px solid rgba(255,210,57,.28);text-align:center}.rate-preview span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#f2e8ff}.rate-preview strong{display:block;font-size:24px;color:#ffd239}.state-rate-box .fineprint{grid-column:1/-1;margin:0}.shipping-fee-row{border-top:1px solid rgba(255,255,255,.10);padding-top:12px;margin-top:12px}
@media(max-width:980px){.mission-hero,.mission-grid,.services-list,.benefits-mission{grid-template-columns:1fr}.mission-photo-card{max-width:520px;margin:auto}.state-rate-box{grid-template-columns:1fr}.rate-preview{text-align:left}}
@media(max-width:680px){.mission-shell{padding:18px 10px 88px}.mission-hero{padding:20px}.mission-copy h1{font-size:38px}.mission-lead{font-size:16px}.mission-actions a{width:100%;text-align:center}.mission-card,.services-section,.benefits-mission{padding:18px;border-radius:24px}}


/* shop hub page */
.shop-hub-shell{max-width:1280px;margin:0 auto;padding:28px 20px 70px;display:grid;gap:24px}.shop-hub-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;padding:28px;border-radius:30px}.shop-hub-hero h1{font-size:clamp(32px,4vw,58px);line-height:1.02;margin:.2em 0}.shop-hub-badges{display:grid;gap:14px}.shop-hub-badges div,.shop-hub-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:22px}.shop-hub-badges div{padding:18px}.shop-hub-badges b{display:block;font-size:18px}.shop-hub-badges span{display:block;margin-top:6px;color:#d6dcee}.shop-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shop-hub-card{padding:22px;display:grid;gap:14px}.shop-hub-card h2{margin:0;font-size:26px}.shop-hub-card p{margin:0;color:#d6dcee}.shop-hub-card ul{margin:0;padding-left:20px;color:#eef0ff;display:grid;gap:8px}.shop-hub-icon{font-size:38px;display:inline-flex;width:68px;height:68px;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,43,147,.18),rgba(255,210,57,.12));border:1px solid rgba(255,255,255,.12)}@media(max-width:980px){.shop-hub-hero,.shop-hub-grid{grid-template-columns:1fr}}


/* custom apparel gallery */
.realistic-studio-page .gallery-showcase{margin:22px 0 24px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(14,20,36,.88),rgba(10,14,28,.92));border:1px solid rgba(255,255,255,.08)}
.realistic-studio-page .gallery-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.realistic-studio-page .gallery-showcase-head h2{margin:6px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.06}
.realistic-studio-page .gallery-showcase-head p{margin:0;max-width:820px;color:#d7dff2;line-height:1.65}
.realistic-studio-page .gallery-masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;grid-auto-flow:dense}
.realistic-studio-page .gallery-card{position:relative;overflow:hidden;min-height:280px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px rgba(0,0,0,.25)}
.realistic-studio-page .gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease, filter .35s ease}
.realistic-studio-page .gallery-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,20,0) 35%,rgba(7,8,16,.86) 100%)}
.realistic-studio-page .gallery-card:hover img{transform:scale(1.05);filter:saturate(1.08)}
.realistic-studio-page .gallery-copy{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:2}
.realistic-studio-page .gallery-copy span{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,210,57,.14);border:1px solid rgba(255,210,57,.28);color:#ffe58a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.realistic-studio-page .gallery-copy h3{margin:10px 0 6px;font-size:21px;line-height:1.15}
.realistic-studio-page .gallery-copy p{margin:0;color:#d7dff2;line-height:1.45;font-size:14px}
.realistic-studio-page .gallery-tall{grid-row:span 2;min-height:576px}
.realistic-studio-page .gallery-wide{grid-column:span 2;min-height:320px}
@media(max-width:1180px){.realistic-studio-page .gallery-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}.realistic-studio-page .gallery-tall{grid-row:span 1;min-height:360px}}
@media(max-width:900px){.realistic-studio-page .gallery-showcase-head{flex-direction:column;align-items:flex-start}.realistic-studio-page .gallery-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.realistic-studio-page .gallery-wide{grid-column:span 2}}
@media(max-width:640px){.realistic-studio-page .gallery-showcase{padding:16px}.realistic-studio-page .gallery-masonry{grid-template-columns:1fr}.realistic-studio-page .gallery-wide,.realistic-studio-page .gallery-tall{grid-column:auto;grid-row:auto;min-height:300px}}

/* gallery carousel + tabs + click expand upgrade */
.realistic-studio-page .gallery-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 18px;
}
.realistic-studio-page .gallery-tabs button{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#eef0ff;
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.realistic-studio-page .gallery-tabs button:hover{transform:translateY(-1px);border-color:rgba(255,210,57,.55)}
.realistic-studio-page .gallery-tabs button.active{
  background:linear-gradient(135deg,#ff2b93,#ffd239);
  color:#130814;
  border-color:transparent;
}
.realistic-studio-page .gallery-carousel-wrap{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.realistic-studio-page .gallery-carousel{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:4px 2px 18px;
  scrollbar-width:thin;
}
.realistic-studio-page .gallery-carousel::-webkit-scrollbar{height:9px}
.realistic-studio-page .gallery-carousel::-webkit-scrollbar-thumb{background:rgba(255,210,57,.35);border-radius:999px}
.realistic-studio-page .gallery-carousel .gallery-card{
  flex:0 0 min(360px,82vw);
  min-height:430px;
  scroll-snap-align:start;
  cursor:zoom-in;
}
.realistic-studio-page .gallery-carousel .gallery-card.gallery-wide{flex-basis:min(520px,88vw)}
.realistic-studio-page .gallery-carousel .gallery-card.gallery-tall{min-height:520px}
.realistic-studio-page .gallery-card.is-hidden{display:none!important}
.realistic-studio-page .gallery-arrow{
  width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,rgba(255,43,147,.32),rgba(255,210,57,.18));
  color:#fff;font-size:36px;line-height:1;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 12px 24px rgba(0,0,0,.25);z-index:2;
}
.realistic-studio-page .gallery-tip{margin:6px 0 0;color:#d7dff2;font-weight:800;font-size:14px}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(4,6,12,.82);backdrop-filter:blur(14px)}
.gallery-lightbox-panel{position:relative;width:min(1080px,96vw);max-height:92vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:0;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(18,24,42,.98),rgba(9,12,24,.98));box-shadow:0 30px 90px rgba(0,0,0,.65)}
.gallery-lightbox-image{min-height:420px;background:#050711;display:grid;place-items:center}.gallery-lightbox-image img{width:100%;height:100%;max-height:92vh;object-fit:contain;display:block}.gallery-lightbox-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}.gallery-lightbox-copy span{color:#ffd239;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:12px}.gallery-lightbox-copy h3{font-size:clamp(26px,3vw,44px);line-height:1.04;margin:12px 0}.gallery-lightbox-copy p{color:#d7dff2;line-height:1.65}.gallery-lightbox-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer;z-index:3}
@media(max-width:760px){.realistic-studio-page .gallery-carousel-wrap{grid-template-columns:1fr}.realistic-studio-page .gallery-arrow{display:none}.realistic-studio-page .gallery-carousel .gallery-card{flex-basis:86vw}.gallery-lightbox-panel{grid-template-columns:1fr}.gallery-lightbox-image{min-height:330px}.gallery-lightbox-copy{padding:20px}.gallery-lightbox{padding:12px}}

/* final live polish */
.realistic-studio-page .print-method-description{
  margin-top:10px;
  padding:12px 13px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,210,57,.12),rgba(0,244,255,.08));
  border:1px solid rgba(255,210,57,.24);
  color:#f7f9ff;
  line-height:1.5;
}
.realistic-studio-page .print-method-description strong{
  display:block;
  color:#ffd239;
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.realistic-studio-page .print-method-description span{
  display:block;
  color:#d7dff2;
  font-size:13px;
}
.realistic-studio-page .studio-badge{letter-spacing:.12em}

/* expanded body care tabs */
.product-type-tabs-wide{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.product-type-tabs-wide .product-type-tab{
  white-space:normal;
  min-height:48px;
}
@media(max-width:980px){
  .product-type-tabs-wide{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:620px){
  .product-type-tabs-wide{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Production checkout/mobile usability fixes */
.cart-drawer{z-index:140!important}
.drawer-backdrop{z-index:130!important}
.music-widget{z-index:50!important}
@media(max-width:700px){
  .music-widget,
  .realistic-studio-page .music-widget{
    left:10px!important;
    right:auto!important;
    bottom:auto!important;
    top:96px!important;
    padding:7px 9px!important;
    gap:6px!important;
    max-width:190px!important;
    transform:scale(.88)!important;
    transform-origin:top left!important;
  }
  .music-widget .music-volume{display:none!important}
  .music-widget .music-toggle{font-size:12px!important;padding:8px 10px!important;max-width:170px!important;overflow:hidden;text-overflow:ellipsis!important}
  .cart-drawer.open ~ .music-widget,
  body:has(.cart-drawer.open) .music-widget{display:none!important}
}