/* ================================================================ */
/*  NETHERSITE — SELLAUTH THEME                                      */
/*  Dark Purple/Blue + Neon accent                                   */
/* ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── VARIABLES ────────────────────────────────────────────────────── */
:root {
  --a:        var(--cl-accent, #7c5cfc);
  --a2:       #a07dff;
  --a-dim:    rgba(124,92,252,0.14);
  --a-glow:   rgba(124,92,252,0.35);
  --a-bd:     rgba(124,92,252,0.28);
  --g:        #22c55e;
  --g-dim:    rgba(34,197,94,0.12);
  --g-bd:     rgba(34,197,94,0.28);
  --b:        #3b82f6;
  --b-dim:    rgba(59,130,246,0.12);
  --b-bd:     rgba(59,130,246,0.25);
  --r:        #f7484e;
  --y:        #fbbf24;
  --bg:       var(--cl-background-primary, #07070f);
  --bg2:      var(--cl-background-secondary, #0d0d1a);
  --bg-card:  rgba(255,255,255,0.03);
  --txt:      #eeedf8;
  --muted:    rgba(238,237,248,0.45);
  --bdr:      var(--cl-border, rgba(255,255,255,0.07));
  --rad:      14px;
}

/* ── BASE ─────────────────────────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }

body {
  background: var(--bg);
  color: var(--txt);
  font-family: 'Inter', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

a { color: var(--a2); text-decoration: none; transition: color .2s; }
a:hover { color: #fff; }

::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--a); border-radius:4px; }

/* ── UTILITIES ─────────────────────────────────────────────────────── */
.ns-green { color: var(--g) !important; }

.ns-live-dot {
  display: inline-block; width:7px; height:7px; border-radius:50%;
  background: var(--g); animation: nsPulse 1.6s ease-in-out infinite;
}

.ns-pulse-dot {
  display: inline-block; width:7px; height:7px; border-radius:50%;
  background: var(--a); animation: nsPulse 1.6s ease-in-out infinite;
}

@keyframes nsPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(124,92,252,.6); }
  50%      { box-shadow: 0 0 0 5px rgba(124,92,252,0); }
}

.py-20 { padding-top: 80px; padding-bottom: 80px; }
.py-6  { padding-top: 48px; padding-bottom: 48px; }
.flex-wrapper { display:flex; flex-direction:column; min-height:100vh; }
.flex-wrapper > div:first-child { flex:1; }

/* ── NS BG IMAGE ───────────────────────────────────────────────────── */
.ns-bg-image {
  position: fixed; inset: 0; z-index: -1;
  background-size: cover; background-position: center;
  opacity: .06; pointer-events: none;
}

/* ── ANNOUNCEMENT ──────────────────────────────────────────────────── */
.ns-announcement {
  background: linear-gradient(90deg, rgba(124,92,252,.25), rgba(160,125,255,.15), rgba(124,92,252,.25));
  border-bottom: 1px solid var(--a-bd);
  padding: 8px 20px;
  font-size: 11px; font-weight: 700; letter-spacing: 2.5px;
  text-transform: uppercase; color: rgba(255,255,255,.9); text-align: center;
}
.ns-announcement a { color: var(--a2); margin-left: 8px; }

/* ── NAVBAR ────────────────────────────────────────────────────────── */
header.sticky-top {
  background: rgba(7,7,15,.88);
  backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px);
  border-bottom: 1px solid var(--bdr); z-index: 1000;
}

.ns-nav {
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 13px 0; gap: 16px;
}

/* LOGO */
.ns-logo {
  display: flex; align-items: center; gap: 10px;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700; font-size: 22px; letter-spacing: 1px;
  color: var(--txt) !important; text-decoration: none; flex-shrink: 0;
}

.ns-logo img { height: 32px; border-radius: 8px; }

.ns-logo-icon {
  width: 34px; height: 34px; border-radius: 10px;
  background: linear-gradient(135deg, var(--a), #5040c0);
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; color: #fff; font-weight: 800;
  box-shadow: 0 0 18px var(--a-glow);
}

.ns-logo-badge {
  font-size: 8px; font-weight: 800; letter-spacing: 2px;
  background: var(--a-dim); border: 1px solid var(--a-bd);
  color: var(--a2); padding: 2px 7px; border-radius: 4px;
  text-transform: uppercase;
}

/* NAV LINKS */
.ns-links { display: flex; align-items: center; gap: 2px; }

.ns-links a {
  color: var(--muted); font-size: 13px; font-weight: 500;
  padding: 7px 13px; border-radius: 10px;
  transition: all .2s; text-decoration: none;
  display: flex; align-items: center; gap: 6px;
}

.ns-links a:hover { color: var(--txt); background: rgba(255,255,255,.05); }

.ns-link-discord { color: #7289da !important; }
.ns-link-discord:hover { background: rgba(114,137,218,.12) !important; color: #fff !important; }

/* NAV RIGHT */
.ns-nav-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

.ns-status-pill {
  display: flex; align-items: center; gap: 7px;
  background: var(--g-dim); border: 1px solid var(--g-bd);
  padding: 6px 12px; border-radius: 20px;
  font-size: 11px; font-weight: 600; color: var(--g);
  white-space: nowrap;
}

.ns-icon-btn {
  position: relative;
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--bdr); border-radius: 10px;
  color: var(--muted); font-size: 15px; background: var(--bg-card);
  transition: all .2s; text-decoration: none;
}
.ns-icon-btn:hover { background: var(--a-dim); border-color: var(--a-bd); color: var(--a2); }

.ns-cart-count {
  position: absolute; top: -6px; right: -6px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--a); color: #fff; font-size: 9px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--bg);
}

.ns-btn-outline {
  display: inline-flex; align-items: center; gap: 7px;
  border: 1px solid var(--a-bd); background: var(--a-dim);
  padding: 8px 16px; border-radius: 10px;
  color: var(--a2) !important; font-size: 13px; font-weight: 600;
  text-decoration: none; transition: all .22s;
}
.ns-btn-outline:hover { background: var(--a); border-color: var(--a); color: #fff !important; box-shadow: 0 0 18px var(--a-glow); }

.ns-btn-cta {
  display: inline-flex; align-items: center; gap: 7px;
  background: linear-gradient(135deg, var(--a), #5040c0);
  border: none; padding: 9px 22px; border-radius: 10px;
  color: #fff !important; font-size: 13px; font-weight: 700;
  cursor: pointer; font-family: 'Inter', sans-serif;
  box-shadow: 0 0 20px var(--a-glow); transition: all .22s;
}
.ns-btn-cta:hover { background: linear-gradient(135deg, var(--a2), var(--a)); box-shadow: 0 0 30px var(--a-glow); transform: translateY(-1px); }

/* MOBILE NAV */
.ns-burger {
  display: none; background: var(--bg-card); border: 1px solid var(--bdr);
  color: var(--muted); width: 38px; height: 38px; border-radius: 10px;
  align-items: center; justify-content: center; font-size: 16px; cursor: pointer;
}

.ns-mobile {
  display: none; flex-direction: column;
  background: rgba(7,7,15,.98); border-bottom: 1px solid var(--bdr);
  padding: 12px 20px; gap: 4px;
}
.ns-mobile.open { display: flex; }
.ns-mobile a {
  color: var(--muted); font-size: 15px; font-weight: 500;
  padding: 10px 14px; border-radius: 10px; transition: all .2s;
  text-decoration: none; display: flex; align-items: center; gap: 8px;
}
.ns-mobile a:hover { background: var(--a-dim); color: var(--a2); }

/* ── SECTION HEADER ────────────────────────────────────────────────── */
.ns-section-header {
  margin-bottom: 40px;
}
.ns-section-header h2 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 36px; font-weight: 700;
  color: var(--txt); letter-spacing: -0.5px; margin-bottom: 8px;
}
.ns-section-header p { color: var(--muted); font-size: 15px; }

/* ── HERO ──────────────────────────────────────────────────────────── */
.ns-hero {
  position: relative; overflow: hidden; padding: 80px 0 0;
}

.ns-hero-bg {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}

.ns-orb {
  position: absolute; border-radius: 50%; filter: blur(80px);
}

.ns-orb1 {
  width: 600px; height: 600px; top: -200px; left: -100px;
  background: radial-gradient(circle, rgba(124,92,252,.2) 0%, transparent 65%);
  animation: nsOrbFloat 14s ease-in-out infinite;
}
.ns-orb2 {
  width: 500px; height: 500px; top: -100px; right: -80px;
  background: radial-gradient(circle, rgba(92,64,192,.15) 0%, transparent 65%);
  animation: nsOrbFloat 18s ease-in-out infinite reverse;
}
.ns-orb3 {
  width: 300px; height: 300px; bottom: 0; left: 40%;
  background: radial-gradient(circle, rgba(160,125,255,.1) 0%, transparent 65%);
}

@keyframes nsOrbFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-30px)} }

.ns-grid-overlay {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 50px 50px;
}

.ns-hero-inner {
  position: relative; z-index: 1;
  display: flex; align-items: flex-start;
  gap: 48px; padding: 0 20px 80px;
  max-width: 1200px; margin: 0 auto;
}

/* HERO LEFT */
.ns-hero-left { flex: 1; min-width: 0; }

.ns-hero-label {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--a-dim); border: 1px solid var(--a-bd);
  padding: 7px 16px; border-radius: 30px;
  font-size: 12px; font-weight: 600; color: var(--a2);
  letter-spacing: .3px; margin-bottom: 24px;
}

.ns-hero-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(48px, 6vw, 76px); font-weight: 700;
  line-height: 1.0; margin-bottom: 20px; color: var(--txt);
  letter-spacing: -1px;
}

.ns-hl {
  background: linear-gradient(135deg, var(--a2) 0%, #c4b5fd 50%, var(--a2) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% auto;
  animation: nsShimmer 4s linear infinite;
}

@keyframes nsShimmer { 0%{background-position:0% center} 100%{background-position:200% center} }

.ns-hero-desc {
  font-size: 16px; color: var(--muted); line-height: 1.75;
  margin-bottom: 28px; max-width: 520px;
}

.ns-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 40px; }

.ns-btn-hero-main {
  display: inline-flex; align-items: center; gap: 10px;
  background: linear-gradient(135deg, var(--a), #5040c0);
  padding: 16px 36px; border-radius: 12px;
  color: #fff; font-size: 15px; font-weight: 700;
  text-decoration: none; transition: all .3s;
  box-shadow: 0 4px 28px var(--a-glow);
}
.ns-btn-hero-main:hover {
  background: linear-gradient(135deg, var(--a2), var(--a));
  box-shadow: 0 8px 40px var(--a-glow);
  transform: translateY(-3px); color: #fff;
}

.ns-btn-arrow { transition: transform .3s; }
.ns-btn-hero-main:hover .ns-btn-arrow { transform: translateX(5px); }

.ns-btn-hero-disc {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(88,101,242,.15); border: 1px solid rgba(88,101,242,.3);
  padding: 16px 28px; border-radius: 12px;
  color: #a5b4fc; font-size: 15px; font-weight: 600;
  text-decoration: none; transition: all .3s;
}
.ns-btn-hero-disc:hover { background: rgba(88,101,242,.25); color: #fff; transform: translateY(-2px); }

/* TRUST ROW */
.ns-trust-row {
  display: flex; align-items: center; flex-wrap: wrap; gap: 4px;
  background: rgba(255,255,255,.03); border: 1px solid var(--bdr);
  padding: 16px 20px; border-radius: 14px;
}

.ns-trust-item {
  display: flex; align-items: center; gap: 10px; padding: 6px 16px; flex: 1; min-width: 120px;
}
.ns-trust-item i { color: var(--a2); font-size: 18px; flex-shrink: 0; }
.ns-trust-item span { font-size: 12px; color: var(--muted); line-height: 1.4; }
.ns-trust-item b { color: var(--txt); }
.ns-trust-div { width: 1px; height: 36px; background: var(--bdr); flex-shrink: 0; }

/* HERO RIGHT */
.ns-hero-right { width: 320px; flex-shrink: 0; display: flex; flex-direction: column; gap: 12px; }

.ns-stat-box {
  background: var(--bg-card); border: 1px solid var(--bdr);
  border-radius: 18px; overflow: hidden;
}

.ns-sb-header {
  padding: 14px 20px;
  background: linear-gradient(135deg, var(--a-dim), transparent);
  border-bottom: 1px solid var(--bdr);
  font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 700;
  color: var(--a2); display: flex; align-items: center; gap: 8px; letter-spacing: .5px;
}

.ns-sb-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 20px; border-bottom: 1px solid var(--bdr);
  font-size: 13px;
}
.ns-sb-lbl { color: var(--muted); display: flex; align-items: center; gap: 8px; }
.ns-sb-lbl i { color: var(--a2); width: 14px; }
.ns-sb-val { font-weight: 700; color: var(--txt); }
.ns-sb-divider { height: 1px; background: var(--bdr); }
.ns-sb-cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 20px; font-size: 13px; font-weight: 600; color: var(--a2);
  text-decoration: none; transition: all .2s;
}
.ns-sb-cta:hover { color: #fff; background: var(--a-dim); }

.ns-badge-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.ns-badge-card {
  background: var(--bg-card); border: 1px solid var(--bdr);
  border-radius: 14px; padding: 16px; display: flex; align-items: center; gap: 10px;
}
.ns-badge-card i { font-size: 20px; flex-shrink: 0; }
.ns-bc-title { font-size: 13px; font-weight: 700; margin-bottom: 2px; }
.ns-bc-sub { font-size: 11px; color: var(--muted); }
.ns-bc-green { border-color: var(--g-bd); }
.ns-bc-green i { color: var(--g); }
.ns-bc-blue { border-color: var(--b-bd); }
.ns-bc-blue i { color: var(--b); }

/* ── WHY US ──────────────────────────────────────────────────────── */
.ns-why {
  border-top: 1px solid var(--bdr);
  background: var(--bg2); padding: 48px 0;
}

.ns-why-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}

.ns-why-card {
  text-align: center; padding: 28px 20px;
  background: var(--bg-card); border: 1px solid var(--bdr);
  border-radius: var(--rad); transition: all .25s;
}
.ns-why-card:hover { border-color: var(--a-bd); transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.3); }
.ns-why-icon {
  width: 52px; height: 52px; border-radius: 14px; margin: 0 auto 16px;
  background: var(--a-dim); border: 1px solid var(--a-bd);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; color: var(--a2);
}
.ns-why-card h3 { font-family: 'Rajdhani', sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.ns-why-card p { font-size: 13px; color: var(--muted); line-height: 1.6; }

/* ── PRODUCT CARDS ──────────────────────────────────────────────── */
.ns-pcard {
  display: block; border-radius: var(--rad); overflow: hidden;
  background: var(--bg-card); border: 1px solid var(--bdr);
  transition: all .25s; color: var(--txt);
}
.ns-pcard:hover { border-color: var(--a-bd); transform: translateY(-5px); box-shadow: 0 14px 40px rgba(0,0,0,.4); color: var(--txt); }

.ns-pc-img {
  position: relative; overflow: hidden;
  aspect-ratio: var(--product-card-image-aspect-ratio, 16/9);
  background: var(--bg2);
}
.ns-pc-img img { width:100%; height:100%; object-fit:var(--product-image-fit,cover); display:block; transition: transform .35s; }
.ns-pcard:hover .ns-pc-img img { transform: scale(1.04); }

.ns-pc-noimg {
  width:100%; height:100%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:10px;
  color: var(--a2); font-size:13px; font-weight:500;
}
.ns-pc-noimg i { font-size: 36px; }

.ns-pc-badges-top { position:absolute; top:10px; left:10px; display:flex; gap:6px; flex-wrap:wrap; }
.ns-pc-badge {
  display:inline-flex; align-items:center; gap:5px;
  background: var(--a); color:#fff;
  font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  padding:4px 10px; border-radius:6px;
}

.ns-pc-stock {
  position:absolute; bottom:10px; right:10px;
  font-size:10px; font-weight:700; padding:4px 10px; border-radius:20px;
  display:flex; align-items:center; gap:6px;
}
.ns-stock-in { background:var(--g-dim); border:1px solid var(--g-bd); color:var(--g); }
.ns-stock-out { background:rgba(247,72,78,.1); border:1px solid rgba(247,72,78,.25); color:var(--r); }

.ns-pc-overlay {
  position:absolute; inset:0;
  background: rgba(124,92,252,.15); backdrop-filter:blur(2px);
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition: opacity .25s;
}
.ns-pcard:hover .ns-pc-overlay { opacity:1; }
.ns-pc-overlay span {
  background: var(--a); color:#fff;
  padding:10px 22px; border-radius:10px;
  font-size:13px; font-weight:700;
  display:flex; align-items:center; gap:8px;
}

.ns-pc-body { padding: 18px; }
.ns-pc-header { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-bottom:8px; }
.ns-pc-name { font-family:'Rajdhani',sans-serif; font-size:18px; font-weight:700; color:#fff; line-height:1.2; margin:0; }
.ns-pc-stars { display:flex; align-items:center; gap:3px; color:var(--y); font-size:11px; white-space:nowrap; flex-shrink:0; }
.ns-pc-stars span { color:var(--muted); margin-left:2px; }
.ns-pc-desc { font-size:13px; color:var(--muted); line-height:1.5; margin-bottom:12px; }

.ns-pc-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.ns-tag {
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(255,255,255,.05); border:1px solid var(--bdr);
  padding:4px 10px; border-radius:20px;
  font-size:11px; color:var(--muted);
}
.ns-tag i { color:var(--a2); font-size:10px; }

.ns-pc-footer { display:flex; align-items:center; justify-content:space-between; }
.ns-pc-price-label { font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:2px; }
.ns-pc-price { display:flex; align-items:center; gap:8px; }
.ns-price { font-family:'Rajdhani',sans-serif; font-size:22px; font-weight:700; color:#fff; }
.ns-price-old { font-size:13px; color:var(--muted); text-decoration:line-through; }
.ns-price-badge {
  font-size:9px; font-weight:800; letter-spacing:1px;
  background:rgba(247,72,78,.2); color:var(--r); border:1px solid rgba(247,72,78,.3);
  padding:2px 7px; border-radius:5px; text-transform:uppercase;
}

.ns-pc-cta-btn {
  display:inline-flex; align-items:center; gap:7px;
  background: linear-gradient(135deg, var(--a), #5040c0);
  color:#fff; padding:9px 18px; border-radius:10px;
  font-size:13px; font-weight:700;
  box-shadow: 0 3px 14px var(--a-glow); transition: all .22s;
}
.ns-pcard:hover .ns-pc-cta-btn { box-shadow: 0 6px 22px var(--a-glow); transform: scale(1.04); }

/* ── FEEDBACK CARD ───────────────────────────────────────────────── */
.testimonial {
  background: var(--bg-card); border: 1px solid var(--bdr);
  border-radius: var(--rad); padding: 20px; height: 100%;
  display: flex; flex-direction: column; justify-content: space-between;
  transition: all .25s;
}
.testimonial:hover { border-color: var(--a-bd); transform: translateY(-3px); }

.testimonial .main .header {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;
}
.testimonial .quote { width: 28px; height: 28px; color: var(--a2); opacity: .6; }
.testimonial .stars { display: flex; gap: 2px; }
.testimonial .stars svg { width: 14px; height: 14px; }
.testimonial .content { font-size: 13px; color: var(--muted); line-height: 1.6; }
.testimonial .footer {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--bdr);
  font-size: 12px; color: var(--muted);
}
.testimonial .reply {
  background: var(--a-dim); border: 1px solid var(--a-bd);
  border-radius: 8px; padding: 10px 12px; margin-top: 10px; font-size: 12px;
}
.testimonial .reply .author { color: var(--a2); margin-top: 4px; font-weight: 600; }

/* ── CART / CHECKOUT ─────────────────────────────────────────────── */
.cart .section-title h1,
.cart .section-title h2 {
  font-family: 'Rajdhani', sans-serif; font-size: 30px; font-weight: 700;
}

.cart-item-bg { background: var(--bg-card) !important; }

/* ── CUSTOMER DASHBOARD ──────────────────────────────────────────── */
.py-5-nav { padding-top: 40px; padding-bottom: 60px; }

.card {
  background: var(--bg-card) !important;
  border: 1px solid var(--bdr) !important;
  border-radius: var(--rad) !important;
  color: var(--txt) !important;
}

.nav-pills .nav-link { color: var(--muted); border-radius: 10px; font-size: 14px; transition: all .2s; }
.nav-pills .nav-link:hover { color: var(--txt); background: rgba(255,255,255,.05); }
.nav-pills .nav-link.active { background: var(--a); color: #fff !important; box-shadow: 0 4px 16px var(--a-glow); }

/* ── PRODUCT PAGE ────────────────────────────────────────────────── */
.product-wrapper { padding-top: 40px; padding-bottom: 60px; }
.aspect-product-page-image { aspect-ratio: var(--product-page-image-aspect-ratio, 16/9); }
.aspect-product-card-image { aspect-ratio: var(--product-card-image-aspect-ratio, 16/9); }
.object-product-image { object-fit: var(--product-image-fit, cover); }

.product-tabs .btn { font-size: 13px; }
.editor { color: var(--muted); line-height: 1.8; font-size: 14px; }
.editor h1,.editor h2,.editor h3 { color: var(--txt); font-family: 'Rajdhani', sans-serif; margin-bottom: 12px; }
.editor p { margin-bottom: 12px; }
.editor ul,.editor ol { padding-left: 20px; margin-bottom: 12px; }

.thumbnails { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.thumbnails button {
  padding: 0; border: 2px solid var(--bdr); border-radius: 8px; overflow: hidden;
  width: 64px; height: 48px; background: none; cursor: pointer; transition: border-color .2s;
}
.thumbnails button.active { border-color: var(--a); }
.thumbnails button img { width: 100%; height: 100%; object-fit: cover; }

/* ── FAQ ─────────────────────────────────────────────────────────── */
.faq .section-title h2 { font-family: 'Rajdhani', sans-serif; }

.accordion-item { background: var(--bg-card) !important; border: 1px solid var(--bdr) !important; border-radius: var(--rad) !important; margin-bottom: 8px; overflow: hidden; }
.accordion-button {
  background: var(--bg-card) !important; color: var(--txt) !important;
  font-size: 15px; font-weight: 600; box-shadow: none !important;
  border-radius: var(--rad) !important;
}
.accordion-button:not(.collapsed) { color: var(--a2) !important; background: var(--a-dim) !important; }
.accordion-button::after { filter: invert(1) opacity(.5); }
.accordion-body { background: var(--bg-card); color: var(--muted); font-size: 14px; line-height: 1.7; padding-top: 8px; }

/* ── SECTION TITLE (generic) ─────────────────────────────────────── */
.section-title { margin-bottom: 32px; }
.section-title h2 { font-family: 'Rajdhani', sans-serif; font-size: 32px; font-weight: 700; letter-spacing: -.5px; }
.section-subtitle p { color: var(--muted); font-size: 15px; }

/* ── FOOTER ──────────────────────────────────────────────────────── */
.ns-footer {
  background: var(--bg2);
  border-top: 1px solid var(--bdr);
}

.ns-footer-brand { }
.ns-footer h5 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.3); margin-bottom: 14px; }
.ns-footer .nav-link { color: rgba(255,255,255,.45); font-size: 14px; transition: color .2s; }
.ns-footer .nav-link:hover { color: #fff; }

.ns-footer-discord-btn {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 16px; background: #5865F2; border-radius: 8px;
  padding: 8px 16px; font-size: 13px; font-weight: 700;
  color: #fff; text-decoration: none; transition: all .2s;
}
.ns-footer-discord-btn:hover { background: #4752c4; color: #fff; transform: translateY(-2px); }

.ns-footer-bottom {
  border-top: 1px solid var(--bdr);
  padding: 18px 0;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 10px;
}
.ns-footer-bottom p { font-size: 12px; color: rgba(255,255,255,.2); margin: 0; }
.ns-footer-bottom a { font-size: 12px; color: rgba(255,255,255,.2); transition: color .2s; }
.ns-footer-bottom a:hover { color: rgba(255,255,255,.5); }

/* ── DISCORD BANNER ──────────────────────────────────────────────── */
.ns-discord-banner {
  background: linear-gradient(135deg, #1c1f2e, #252a47);
  border-top: 1px solid rgba(88,101,242,.25);
  border-bottom: 1px solid rgba(88,101,242,.25);
  padding: 32px 0; margin-top: 50px;
}

.ns-discord-banner-inner {
  display: flex; align-items: center;
  justify-content: space-between; gap: 24px; flex-wrap: wrap;
}

.ns-discord-banner-left { display: flex; align-items: center; gap: 18px; }

.ns-discord-icon {
  width: 60px; height: 60px; border-radius: 16px;
  background: #5865F2;
  display: flex; align-items: center; justify-content: center;
  font-size: 28px; color: #fff; flex-shrink: 0;
  box-shadow: 0 0 22px rgba(88,101,242,.5);
}

.ns-discord-info h3 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 4px;
}
.ns-discord-info p { font-size: 13px; color: rgba(255,255,255,.55); margin: 0; }

.ns-discord-stats { display: flex; gap: 24px; align-items: center; }
.ns-discord-stat { text-align: center; }
.ns-discord-stat-num { font-family: 'Rajdhani', sans-serif; font-size: 22px; font-weight: 700; color: #fff; line-height: 1; }
.ns-discord-stat-lbl { font-size: 10px; color: rgba(255,255,255,.4); letter-spacing: 1px; text-transform: uppercase; }

.ns-discord-join-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: #5865F2; border: none; padding: 14px 30px; border-radius: 12px;
  color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; transition: all .25s;
  box-shadow: 0 4px 20px rgba(88,101,242,.45);
  white-space: nowrap;
}
.ns-discord-join-btn:hover { background: #4752c4; color: #fff; box-shadow: 0 8px 32px rgba(88,101,242,.6); transform: translateY(-2px); }

/* ── DISCORD FLOAT ───────────────────────────────────────────────── */
.ns-discord-float {
  position: fixed; bottom: 28px; right: 28px;
  display: flex; align-items: center; gap: 10px;
  background: #5865F2; border-radius: 50px;
  padding: 13px 22px; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; z-index: 9000;
  box-shadow: 0 6px 28px rgba(88,101,242,.55);
  transition: all .28s; animation: nsFloatIn .4s ease-out;
}
.ns-discord-float i { font-size: 20px; }
.ns-discord-float:hover { background: #4752c4; box-shadow: 0 10px 40px rgba(88,101,242,.7); transform: translateY(-3px); color: #fff; }
.ns-discord-float-label { display: flex; flex-direction: column; line-height: 1.2; }
.ns-discord-float-label span:first-child { font-size: 13px; font-weight: 700; }
.ns-discord-float-label span:last-child { font-size: 10px; opacity: .75; font-weight: 400; }
@keyframes nsFloatIn { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

/* ── MODALS ──────────────────────────────────────────────────────── */
.modal-content {
  background: var(--bg2) !important;
  border: 1px solid var(--bdr) !important;
  border-radius: 16px !important;
}
.modal-header { border-bottom: 1px solid var(--bdr) !important; }
.modal-footer { border-top: 1px solid var(--bdr) !important; }
.btn-close { filter: invert(1) opacity(.6); }

/* ── FORMS ───────────────────────────────────────────────────────── */
.form-control, .form-select {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--bdr) !important;
  color: var(--txt) !important; border-radius: 10px !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--a-bd) !important;
  box-shadow: 0 0 0 3px var(--a-dim) !important;
}
.form-control::placeholder { color: rgba(255,255,255,.25) !important; }
.form-label { font-size: 13px; font-weight: 500; color: var(--muted); margin-bottom: 6px; }

/* ── BUTTONS (Bootstrap override) ───────────────────────────────── */
.btn-primary {
  background: var(--a) !important; border-color: var(--a) !important;
  box-shadow: 0 3px 14px var(--a-glow) !important;
}
.btn-primary:hover { background: var(--a2) !important; border-color: var(--a2) !important; transform: translateY(-1px); }
.btn-outline-primary { color: var(--a2) !important; border-color: var(--a-bd) !important; }
.btn-outline-primary:hover { background: var(--a) !important; border-color: var(--a) !important; color: #fff !important; }

/* ── SOCIALS ─────────────────────────────────────────────────────── */
.socials .social {
  display: flex; align-items: center; gap: 14px;
  background: var(--bg-card); border: 1px solid var(--bdr);
  border-radius: var(--rad); padding: 20px; color: var(--txt);
  text-decoration: none; transition: all .25s; margin-bottom: 16px;
}
.socials .social:hover { border-color: var(--a-bd); transform: translateX(6px); }
.socials .social svg { width: 32px; height: 32px; flex-shrink: 0; }

/* ── MAINTENANCE ─────────────────────────────────────────────────── */
.maintenance-wrapper {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 40px 20px;
}

/* ── CURRENCY SELECTOR ───────────────────────────────────────────── */
.currency-selector .choices {
  margin-bottom: 0;
}
.currency-selector .choices__inner {
  background: var(--bg-card) !important; border: 1px solid var(--bdr) !important;
  border-radius: 8px !important; padding: 5px 10px !important; min-height: unset !important;
  font-size: 12px; color: var(--txt);
}
.currency-selector .choices__list--dropdown { background: var(--bg2) !important; border: 1px solid var(--bdr) !important; border-radius: 10px !important; }
.currency-selector .choices__item--selectable:hover { background: var(--a-dim) !important; }

/* ── CART PLACEHOLDER ────────────────────────────────────────────── */
.cart-placeholder-svg { width: 40px; height: 40px; }

/* ── PRODUCT IMG PLACEHOLDER ─────────────────────────────────────── */
.product-img-placeholder {
  background: var(--bg2); display: flex; align-items: center; justify-content: center;
}

/* ── SPINNER ─────────────────────────────────────────────────────── */
.spinner-border { color: var(--a) !important; }

/* ── PAGINATION ──────────────────────────────────────────────────── */
.page-item .page-link {
  background: var(--bg-card) !important; border-color: var(--bdr) !important;
  color: var(--muted) !important; border-radius: 8px !important;
}
.page-item.active .page-link { background: var(--a) !important; border-color: var(--a) !important; color: #fff !important; }
.page-item .page-link:hover { color: var(--txt) !important; background: var(--a-dim) !important; }
.page-item.disabled .page-link { opacity: .4 !important; }

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media(max-width:1024px) {
  .ns-hero-inner { flex-direction: column; }
  .ns-hero-right { width: 100%; }
  .ns-why-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:768px) {
  .ns-links { display: none; }
  .ns-status-pill { display: none; }
  .ns-burger { display: flex; }
  .ns-why-grid { grid-template-columns: 1fr; }
  .ns-hero-title { font-size: 42px; }
  .ns-badge-cards { grid-template-columns: 1fr; }
  .ns-discord-banner-inner { flex-direction: column; text-align: center; }
  .ns-discord-banner-left { flex-direction: column; text-align: center; }
  .ns-discord-stats { justify-content: center; }
}

/* Nocta storefront — blue night / cyan edition */
:root{--a:var(--cl-accent,#04c9f4);--a2:#45ddff;--a-dim:rgba(0,198,242,.1);--a-glow:rgba(0,194,245,.23);--a-bd:rgba(0,200,255,.28);--bg:var(--cl-background-primary,#050c1b);--bg2:var(--cl-background-secondary,#0b1830);--bg-card:#0c1931;--txt:#f5f9ff;--muted:#99a9c1;--bdr:rgba(108,169,230,.14);--rad:16px}
body{background:radial-gradient(circle at 50% 0%,#071632 0%,#050d1e 46%,#050b18 100%);font-family:Inter,system-ui,sans-serif;color:var(--txt)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(56,110,169,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,110,169,.045) 1px,transparent 1px);background-size:76px 76px}
a{color:var(--a2)}
header.sticky-top{background:rgba(5,13,29,.93);border-bottom:1px solid rgba(67,149,221,.16)}
.nocta-nav{min-height:76px;max-width:1320px}.ns-logo{gap:11px;font:800 19px Inter,system-ui,sans-serif;letter-spacing:-.04em}.ns-logo img{width:38px;height:38px;object-fit:cover;border-radius:10px}.nocta-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--a-bd);border-radius:10px;color:#071323!important;background:linear-gradient(135deg,#70e9ff,#0cb7eb);box-shadow:0 0 20px var(--a-glow);font-size:23px}.ns-links{gap:4px}.ns-links a{font-size:12px;letter-spacing:.04em;font-weight:700;text-transform:uppercase;color:#9caeca}.ns-links .nocta-browse{border:1px solid var(--a-bd);border-radius:999px;color:#3ad8ff;background:var(--a-dim);padding:9px 15px;margin-left:7px;display:flex;align-items:center;gap:8px}.ns-links .nocta-browse:hover{background:#123851}.ns-btn-outline,.ns-icon-btn,.currency-selector{background:#0b1b31;border:1px solid var(--a-bd);color:var(--a2);border-radius:11px}.ns-icon-btn{display:grid;place-items:center}.ns-burger{color:var(--a2)}.ns-mobile{background:#0a172d;border:1px solid var(--a-bd);padding:10px 18px}.ns-mobile button{background:transparent;color:var(--a2);border:0;text-align:left;padding:10px}
.nocta-hero{position:relative;isolation:isolate;min-height:665px;display:flex;align-items:center;text-align:center;overflow:hidden;border-bottom:1px solid var(--bdr);background:radial-gradient(ellipse at 50% 25%,rgba(9,93,159,.22),transparent 56%),linear-gradient(160deg,#07152a,#040c1d)}.nocta-hero-mesh{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#1ddcff60 1px,transparent 2px);background-size:69px 69px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 80%);opacity:.4}.nocta-hero-content{padding:100px 18px 95px}.nocta-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#4cdefd;font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.nocta-hero h1{font-size:clamp(45px,7.5vw,94px);font-weight:850;line-height:1.06;letter-spacing:-.065em;max-width:1000px;margin:20px auto 18px;text-wrap:balance;text-shadow:0 12px 40px #010812}.nocta-hero p{max-width:660px;margin:0 auto 35px;color:#9daec8;font-size:16px;line-height:1.75}.nocta-search{max-width:590px;height:62px;border:1px solid rgba(36,197,252,.32);background:#0a1933;box-shadow:0 14px 45px #01091680,0 0 35px #00bbef12;border-radius:999px;display:flex;align-items:center;gap:16px;padding:7px 7px 7px 22px;margin:0 auto 34px;color:var(--a2)}.nocta-search input{flex:1;min-width:0;background:transparent;color:white;outline:0;border:0;font-size:14px}.nocta-search input::placeholder{color:#8294b2}.nocta-search button{border:0;border-radius:50%;height:46px;width:46px;flex-shrink:0;background:#00c7f0;color:#031526}.nocta-hero-stats{display:inline-flex;align-items:center;justify-content:center;background:#0c1931;border:1px solid var(--bdr);border-radius:15px;padding:15px 12px;gap:0;margin-bottom:30px}.nocta-hero-stats div{min-width:125px;padding:0 14px;border-right:1px solid var(--bdr)}.nocta-hero-stats div:last-child{border:0}.nocta-hero-stats strong{display:block;color:#43dbff;font-size:20px;font-weight:800}.nocta-hero-stats span{display:block;color:#91a2bc;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.nocta-hero-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.nocta-primary-link,.nocta-secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:999px;padding:13px 21px;font-size:13px;font-weight:750}.nocta-primary-link{color:#061322;background:#07c7f0;box-shadow:0 0 30px #00c5f044}.nocta-primary-link:hover{background:#53e1ff;color:#061322}.nocta-secondary-link{border:1px solid var(--a-bd);color:#b6d9f3;background:#0c1a31}.nocta-secondary-link:hover{background:#12314c}
.nocta-home-products{max-width:1320px}.ns-section-header{text-align:left;margin-bottom:25px}.ns-section-header h2,.nocta-catalog-heading h1{font:800 clamp(28px,3vw,40px) Inter,system-ui,sans-serif;letter-spacing:-.045em;margin:8px 0}.ns-section-header p{color:var(--muted)}.nocta-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.nocta-group-card{display:flex;flex-direction:column;min-height:175px;overflow:hidden;background:linear-gradient(140deg,#12294e,#09172c);border:1px solid var(--bdr);border-radius:16px;color:#f7fbff;padding:18px;transition:.2s}.nocta-group-card:hover{transform:translateY(-4px);border-color:var(--a-bd);color:#fff}.nocta-group-art{height:66px;display:flex;align-items:center;color:var(--a2);font-size:34px}.nocta-group-art img{height:59px;max-width:100%;object-fit:contain;border-radius:8px}.nocta-group-card strong{font-size:16px;line-height:1.25}.nocta-group-card>span:last-child{color:var(--a2);font-size:11px;margin-top:auto;padding-top:13px}.nocta-shop-heading{display:flex;align-items:end;justify-content:space-between;margin-top:70px}.nocta-text-link{font-weight:700;font-size:13px;white-space:nowrap}.ns-pcard{height:100%;background:#0b1932;border-color:var(--bdr);border-radius:16px;box-shadow:0 8px 20px #0002}.ns-pcard:hover{border-color:#19c9f682;box-shadow:0 18px 36px #0007}.ns-pc-body{padding:16px}.ns-pc-name{font:700 16px/1.35 Inter,system-ui,sans-serif}.ns-pc-desc{font-size:12px;min-height:36px}.ns-price{font-family:Inter,system-ui,sans-serif;font-size:18px;color:#31d5fb}.ns-pc-cta-btn{background:#102d46;color:#7ce7ff;border:1px solid var(--a-bd);box-shadow:none;font-size:11px;padding:8px 10px}.ns-pc-img{aspect-ratio:16/9}.ns-pc-overlay{background:#02213a77}.ns-pc-overlay span{background:#05c4eb;color:#051726}.ns-tag{background:#0b2b42;color:#71dcf8;border-color:var(--a-bd)}.ns-pc-stock{background:#0b2b42}.ns-section-header h2{color:white}
.nocta-catalog{max-width:1320px;padding-top:57px;padding-bottom:90px}.nocta-catalog-heading p{color:var(--muted);font-size:14px}.nocta-category-strip{display:flex;gap:9px;overflow-x:auto;padding:22px 0 28px}.nocta-chip{border:1px solid var(--bdr);background:#0d1b34;border-radius:999px;color:#afc3df;white-space:nowrap;padding:9px 15px;font-size:12px;font-weight:700;cursor:pointer}.nocta-chip:hover,.nocta-chip.active{background:#0d354f;color:#52defe;border-color:var(--a-bd)}.nocta-catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:25px}.nocta-sidebar{align-self:start;position:sticky;top:100px;padding:22px;background:#0c1931;border:1px solid var(--bdr);border-radius:16px}.nocta-sidebar h2{font-size:17px;font-weight:750;margin-bottom:24px}.nocta-sidebar label{display:block;color:#b7c8df;font-size:12px;font-weight:700;margin:18px 0 9px}.nocta-sidebar input{width:100%;min-width:0;background:#08162c;border:1px solid var(--bdr);color:#fff;padding:11px;border-radius:9px;outline:0}.nocta-sidebar input:focus{border-color:var(--a)}.nocta-range{display:flex;gap:8px}.nocta-reset{border:1px solid var(--a-bd);color:var(--a2);background:#0d2d45;border-radius:9px;padding:11px;width:100%;font-size:12px;margin-top:20px}.nocta-results-line{display:flex;justify-content:space-between;align-items:center;padding:5px 0 20px}.nocta-results-line strong{font-size:17px}.nocta-results-line span{color:var(--muted);font-size:12px}.nocta-filter-item[hidden],#nocta-empty[hidden]{display:none!important}.nocta-empty{padding:45px;text-align:center;border:1px dashed var(--bdr);border-radius:16px;color:var(--muted)}.modal-content{background:#0b1b35;border:1px solid var(--a-bd);color:#f4f9ff}.modal-header{border-bottom-color:var(--bdr)}.btn-close{filter:invert(1)}.product-wrapper .container.px-4,.product-wrapper .container{max-width:1200px}.product-wrapper .carousel img,.product-wrapper .card-img-top{border-radius:16px;border:1px solid var(--bdr)}.product-wrapper h1{letter-spacing:-.04em}.ns-footer{background:#061227;border-top:1px solid var(--bdr)}
@media(max-width:990px){.nocta-nav{min-height:65px}.ns-links{display:none}.nocta-catalog-layout{grid-template-columns:1fr}.nocta-sidebar{position:static}.nocta-hero{min-height:590px}}
@media(max-width:600px){.nocta-hero-content{padding:76px 16px}.nocta-hero h1{font-size:47px}.nocta-hero p{font-size:14px}.nocta-hero-stats div{min-width:0;padding:0 10px}.nocta-hero-stats strong{font-size:15px}.nocta-hero-stats span{font-size:8px}.nocta-search{height:56px}.nocta-search button{width:42px;height:42px}.nocta-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nocta-group-card{min-height:150px;padding:13px}.nocta-group-card strong{font-size:13px}.ns-nav-right .ns-btn-outline,.ns-nav-right .currency-selector{display:none}.nocta-catalog{padding-top:35px}.ns-pc-footer{gap:7px}.ns-pc-cta-btn{font-size:10px}}
@media(prefers-reduced-motion:reduce){.nocta-group-card,.ns-pcard{transition:none}.ns-live-dot{animation:none}}

/* Screenshot-matched mobile storefront and product grid */
.nocta-hero{background:#050e21}.nocta-hero-mesh{opacity:.9;background-image:radial-gradient(circle,#00caf466 1px,transparent 2px),linear-gradient(30deg,transparent 49.8%,#0964862b 50%,transparent 50.2%),linear-gradient(150deg,transparent 49.8%,#09648625 50%,transparent 50.2%);background-size:110px 107px,215px 168px,271px 204px;mask-image:none}.nocta-hero-stats{border-color:#0d4662;background:#0a1530}.nocta-hero-stats span{letter-spacing:.1em}.nocta-primary-link{background:#062840;color:#fff;border:1px solid #089bc9;box-shadow:0 0 25px #00bfe72b;text-transform:uppercase;letter-spacing:.08em}.nocta-primary-link:hover{color:#fff;background:#0a425c}
.nocta-group-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}.nocta-group-card{min-height:83px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:17px;text-align:center;border-radius:999px;background:linear-gradient(100deg,#22154a,#0c1430);border:1px solid #6035ca;color:#cdb9ff;box-shadow:0 0 18px #5c37c522;padding:10px 20px}.nocta-group-card:nth-child(4n+2){background:linear-gradient(100deg,#3a1527,#181020);color:#ff9fb4;border-color:#aa3758;box-shadow:0 0 18px #be3e6022}.nocta-group-card:nth-child(4n+3){background:linear-gradient(100deg,#122f58,#0b1931);color:#84c5ff;border-color:#2074bc;box-shadow:0 0 18px #166bc52b}.nocta-group-card:nth-child(4n+4){background:linear-gradient(100deg,#36301a,#252219);color:#ffda5e;border-color:#d9b222;box-shadow:0 0 18px #ffce3242}.nocta-group-art{height:42px;min-width:42px;display:grid;place-items:center;font-size:29px;color:inherit}.nocta-group-art img{max-height:40px;max-width:48px;object-fit:contain}.nocta-group-card strong{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.nocta-group-card:hover{background-color:#132e49;color:inherit}
.ns-pcard{border-color:#102c50;background:#09142b;box-shadow:none;display:flex;flex-direction:column}.ns-pc-img{aspect-ratio:16/9;flex:0 0 auto;background:#09142b}.ns-pc-body{display:flex;flex:1;align-items:center;flex-direction:column;text-align:center;padding:14px 11px 19px}.ns-pc-price{justify-content:center;flex-wrap:wrap;gap:5px;line-height:1.2}.ns-price{color:#15d2f7;font-size:20px;font-weight:800}.ns-price-old{font-size:15px;color:#667c9d;text-decoration:line-through}.ns-pc-stockline{color:#778ba8;font-size:13px;margin:6px 0 13px}.ns-pc-name{font:750 16px/1.24 Inter,system-ui,sans-serif;color:#f5f9ff;margin:0 auto 14px;overflow-wrap:anywhere}.ns-pc-delivery{display:inline-flex;align-items:center;gap:7px;border:1px solid #08638b;border-radius:999px;background:#0b3047;color:#12c4ee;padding:6px 11px;font-size:11px;font-weight:700;margin-top:auto;white-space:nowrap}.ns-pc-badges-top{z-index:2}.ns-pcard:hover{transform:translateY(-2px)}
.modal-backdrop.show{opacity:.83}.modal-dialog{--bs-modal-width:1080px}.modal-content{border:1px solid #104867;background:#081329;border-radius:19px;overflow:hidden;box-shadow:0 28px 70px #000b}.modal-header{padding:25px 30px;border-bottom:1px solid #0c3653}.modal-title{font-size:23px;font-weight:800;line-height:1.3;letter-spacing:-.025em}.modal-body{padding:24px 28px 30px}.modal-body .products{--bs-gutter-x:16px;--bs-gutter-y:24px}.modal-body .ns-pcard{min-height:100%;border-radius:16px}.modal-body .ns-pc-img{border-radius:14px 14px 0 0}.modal-body .ns-pc-body{min-height:190px}.modal-body .ns-pc-name{margin-bottom:12px}.btn-close{opacity:.65}
@media(max-width:990px){.nocta-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nocta-nav{min-height:66px}.ns-logo{font-size:18px}.ns-logo img,.nocta-mark{width:42px;height:42px}.ns-nav-right{margin-left:auto}.ns-nav-right .ns-icon-btn{background:transparent;border:0;box-shadow:none;color:#eaf5ff;font-size:21px}.ns-burger{font-size:25px;margin-left:3px}.nocta-hero{min-height:760px}.nocta-hero-content{padding:75px 16px 92px}.nocta-hero-stats{width:min(100%,360px);display:grid;grid-template-columns:1fr 1fr;row-gap:15px;padding:15px 8px;margin:2px auto 31px}.nocta-hero-stats div{padding:0 7px}.nocta-hero-stats div:nth-child(2){border:0}.nocta-hero-stats div:nth-child(3){grid-column:1/-1;border:0}.nocta-hero-stats strong{font-size:19px}.nocta-hero-stats span{font-size:10px;margin-top:3px}.nocta-primary-link{width:min(100%,350px);height:57px}.nocta-hero-actions{flex-direction:column}.nocta-group-grid{display:flex;align-items:center;flex-direction:column;gap:10px}.nocta-group-card{width:min(100%,350px);min-height:55px;padding:7px 17px;justify-content:flex-start;gap:14px}.nocta-group-art{height:38px;min-width:38px;font-size:26px}.nocta-group-card strong{font-size:12px}.nocta-group-card:nth-child(4n+4){margin-bottom:8px}.nocta-home-products{padding-top:40px}.nocta-shop-heading{margin-top:54px}.nocta-home-products .products>.col-12,.nocta-catalog .products>.col-12{width:50%}.modal-dialog{margin:11px}.modal-content{border-radius:20px}.modal-header{padding:18px 20px;min-height:81px}.modal-title{font-size:17px}.modal-body{padding:17px 13px 20px}.modal-body .products{--bs-gutter-x:12px;--bs-gutter-y:20px}.modal-body .products>div{width:50%}.ns-pc-body{padding:12px 6px 13px}.ns-price{font-size:16px}.ns-price-old{font-size:12px}.ns-pc-stockline{font-size:11px;margin:5px 0 10px}.ns-pc-name{font-size:12px;line-height:1.25;margin-bottom:12px}.ns-pc-delivery{font-size:10px;padding:5px 8px;gap:4px}.modal-body .ns-pc-body{min-height:172px}.ns-pc-img{aspect-ratio:16/9}.ns-pc-noimg span{display:none}.ns-pc-noimg i{font-size:26px}}

/* Continuous stats → category pills → catalog action on mobile */
.nocta-hero{border-bottom:0;min-height:auto}.nocta-hero-content{padding-bottom:36px}.nocta-hero-stats{margin-bottom:0}.nocta-home-products{padding-top:12px}.nocta-home-products .nocta-group-grid{position:relative;z-index:1}.nocta-browse-action{display:flex;justify-content:center;margin:48px auto 0}.nocta-browse-action .nocta-primary-link{min-width:290px}.nocta-shop-heading{margin-top:75px}
@media(max-width:600px){.nocta-hero{min-height:0}.nocta-hero-content{padding:72px 16px 32px}.nocta-home-products{padding-top:0}.nocta-group-grid{gap:9px}.nocta-group-card{width:min(100%,350px)}.nocta-browse-action{margin:48px auto 0}.nocta-browse-action .nocta-primary-link{width:min(100%,350px)}.nocta-shop-heading{margin-top:74px}.nocta-home-products .ns-section-header:first-child{display:none}}