:root{
  --bg:#f6f3ee; --ink:#15141a; --ink-2:#4b4a55; --mute:#8a8895; --line:rgba(21,20,26,.12);
  --card:rgba(255,255,255,.72); --gold:#a8864f; --ok:#2f7d5b; --warn:#b4552d;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',system-ui,sans-serif; --mono:'DM Mono',ui-monospace,monospace;
  --r:18px; --nav-h:68px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#14131a; --ink:#f4f1ea; --ink-2:#c7c4cf; --mute:#8d8a98; --line:rgba(255,255,255,.14);
    --card:rgba(30,29,38,.78); --gold:#c9a96b;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}

/* Aurora background */
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg)}
.aurora i{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.55;animation:drift 26s ease-in-out infinite alternate}
.aurora i:nth-child(1){background:#d8cdf5;left:-15vmax;top:-10vmax}
.aurora i:nth-child(2){background:#c6ecd9;right:-18vmax;bottom:-12vmax;animation-delay:-8s}
.aurora i:nth-child(3){background:#f8dccb;left:30vw;top:25vh;width:40vmax;height:40vmax;opacity:.4;animation-delay:-15s}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .aurora i{opacity:.22}}
@keyframes drift{to{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}

/* Banner (status database) */
.banner{position:sticky;top:0;z-index:60;padding:10px 16px;text-align:center;font-size:13px;background:#2a2431;color:#f3eee4;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
.banner.warn{background:#6b3a22}
.banner button{border:1px solid rgba(255,255,255,.4);padding:4px 12px;border-radius:99px;font-size:12px}
.banner button:hover{background:rgba(255,255,255,.12)}

/* Nav */
.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;gap:28px;padding:0 clamp(16px,4vw,48px);
  background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-family:var(--serif);font-size:26px;font-weight:500;text-decoration:none;letter-spacing:.01em;font-style:italic}
.menu{display:flex;gap:6px;margin-left:auto;align-items:center}
.menu>a,.dd-btn{padding:8px 14px;border-radius:99px;font-size:14px;text-decoration:none;color:var(--ink-2);display:inline-flex;gap:6px;align-items:center;transition:.2s}
.menu>a:hover,.dd-btn:hover,.menu>a.active{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
.dd{position:relative}
.dd-panel{position:absolute;right:0;top:100%;min-width:210px;padding:8px;margin-top:6px;border-radius:14px;background:var(--card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 20px 50px -20px rgba(20,10,40,.35);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.dd:hover .dd-panel,.dd:focus-within .dd-panel,.dd.open .dd-panel{opacity:1;visibility:visible;transform:none}
.dd-panel button,.dd-panel a{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:9px 12px;border-radius:10px;font-size:14px;text-decoration:none;color:var(--ink-2)}
.dd-panel button:hover,.dd-panel a:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
.dd-panel .empty{padding:9px 12px;font-size:13px;color:var(--mute)}
.cart-btn{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line)}
.cart-btn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
.cart-count{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;border-radius:99px;background:var(--ink);color:var(--bg);font-size:11px;display:grid;place-items:center;padding:0 5px;font-family:var(--mono)}
.cart-count.bump{animation:bump .35s}
@keyframes bump{50%{transform:scale(1.35)}}
.burger{display:none;width:40px;height:40px;margin-left:auto;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--ink);transition:.25s}
.burger span:first-child{top:16px}.burger span:last-child{top:23px}
.burger[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}

/* Hero + Rack */
.stage{padding:clamp(28px,6vh,64px) 0 70px;text-align:center;min-height:calc(100vh - var(--nav-h))}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,66px);line-height:1.04;margin:14px auto 26px;max-width:920px;padding:0 16px;letter-spacing:-.01em}
.hero-title em{font-style:italic}
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 16px;margin-bottom:30px}
.chip{padding:7px 16px;border-radius:99px;border:1px solid var(--line);font-size:13px;color:var(--ink-2);transition:.2s;background:color-mix(in srgb,var(--bg) 50%,transparent)}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

.rack{position:relative;margin-top:10px}
.rack-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:none;padding:6px 0 90px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.rack-scroll::-webkit-scrollbar{display:none}
.track{position:relative;display:flex;justify-content:safe center;gap:0;min-width:100%;width:max-content;padding:0 clamp(16px,5vw,80px)}
.track::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:linear-gradient(90deg,transparent,#8b8577 4%,#b9b2a2 50%,#8b8577 96%,transparent);box-shadow:0 3px 6px rgba(0,0,0,.12)}
.rack-arrow{position:absolute;top:38%;z-index:5;width:44px;height:44px;border-radius:50%;background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:22px;line-height:1;display:grid;place-items:center;transition:.2s}
.rack-arrow:hover{background:var(--ink);color:var(--bg)}
.rack-arrow.left{left:14px}.rack-arrow.right{right:14px}
.rack-arrow[hidden]{display:none}

.hg{position:relative;flex:0 0 auto;width:clamp(112px,11.2vw,158px);padding:0 2px;scroll-snap-align:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s,filter .3s;outline:none;
  animation:rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*45ms)}
@keyframes rise{from{opacity:0;transform:translateY(-18px)}}
.hg-sway{display:block;transform-origin:50% 0;position:relative}
.hg-hook{display:block;width:62%;margin:0 auto;position:relative;z-index:3;pointer-events:none}
.hg-hook svg{display:block;width:100%;height:auto;overflow:visible}
.hg-art{display:block;position:relative;margin-top:-26%}
.hg-name{display:none}
.hg-img{width:100%;aspect-ratio:300/350;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(30,20,50,.22));transition:filter .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none;user-select:none}
.hg-tag{position:absolute;left:50%;top:15%;transform:translate(-50%,6px) scale(.9);white-space:nowrap;max-width:200%;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:99px;background:var(--ink);color:var(--bg);opacity:0;transition:.25s;pointer-events:none;z-index:4;box-shadow:0 8px 20px -6px rgba(0,0,0,.4)}
.hg-price{display:block;font-family:var(--mono);font-size:11px;color:var(--mute);margin-top:8px;opacity:0;transition:.25s}
.hg.soldout .hg-img{opacity:.55;filter:grayscale(.6) drop-shadow(0 10px 8px rgba(30,20,50,.15))}
.hg:hover,.hg:focus-visible{z-index:20;transform:translateY(10px) scale(1.22)}
.hg:hover .hg-sway,.hg:focus-visible .hg-sway{animation:sway 1.6s ease-in-out infinite}
.hg:hover .hg-tag,.hg:focus-visible .hg-tag{opacity:1;transform:translate(-50%,0) scale(1)}
.hg:hover .hg-price,.hg:focus-visible .hg-price{opacity:1}
.hg:hover .hg-img{filter:drop-shadow(0 26px 22px rgba(30,20,50,.34))}
.track:hover .hg:not(:hover){opacity:.62;filter:blur(.6px) saturate(.9)}
.hg:hover + .hg{transform:translateX(26px)}
.hg:has(+ .hg:hover){transform:translateX(-26px)}
@keyframes sway{0%,100%{transform:rotate(-1.8deg)}50%{transform:rotate(1.8deg)}}
.hint{font-size:12.5px;color:var(--mute);margin-top:-48px;letter-spacing:.02em;padding:0 16px}
.empty-rack{padding:80px 20px;color:var(--mute)}

.skeleton{position:absolute;inset:0}
.paused-card{max-width:520px;margin:40px auto;padding:32px;border-radius:var(--r);background:var(--card);backdrop-filter:blur(14px);border:1px solid var(--line);text-align:center}
.paused-card h3{font-family:var(--serif);font-size:30px;font-weight:500;margin-bottom:8px}
.paused-card p{color:var(--ink-2);font-size:14px;margin-bottom:18px}

/* Sections */
.about,.contact{padding:96px clamp(20px,6vw,80px)}
.about-inner,.contact-inner{max-width:760px;margin:0 auto;text-align:center}
.about h2,.contact h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,56px);margin:10px 0 22px;line-height:1.05}
.about-text p{font-size:16.5px;color:var(--ink-2);margin-bottom:14px}
.muted{color:var(--ink-2)}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:34px}
.c-card{display:flex;flex-direction:column;gap:4px;align-items:center;padding:30px 20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;backdrop-filter:blur(12px);transition:.3s}
.c-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(30,20,60,.4);border-color:var(--gold)}
.c-card svg{color:var(--gold);margin-bottom:8px}
.c-card span{font-size:13.5px;color:var(--ink-2);word-break:break-all}
.foot{text-align:center;padding:30px 16px 40px;font-size:12px;color:var(--mute);font-family:var(--mono);letter-spacing:.08em}
.foot a{text-decoration:none;border-bottom:1px solid var(--line)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:99px;border:1px solid var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;transition:.2s}
.btn:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.btn.primary{background:var(--ink);color:var(--bg)}
.btn.primary:hover{opacity:.86}
.btn.block{display:flex;width:100%}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.btn.wa{background:#1f9d57;border-color:#1f9d57;color:#fff}

/* Modals */
.modal{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:auto;animation:fade .3s}
@keyframes fade{from{opacity:0}}
.close{position:absolute;top:22px;right:clamp(18px,4vw,44px);z-index:5;font-family:var(--mono);font-size:12px;letter-spacing:.22em;padding:8px 4px}
.close:hover{color:var(--gold)}
.viewer-shell{min-height:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(10px,3vw,50px);padding:64px clamp(16px,5vw,70px) 30px;max-width:1500px;margin:0 auto}
.viewer-stage{position:relative;height:min(78vh,760px);display:grid;place-items:center;touch-action:pan-y;cursor:grab;user-select:none}
.viewer-stage.grabbing{cursor:grabbing}
.v-img-wrap{position:relative;width:min(100%,560px);height:100%;display:grid;place-items:center;transition:transform .15s ease-out;padding:56px 0 96px}
.v-fig{position:relative;height:100%;max-width:100%;aspect-ratio:300/350}
.v-hanger{position:absolute;left:50%;top:22%;width:62%;transform:translate(-50%,-86%);z-index:2;pointer-events:none}
.v-hanger svg{display:block;width:100%;height:auto;overflow:visible}
#vImg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(30,20,50,.28));transition:opacity .12s;display:block}
.v-nav{position:absolute;top:50%;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:22px;display:grid;place-items:center;transform:translateY(-50%);z-index:3}
.v-nav:hover{background:var(--ink);color:var(--bg)}
.v-nav.prev{left:0}.v-nav.next{right:0}
.v-tools{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:99px;background:var(--card);border:1px solid var(--line);z-index:3}
.v-tools button{width:32px;height:32px;border-radius:50%;font-size:18px}
.v-tools button:hover{background:var(--ink);color:var(--bg)}
.v-view{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;min-width:92px;text-align:center}
.v-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.v-dots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:.2s}
.v-dots i.on{background:var(--ink);width:20px;border-radius:99px}
.v-hint{position:absolute;top:44px;left:0;font-size:11.5px;color:var(--mute);font-family:var(--mono);letter-spacing:.08em}
.viewer-info{padding:10px 0}
.viewer-info .idx{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--mute)}
.viewer-info h2{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(34px,4.2vw,54px);line-height:1;margin:10px 0 14px}
.meta-row{display:flex;gap:12px;align-items:center;color:var(--ink-2);font-size:15px;margin-bottom:16px}
.swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--line);display:inline-block}
.viewer-info .desc{color:var(--ink-2);font-size:14.5px;margin-bottom:8px}
.viewer-info .det{color:var(--mute);font-size:13px;margin-bottom:22px}
.lbl{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:8px;display:block}
.sizes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.size{min-width:52px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);font-family:var(--mono);font-size:13px;transition:.15s;background:color-mix(in srgb,var(--bg) 60%,transparent)}
.size:hover:not([disabled]){border-color:var(--ink)}
.size.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.size[disabled]{text-decoration:line-through;color:var(--mute);opacity:.55;cursor:not-allowed}
.stock-note{font-size:12.5px;color:var(--warn);min-height:20px;margin-bottom:16px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;margin-bottom:20px}
.qty button{width:38px;height:38px;font-size:18px}
.qty span{min-width:28px;text-align:center;font-family:var(--mono)}
.cta{display:grid;gap:10px}
.sold-out-pill{display:flex;justify-content:center;padding:14px;border-radius:99px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:12px;letter-spacing:.18em}

/* Drawer */
.drawer-back{position:fixed;inset:0;z-index:84;background:rgba(10,8,20,.35);backdrop-filter:blur(3px)}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:85;background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.drawer.open{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.drawer-head h3{font-family:var(--serif);font-weight:500;font-size:28px;font-style:italic}
.close-x{font-size:30px;line-height:1;width:38px;height:38px}
.drawer-body{flex:1;overflow:auto;padding:8px 24px}
.drawer-foot{padding:20px 24px;border-top:1px solid var(--line);display:grid;gap:14px}
.row{display:flex;justify-content:space-between;align-items:center}
.ci{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.ci img{width:70px;height:80px;object-fit:contain}
.ci b{font-weight:500;font-size:14.5px;display:block}
.ci small{color:var(--mute);font-family:var(--mono);font-size:11.5px}
.ci .rm{font-size:12px;color:var(--mute);text-decoration:underline}
.ci .qty{margin:6px 0 0;transform:scale(.82);transform-origin:left}
.cart-empty{padding:60px 0;text-align:center;color:var(--mute)}

/* Checkout */
.co-shell{max-width:980px;margin:0 auto;padding:70px clamp(16px,4vw,40px) 50px}
.co-shell h2{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(34px,4vw,48px);margin-bottom:6px}
.steps{display:flex;gap:10px;margin:14px 0 30px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap}
.steps b{color:var(--ink);font-weight:500;border-bottom:1px solid var(--gold)}
.co-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px}
.panel{padding:24px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);backdrop-filter:blur(10px)}
.panel h4{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:16px;font-weight:400}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-size:12.5px;color:var(--ink-2)}
.field input,.field textarea,.field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--ink);font:inherit;font-size:14.5px}
.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid color-mix(in srgb,var(--gold) 55%,transparent);border-color:var(--gold)}
.sum-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px dashed var(--line)}
.sum-line small{color:var(--mute);display:block}
.sum-total{display:flex;justify-content:space-between;font-size:18px;font-weight:600;padding-top:14px}
.pay-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.pay-tabs button{padding:9px 16px;border-radius:99px;border:1px solid var(--line);font-size:13px}
.pay-tabs button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pay-tabs button[disabled]{opacity:.45;cursor:not-allowed}
.soon{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;padding:2px 6px;border-radius:99px;background:var(--gold);color:#fff;margin-left:6px}
.qris{display:grid;place-items:center;padding:16px;background:#fff;border-radius:16px;margin-bottom:14px}
.qris img{width:min(280px,100%);height:auto}
.qris-empty{padding:40px 16px;text-align:center;color:#777;font-size:13px}
.bank{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.bank b{font-size:15px;display:block}
.bank .no{font-family:var(--mono);font-size:15px;letter-spacing:.06em}
.bank small{color:var(--mute);display:block}
.bank .no{display:block;margin:2px 0}
.copy{font-size:12px;padding:6px 12px;border:1px solid var(--line);border-radius:99px}
.copy:hover{background:var(--ink);color:var(--bg)}
.notice{font-size:13px;color:var(--ink-2);padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,transparent);margin-bottom:16px}
.done{text-align:center;padding:50px 10px}
.done .ok{width:68px;height:68px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:var(--ok);color:#fff;font-size:34px}
.code{font-family:var(--mono);letter-spacing:.14em;font-size:18px;margin:10px 0 24px;padding:10px 18px;display:inline-block;border:1px dashed var(--gold);border-radius:12px}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:120;padding:12px 20px;border-radius:99px;background:var(--ink);color:var(--bg);font-size:13.5px;transition:.3s}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Responsive */
@media (max-width:900px){
  .viewer-shell{grid-template-columns:1fr;padding-top:60px}
  .viewer-stage{height:52vh}
  .co-grid{grid-template-columns:1fr}
  .v-hint{display:none}
}
@media (max-width:760px){
  .burger{display:block}
  .menu{position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 20px;background:var(--bg);border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s;margin:0}
  .menu.open{transform:none;opacity:1;visibility:visible}
  .menu>a,.dd-btn{width:100%;padding:12px 14px;justify-content:space-between}
  .dd-panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 12px;margin:0;display:none;backdrop-filter:none}
  .dd.open .dd-panel{display:block}
  .cart-btn{margin-left:0}
  .nav{gap:10px}
  .hg:hover + .hg,.hg:has(+ .hg:hover){transform:none}
  .hg{width:34vw}
  .hg:hover{transform:translateY(6px) scale(1.12)}
  .rack-arrow{display:none}
  .hg-tag{display:none}
  .hg-name{display:block;font-size:11.5px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2)}
  .hg-price{opacity:1;margin-top:2px}
  .hint{margin-top:-30px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Honeypot anti-bot (disembunyikan dari manusia) */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Kartu akun demo */
.demo-card{margin:34px auto 0;max-width:460px;padding:28px;border-radius:var(--r);background:var(--card);border:1px solid var(--gold);backdrop-filter:blur(14px);text-align:left}
.demo-card h3{font-family:var(--serif);font-style:italic;font-weight:500;font-size:30px;margin:6px 0 8px}
.demo-card .muted{font-size:14px;margin-bottom:16px}
.cred{display:grid;grid-template-columns:78px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:color-mix(in srgb,var(--bg) 60%,transparent)}
.cred span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.cred code{font-family:var(--mono);font-size:14px;word-break:break-all}
.demo-card .btn{margin-top:8px;width:100%}
a.btn{text-decoration:none}
.cred code{word-break:normal;overflow-wrap:anywhere}