@import url("https://fonts.googleapis.com/css2?family=Lobster&family=Work+Sans:wght@400;500;600;700;800&display=swap");:root{--jungle:#0D4E47;--beach:#4FBF9F;--sky:#CCE8D6;--sand:#EEE7DB;--sunshine:#FFCF50;--mustard:#F0AC1E;--sunset:#D75335;--coral:#F3BEB8;--ink:#10231F;--cream:#FBF7EF;--bg:var(--sand);--fg:var(--jungle);--muted:#4d6b66;--line:rgba(13,78,71,.16);--radius:22px;--ease:cubic-bezier(.2,.8,.2,1);--pad:clamp(16px,4vw,56px);--font-work:"Work Sans";--font-lobster:"Lobster"}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-work),system-ui,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:0;background:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--sunshine);color:var(--jungle)}.script{font-family:var(--font-lobster),cursive;font-weight:400;letter-spacing:0;text-transform:none}.display{font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.9;text-shadow:.045em .045em 0 var(--mustard)}.display.on-dark{text-shadow:.045em .045em 0 var(--sunset)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.wrap{padding-inline:var(--pad)}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;background:var(--jungle);color:var(--sand);font-weight:600;letter-spacing:.02em;transition:transform .35s var(--ease),background .3s,box-shadow .35s var(--ease);box-shadow:4px 4px 0 var(--mustard);white-space:nowrap}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--mustard)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--mustard)}.btn.alt{background:var(--sunshine);color:var(--jungle);box-shadow:4px 4px 0 var(--jungle)}.btn.ghost{background:transparent;border:2px solid;box-shadow:none}.btn.full{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.announce{background:var(--jungle);color:var(--sunshine);font-size:13px;font-weight:500;height:34px;overflow:hidden;display:flex;align-items:center}.announce .track{display:flex;gap:48px;white-space:nowrap;animation:marquee 40s linear infinite;padding-left:48px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;justify-content:space-between;gap:16px;height:72px;padding-inline:var(--pad);background:color-mix(in srgb,var(--sand) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}.header,.header .brand{display:flex;align-items:center}.header .brand{gap:10px}.header .brand svg.icon{width:42px;height:42px;transition:transform .8s var(--ease)}.header .brand:hover svg.icon{transform:rotate(-30deg)}.header .brand svg.word{height:34px;width:auto}.nav{display:flex;gap:28px;font-weight:500;font-size:15px}.nav a{position:relative;padding:4px 0}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sunset);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.nav a:hover:after{transform:scaleX(1);transform-origin:left}.cart-btn{position:relative;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--jungle);color:var(--sand);font-weight:600;font-size:14px}.cart-btn .count{min-width:22px;height:22px;border-radius:99px;background:var(--sunshine);color:var(--jungle);display:grid;place-items:center;font-size:12px;padding:0 6px}.cart-btn.bump{animation:bump .5s var(--ease)}.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--jungle)}@media (max-width:860px){.nav{position:fixed;inset:106px 0 auto 0;flex-direction:column;gap:0;background:var(--sand);padding:8px var(--pad) 24px;border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .5s var(--ease);z-index:-1}.nav.open{transform:none}.nav a{font-size:28px;font-weight:800;text-transform:uppercase;padding:10px 0}.menu-btn{display:grid;place-items:center}.header .brand svg.word{height:26px}.cart-btn .label{display:none}}.marquee{overflow:hidden;background:var(--sunset);color:var(--sand);padding:18px 0;border-block:3px solid var(--jungle)}.marquee .track{display:flex;gap:40px;white-space:nowrap;width:max-content;font-size:clamp(28px,4vw,54px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em}.marquee .track span{display:inline-flex;align-items:center;gap:40px}.marquee .track svg{width:1em;height:1em}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bump{40%{transform:scale(1.15)}}.hero{position:relative;height:calc(100svh - 106px);min-height:620px;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,var(--sunshine) 0,#f7d98a 22%,var(--sand) 55%)}.hero canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:-webkit-grab;cursor:grab}.hero canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.hero .sun{position:absolute;left:50%;bottom:-38vmin;width:78vmin;height:78vmin;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,var(--sunshine),var(--mustard));opacity:.55;filter:blur(2px)}.hero .headline{position:absolute;left:var(--pad);top:clamp(18px,4vh,44px);z-index:2;pointer-events:none;max-width:560px;max-width:none;right:var(--pad);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.hero .headline h1{font-size:clamp(34px,4.4vw,68px);margin:6px 0 0}.hero .headline h1 .script{font-size:1em;color:var(--sunset);text-shadow:none;letter-spacing:0}.hero .water{left:50%;top:54%;width:min(1500px,120vw);transform:translate(-50%,-50%);opacity:.5}.hero .hud,.hero .water{position:absolute;pointer-events:none}.hero .hud{left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 var(--pad) clamp(18px,4vh,36px)}.hero .hud>*{pointer-events:auto}.hero .now{background:var(--cream);border:2px solid var(--jungle);border-radius:var(--radius);padding:16px 18px;min-width:260px;box-shadow:6px 6px 0 var(--jungle);transition:transform .4s var(--ease)}.hero .now .n{font-weight:800;text-transform:uppercase;font-size:22px;line-height:1}.hero .now .p{font-weight:600;color:var(--sunset);margin:6px 0 12px}.hero .now .row{display:flex;gap:8px}.hero .now .btn{height:42px;padding:0 18px;font-size:14px}.hero .hint{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero .hint .arrows{display:flex;gap:6px}.hero .hint button{width:48px;height:48px;border-radius:50%;background:var(--jungle);color:var(--sand);display:grid;place-items:center;transition:transform .3s var(--ease)}.hero .hint button:hover{transform:scale(1.08)}.hero .loading{position:absolute;inset:0;display:grid;place-items:center;z-index:3;transition:opacity .8s;pointer-events:none}.hero .loading svg{width:96px;animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:700px){.hero{height:calc(100svh - 106px);min-height:560px}.hero .headline .eyebrow{display:none}.hero .water{top:44%}.hero .hud{flex-direction:column;align-items:stretch}.hero .hint{justify-content:space-between}.hero .now{min-width:0}}.section{padding:clamp(64px,10vw,140px) var(--pad)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,4vw,48px);flex-wrap:wrap}.section-head h2{font-size:clamp(40px,7vw,96px);margin:8px 0 0}.collections{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.coll{position:relative;border-radius:var(--radius);min-height:460px;padding:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--jungle);transition:transform .6s var(--ease);isolation:isolate}.coll:hover{transform:translateY(-6px) rotate(-.6deg)}.coll h3{font-size:clamp(34px,3.4vw,52px);margin:0;position:relative;z-index:2}.coll .shirts{position:absolute;inset:70px 0 60px;display:flex;align-items:center;justify-content:center;z-index:1}.coll .shirts img{width:58%;position:absolute;transition:transform .8s var(--ease);filter:drop-shadow(0 18px 18px rgba(0,0,0,.18))}.coll .shirts img:first-child{transform:translateX(-34%) rotate(-12deg) scale(.82)}.coll .shirts img:nth-child(2){transform:translateX(34%) rotate(12deg) scale(.82)}.coll .shirts img:nth-child(3){transform:translateY(4%)}.coll:hover .shirts img:first-child{transform:translateX(-52%) rotate(-20deg) scale(.86)}.coll:hover .shirts img:nth-child(2){transform:translateX(52%) rotate(20deg) scale(.86)}.coll:hover .shirts img:nth-child(3){transform:translateY(-3%) scale(1.06)}.coll .go{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-weight:700}.coll .go .arrow{width:48px;height:48px;border-radius:50%;background:var(--jungle);color:var(--sand);display:grid;place-items:center;transition:transform .5s var(--ease)}.coll:hover .go .arrow{transform:rotate(-45deg)}@media (max-width:900px){.collections{grid-template-columns:1fr}.coll{min-height:400px}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));grid-gap:28px 18px;gap:28px 18px}.card{display:block;position:relative}.card .frame{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;transition:border-radius .5s var(--ease)}.card .frame img{width:82%;transition:transform .7s var(--ease);filter:drop-shadow(0 18px 16px rgba(0,0,0,.16));transform-origin:50% 0}.card .frame img.photo{width:100%;height:100%;object-fit:cover;filter:none}.card:hover .frame img{transform:rotate(-4deg) scale(1.05)}.card:hover .frame img.photo{transform:scale(1.05)}.card:hover .frame{border-radius:60px 22px 60px 22px}.card .tag{top:14px;background:var(--cream);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}.card .quick,.card .tag{position:absolute;left:14px}.card .quick{bottom:14px;right:14px;transform:translateY(140%);transition:transform .5s var(--ease)}.card:hover .quick{transform:none}.card .meta{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-weight:600}.card .meta .name{text-transform:uppercase;font-weight:800;letter-spacing:-.01em}.card .meta .price{color:var(--sunset);white-space:nowrap}.card .meta .coll-name{font-weight:400;font-size:14px;color:var(--muted)}@media (hover:none){.card .quick{display:none}}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.chip{height:40px;padding:0 18px;border-radius:99px;border:2px solid var(--jungle);font-weight:600;font-size:14px;transition:all .3s var(--ease)}.chip.on,.chip:hover,.story{background:var(--jungle);color:var(--sand)}.story{position:relative;overflow:hidden}.story .grid2{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:clamp(32px,6vw,96px);gap:clamp(32px,6vw,96px);align-items:center}.story h2{font-size:clamp(44px,7vw,104px);margin:10px 0 24px;color:var(--sand)}.story p{font-size:clamp(17px,1.4vw,20px);max-width:560px;color:var(--sky)}.story .tiles{position:relative;height:clamp(420px,52vw,640px)}.story .tile{position:absolute;border-radius:var(--radius);overflow:hidden;border:3px solid var(--sand);box-shadow:10px 10px 0 var(--mustard);transition:transform 1.2s var(--ease);background-size:cover;background-position:50%}.story .tile .ph{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:16px;font-weight:800;text-transform:uppercase}.story .t1{width:56%;height:62%;left:0;top:4%;transform:rotate(-5deg)}.story .t2{width:46%;height:46%;right:0;top:0;transform:rotate(6deg)}.story .t3{width:50%;height:44%;right:6%;bottom:0;transform:rotate(-3deg)}.story .stamp{position:absolute;width:140px;left:42%;bottom:8%;z-index:3;animation:spin 18s linear infinite}.stats{display:flex;gap:clamp(24px,4vw,56px);margin-top:36px;flex-wrap:wrap}.stats b{display:block;font-size:clamp(36px,4vw,56px);font-weight:800;color:var(--sunshine);line-height:1}.stats span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sky)}@media (max-width:900px){.story .grid2{grid-template-columns:1fr}}.lab{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(28px,5vw,80px);gap:clamp(28px,5vw,80px);align-items:center;background:var(--sky)}.lab .stage{position:relative;aspect-ratio:1;border-radius:50%;background:var(--cream);border:3px solid var(--jungle);display:grid;place-items:center;overflow:hidden}.lab .stage img{width:78%;transition:transform .6s var(--ease),opacity .3s;filter:drop-shadow(0 26px 24px rgba(0,0,0,.2))}.lab .stage img.swap{transform:rotate(14deg) scale(.6);opacity:0}.lab .controls{display:grid;grid-gap:22px;gap:22px}.lab .row{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid var(--cream);box-shadow:0 0 0 2px var(--jungle);transition:transform .3s var(--ease)}.swatch.on{transform:scale(1.15);box-shadow:0 0 0 3px var(--sunset)}.lab h2{font-size:clamp(40px,6vw,88px);margin:8px 0}@media (max-width:900px){.lab{grid-template-columns:1fr}}.community{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.community .cell{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background-size:cover;background-position:50%;position:relative}.community .cell.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}@media (max-width:800px){.community{grid-template-columns:repeat(2,1fr)}}.footer{background:var(--ink);color:var(--sand);padding:clamp(56px,8vw,110px) var(--pad) 28px}.footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:40px;gap:40px}.footer h4{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--beach);margin:0 0 14px}.footer a{display:block;padding:4px 0;opacity:.85}.footer a:hover{opacity:1;color:var(--sunshine)}.footer .news{display:flex;gap:8px;margin-top:14px}.footer .news input{flex:1 1;min-width:0;height:52px;border-radius:99px;border:2px solid var(--sand);background:transparent;padding:0 20px;color:var(--sand)}.footer .big{margin-top:clamp(48px,7vw,96px)}.footer .big svg{width:100%;height:auto}.footer .legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;opacity:.6;margin-top:24px}@media (max-width:800px){.footer .top{grid-template-columns:1fr}}.scrim{position:fixed;inset:0;background:rgba(16,35,31,.45);z-index:80;opacity:0;pointer-events:none;transition:opacity .4s}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--cream);z-index:90;transform:translateX(105%);transition:transform .55s var(--ease);display:flex;flex-direction:column;border-left:3px solid var(--jungle)}.drawer.open{transform:none}.drawer .dh{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.drawer .dh h3{margin:0;font-size:28px}.drawer .items{flex:1 1;overflow:auto;padding:10px 22px}.line-item{display:grid;grid-template-columns:76px 1fr auto;grid-gap:14px;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.line-item .thumb{width:76px;height:90px;border-radius:14px;display:grid;place-items:center;overflow:hidden}.line-item .thumb img{width:90%}.line-item .thumb img.photo{width:100%;height:100%;object-fit:cover}.line-item .nm{font-weight:800;text-transform:uppercase;font-size:14px}.qty{display:inline-flex;align-items:center;border:2px solid var(--jungle);border-radius:99px;height:34px;margin-top:6px}.qty button{width:32px;height:30px;font-weight:700}.qty span{min-width:22px;text-align:center;font-weight:600;font-size:14px}.drawer .df{padding:18px 22px 22px;border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px}.progress{height:8px;border-radius:99px;background:var(--sky);overflow:hidden}.progress i{display:block;height:100%;background:var(--beach);transition:width .6s var(--ease)}.empty{text-align:center;padding:60px 10px}.empty svg{width:90px;margin:0 auto 14px}.pdp{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px);padding:28px var(--pad) 80px;align-items:start}.pdp .viewer{position:-webkit-sticky;position:sticky;top:92px;border-radius:32px;overflow:hidden;height:min(78vh,760px);border:2px solid var(--jungle)}.pdp .viewer canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:-webkit-grab;cursor:grab}.pdp .viewer .tip{position:absolute;left:18px;bottom:16px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--cream);border-radius:99px;padding:8px 14px}.pdp .thumbs{display:flex;gap:10px;margin-top:12px}.pdp .thumbs button{width:76px;height:90px;border-radius:14px;overflow:hidden;border:2px solid transparent}.pdp .thumbs button.on{border-color:var(--jungle)}.pdp .thumbs img{width:100%;height:100%;object-fit:cover}.pdp h1{font-size:clamp(40px,5.4vw,80px);margin:10px 0 14px}.pdp .price{font-size:26px;font-weight:700;color:var(--sunset);display:flex;gap:12px;align-items:baseline}.pdp .price s{color:var(--muted);font-size:18px;font-weight:500}.sizes{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin:10px 0 22px}.size{height:52px;border-radius:14px;border:2px solid var(--jungle);font-weight:700;transition:all .25s var(--ease)}.size.on{background:var(--jungle);color:var(--sand);box-shadow:3px 3px 0 var(--mustard)}.size:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}.acc{border-top:1px solid var(--line)}.acc details{border-bottom:1px solid var(--line);padding:16px 0}.acc summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}.acc summary:after{content:"+";font-size:22px;line-height:1}.acc details[open] summary:after{content:"–"}.perks{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:22px 0}.perks div{background:var(--cream);border-radius:16px;padding:14px;font-size:13px;font-weight:600;text-align:center}@media (max-width:900px){.pdp{grid-template-columns:1fr}.pdp .viewer{position:relative;top:0;height:62vh}}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{height:50px;border-radius:14px;border:2px solid var(--line);background:var(--cream);padding:0 16px;outline:none;transition:border-color .2s;width:100%}.field textarea{height:auto;padding:12px 16px;min-height:100px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--jungle)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.form-grid .span2{grid-column:span 2}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}}.checkout{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px);padding:36px var(--pad) 90px;align-items:start}.summary{background:var(--cream);border:2px solid var(--jungle);border-radius:26px;padding:24px;position:-webkit-sticky;position:sticky;top:92px;box-shadow:8px 8px 0 var(--jungle)}.sumrow{display:flex;justify-content:space-between;padding:6px 0}.sumrow.total{font-size:22px;font-weight:800;border-top:2px solid var(--jungle);margin-top:8px;padding-top:14px}.notice{background:var(--sunshine);border-radius:16px;padding:14px 16px;font-size:14px;font-weight:500}.notice.err{background:var(--coral)}@media (max-width:900px){.checkout{grid-template-columns:1fr}.summary{position:static}}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.cursor{position:fixed;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--sunset);pointer-events:none;z-index:200;mix-blend-mode:multiply;transition:width .3s var(--ease),height .3s var(--ease),background .3s;translate:-50% -50%}.cursor.big{width:64px;height:64px;background:var(--sunshine)}@media (hover:none){.cursor{display:none}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,220%);opacity:0;background:var(--jungle);color:var(--sand);padding:14px 22px;border-radius:99px;font-weight:600;z-index:120;transition:transform .5s var(--ease);box-shadow:4px 4px 0 var(--mustard)}.toast.show{transform:translate(-50%);opacity:1}body:has(.admin) .cursor,body:has(.admin) .footer{display:none}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#f6f2ea}.admin .side{background:var(--jungle);color:var(--sand);padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.admin .side a,.admin .side button{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;font-weight:500;text-align:left;width:100%}.admin .side a.on,.admin .side a:hover{background:rgba(255,255,255,.1);color:var(--sunshine)}.admin .content{padding:28px clamp(16px,3vw,40px) 60px;min-width:0}.admin h1{font-size:32px;margin:0 0 20px;font-weight:800}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.kpi{background:#fff;border-radius:18px;padding:18px;border:1px solid var(--line)}.kpi b{display:block;font-size:28px;font-weight:800}.kpi span{font-size:13px;color:var(--muted)}.panel{background:#fff;border-radius:18px;border:1px solid var(--line);padding:18px;margin-bottom:18px;overflow-x:auto}.panel h2{font-size:18px;margin:0 0 12px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--line)}.tbl td{padding:10px;vertical-align:middle}.tbl tr:hover td{background:#faf8f3}.pill{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--sky);white-space:nowrap}.pill.delivered,.pill.paid{background:#c9f0dc}.pill.packed,.pill.shipped{background:#d6e8ff}.pill.cod_pending,.pill.pending{background:#ffefc2}.pill.cancelled,.pill.chargedback,.pill.failed,.pill.refunded{background:#f9d0c9}.admin .btn{height:42px;padding:0 18px;font-size:14px;box-shadow:3px 3px 0 var(--mustard)}.admin .field input,.admin .field select,.admin .field textarea{background:#fff;height:44px}.admin .field textarea{height:auto}.thumbrow{display:flex;gap:10px;flex-wrap:wrap}.thumbrow .t{position:relative;width:96px;height:116px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--sky)}.thumbrow .t img{width:100%;height:100%;object-fit:cover}.thumbrow .t button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#fff;font-size:12px}.drop{border:2px dashed var(--line);border-radius:14px;padding:18px;text-align:center;cursor:pointer;font-size:14px}.drop:hover{border-color:var(--jungle)}.alert{background:#fff4d6;border:1px solid var(--mustard);border-radius:14px;padding:12px 16px;margin-bottom:16px}.alert,.check{font-size:14px}.check{display:flex;gap:10px;align-items:center;padding:6px 0}@media (max-width:860px){.admin{grid-template-columns:1fr}.admin .side{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:10px}.admin .side a,.admin .side button{width:auto;white-space:nowrap}.admin .side .brandbox{display:none}}