@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&f[]=general-sans@400,500,600&display=swap');

:root {
  --font-display: 'Satoshi', sans-serif;
  --font-body: 'General Sans', sans-serif;
  --bg-deep: #07060a;
  --bg-base: #0b0a10;
  --bg-raised: #100f17;
  --bg-card: rgba(14,13,20,0.8);
  --bg-card-hover: rgba(22,18,30,0.9);
  --bg-surface: rgba(255,255,255,0.025);
  --red: #dc2626;
  --red-dark: #991b1b;
  --red-deep: #7f1d1d;
  --red-soft: rgba(220,38,38,0.10);
  --red-glow: rgba(220,38,38,0.18);
  --red-bright: #ef4444;
  --accent: #fb923c;
  --accent-soft: rgba(251,146,60,0.1);
  --success: #34d399;
  --success-soft: rgba(52,211,153,0.08);
  --danger: #f87171;
  --warning: #fbbf24;
  --text-bright: #f5f3fa;
  --text-primary: #dedae8;
  --text-secondary: #8a849e;
  --text-muted: #4d4862;
  --text-soft: #9ca3af;
  --border: rgba(255,255,255,0.05);
  --border-hover: rgba(255,255,255,0.09);
  --border-red: rgba(220,38,38,0.18);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --shadow-card: 0 4px 24px rgba(0,0,0,0.35);
  --shadow-card-hover: 0 16px 56px rgba(0,0,0,0.45);
  --shadow-glow: 0 0 60px rgba(220,38,38,0.06);
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}
img{max-width:100%;display:block}

.i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}
.i svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i--sm{width:14px;height:14px}
.i--lg{width:22px;height:22px}
.i--xl{width:28px;height:28px}

.snow{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.snow span{position:absolute;top:-12px;display:block;border-radius:50% 0 50% 50%;background:rgba(220,38,38,0.3);animation:petalDrift linear infinite;opacity:0}
.snow span:nth-child(odd){background:rgba(251,146,60,0.22);border-radius:0 50% 50% 50%}
.snow span:nth-child(3n){background:rgba(248,113,113,0.18)}
@keyframes petalDrift{0%{transform:translate3d(0,0,0) rotate(0deg);opacity:0}8%{opacity:.55}85%{opacity:.35}100%{transform:translate3d(100px,100vh,0) rotate(420deg);opacity:0}}

.page{position:relative;max-width:1200px;margin:0 auto;padding:0 24px;min-height:100vh;animation:pageFadeIn .4s ease-out both}
@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}

.bg-orb{display:none}

.holiday-lights{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-around;padding:0 30px;pointer-events:none;z-index:10}
.holiday-lights span{display:block;width:5px;height:5px;border-radius:50%;margin-top:-1px;opacity:.5;animation:lg 2.5s ease-in-out infinite}
.holiday-lights span:nth-child(4n){background:#dc2626;animation-delay:0s}
.holiday-lights span:nth-child(4n+1){background:#fb923c;animation-delay:.5s}
.holiday-lights span:nth-child(4n+2){background:#f87171;animation-delay:1s}
.holiday-lights span:nth-child(4n+3){background:#fbbf24;animation-delay:1.5s}
@keyframes lg{0%,100%{opacity:.2;transform:scale(.7);box-shadow:none}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 10px currentColor}}

.top-strip{position:relative;z-index:2;text-align:center;padding:10px 16px;font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red-bright);background:linear-gradient(90deg,transparent,var(--red-soft),transparent);border-bottom:1px solid var(--border-red);overflow:hidden;white-space:nowrap}
.top-strip span{display:inline-block;animation:marquee 35s linear infinite;will-change:transform}
@keyframes marquee{0%{transform:translateX(80%)}100%{transform:translateX(-100%)}}

header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;background:rgba(7,6,10,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.header-left,.logo-wrap{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-img-wrap,.logo-orb{width:38px;height:38px;border-radius:10px;overflow:hidden;border:1px solid var(--border-red);box-shadow:0 0 22px var(--red-glow);flex-shrink:0}
.logo-img-wrap img,.logo-orb img{width:100%;height:100%;object-fit:cover}
.logo-text-main{font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--text-bright);letter-spacing:-.02em}
.logo-sub{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);opacity:.85}

nav,#mainNav{display:flex;gap:3px;background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:4px}
nav a,#mainNav a{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--text-secondary);padding:7px 18px;border-radius:999px;transition:all .28s var(--ease-out);display:flex;align-items:center;gap:6px}
nav a:hover,#mainNav a:hover{color:var(--text-bright);background:rgba(255,255,255,.035)}
nav a.active,#mainNav a.active{color:#fff;background:var(--red);font-weight:700;box-shadow:0 2px 16px var(--red-glow)}

.header-right{flex-shrink:0}
.account-pill{display:flex;flex-direction:column;gap:6px;min-width:175px}
.account-main{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;cursor:pointer;transition:border-color .25s}
.account-main:hover{border-color:var(--border-hover)}
.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--red-soft),var(--accent-soft));border:1.5px solid var(--border-red);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:13px;color:var(--red);background-size:cover;background-position:center;flex-shrink:0}
.avatar-initial{pointer-events:none}
.account-status-lines{display:flex;flex-direction:column;gap:1px;min-width:0}
.account-status-lines .name{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-status-lines .subline{font-size:10.5px;color:var(--text-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,rgba(255,255,255,.05) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:4px;height:12px}
.skeleton-text{width:85px}.skeleton-text.short{width:55px;height:10px;margin-top:4px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.account-actions{display:flex;flex-wrap:wrap;gap:4px}
.account-actions a,.login-with-provider{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-secondary);padding:5px 10px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border);transition:all .2s var(--ease-out);white-space:nowrap;text-decoration:none}
.account-actions a:hover,.login-with-provider:hover{border-color:var(--border-hover);color:var(--text-bright);background:rgba(255,255,255,.04)}
.provider-icon{width:14px;height:14px;flex-shrink:0}
.provider-icon img{width:100%;height:100%;object-fit:contain}

.hero{position:relative;z-index:2;text-align:center;padding:80px 0 60px}
.hero-kicker{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;animation:fsu .7s var(--ease-out) both}
.hero-title,.hero-title-main{font-family:var(--font-display);font-size:clamp(30px,5vw,50px);font-weight:900;color:var(--text-bright);line-height:1.15;letter-spacing:-.03em;margin-bottom:18px;animation:fsu .7s .08s var(--ease-out) both}
.hero-title span,.hero-title-main span{background:linear-gradient(135deg,var(--red-bright) 0%,#fca5a5 50%,var(--red) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:redShimmer 4s ease-in-out infinite}
@keyframes redShimmer{0%,100%{background-position:0% center}50%{background-position:200% center}}
.hero-sub{font-size:16px;color:var(--text-secondary);max-width:520px;margin:0 auto 28px;line-height:1.65;animation:fsu .7s .15s var(--ease-out) both}
.hero-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:32px;animation:fsu .7s .22s var(--ease-out) both}
.hero-chip{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:7px 16px;transition:all .3s var(--ease-out)}
.hero-chip:hover{border-color:var(--border-red);color:var(--red-bright);background:var(--red-soft);transform:translateY(-2px)}
.hero-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:28px;animation:fsu .7s .22s var(--ease-out) both}
.hero-stat{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:7px}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-bottom:24px;animation:fsu .7s .28s var(--ease-out) both}
.btn-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14px;font-weight:600;padding:12px 24px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);transition:all .3s var(--ease-out);position:relative;overflow:hidden}
.btn-pill:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.btn-pill--primary{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;border-color:transparent;box-shadow:0 4px 20px var(--red-glow)}
.btn-pill--primary:hover{box-shadow:0 8px 36px rgba(220,38,38,.35)}
.hero-note{font-size:12px;color:var(--text-muted);animation:fsu .7s .34s var(--ease-out) both}
@keyframes fsu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.main{position:relative;z-index:2;padding-bottom:40px}
.section-header{margin-bottom:28px}
.section-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.section-sub,.section-helper{font-size:13.5px;color:var(--text-muted)}
.section-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-bright);margin-bottom:6px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.filter-chips,.filter-group{display:flex;gap:6px;flex-wrap:wrap}
.chip,.filter-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:12.5px;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;padding:7px 16px;transition:all .25s var(--ease-out)}
.chip:hover,.filter-chip:hover{border-color:var(--border-hover);color:var(--text-bright);background:rgba(255,255,255,.05)}
.chip.active,.filter-chip.active{background:var(--red);color:#fff;border-color:transparent;box-shadow:0 2px 12px var(--red-glow)}
.toolbar-right,.toolbar-left{display:flex;align-items:center;gap:10px}
.toolbar-label{font-size:12px;font-weight:600;color:var(--text-muted)}
.search-input input{font-family:var(--font-body);font-size:13px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;width:200px;outline:none;transition:border-color .25s,box-shadow .25s}
.search-input input::placeholder{color:var(--text-muted)}
.search-input input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.sort-select{font-family:var(--font-display);font-size:12.5px;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;outline:none;cursor:pointer;-webkit-appearance:none}
.sort-select:focus{border-color:var(--red)}
.sort-select option{background:var(--bg-raised)}

.product-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.product-card{position:relative;background:var(--bg-card);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s var(--ease-out);animation:cr .6s var(--ease-out) both}
.product-card:nth-child(1){animation-delay:.02s}.product-card:nth-child(2){animation-delay:.06s}.product-card:nth-child(3){animation-delay:.10s}.product-card:nth-child(4){animation-delay:.14s}.product-card:nth-child(5){animation-delay:.18s}.product-card:nth-child(6){animation-delay:.22s}.product-card:nth-child(7){animation-delay:.26s}.product-card:nth-child(8){animation-delay:.30s}.product-card:nth-child(9){animation-delay:.34s}.product-card:nth-child(10){animation-delay:.38s}.product-card:nth-child(11){animation-delay:.42s}.product-card:nth-child(12){animation-delay:.46s}.product-card:nth-child(13){animation-delay:.50s}
@keyframes cr{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.product-card:hover{border-color:var(--border-red);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-card-hover),0 0 30px var(--red-glow)}
.product-art{width:100%;height:180px;background-size:cover;background-position:center;position:relative;transition:transform .4s var(--ease-out)}
.product-card:hover .product-art{transform:scale(1.03)}
.product-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-deep) 0%,transparent 60%);pointer-events:none;z-index:1}
.product-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:2}
.product-badge{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:6px;background:var(--red-soft);color:var(--red-bright);border:1px solid var(--border-red);backdrop-filter:blur(8px)}
.product-badge.secondary{background:rgba(255,255,255,.06);color:var(--text-secondary);border-color:var(--border)}
.product-info{position:relative;z-index:2;padding:16px 18px 18px}
.product-tagline{font-family:var(--font-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--red);opacity:.7;margin-bottom:4px}
.product-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-bright);line-height:1.3;margin-bottom:10px}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.product-price{font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--red-bright)}
.product-pill{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);padding:4px 10px;border-radius:999px}
.stock-badge{position:absolute;bottom:16px;right:16px;font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:8px;z-index:3;animation:fsu .3s var(--ease-out) both}
.stock-badge.out-of-stock{background:rgba(248,113,113,.12);color:var(--danger);border:1px solid rgba(248,113,113,.2)}
.stock-badge.low-stock{background:rgba(251,191,36,.12);color:var(--warning);border:1px solid rgba(251,191,36,.2)}
.disabled-card{opacity:.45;filter:grayscale(.5);pointer-events:none}

.wrapper{position:relative;z-index:2;padding-bottom:40px}
.breadcrumb{font-size:12px;color:var(--text-muted);margin-bottom:16px;padding-top:8px;animation:fsu .5s var(--ease-out) both}
.breadcrumb a{color:var(--text-secondary);transition:color .2s}
.breadcrumb a:hover{color:var(--red-bright)}
.product-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:24px;animation:fsu .5s .05s var(--ease-out) both}
.product-pill-main{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);background:var(--red-soft);border:1px solid var(--border-red);padding:5px 14px;border-radius:999px}
.product-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:36px;animation:fsu .6s .1s var(--ease-out) both}
@media(max-width:900px){.product-layout{grid-template-columns:1fr}}

.preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}
.preview-image-shell{position:relative;overflow:hidden}
.preview-image-shell img{width:100%;display:block;transition:transform .4s var(--ease-out)}
.preview-card:hover .preview-image-shell img{transform:scale(1.02)}
.preview-inner{padding:24px}
.preview-kicker{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:6px}
.preview-title{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--text-bright);margin-bottom:8px}
.preview-sub{font-size:13.5px;color:var(--text-secondary);margin-bottom:14px;line-height:1.6}
.preview-meta{display:flex;flex-wrap:wrap;gap:8px}
.preview-pill{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);padding:5px 12px;border-radius:999px}
.preview-price-tag{margin-top:18px;background:var(--bg-surface);border:1px solid var(--border-red);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.preview-price-tag .label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.preview-price-tag .amount{font-family:var(--font-display);font-size:24px;font-weight:900;color:var(--red-bright)}
.preview-price-tag .meta{font-size:11px;color:var(--text-muted)}

.detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:18px}
.detail-title{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--text-bright)}
.detail-sub{font-size:13px;color:var(--text-secondary);margin-top:4px}
.detail-tag{font-size:11px;font-weight:600;color:var(--red);margin-top:6px}
.detail-price{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--red-bright);margin-top:8px}
.detail-bullets{list-style:none;display:flex;flex-direction:column;gap:8px}
.detail-bullets li{font-size:13px;color:var(--text-secondary);padding-left:18px;position:relative}
.detail-bullets li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--red-soft);border:1.5px solid var(--red)}
.btn-stripe{width:100%;padding:14px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;box-shadow:0 4px 20px var(--red-glow);transition:all .3s var(--ease-out)}
.btn-stripe:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(220,38,38,.35)}
.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;animation:fsu .6s .15s var(--ease-out) both}
.highlight-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;gap:14px;transition:border-color .3s}
.highlight-card:hover{border-color:var(--border-red)}
.highlight-icon{width:40px;height:40px;border-radius:12px;background:var(--red-soft);border:1px solid var(--border-red);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--red-bright)}
.highlight-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-bright);margin-bottom:4px}
.highlight-text{font-size:12.5px;color:var(--text-secondary);line-height:1.55}

.rating-summary{display:grid;grid-template-columns:200px 1fr;gap:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;margin-bottom:28px;animation:fsu .6s var(--ease-out) both}
@media(max-width:600px){.rating-summary{grid-template-columns:1fr}}
.rating-left{text-align:center}
.rating-score{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--text-bright)}
.rating-stars{font-size:18px;color:var(--red-bright);margin-bottom:6px}
.rating-count{font-size:12px;color:var(--text-muted)}
.rating-breakdown{display:flex;flex-direction:column;gap:8px;justify-content:center}
.rating-bar-row{display:flex;align-items:center;gap:10px}
.bar-label{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-secondary);width:36px;text-align:right}
.bar-track{flex:1;height:8px;background:var(--bg-surface);border-radius:99px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--red-bright));border-radius:99px;transition:width .6s var(--ease-out)}
.bar-percent{font-size:11px;font-weight:600;color:var(--text-muted);width:36px}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}
.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .3s}
.review-card:hover{border-color:var(--border-red)}
.review-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.review-user-info{display:flex;align-items:center;gap:10px}
.review-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--red-soft);border:1.5px solid var(--border-red);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:900;color:var(--red-bright);flex-shrink:0}
.review-meta{min-width:0}
.review-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-bright)}
.review-date{font-size:11px;color:var(--text-muted)}
.review-stars{font-size:14px;color:var(--red-bright);flex-shrink:0}
.review-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.review-product{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);padding:3px 10px;border-radius:999px}
.review-verified{font-size:10px;font-weight:700;color:var(--success);background:var(--success-soft);border:1px solid rgba(52,211,153,.15);padding:3px 10px;border-radius:999px}
.review-text{font-size:13px;color:var(--text-secondary);line-height:1.6}

.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:32px}
.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;transition:border-color .3s}
.contact-card:hover{border-color:var(--border-red)}
.contact-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-bright);margin-bottom:4px}
.contact-meta{font-size:12px;color:var(--text-muted);margin-bottom:12px}
.contact-card a{font-size:13px;color:var(--red-bright);font-weight:600;transition:color .2s}
.contact-card a:hover{color:#fca5a5}

.faq{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}
.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s}
.faq-item:hover{border-color:var(--border-red)}
.faq-q{width:100%;background:none;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-bright);text-align:left}
.faq-icon{font-size:18px;color:var(--red);transition:transform .3s var(--ease-out)}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease-out),padding .3s;padding:0 20px;font-size:13px;color:var(--text-secondary);line-height:1.6}
.faq-item.open .faq-a{max-height:200px;padding:0 20px 16px}

.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}
@media(max-width:700px){.account-layout{grid-template-columns:1fr}}
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}
.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.card-title{font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--text-bright)}
.card-tag{font-size:11px;color:var(--text-muted);margin-top:2px}
.profile-main{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.profile-avatar-big{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--red-soft),var(--accent-soft));border:2px solid var(--border-red);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--red-bright);flex-shrink:0;background-size:cover;background-position:center}
.profile-lines{min-width:0}
.profile-name{font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--text-bright)}
.profile-email{font-size:12px;color:var(--text-muted);margin-top:2px}
.profile-discord{font-size:12px;color:var(--accent);margin-top:4px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
@media(max-width:500px){.stats-grid{grid-template-columns:1fr}}
.stat-pill{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;text-align:center}
.stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}
.stat-value{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--red-bright)}

.vault-section{margin-bottom:28px}
.vault-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.vault-title{font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--text-bright);display:flex;align-items:center;gap:8px}
.vault-grid{display:flex;flex-direction:column;gap:12px}
.vault-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:border-color .25s}
.vault-item:hover{border-color:var(--border-hover)}
.vault-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.vault-item-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-bright)}
.vault-item-date{font-size:11px;color:var(--text-muted);margin-top:2px}
.vault-item-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--success);background:var(--success-soft);border:1px solid rgba(52,211,153,.15);padding:3px 9px;border-radius:6px;flex-shrink:0}
.vault-secret-box{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:10px;position:relative;overflow:hidden}
.vault-secret-content{font-family:monospace;font-size:12px;color:var(--text-bright);filter:blur(5px);user-select:none;transition:filter .3s;word-break:break-all}
.vault-secret-box.revealed .vault-secret-content{filter:none;user-select:text}
.vault-reveal-btn{position:absolute;inset:0;background:rgba(16,15,23,.6);backdrop-filter:blur(2px);border:none;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .3s}
.vault-secret-box.revealed .vault-reveal-btn{opacity:0;pointer-events:none}
.vault-copy-btn{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;transition:all .2s}
.vault-copy-btn:hover{border-color:var(--border-red);color:var(--red-bright);background:var(--red-soft)}
.vault-empty{text-align:center;font-size:13px;color:var(--text-muted);padding:32px 16px;background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-md)}

.vault-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out)}
.vault-modal-overlay.show{opacity:1;pointer-events:all}
.vault-modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.6);transform:translateY(20px) scale(.97);transition:transform .3s var(--ease-out)}
.vault-modal-overlay.show .vault-modal{transform:translateY(0) scale(1)}
.vault-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.vault-modal-title{font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--text-bright);display:flex;align-items:center;gap:8px}
.vault-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.vault-modal-close:hover{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.2);color:var(--danger)}
.vault-profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.vault-profile-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--red-soft),var(--accent-soft));border:2px solid var(--border-red);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--red-bright);flex-shrink:0}
.vault-profile-info{flex:1;min-width:0}
.vault-profile-name{font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--text-bright)}
.vault-profile-email{font-size:12px;color:var(--text-muted)}
.vault-discord-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(251,146,60,.15);border-radius:6px;padding:3px 8px;margin-top:6px}
.vault-stats{display:flex;gap:12px;width:100%}
.vault-stat-box{flex:1;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;text-align:center}
.vault-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}
.vault-stat-val{font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--red-bright)}
.vault-section-title{font-family:var(--font-display);font-size:14px;font-weight:900;color:var(--text-bright);margin-bottom:14px;display:flex;align-items:center;gap:6px}

.shell{max-width:580px;margin:0 auto;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}
.brand-tag,.top-pill{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:8px;margin-bottom:20px}
.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:lg 2s ease-in-out infinite}
.brand-name{color:var(--text-bright)}
.shell .card,.shell main.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;width:100%;backdrop-filter:blur(8px);animation:fsu .5s var(--ease-out) both}
.card-inner{display:flex;flex-direction:column;gap:20px}
.status-row{display:flex;align-items:center;gap:16px}
.icon-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icon-circle.success-circle{background:var(--success-soft);border:2px solid rgba(52,211,153,.2)}
.icon-circle.warning-circle{background:rgba(251,191,36,.08);border:2px solid rgba(251,191,36,.2)}
.status-text h1{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--text-bright)}
.status-text p{font-size:13px;color:var(--text-secondary);margin-top:4px}
.order-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.order-meta strong{color:var(--text-secondary);font-size:12px}
.order-meta .chip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:6px;background:var(--red-soft);color:var(--red-bright);border:1px solid var(--border-red)}
.summary-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:12px}
.summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}
.summary-row.total{font-family:var(--font-display);font-weight:900;color:var(--text-bright);font-size:16px;padding-top:10px;border-top:1px solid var(--border)}
.delivery-container{margin-top:8px}
.delivery-label{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);display:block;margin-bottom:6px}
.delivery-box{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:border-color .25s}
.delivery-box:hover{border-color:var(--border-red)}
.delivery-box span:first-child{font-family:monospace;font-size:12px;color:var(--text-bright);word-break:break-all}
.copy-hint{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;border-radius:4px;background:var(--red-soft);color:var(--red-bright);flex-shrink:0;transition:all .2s}
.notice{font-size:12px;color:var(--text-muted);line-height:1.55}
.actions,.button-row{display:flex;gap:10px;flex-wrap:wrap}
.btn-primary,.shell .btn{padding:12px 24px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;box-shadow:0 4px 16px var(--red-glow);transition:all .3s var(--ease-out);text-align:center;display:inline-flex;align-items:center;justify-content:center}
.btn-primary:hover,.shell .btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(220,38,38,.3)}
.btn-secondary,.shell .btn-secondary{padding:12px 24px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;transition:all .3s var(--ease-out);text-align:center;display:inline-flex;align-items:center;justify-content:center}
.btn-secondary:hover,.shell .btn-secondary:hover{border-color:var(--border-hover);color:var(--text-bright);transform:translateY(-2px)}
.footer-hint{font-size:12px;color:var(--text-muted);text-align:center}
.footer-hint a{color:var(--red-bright);font-weight:600}

.tos-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;animation:fsu .6s var(--ease-out) both}
.tos-section{margin-bottom:24px}
.tos-section:last-child{margin-bottom:0}
.tos-section-title{font-family:var(--font-display);font-size:15px;font-weight:900;color:var(--text-bright);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.tos-caption{font-size:12px;color:var(--text-muted);margin-bottom:10px}
.tos-items{list-style:none;display:flex;flex-direction:column;gap:8px}
.tos-items li{font-size:13px;color:var(--text-secondary);padding-left:18px;position:relative;line-height:1.55}
.tos-items li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--red-soft);border:1.5px solid var(--red)}

#confetti-canvas{position:fixed;inset:0;z-index:9998;pointer-events:none}

footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}
.footer-left{display:flex;align-items:center;gap:6px}
.footer-links{display:flex;gap:16px}
.footer-links a,footer a{color:var(--text-secondary);transition:color .2s}
.footer-links a:hover,footer a:hover{color:var(--red-bright)}

.activity-feed{position:fixed;bottom:24px;left:24px;z-index:9990;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:320px}
.activity-toast{display:flex;align-items:center;gap:12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 40px rgba(220,38,38,.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;animation:toastIn .4s var(--ease-out) both;transition:opacity .3s,transform .3s;position:relative;overflow:hidden}
.activity-toast.leaving{opacity:0;transform:translateX(-20px) scale(.95)}
@keyframes toastIn{from{opacity:0;transform:translateX(-30px) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}
.activity-toast-icon{width:36px;height:36px;border-radius:10px;background:var(--red-soft);border:1px solid var(--border-red);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.activity-toast-icon img{width:100%;height:100%;object-fit:cover}
.activity-toast-body{min-width:0;flex:1}
.activity-toast-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-toast-sub{font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:1px}
.activity-toast-dot{width:5px;height:5px;border-radius:50%;background:var(--success);animation:lg 2s ease-in-out infinite;flex-shrink:0}
.activity-toast-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--red),var(--red-bright));border-radius:0 0 var(--radius-md) var(--radius-md);animation:toastProgress 4.5s linear forwards}
@keyframes toastProgress{from{width:100%}to{width:0}}

.qv-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9995;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out)}
.qv-overlay.open{opacity:1;pointer-events:all}
.qv-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--bg-raised);border-left:1px solid var(--border);z-index:9996;transform:translateX(100%);transition:transform .35s var(--ease-out);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.4)}
.qv-overlay.open .qv-drawer{transform:translateX(0)}
.qv-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-shrink:0}
.qv-drawer-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-bright);display:flex;align-items:center;gap:8px}
.qv-drawer-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.qv-drawer-close:hover{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.2);color:var(--danger)}
.qv-drawer-scroll{flex:1;overflow-y:auto;padding:24px}
.qv-drawer-scroll::-webkit-scrollbar{width:5px}.qv-drawer-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.qv-image{width:100%;aspect-ratio:16/10;border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px;background:var(--bg-surface);border:1px solid var(--border)}
.qv-image img{width:100%;height:100%;object-fit:cover}
.qv-kicker{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:6px}
.qv-name{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--text-bright);margin-bottom:8px}
.qv-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}
.qv-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.qv-meta-pill{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);padding:5px 12px;border-radius:999px;display:flex;align-items:center;gap:5px}
.qv-price-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-red);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:20px}
.qv-price-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.qv-price-amount{font-family:var(--font-display);font-size:26px;font-weight:900;color:var(--red-bright)}
.qv-bullets{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.qv-bullets li{font-size:12.5px;color:var(--text-secondary);padding-left:16px;position:relative;line-height:1.5}
.qv-bullets li::before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--red-soft);border:1.5px solid var(--red)}
.qv-actions{display:flex;flex-direction:column;gap:10px}
.qv-btn-buy{width:100%;padding:14px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;box-shadow:0 4px 20px var(--red-glow);transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center;gap:8px}
.qv-btn-buy:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(220,38,38,.35)}
.qv-btn-detail{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:600;transition:all .25s var(--ease-out);text-align:center}
.qv-btn-detail:hover{border-color:var(--border-hover);color:var(--text-bright)}

.trust-bar{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:32px;padding:28px 0;margin-bottom:8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);animation:fsu .5s .2s var(--ease-out) both}
.trust-stat{display:flex;align-items:center;gap:10px;font-family:var(--font-display)}
.trust-stat-icon{width:38px;height:38px;border-radius:10px;background:var(--red-soft);border:1px solid var(--border-red);display:flex;align-items:center;justify-content:center;color:var(--red-bright);flex-shrink:0}
.trust-stat-num{font-size:22px;font-weight:900;color:var(--text-bright);font-variant-numeric:tabular-nums}
.trust-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}

@media(max-width:900px){header{flex-wrap:wrap;gap:12px}nav,#mainNav{order:3;width:100%;justify-content:center}.header-right{order:2}.hero{padding:50px 0 40px}.product-strip{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}}
@media(max-width:600px){.page{padding:0 16px}.hero-title,.hero-title-main{font-size:28px}.hero-actions{flex-direction:column;align-items:center}.toolbar{flex-direction:column;align-items:stretch}.toolbar-right{flex-direction:column}.search-input input{width:100%}.sort-select{width:100%}.product-strip{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}.account-pill{min-width:unset}.vault-modal{padding:20px}.shell{padding:20px 16px}.activity-feed{left:12px;right:12px;max-width:unset;bottom:16px}.trust-bar{gap:16px;padding:20px 0}.trust-stat-num{font-size:18px}.trust-stat-icon{width:32px;height:32px}.qv-drawer{width:100%;max-width:100%}.order-tracker{flex-wrap:wrap;gap:8px}.order-step-line{display:none}.rv-grid{grid-template-columns:1fr}}

.back-to-top{position:fixed;bottom:24px;right:24px;z-index:9980;width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;border:none;box-shadow:0 4px 20px var(--red-glow);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .3s var(--ease-out);cursor:pointer}
.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(220,38,38,.35)}
.back-to-top svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}