/* DECEDE SHOP modern storefront polish — loaded last on purpose. */
:root {
  --decede-surface: rgba(13, 17, 30, .78);
  --decede-surface-strong: rgba(17, 23, 40, .92);
  --decede-border: rgba(148, 163, 184, .16);
  --decede-blue: rgb(var(--theme-main-rgb));
}

body.reference-home {
  background:
    radial-gradient(900px 520px at 78% -10%, rgba(var(--theme-main-rgb), .11), transparent 68%),
    radial-gradient(720px 480px at -10% 35%, rgba(34, 211, 238, .045), transparent 70%),
    #05070d !important;
}

body.reference-home::before {
  opacity: .58;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

body.reference-home .navbar-glass-container { margin-top: 14px; }
body.reference-home .navbar-glass-container .navbar-glass {
  height: 64px !important;
  padding: 0 10px !important;
  border: 1px solid var(--decede-border) !important;
  border-radius: 18px !important;
  background: rgba(10, 14, 25, .78) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter: blur(18px) saturate(130%);
}

body.reference-home .navbar-glass-container .nav-pill { transition: transform .2s ease, background .2s ease, color .2s ease; }
body.reference-home .navbar-glass-container .nav-pill:hover { transform: translateY(-1px); }
body.reference-home .navbar-glass-container .nav-pill.active { box-shadow: 0 8px 24px rgba(var(--theme-main-rgb), .24) !important; }

.home-reference-wrap { margin-top: 58px; }
.home-reference-wrap .home-hero-card { padding-top: 0; }
.home-reference-wrap .home-hero-title { max-width: 800px; font-size: clamp(36px, 4.2vw, 62px); line-height: 1.08; text-wrap: balance; }
.home-reference-wrap .home-hero-desc { max-width: 690px; font-size: 15px; color: #aab4c5; }
.home-reference-wrap .home-btn-primary,
.home-reference-wrap .home-btn-secondary { min-height: 48px; padding-inline: 20px; border-radius: 14px; }
.home-reference-wrap .home-btn-primary { box-shadow: 0 12px 30px rgba(var(--theme-main-rgb), .28); }

.home-reference-wrap .home-banner-card,
.home-reference-wrap .home-trust-section,
.home-reference-wrap .live-ticker-box,
.home-reference-wrap .prod-item-card {
  border-color: rgba(148, 163, 184, .14);
  box-shadow: 0 20px 55px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
}
.home-reference-wrap .home-banner-card { background: linear-gradient(145deg, rgba(17,23,40,.82), rgba(7,10,18,.95)); }
.home-reference-wrap .home-banner-card.is-brand-fallback { background: radial-gradient(circle at 50% 42%, rgba(var(--theme-main-rgb), .18), transparent 42%), linear-gradient(145deg,#11172a,#070a12 78%); }
.home-reference-wrap .stat-card-box { background: rgba(13, 18, 31, .7); border-color: rgba(148,163,184,.14); }
.home-reference-wrap .stat-card-box:hover { transform: translateY(-3px); }
.home-reference-wrap .home-trust-section { background: linear-gradient(145deg, rgba(14,20,35,.82), rgba(8,11,20,.92)); }
.home-reference-wrap .home-trust-card { background: rgba(255,255,255,.035); border-color: rgba(148,163,184,.13); }
.home-reference-wrap .home-trust-card p { color: #a5b0c1; }

@media (max-width: 767px) {
  body.reference-home .navbar-glass-container { width: calc(100% - 24px); margin-top: 10px; }
  body.reference-home .navbar-glass-container .navbar-glass { height: 56px !important; border-radius: 16px !important; }
  .home-reference-wrap { width: calc(100% - 28px); margin-top: 38px; }
  .home-reference-wrap .home-hero-title { font-size: clamp(34px, 10vw, 46px); letter-spacing: -.045em; }
  .home-reference-wrap .home-hero-desc { font-size: 14px; line-height: 1.75; }
  .home-reference-wrap .home-hero-actions { gap: 9px; }
  .home-reference-wrap .home-btn-primary,
  .home-reference-wrap .home-btn-secondary { min-height: 46px; padding-inline: 16px; }
  .home-reference-wrap .home-banner-card { height: 230px; min-height: 230px; }
  .home-reference-wrap .stat-card-box { min-height: 96px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Consistent, high-contrast product status treatment across home, store and detail pages. */
.product-status-badge,
.product-stock-tag.product-status-unavailable,
.product-stock-tag.is-unavailable,
.prod-card-stock.is-unavailable {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 30px;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}
.product-status-badge::before,
.product-stock-tag.product-status-unavailable::before,
.product-stock-tag.is-unavailable::before,
.prod-card-stock.is-unavailable::before { content: '●'; font-size: 9px; }
.product-status-badge.is-sold,
.product-stock-tag.product-status-unavailable:not(.is-maintenance),
.product-stock-tag.is-unavailable:not(.is-maintenance),
.prod-card-stock.is-unavailable { color: #ffe08a !important; background: rgba(245,158,11,.14) !important; border: 1px solid rgba(245,158,11,.48) !important; }
.product-status-badge.is-maintenance,
.product-stock-tag.is-maintenance { color: #e2d4ff !important; background: rgba(139,92,246,.16) !important; border: 1px solid rgba(167,139,250,.55) !important; }
.product-status-badge.is-maintenance::before,
.product-stock-tag.is-maintenance::before { content: '⚙'; font-size: 11px; }
.product-status-sold .product-thumb,
.product-status-sold .prod-thumb-image,
.product-status-maintenance .product-thumb,
.product-status-maintenance .prod-thumb-image { filter: grayscale(.45) saturate(.72) !important; opacity: .68 !important; }
.product-box.product-status-sold,
.product-box.product-status-maintenance,
.prod-item-card.product-status-sold,
.prod-item-card.product-status-maintenance { border-color: rgba(245,158,11,.38) !important; }
.product-box.product-status-maintenance,
.prod-item-card.product-status-maintenance { border-color: rgba(167,139,250,.48) !important; }
.v1-btn-gradient.is-disabled,
.pd-buy.is-disabled,
.prod-btn-buy.is-disabled { opacity: 1 !important; color: #d7dbe5 !important; background: linear-gradient(135deg,#303441,#20232d) !important; border-color: #555b6b !important; box-shadow: none !important; cursor: not-allowed !important; filter: none !important; }
.nv-prod .out { background: linear-gradient(135deg,rgba(12,14,22,.86),rgba(40,43,56,.84)) !important; color: #ffe08a !important; border: 1px solid rgba(245,158,11,.58); font-size: 15px !important; font-weight: 900 !important; text-shadow: 0 1px 12px rgba(245,158,11,.25); }
.nv-prod.nv-status-maintenance .out { color: #e2d4ff !important; border-color: rgba(167,139,250,.65); }
.nv-prod.nv-status-sold { border-color: rgba(245,158,11,.42); }
.nv-prod.nv-status-maintenance { border-color: rgba(167,139,250,.52); }
