/* sellxio storefront — themeable via CSS vars set inline by the shop theme */
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
:root{--pri:#8b5cf6;--sec:#a78bfa;--bg:#0b0b10;--txt:#e7e7ee;--acc:#8b5cf6;--rad:12px;--muted:#9897a9;--line:rgba(255,255,255,.095);--surface:#17171e}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--txt);font-family:var(--font,'DM Sans'),sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
body.backdrop-mesh{background:radial-gradient(ellipse 75% 450px at 78% 4%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 75%),var(--bg)}
body.backdrop-grid{background:linear-gradient(color-mix(in srgb,var(--acc) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--acc) 4%,transparent) 1px,transparent 1px),var(--bg);background-size:52px 52px}
body.backdrop-none{background:var(--bg)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sec)}
.wrap{width:min(100% - 64px,var(--contw,1200px));margin-inline:auto}.mut{color:var(--muted)}.boss{padding:10px 20px;background:var(--pri);color:white;text-align:center;font-size:12px;font-weight:700;letter-spacing:.035em}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.identity{display:inline-flex;align-items:center;gap:11px;min-width:0}.brandmark{display:inline-grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;background:var(--pri);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;box-shadow:0 5px 22px color-mix(in srgb,var(--pri) 25%,transparent)}.topbar .logo{width:39px;height:39px;object-fit:cover;border-radius:11px}.name{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.045em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-dot{width:5px;height:5px;border-radius:50%;background:var(--pri);align-self:center;margin-top:13px}.topbar nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;color:#bcbbc8;white-space:nowrap}.topbar nav a:hover,.footer-links a:hover{color:var(--sec)}.topbar nav .account-link{display:inline-flex;align-items:center;gap:17px;padding:11px 16px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:rgba(255,255,255,.035)}.topbar nav .account-link:hover{border-color:var(--pri)}.nav-icon{color:var(--sec);font-size:17px}.cartbtn{position:relative;display:inline-flex;align-items:center;gap:7px}.cartbtn .n{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:99px;padding:0 4px;background:var(--pri);color:white;font-size:10px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--sec);font-size:11px;font-weight:800;letter-spacing:.16em}.live-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#59dba3;box-shadow:0 0 11px rgba(89,219,163,.46)}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 55%,color-mix(in srgb,var(--pri) 13%,transparent),transparent 45%);pointer-events:none}.hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;min-height:490px;gap:28px}.hero-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.19;mask-image:linear-gradient(to right,transparent,#000 55%);pointer-events:none}.hero-content{position:relative;padding:72px 0 75px;z-index:1}.hero h1{margin:24px 0 16px;font-family:'Space Grotesk',sans-serif;font-size:clamp(44px,5.3vw,74px);font-weight:700;letter-spacing:-.07em;line-height:1.07}.hero h1 span{color:var(--sec)}.hero .sub{max-width:525px;margin:0;color:#b0afbf;font-size:16px;line-height:1.8}.hero-cta{margin-top:27px}.hero-cta span{margin-left:24px}.hero-proof{display:flex;flex-wrap:wrap;gap:16px 26px;margin-top:55px;color:#9695a5;font-size:12px;font-weight:600}.hero-proof span{white-space:nowrap}.hero-graphic{position:relative;display:grid;place-items:center;aspect-ratio:1;max-height:375px;isolation:isolate}.graphic-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--pri) 23%,transparent);border-radius:50%}.orbit-one{width:90%;aspect-ratio:1}.orbit-two{width:70%;aspect-ratio:1;border-style:dashed;transform:rotate(30deg)}.hero-graphic:before{content:"";position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:var(--pri);filter:blur(95px);opacity:.4;z-index:-1}.graphic-core{display:grid;place-items:center;width:45%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--sec) 50%,transparent);border-radius:28%;background:linear-gradient(150deg,color-mix(in srgb,var(--pri) 48%,#1b1928),#16131c);box-shadow:inset 0 1px 1px rgba(255,255,255,.26),0 30px 95px rgba(0,0,0,.4);transform:rotate(-13deg);font-family:'Space Grotesk',sans-serif;font-size:clamp(70px,10vw,160px);font-weight:700;line-height:1;letter-spacing:-.1em;color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.24)}.graphic-label{position:absolute;right:-10px;bottom:10%;color:#aaa7bb;font-size:10px;font-weight:700;letter-spacing:.18em;writing-mode:vertical-rl}
.collection{padding-top:76px;padding-bottom:100px;scroll-margin-top:35px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.collection-heading h2{margin:10px 0 3px;font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.16;letter-spacing:-.055em}.heading-dot{color:var(--pri)}.collection-heading p{margin:0;color:var(--muted);font-size:14px}.collection-count{padding-bottom:6px;color:var(--muted);font-size:12px;white-space:nowrap}.searchrow{display:flex;align-items:stretch;gap:12px;margin:32px 0 18px}.search-input{position:relative;flex:1}.search-input>span{position:absolute;top:50%;left:17px;transform:translateY(-54%);font-size:27px;line-height:1;color:var(--muted);pointer-events:none}.searchrow input,.searchrow select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--txt);font-size:13px}.searchrow input{padding:0 16px 0 49px}.searchrow select{width:190px;padding:0 15px;cursor:pointer}.searchrow input::placeholder{color:#848395}.searchrow input:focus,.searchrow select:focus{border-color:var(--pri)}option{background:var(--surface);color:var(--txt)}.cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.cats a{padding:9px 16px;border:1px solid var(--line);border-radius:8px;color:#b0afbd;font-size:12px;font-weight:700;transition:.18s}.cats a:hover{border-color:var(--pri);color:var(--txt)}.cats a.on{background:var(--pri);border-color:var(--pri);color:#fff}
/* product layouts */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pgrid.layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid.layout-compact,.pgrid.layout-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pgrid.layout-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid.layout-list{grid-template-columns:1fr}.pgrid.layout-masonry{columns:3 260px;display:block;column-gap:22px}.pgrid.layout-masonry .pcard{break-inside:avoid;margin-bottom:22px}.pgrid.layout-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.pgrid.layout-wall .pcard{border-radius:0}.pgrid.layout-poster{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid.layout-poster .product-media,.pgrid.layout-poster .noimg,.pgrid.layout-poster img{aspect-ratio:3/4}.pgrid.layout-editorial,.pgrid.layout-priceboard,.pgrid.layout-ledger{display:block}.pgrid.layout-zigzag,.pgrid.layout-mirror{grid-template-columns:1fr}.pgrid.layout-zigzag .pcard,.pgrid.layout-mirror .pcard{flex-direction:row;align-items:stretch}.pgrid.layout-zigzag .pcard:nth-child(even){flex-direction:row-reverse}.pgrid.layout-zigzag .product-media,.pgrid.layout-mirror .product-media{width:42%;flex:none}.pgrid.layout-mirror .product-media{order:2}
.pcard{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:max(8px,var(--rad));background:color-mix(in srgb,var(--bg) 84%,#fff 16%);transition:transform .25s,border-color .25s,box-shadow .25s}.pcard:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--pri) 60%,transparent);box-shadow:0 18px 55px rgba(0,0,0,.26)}.product-media{position:relative;overflow:hidden;background:color-mix(in srgb,var(--pri) 9%,var(--bg));aspect-ratio:1.38}.product-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.pcard:hover .product-media>img{transform:scale(1.05)}.noimg{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:220px;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--pri) 32%,transparent),transparent 60%),linear-gradient(145deg,color-mix(in srgb,var(--pri) 15%,#15141c),#15141c 60%,color-mix(in srgb,var(--sec) 10%,#14131a))}.noimg:before,.noimg:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.075);transform:rotate(-26deg)}.noimg:before{width:115%;height:65%}.noimg:after{width:75%;height:120%}.art-ring{position:absolute;width:44%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--sec) 45%,transparent);border-radius:28%;transform:rotate(-20deg);box-shadow:0 0 45px color-mix(in srgb,var(--pri) 18%,transparent)}.art-initial{position:relative;font-family:'Space Grotesk',sans-serif;font-size:clamp(70px,7vw,112px);font-weight:700;line-height:1;color:#fff;letter-spacing:-.09em;text-shadow:0 12px 40px rgba(0,0,0,.35)}.art-caption{position:absolute;left:17px;bottom:15px;font-size:9px;font-weight:700;letter-spacing:.17em;color:rgba(255,255,255,.5)}.media-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(16,15,24,.55);color:white;font-size:17px;transition:background .2s,transform .2s}.pcard:hover .media-arrow{background:var(--pri);transform:translate(2px,-2px)}.pcard .body{display:flex;flex:1;flex-direction:column;padding:21px 22px 20px;gap:7px}.card-kicker{color:var(--sec);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pname{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.035em}.pdesc{min-height:38px;color:var(--muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:19px}.price{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;white-space:nowrap;letter-spacing:-.035em}.price small{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:0}.price .old{display:block;color:var(--muted);font-size:11px;font-weight:500;text-decoration:line-through}.stock{display:inline-flex;align-items:center;gap:7px;color:#80dabb;font-size:11px;font-weight:700;white-space:nowrap}.stock.low{color:#f4c675}.stock.out{color:#f18b91}.stock.low .live-dot{background:#f4c675;box-shadow:none}.stock.out .live-dot{background:#f18b91;box-shadow:none}.sale{position:absolute;top:13px;left:13px;z-index:2;padding:6px 9px;border-radius:7px;background:var(--pri);color:white;font-size:10px;font-weight:800;letter-spacing:.05em}.countdown{font-variant-numeric:tabular-nums;color:#e8c188;font-size:11px}
/* layout variants that change card internals */
.layout-editorial .pcard,.layout-ledger .pcard{flex-direction:row;align-items:center;border:0;border-radius:0;border-bottom:1px solid var(--line);background:none;padding:24px 4px;box-shadow:none}.layout-editorial .pcard:hover,.layout-ledger .pcard:hover{transform:none}.layout-editorial .product-media,.layout-ledger .product-media,.layout-priceboard .noimg{display:none}.layout-editorial .pname{font-family:Georgia,serif;font-size:clamp(24px,4vw,46px)}.layout-editorial .pnum{margin-right:22px;color:var(--pri);font-family:Georgia,serif;font-size:22px}.layout-ledger .prow{border-bottom:1px dotted var(--line);flex:1;margin:0 10px}.layout-priceboard .pcard{margin-bottom:10px}.layout-priceboard .price{font-size:32px}.layout-wall .body{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86));opacity:0;transition:opacity .2s}.layout-wall .pcard:hover .body{opacity:1}.layout-list .pcard{flex-direction:row}.layout-list .product-media{width:27%;flex:none}.layout-list .body{justify-content:center}.layout-compact .body,.layout-catalog .body{padding:14px}.layout-compact .pname,.layout-catalog .pname{font-size:16px}
/* product page / checkout */
.breadcrumb{display:flex;align-items:center;gap:10px;margin:36px 0 24px;color:var(--muted);font-size:12px}.breadcrumb a:hover{color:var(--sec)}.breadcrumb span{color:var(--pri)}.product-wrap{padding-bottom:100px}.ppage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(28px,5vw,76px)}.product-art{position:sticky;top:24px;overflow:hidden;border:1px solid var(--line);border-radius:max(10px,var(--rad));background:#181720;aspect-ratio:1}.product-art .big{display:block;width:100%;height:100%;object-fit:cover}.product-art .noimg{min-height:100%}.product-art .art-initial{font-size:clamp(130px,18vw,260px)}.product-info{padding-top:14px}.product-info h1{margin:14px 0 12px;font-family:'Space Grotesk',sans-serif;font-size:clamp(33px,4vw,52px);line-height:1.08;letter-spacing:-.06em}.product-description{margin:0;color:#aeacbd;font-size:14px;line-height:1.85}.product-price-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 0;margin:24px 0 20px;border-block:1px solid var(--line)}.product-price{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;letter-spacing:-.05em}.product-price s{font-size:15px;font-weight:400}.product-price small{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:0}.product-info form>.field{margin:16px 0}.product-info .field>input[name=qty]{max-width:112px}.product-info .variant{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.product-info .variant:hover,.product-info .variant.on{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 16%,transparent)}.purchase-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.purchase-actions>.btn:first-child{flex:1;display:flex;justify-content:space-between;align-items:center;min-width:190px}.purchase-actions>.btn.ghost{flex:none}.purchase-assurance{display:flex;flex-wrap:wrap;gap:12px 19px;margin-top:20px;color:#9c9aad;font-size:11px;font-weight:600}.product-info h3{font-family:'Space Grotesk',sans-serif}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:45px;padding:11px 19px;border:1px solid var(--pri);border-radius:10px;background:var(--pri);color:#fff;font-size:13px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--pri) 82%,white);border-color:color-mix(in srgb,var(--pri) 82%,white)}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--txt)}.btn.ghost:hover{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 14%,transparent)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.field{margin:16px 0}.field label{display:block;margin-bottom:8px;color:#c4c2cf;font-size:12px;font-weight:700}.field label small{color:var(--muted);font-weight:400}.field input,.field textarea,.field select{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.045);color:var(--txt)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--pri)}.field textarea{min-height:110px}.coin{display:inline-flex;align-items:center;gap:8px;margin:4px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.coin.on{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 15%,transparent)}.card{margin-bottom:16px;padding:24px;border:1px solid var(--line);border-radius:max(10px,var(--rad));background:rgba(255,255,255,.035)}.card h1,.card h2,.card h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em}.flash{margin-block:14px;padding:13px 16px;border:1px solid var(--line);border-radius:9px;font-size:13px}.flash.ok{background:rgba(52,211,153,.1);color:#80dabb}.flash.err{background:rgba(248,113,113,.1);color:#f18b91}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tabs a{padding:9px 14px;border-bottom:2px solid transparent;color:var(--muted);font-size:13px}.tabs a.on{border-color:var(--pri);color:var(--txt)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}td{padding:14px 9px;border-bottom:1px solid var(--line)}.kv{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.inv{padding:14px;border-radius:10px;background:var(--surface);font-family:ui-monospace,monospace;word-break:break-all}.deliv{padding:16px;border:1px solid rgba(52,211,153,.3);border-radius:10px;background:rgba(52,211,153,.08);font-family:ui-monospace,monospace;white-space:pre-wrap}.pill{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:99px;font-size:11px;font-weight:700}.pill.ok{color:#80dabb}.pill.warn{color:#e7be78}.pill.err{color:#f18b91}.stars{color:#f3c65f}.recent-pop{position:fixed;bottom:18px;left:18px;z-index:60;padding:13px 17px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 8px 30px rgba(0,0,0,.4);font-size:12px;animation:pop .3s}@keyframes pop{from{transform:translateY(10px);opacity:0}}.empty{padding:65px 20px;text-align:center;color:var(--muted)}.empty-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--pri) 12%,transparent);color:var(--sec);font-size:30px}.empty h2{margin:0 0 5px;color:var(--txt);font-size:22px}.empty p{margin:0 0 20px;font-size:13px}.checkout-wrap{max-width:720px;padding-bottom:100px}.checkout-wrap>h1{margin:10px 0 2px;font-family:'Space Grotesk',sans-serif;font-size:42px;letter-spacing:-.06em}.checkout-wrap>.mut{margin:0 0 28px;font-size:13px}.cart-panel{padding:28px}.site-footer{margin-top:35px;border-top:1px solid var(--line);background:rgba(0,0,0,.14)}.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:38px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand .brandmark{width:33px;height:33px;font-size:18px}.footer-brand strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:13px}.footer-brand small{display:block;color:var(--muted);font-size:11px}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 22px;color:var(--muted);font-size:11px}
/* shell variants */
.product-media>picture,.product-art>picture{display:block;width:100%;height:100%}.product-media>picture>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.pcard:hover .product-media>picture>img{transform:scale(1.05)}
/* Nova is selectable in the seller theme editor; the demo uses these same rules. */
body.store-demo{min-height:0}
body.preset-nova .hero{background:linear-gradient(90deg,#0c0d1480,transparent 75%),url('store-demo/studio.png') center 54%/cover no-repeat}
body.preset-nova .hero:has(.hero-banner){background-image:none}
body.preset-nova.hero-full .hero-banner{opacity:.8;mask-image:linear-gradient(to right,transparent,#000 75%)}
body.preset-nova .hero-shell{min-height:520px;grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
body.preset-nova .hero-graphic{visibility:hidden}
body.preset-nova .hero h1{font-size:clamp(42px,5.1vw,72px);letter-spacing:-.065em}
body.preset-nova .hero .sub{max-width:445px;color:#bebdca;text-shadow:0 2px 14px #000}
body.preset-nova .hero h1 span{background:linear-gradient(120deg,#f5efff,#ae99ff);background-clip:text;color:transparent}
body.preset-nova .hero-proof{color:#d1cbdc;font-size:11px}
body.preset-nova .collection{padding-top:55px}
body.preset-nova.card-glass .pcard{background:linear-gradient(140deg,#242035aa,#14151e);border-color:#afa0db26}
body.preset-nova .product-media{aspect-ratio:1.6}
body.preset-nova .pname{font-size:21px;letter-spacing:-.035em}
body.preset-nova .pdesc{color:#aaa8bc}
body.preset-nova .boss{background:#171321;color:#b5a6d4;font-size:9px;letter-spacing:.16em}
body.preset-nova .brandmark{background:linear-gradient(145deg,#bfa4ff,#7152dc);box-shadow:0 0 25px #9679ff30}
@media(max-width:700px){body.preset-nova .hero{background-position:62% center}body.preset-nova .hero:before{background:linear-gradient(90deg,#0c0d14e8,#0c0d1455)}body.preset-nova.hero-full .hero,body.preset-nova.hero-full .hero-shell{min-height:0}body.preset-nova .hero-content{padding:48px 0}body.preset-nova .hero h1{font-size:42px}body.preset-nova .hero .sub{font-size:14px}body.preset-nova .hero-proof{gap:9px 14px}body.preset-nova .pname{font-size:18px}body.preset-nova .topbar nav .account-link{font-size:10px;gap:3px}}
@media(max-width:520px){body.preset-nova .pgrid.layout-grid{grid-template-columns:1fr;gap:18px}body.preset-nova .pcard .body{padding:20px}body.preset-nova .prow{flex-direction:row;align-items:center}body.preset-nova .price{font-size:22px}body.preset-nova .pdesc{font-size:12px}body.preset-nova .hero h1{font-size:38px}body.preset-nova .hero-proof{font-size:9px}body.preset-nova .name{font-size:16px;max-width:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pcard,.product-media img,.product-media picture img{transition:none!important}.pcard:hover,.pcard:hover img{transform:none!important}}
body.shell-leftrail .site-header{position:fixed;top:0;bottom:0;left:0;width:220px;border-right:1px solid var(--line);border-bottom:0}body.shell-leftrail .topbar{width:auto;min-height:0;padding:24px;flex-direction:column;align-items:flex-start}body.shell-leftrail .topbar nav{flex-direction:column;align-items:flex-start;gap:20px}body.shell-leftrail .hero,body.shell-leftrail .collection,body.shell-leftrail .product-wrap,body.shell-leftrail .checkout-wrap,body.shell-leftrail .site-footer{margin-left:220px}body.shell-sticky .site-header{position:sticky;top:0}body.density-compact .pcard .body{padding:14px}body.density-compact .pgrid{gap:10px}body.density-loose .pcard .body{padding:26px}body.density-loose .pgrid{gap:30px}
.pgrid:not(.layout-editorial) .pnum{display:none}.layout-priceboard .body .prow{order:-1;margin:0;padding:0 0 8px}.layout-priceboard .body .price{font-size:32px}.layout-priceboard .body .pname{order:1;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.layout-priceboard .body .pdesc,.layout-priceboard .body .stock{display:none}.layout-priceboard .pcard .noimg{display:grid}body.hero-none .hero{display:none}
body.header-minimal .site-header{background:var(--bg);border-bottom-color:transparent}body.header-minimal .topbar{min-height:66px}body.header-centered .topbar{position:relative;justify-content:center}body.header-centered .topbar nav{position:absolute;right:0}body.card-flat .pcard{background:var(--bg);border-color:transparent;box-shadow:none}body.card-flat .pcard:hover{transform:none;border-color:transparent}body.card-outlined .pcard{background:transparent;border-color:color-mix(in srgb,var(--pri) 42%,var(--line));box-shadow:none}body.card-glass .pcard{background:color-mix(in srgb,var(--pri) 12%,transparent);backdrop-filter:blur(16px);border-color:color-mix(in srgb,var(--sec) 36%,transparent)}body.hero-full .hero{min-height:540px}body.hero-full .hero-banner{opacity:.32;mask-image:linear-gradient(to right,transparent,#000 45%)}body.hero-full .hero-shell{min-height:540px}body.search-top .searchrow{margin-top:10px;margin-bottom:28px}body.search-hidden .searchrow{display:none}.preview-sample-notice{margin:8px 0 18px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--pri) 30%,transparent);border-radius:9px;background:color-mix(in srgb,var(--pri) 8%,transparent);color:var(--sec);font-size:12px;font-weight:600}.preview-sample{cursor:default}.preview-sample:hover{transform:none}
@media(hover:none){.layout-wall .body{opacity:1}}
@media(max-width:950px){.hero-shell{min-height:420px}.hero h1{font-size:clamp(39px,6vw,62px)}.hero-proof{margin-top:38px}.pgrid.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid.layout-compact,.pgrid.layout-catalog,.pgrid.layout-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.ppage{gap:28px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,var(--contw,1200px))}.topbar{min-height:68px;gap:12px}.topbar nav{gap:12px}.topbar .nav-products,.topbar .nav-quiet{display:none}.topbar nav .account-link{padding:8px 10px}.identity{gap:7px}.name{max-width:125px;font-size:17px}.brandmark,.topbar .logo{width:34px;height:34px;font-size:19px}.hero-shell{display:block;min-height:0}.hero-content{padding:65px 0 56px}.hero h1{font-size:clamp(40px,8vw,58px)}.hero-graphic{display:none}.hero-proof{margin-top:35px;gap:10px 19px}.hero-banner{opacity:.13}.collection{padding-top:52px;padding-bottom:70px}.collection-heading{align-items:flex-start}.collection-heading h2{font-size:32px}.searchrow{margin-top:24px}.searchrow select{width:145px}.pgrid.layout-grid,.pgrid.layout-showcase,.pgrid.layout-poster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pgrid.layout-compact,.pgrid.layout-catalog,.pgrid.layout-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcard .body{padding:13px}.pname{font-size:16px}.price{font-size:16px}.pdesc{min-height:36px}.prow{align-items:flex-start;flex-direction:column;gap:5px;padding-top:8px}.product-media{aspect-ratio:1.15}.noimg{min-height:160px}.art-initial{font-size:74px}.art-caption{font-size:8px}.media-arrow{width:28px;height:28px}.ppage{grid-template-columns:1fr}.product-art{position:static;max-height:500px}.product-info{padding-top:0}.product-wrap{padding-bottom:70px}.foot{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}body.shell-leftrail .site-header{position:relative;width:auto;border-right:0;border-bottom:1px solid var(--line)}body.shell-leftrail .topbar{width:min(100% - 36px,var(--contw,1200px));padding:0;min-height:68px;flex-direction:row;align-items:center}body.shell-leftrail .topbar nav{margin:0;flex-direction:row;align-items:center;gap:12px}body.shell-leftrail .hero,body.shell-leftrail .collection,body.shell-leftrail .product-wrap,body.shell-leftrail .checkout-wrap,body.shell-leftrail .site-footer{margin-left:0}}
@media(max-width:420px){.topbar nav{font-size:11px}.hero h1{font-size:38px}.hero .sub{font-size:14px}.searchrow{flex-direction:column}.searchrow select{width:100%}.collection-count{font-size:11px}.pgrid.layout-grid{gap:9px}.pcard .body{padding:11px}.card-kicker{font-size:9px}.pname{font-size:15px}.price{font-size:15px}.pdesc{font-size:11px}.stock{font-size:10px}.noimg{min-height:140px}.art-initial{font-size:66px}.art-caption{left:9px;bottom:9px;font-size:7px}.footer-links{gap:10px}.purchase-actions>.btn:first-child{min-width:100%}}
.seller-reputation{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-bottom:30px;padding:20px 24px;border:1px solid color-mix(in srgb,var(--txt) 14%,transparent);border-radius:var(--rad);font-size:13px}.seller-reputation strong{color:var(--pri)}.seller-reputation span{opacity:.8}.seller-reviews{margin-bottom:30px}.seller-reviews .card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}

/* Platform navigation remains available in every storefront and theme. */
.topbar nav .platform-home{display:inline-flex;align-items:center;gap:10px;flex:none;padding:8px 24px 8px 0;border-right:1px solid var(--line);color:var(--txt);transition:opacity .2s}
.platform-wordmark{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;letter-spacing:-.075em;line-height:1.2}
.platform-wordmark>span{color:#ab8dff}.platform-home-arrow{font-size:14px;color:#ab8dff}
.topbar nav .platform-home:hover{color:var(--txt);opacity:.8}
body.header-centered .topbar{flex-wrap:wrap;padding-block:16px;gap:16px}
body.header-centered .topbar>.identity{justify-content:center;flex-basis:100%}
body.header-centered .topbar nav{position:static;flex-wrap:wrap;justify-content:center}
body.shell-leftrail .topbar nav .platform-home{border-right:0;border-bottom:1px solid var(--line);padding:4px 0 18px;width:100%}
@media(max-width:950px) and (min-width:701px){.topbar{gap:18px}.topbar nav{gap:18px}.topbar nav .platform-home{padding-right:18px}}
@media(max-width:700px){
 .topbar,body.shell-leftrail .topbar{flex-wrap:wrap;gap:12px;padding-block:14px}
 .topbar>.identity{flex-basis:100%}
 .topbar nav,body.shell-leftrail .topbar nav{width:100%;justify-content:flex-end;gap:14px;flex-wrap:wrap}
 .topbar nav .platform-home,body.shell-leftrail .topbar nav .platform-home{margin-right:auto;width:auto;border:0;padding:6px 0}
 .platform-wordmark{font-size:22px}
 body.header-centered .topbar nav{justify-content:flex-end}
}
.paylink-art{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
/* Theme photography stays within its useful resolution on wide displays. */
body.preset-classic{--theme-photo:url('themes/classic.png')}
body.preset-atelier{--theme-photo:url('themes/atelier.png')}
body.preset-broadsheet{--theme-photo:url('themes/broadsheet.png')}
body.preset-bodega{--theme-photo:url('themes/bodega.png')}
body.preset-marquee{--theme-photo:url('themes/marquee.png')}
body.preset-kiosk{--theme-photo:url('themes/kiosk.png')}
body.preset-nova{--theme-photo:url('store-demo/studio.png')}
body[class*='preset-'] .hero{background:var(--bg);isolation:isolate}
body[class*='preset-'] .hero:not(:has(.hero-banner)):after{content:'';position:absolute;z-index:-1;inset:0;margin-inline:auto;max-width:1536px;background-image:linear-gradient(90deg,var(--bg) 0%,transparent 38%,transparent 87%,var(--bg) 100%),var(--theme-photo);background-size:100% 100%,cover;background-position:center,center 54%;background-repeat:no-repeat;opacity:.85}
body[class*='preset-'] .hero:not(:has(.hero-banner)) .hero-graphic{visibility:hidden}
body[class*='preset-'] .hero .hero-shell{min-height:460px}
body[class*='preset-'].hero-full .hero,body[class*='preset-'].hero-full .hero-shell{min-height:500px}
body[class*='preset-'] .hero .hero-banner{max-width:1536px;left:50%;transform:translateX(-50%);object-fit:cover;object-position:center;opacity:.6}
body[class*='preset-'] .hero h1{font-size:clamp(40px,4.3vw,66px)}
body[class*='preset-'] .hero .hero-content{position:relative;z-index:1}
body[class*='preset-'] .hero .sub{color:var(--txt);opacity:.8;text-shadow:0 1px 10px #0008}
@media(min-width:1600px){body[class*='preset-'] .hero:not(:has(.hero-banner)):after{background-size:100% 100%,1536px auto}}
@media(max-width:700px){body[class*='preset-'] .hero:not(:has(.hero-banner)):after{background-position:center,65% center;opacity:.4}body[class*='preset-'] .hero .hero-shell,body[class*='preset-'].hero-full .hero,body[class*='preset-'].hero-full .hero-shell{min-height:0}body[class*='preset-'] .hero h1{font-size:clamp(36px,8vw,48px)}}

/* Store-local figures stay readable across every theme and viewport. */
.store-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(190px,1.5fr);gap:0;padding:26px 0;margin:0 0 32px;border-block:1px solid color-mix(in srgb,var(--txt) 12%,transparent)}
.store-metric{display:flex;flex-direction:column;gap:5px;padding:0 22px;border-inline-end:1px solid color-mix(in srgb,var(--txt) 10%,transparent);min-width:0}
.store-metric:first-child{padding-inline-start:0}.store-metric:last-child{border:0}.store-metric strong{font:700 clamp(25px,2.4vw,34px)/1.1 var(--font);letter-spacing:-.05em;overflow-wrap:anywhere}.store-metric span{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.store-metric small{display:block;font-size:11px;opacity:.6;line-height:1.5}.store-metric em{font-size:14px;font-style:normal;opacity:.5;letter-spacing:0}.stock-metric strong{color:var(--pri)}.delivery-metric{flex-direction:row;align-items:center;gap:12px}.delivery-metric .delivery-symbol{font-size:32px;color:var(--pri)}.delivery-metric b{display:block;font-size:13px;margin-bottom:5px}.rating-metric strong{color:var(--txt)}
@media(max-width:850px){.store-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.store-metric{padding:0 12px}.store-metric:nth-child(4){border:0}.delivery-metric{grid-column:1/-1;margin-top:20px;padding:16px 0 0;border-top:1px solid color-mix(in srgb,var(--txt) 10%,transparent)}.delivery-metric div{display:flex;align-items:center;gap:12px}.delivery-metric b{margin:0}}
@media(max-width:480px){.store-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.store-metric:nth-child(2){border:0}.store-metric:nth-child(3){padding-left:0}.delivery-metric{margin-top:0}.delivery-metric div{display:block}.store-metric strong{font-size:28px}}
.buyer-review{padding:25px 0 6px;margin-top:24px;border-top:1px solid color-mix(in srgb,var(--txt) 15%,transparent)}.buyer-review h3{margin:10px 0;font-size:24px}.buyer-review p{font-size:13px;line-height:1.7;opacity:.7}.review-stars{border:0;padding:0;display:flex;gap:8px;margin:20px 0 8px}.review-stars legend{font-size:12px;margin-bottom:10px}.review-star{position:relative;cursor:pointer}.review-star input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.review-star span{display:grid;place-items:center;font-size:35px;width:44px;height:48px;color:color-mix(in srgb,var(--txt) 24%,transparent);transition:transform .2s,color .2s,text-shadow .2s}.review-star:first-of-type span{font-size:16px;border:1px solid color-mix(in srgb,var(--txt) 18%,transparent);border-radius:10px}.review-star.lit span{color:#ffc875;text-shadow:0 0 18px #ffc87540}.review-star:has(input:checked) span,.review-star:hover span{transform:translateY(-3px) scale(1.08)}.review-star input:focus-visible+span{outline:2px solid var(--pri);outline-offset:3px;border-radius:6px}.review-rating-caption{font-size:12px;color:var(--sec)}.review-comment{display:block;margin:20px 0;font-size:13px}.review-comment small{opacity:.5;margin-left:6px}.review-comment textarea{display:block;width:100%;margin-top:8px;resize:vertical;min-height:100px}.buyer-review small{font-size:12px;opacity:.7}@media(prefers-reduced-motion:reduce){.review-star span{transition:none!important;transform:none!important}}@media(max-width:380px){.review-stars{gap:3px}.review-star span{width:36px;font-size:29px}}
