/* WEB3 storefront theme: colorful buyer-facing visual layer. */
:root{
  --w3-bg:#070b16;
  --w3-panel:rgba(255,255,255,.86);
  --w3-blue:#38bdf8;
  --w3-violet:#8b5cf6;
  --w3-green:#22c55e;
  --w3-amber:#f59e0b;
  --w3-rose:#fb7185;
}
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(56,189,248,.18), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(139,92,246,.20), transparent 30%),
    radial-gradient(circle at 50% 88%, rgba(34,197,94,.12), transparent 26%),
    linear-gradient(180deg,#f7fbff 0%,#eef5ff 38%,#f8fafc 100%);
}
.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,163,184,.22)}
.logo-title{background:linear-gradient(90deg,#0f172a,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.01em}
.logo-sub{color:#52637a}.logo-mark{background:linear-gradient(135deg,var(--w3-blue),var(--w3-violet),var(--w3-green));box-shadow:0 12px 30px rgba(59,130,246,.25)}
.nav{background:linear-gradient(90deg,#0f172a,#1d4ed8 45%,#7c3aed);border:0;box-shadow:0 14px 34px rgba(30,64,175,.18)}
.nav a{border-radius:999px;margin:7px 0;padding:10px 16px}.nav a:hover{background:rgba(255,255,255,.16)}
.search-box input,.search-box button{border-color:rgba(255,255,255,.26)}
.notice-card,.panel,.feature-grid>div,.listing-card,.recommend-card,.stat-card{border:1px solid rgba(148,163,184,.24);border-radius:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 18px 45px rgba(15,23,42,.07)}
.notice-card{position:relative;overflow:hidden;padding:26px 28px}.notice-card:before{content:"";position:absolute;inset:-120px -100px auto auto;width:340px;height:340px;background:radial-gradient(circle,rgba(56,189,248,.30),transparent 62%)}
.notice-card h1{color:#0f172a;font-size:clamp(30px,4vw,48px);font-weight:850}.notice-card p{color:#42526a}.steps{color:#7c3aed;font-size:clamp(22px,3vw,34px)}
.btn,.buy-btn,.mini-link{border-radius:999px;font-weight:800}.btn-primary,.buy-btn,.filter-bar button{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 24px rgba(37,99,235,.22)}.btn-warning{background:linear-gradient(135deg,#f97316,#f59e0b)}.btn-light,.mini-link{background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:#1d4ed8}
.panel-title,.product-head{background:linear-gradient(90deg,#e0f2fe,#ede9fe,#dcfce7);color:#1e3a8a;border-bottom-color:rgba(99,102,241,.18)}
.service-pill{background:linear-gradient(135deg,#0ea5e9,#7c3aed,#22c55e);box-shadow:0 12px 26px rgba(14,165,233,.25)}
.category-list a:hover{color:#7c3aed}.tag{background:linear-gradient(135deg,#22c55e,#06b6d4);font-weight:800}.price{color:#f97316}.stock{color:#2563eb;font-weight:800}
.product-row{transition:transform .18s ease,background .18s ease}.product-row:hover{transform:translateY(-2px);background:linear-gradient(90deg,rgba(224,242,254,.56),rgba(245,243,255,.56))}
.hero-visual,.page-visual{border:0;border-radius:28px;background:#0f172a;box-shadow:0 26px 60px rgba(15,23,42,.18)}
.product-cover-card{background:linear-gradient(160deg,#07111f 0%,#172554 48%,#6d28d9 100%);border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 60px rgba(15,23,42,.28)}
.product-cover-visual{background:transparent;border:0}.product-cover-visual img{object-fit:cover}.product-cover-price{color:#facc15}.detail-main h1{font-weight:820;color:#0f172a}.detail-section h3,.feature-grid h3,.listing-card h2{color:#1d4ed8}
.article-summary{background:linear-gradient(135deg,#e0f2fe,#ede9fe);color:#1e3a8a;border-radius:18px}.payment-launcher-inner{background:linear-gradient(135deg,#fff7ed,#fef3c7,#e0f2fe);border:1px solid rgba(245,158,11,.28)}
.footer{background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
@media(max-width:900px){.nav a{margin:0}.notice-card{padding:22px}.hero-visual,.page-visual{border-radius:20px}}