/* News page exclusive theme */
:root{
  --nh-bg1:#190b1f;
  --nh-bg2:#2a0f2f;
  --nh-ink:#7f5af0;
  --nh-sub:#b9a7ff;
  --nh-line:#173046;
  --nh-ac1:#24c45a;
  --nh-ac2:#12a54a;
  --nh-grad:linear-gradient(90deg,rgba(36,196,90,.25),rgba(18,165,74,.25));
}


/* News listing layout (page /news) */
.news.news-list{
  padding-top:24px;
  padding-bottom:12px;
}
.news.news-list .featured-grid{
  max-width:900px;
  margin:24px auto 8px;
  grid-template-columns:minmax(0,1fr);
}
/* Page background tint */
.nh .page{background:linear-gradient(180deg,var(--nh-bg1),var(--nh-bg2));}

/* Head with lined title and filters styled like a separate product */
.nh .news-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  padding:6px 0 10px;border-bottom:1px solid var(--nh-line);
  margin-bottom:14px;
}
.nh .lined-title{font-size:22px;font-weight:900;color:var(--nh-ink)}
.nh .lined-link{color:var(--nh-ink);text-decoration:none}
.nh .filters{display:flex;gap:8px}
.nh .filters .chip{
  display:inline-flex;align-items:center;gap:8px;
  height:34px;padding:0 12px;border-radius:999px;
  border:1px solid var(--nh-line);
  background:#0e1c29;color:var(--nh-ink);font-weight:700;font-size:13px;
}
.nh .filters .chip.active{border-color:rgba(36,196,90,.45);background:#0f2a1b;color:#d8ffe7;box-shadow:0 0 0 1px rgba(36,196,90,.18) inset}

/* Featured hero card on listing */
.nh .featured-grid .card.notch{
  border-radius:18px;overflow:hidden;border:1px solid var(--nh-line);
  background:#0c1520;box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.nh .featured-grid .card .media{position:relative;aspect-ratio:16/7;background:#000}
.nh .featured-grid .card .media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.06) contrast(1.06)}
.nh .featured-grid .pill{position:absolute;left:14px;top:14px;background:#163423;border:1px solid #2f5437;color:#bff1c9;font-weight:900;border-radius:999px;height:24px;display:inline-flex;align-items:center;padding:0 10px;letter-spacing:.4px}
.nh .featured-grid .card .body{padding:14px 16px;background:#0c1520;border-top:1px solid var(--nh-line)}
.nh .featured-grid .card .title{margin:2px 0 6px;color:#ecf3ff;font-weight:900;font-size:22px}
.nh .featured-grid .card .date{color:var(--nh-sub);font-size:12px;font-weight:800}

/* News grid: distinct gradient cards */
.nh .news-grid{
  display:grid;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
}
.nh .news-card{
  position:relative;display:block;border:1px solid var(--nh-line);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.14));
  border-radius:16px;overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.24);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.nh .news-card .thumb{aspect-ratio:16/9;background-size:cover;background-position:center}
.nh .news-card .wrap{padding:12px 14px}
.nh .news-card .meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--nh-sub)}
.nh .news-card .badge-tag{background:#163423;border:1px solid #2f5437;color:#bff1c9;height:20px;padding:0 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}
.nh .news-card .title{margin:6px 0 6px;font-weight:900;color:var(--nh-ink);font-size:18px}
.nh .news-card .excerpt{margin:0;color:#b7c9de}
.nh .news-card:hover{transform:translateY(-3px);border-color:rgba(36,196,90,.4);box-shadow:0 16px 34px rgba(0,0,0,.34)}

/* Pagination or more link */
.nh .news-more .more-link{
  display:inline-flex;align-items:center;gap:8px;margin-top:10px;
  padding:10px 14px;border-radius:999px;border:1px solid var(--nh-line);
  background:#0d1a27;color:var(--nh-ink);text-decoration:none;font-weight:800
}
.nh .news-more .more-link:hover{border-color:rgba(36,196,90,.5);background:#0f2a1b;color:#d8ffe7}


/* --- News Full Width Overrides rFW1 --- */
.news.wide{max-width:none !important; margin:0 !important; padding:0 20px !important;}
.news.wide .news-head{max-width:none !important; margin:0 0 16px !important;}
.news.wide .promo-grid,
.news.wide .news-grid,
.news.wide .featured-grid{max-width:none !important; margin:0 !important;}

.news.wide .promo-grid{grid-template-columns: repeat(auto-fill, minmax(320px,1fr)) !important; gap:18px !important;}
.news.wide .news-grid{grid-template-columns: repeat(auto-fill, minmax(340px,1fr)) !important; gap:18px !important;}
@media (min-width: 1600px){
  .news.wide .news-grid{grid-template-columns: repeat(auto-fill, minmax(380px,1fr)) !important;}
}



/* --- Centered Wide Grids rFW2 --- */
.news.wide .promo-grid,
.news.wide .news-grid{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  display:grid !important;
  justify-content:center !important;
  align-content:start !important;
  justify-items:stretch !important;
  gap:24px !important;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;
}



/* ===== Emerald Pro News Theme rNX ===== */

/* Theme tokens */
:root{
  --emerald:#20e36a;
  --emerald-d:#109c49;
  --slate-900:#071018;
  --slate-800:#0a1420;
  --panel:#0d1723;
  --panel-2:#0c1520;
  --line-2:rgba(151,181,215,.18);
}

/* Canvas */
.page .news{background: radial-gradient(120% 200% at 20% -20%, rgba(32,227,106,.06), transparent 50%)}

/* Hero banner on index */
.hero-news{
  max-width: 1400px;
  margin: 8px auto 18px;
  border-radius: 18px;
  overflow:hidden;
  border:1px solid var(--line-2);
  box-shadow: 0 12px 36px rgba(0,0,0,.36);
  background: var(--panel);
}
.hero-news .media{aspect-ratio: 16/6; overflow:hidden}
.hero-news .media img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.06)}
.hero-news .meta{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.hero-news .meta .tag{
  font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;
  color:#061419;background:linear-gradient(90deg,var(--emerald),#7af0b2);
  border:1px solid rgba(255,255,255,.3);
}
.hero-news .meta .title{font-weight:900;font-size:22px;color:#ecf3ff}

/* Cards base */
.card-glass{
  border:1px solid var(--line-2);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
              linear-gradient(140deg, rgba(32,227,106,.08), transparent 50%),
              var(--panel-2);
  border-radius:18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.35);
}

/* Promo blocks -> emerald callouts */
.promo-wrap{max-width:1400px;margin:0 auto}
.promo-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
  gap:22px;
}
.promo-card{position:relative; display:grid; grid-template-columns:56px 1fr; gap:14px; align-items:start; padding:18px}
.promo-card:before{
  content:''; position:absolute; inset:-1px auto -1px -1px; width:5px; border-radius:18px 0 0 18px;
  background:linear-gradient(180deg,var(--emerald),#7af0b2);
}
.promo-card .icon{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line-2);
  background:linear-gradient(180deg,#101b28,#0b1420)}
.promo-card .k{font-size:22px;font-weight:900;color:#eaf2ff}
.promo-card .d{font-size:15.5px;line-height:1.55;color:#b7c7da;margin-top:2px}

/* News grid */
.news-grid{max-width:1400px;margin:16px auto}
.news-grid{display:grid;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));gap:22px}
.news-card{padding:16px}
.news-card .media{border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin-bottom:10px;border:1px solid var(--line-2);background:#0b1420}
.news-card .media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.05)}
.news-card .date{font-size:12px;color:#93aeca}
.news-card .title{font-size:20px;font-weight:900;color:#eaf2ff}
.news-card p{font-size:15px;color:#b7c7da}

/* Button row like "more" */
.news-more{max-width:1400px;margin:10px auto 0;display:flex;justify-content:center}
.more-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--line-2);background:#0f1a27;color:#eaf2ff;text-decoration:none}
.more-link:hover{border-color:#2f8a56;background:#102030}

/* Utility */
.card-glass.promo-card, .card-glass.news-card{background:
  linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
  linear-gradient(140deg, rgba(32,227,106,.08), transparent 50%),
  var(--panel-2);
}



/* ===== NX News Layout r1 ===== */
:root{
  --nx-emerald:#27e36e;
  --nx-emerald-2:#86f5bf;
  --nx-bg:#08131d;
  --nx-panel:#0b1622;
  --nx-panel-2:#0e1a28;
  --nx-line:rgba(140,170,210,.18);
  --nx-text:#eaf2ff;
  --nx-muted:#9fb2cc;
}

#news.nx{ background: radial-gradient(120% 180% at 15% -20%, rgba(39,227,110,.05), transparent 55%); }
#news-layout{ max-width: 1400px; margin: 8px auto 40px; padding: 0 24px;
  display:grid; grid-template-columns: 260px 1fr; gap: 24px; }

/* Left TOC */
.nx-toc{ position: sticky; top: 76px; align-self:start; }
.nx-toc nav{ display:grid; gap:10px; }
.nx-toc a{
  display:block; padding:12px 14px; border-radius:10px; text-decoration:none;
  color:var(--nx-text); background:linear-gradient(180deg,#0a1622,#0a1420);
  border:1px solid var(--nx-line); font-weight:800; letter-spacing:.2px; font-size:12px;
}
.nx-toc a.active{ background: linear-gradient(90deg,var(--nx-emerald),var(--nx-emerald-2)); color:#062012; border-color:transparent; }

/* Hero */
.nx-hero{ border:1px solid var(--nx-line); border-radius:18px; overflow:hidden; background:var(--nx-panel);
  box-shadow: 0 12px 36px rgba(0,0,0,.36); }
.nx-hero .media{ aspect-ratio: 16/6; background:#0b1420; overflow:hidden; }
.nx-hero .media img{ width:100%; height:100%; object-fit:cover; filter:contrast(1.05) saturate(1.06); }
.nx-hero .meta{ display:flex; align-items:center; justify-content:space-between; padding:14px 18px; }
.nx-pill{ font-size:11px; font-weight:900; padding:4px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.25);
  background: linear-gradient(90deg,var(--nx-emerald),var(--nx-emerald-2)); color:#062012; }
.nx-hero .title{ font-size:26px; font-weight:900; color:var(--nx-text); }
.nx-hero .date{ font-size:12px; color:var(--nx-muted); }

/* Callout */
.nx-callout{ margin:18px 0; border-radius:14px; border:1px solid var(--nx-line);
  background: linear-gradient(180deg, rgba(39,227,110,.13), rgba(39,227,110,.08)); color:#062012; }
.nx-callout .inner{ padding:16px 18px; }
.nx-callout h3{ margin:0 0 6px; font-weight:900; letter-spacing:.3px; color:#bff7db; }
.nx-callout p{ margin:0; color:#e6fff3; }

/* Section heading */
.nx-h2{ margin:22px 0 10px; font-size:20px; font-weight:900; color:var(--nx-text); letter-spacing:.4px; }
.nx-lead{ margin:0 0 12px; color:var(--nx-muted); }

/* Feature card: image left, text right */
.nx-feature{ border:1px solid var(--nx-line); background:linear-gradient(180deg,#0f1d2c,#0c1826);
  border-radius:14px; padding:16px; display:grid; grid-template-columns: min(34vw,360px) 1fr; gap:16px; align-items:start; }
.nx-feature .imgwrap{ border-radius:12px; overflow:hidden; border:1px solid var(--nx-line); background:#0b1420; aspect-ratio:1.2/1; }
.nx-feature .imgwrap img{ width:100%; height:100%; object-fit:cover; }
.nx-feature .k{ font-size:16px; font-weight:900; color:#eaf2ff; }
.nx-feature .d{ margin-top:6px; color:#b7c7da; font-size:14.5px; line-height:1.55; }

/* Discounts row */
.nx-discounts{ display:grid; gap:14px; }
.nx-discount{ border:1px solid var(--nx-line); border-radius:14px; background:linear-gradient(180deg,#0e1b29,#0c1826);
  display:grid; grid-template-columns:120px 1fr; align-items:center; }
.nx-discount .v{ font-size:44px; font-weight:1000; color:#bff7db; padding:12px 0; display:grid; place-items:center; }
.nx-discount .meta{ padding:12px 14px; }
.nx-discount .meta .k{ font-weight:900; color:#eaf2ff; }
.nx-discount .meta .d{ color:#9fb2cc; font-size:14px; }

/* Footer "more" */
.nx-more{ display:flex; justify-content:center; margin:16px 0 0; }
.nx-more a{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; border:1px solid var(--nx-line);
  background:#0f1a27; color:#eaf2ff; text-decoration:none; }
.nx-more a:hover{ border-color:#2f8a56; background:#102030; }

@media (max-width: 1024px){
  #news-layout{ grid-template-columns: 1fr; }
  .nx-toc{ position:static; }
  .nx-feature{ grid-template-columns: 1fr; }
}



/* ===== NX News Article Theme (inspired by ref) ===== */

/* Layout */
.page .news.nx{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:280px 1fr;gap:24px}
@media (max-width: 1100px){ .page .news.nx{grid-template-columns:1fr} .nx-leftnav{position:static} }

/* Left nav */
.nx-leftnav{position:sticky; top:84px; align-self:start; padding:12px 0}
.nx-navlist{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.nx-navlist a{display:block; padding:10px 14px; border-radius:10px; text-decoration:none;
  color:#cfe1ff; border:1px solid rgba(151,181,215,.16);
  background:linear-gradient(180deg,#0e1a26,#0b1420)}
.nx-navlist a.active, .nx-navlist a:hover{ color:#061419; border-color:transparent;
  background:linear-gradient(90deg, #20e36a, #7af0b2); font-weight:800 }

/* Hero */
.nx-hero{border-radius:18px; overflow:hidden; border:1px solid rgba(151,181,215,.16);
  background:#0d1723; box-shadow:0 12px 36px rgba(0,0,0,.36)}
.nx-hero .media{aspect-ratio: 16/6; overflow:hidden}
.nx-hero .media img{width:100%; height:100%; object-fit:cover; filter:contrast(1.05) saturate(1.06)}
.nx-hero .meta{padding:16px 20px; border-top:1px solid rgba(151,181,215,.12); display:flex; align-items:center; justify-content:space-between}
.nx-badge{font-size:11px; font-weight:900; padding:4px 10px; border-radius:999px;
  color:#061419; background:linear-gradient(90deg, #20e36a, #7af0b2); border:1px solid rgba(255,255,255,.25)}
.nx-title{font-size:28px; font-weight:900; color:#ecf3ff}
.nx-datebar{display:block; margin-top:6px; font-size:12px; color:#93aeca; text-align:right}

/* Article blocks */
.nx-article{display:grid; gap:18px}
.nx-callout{border-radius:14px; padding:16px 18px; border:1px solid rgba(151,181,215,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),
             linear-gradient(140deg, rgba(32,227,106,.10), transparent 60%), #0c1520}
.nx-callout strong{display:block; color:#eaf2ff; font-weight:900; font-size:18px; margin-bottom:6px}
.nx-callout p{margin:0; color:#b7c7da; line-height:1.6}

.nx-section{margin-top:10px}
.nx-h{font-size:20px; font-weight:900; color:#aef7c8; letter-spacing:.3px; margin:12px 0}
.nx-box{display:grid; grid-template-columns:160px 1fr; gap:16px; align-items:center; border-radius:14px; padding:16px;
  border:1px solid rgba(151,181,215,.16); background:linear-gradient(180deg,#0f1a27,#0b1420)}
.nx-thumb{width:160px; height:120px; border-radius:10px; border:1px solid rgba(151,181,215,.12); background:#0b1420; display:grid; place-items:center; color:#95b2d0; font-weight:800}
.nx-box .k{font-weight:900; color:#eaf2ff; font-size:18px}
.nx-box .d{color:#b7c7da; line-height:1.55; margin-top:4px}

.nx-discounts{display:grid; gap:12px}
.nx-discount{border-radius:14px; padding:16px; display:grid; grid-template-columns:120px 1fr; align-items:center;
  border:1px solid rgba(151,181,215,.16); background:linear-gradient(180deg,#10301f,#0b1420)}
.nx-discount .pct{font-size:40px; font-weight:1000; color:#7f5af0; text-align:center}
.nx-discount .desc{color:#9f8bff; font-weight:800}
.nx-note{border-radius:12px; padding:12px 14px; border:1px solid rgba(151,181,215,.18); background:#0f1a27; color:#a9bad0; font-size:13px}

@media (max-width: 900px){
  .nx-box{grid-template-columns:1fr}
  .nx-discount{grid-template-columns:1fr}
  .nx-thumb{width:100%; height:160px}
}


/* ===== Obsidian Neon v2 (nx2) ===== */
:root{
  --nx2-acc1:#22e370;
  --nx2-acc2:#44c8ff;
  --nx2-bg:#081019;
  --nx2-panel:#0b1520;
  --nx2-line:rgba(160,190,220,.18);
}

/* layout */
.page .news.nx2{max-width:1440px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:280px 1fr;gap:28px}
@media (max-width:1100px){.page .news.nx2{grid-template-columns:1fr} .nx-leftnav{position:static}}

/* left nav v2 */
.nx-leftnav{position:sticky;top:88px;align-self:start}
.nx-navlist a{position:relative}
.nx-navlist a:before{
  content:'';position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--nx2-acc1),var(--nx2-acc2));opacity:0;transition:opacity .18s ease
}
.nx-navlist a.active:before,.nx-navlist a:hover:before{opacity:1}

/* hero v2 */
.nx2-hero{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--nx2-line);background:var(--nx2-panel);
  box-shadow:0 16px 48px rgba(0,0,0,.45)}
.nx2-hero .media{aspect-ratio:16/6;overflow:hidden}
.nx2-hero .media img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(1.06)}
.nx2-hero:after{
  content:'';position:absolute;inset:0;
  background: radial-gradient(120% 140% at 20% -20%, rgba(34,227,112,.18), transparent 40%),
              radial-gradient(120% 140% at 120% 120%, rgba(68,200,255,.16), transparent 50%);
  mix-blend:screen;pointer-events:none
}
.nx2-hero .meta{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--nx2-line);backdrop-filter:saturate(1.1)}
.nx2-badge{font-size:11px;font-weight:900;padding:4px 10px;border-radius:999px;color:#061419;
  background:linear-gradient(90deg,var(--nx2-acc1),var(--nx2-acc2)); border:1px solid rgba(255,255,255,.25)}
.nx2-title{font-size:30px;font-weight:1000;color:#eef5ff;letter-spacing:.2px}
.nx2-date{font-size:12px;color:#9fbed6}

/* stat chips under hero */
.nx2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}
.nx2-chip{display:flex;gap:10px;align-items:center;border-radius:14px;padding:12px 14px;border:1px solid var(--nx2-line);background:linear-gradient(180deg,#0f1b28,#0b1420)}
.nx2-chip .n{font-size:22px;font-weight:1000;color:var(--nx2-acc1)}
.nx2-chip .t{font-weight:800;color:#eaf2ff}
.nx2-chip .d{font-size:13px;color:#9fb4cc}

/* callouts, sections */
.nx-article{display:grid;gap:20px}
.nx-callout{border-radius:16px;padding:16px 18px;border:1px solid var(--nx2-line);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),#0c1622}
.nx-callout strong{display:block;font-size:18px;font-weight:900;color:#eaf2ff;margin-bottom:6px}
.nx-callout p{margin:0;color:#b7c7da;line-height:1.6}

/* boxes */
.nx-box{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;border-radius:16px;padding:16px;border:1px solid var(--nx2-line);
  background:linear-gradient(180deg,#0f1a27,#0b1420)}
.nx-thumb{width:180px;height:120px;border-radius:12px;border:1px solid var(--nx2-line);display:grid;place-items:center;color:#9bb6d2;font-weight:900}
.nx-box .k{font-weight:1000;color:#eef5ff;font-size:20px}
.nx-box .d{color:#b7c7da;line-height:1.6;margin-top:4px}

@media (max-width:900px){.nx-box{grid-template-columns:1fr}.nx-thumb{width:100%;height:160px}}

/* discount bars v2 */
.nx-discount{position:relative;border-radius:16px;padding:16px;border:1px solid var(--nx2-line);
  background:linear-gradient(90deg,rgba(34,227,112,.12), rgba(68,200,255,.08));display:grid;grid-template-columns:120px 1fr;align-items:center}
.nx-discount .pct{font-size:44px;font-weight:1000;color:#7f5af0;text-align:center}
.nx-discount .desc{font-size:16px;color:#9f8bff;font-weight:900}
.nx-note{border-radius:12px;padding:12px 14px;border:1px solid var(--nx2-line);background:#0f1a27;color:#9fb2c7;font-size:13px}



/* --- custom: request-specific tweaks --- */

/* Place the EVENT badge on the hero image, top-right */
.nx2-hero .meta .nx-badge{
  position:absolute; top:-395px; right:14px; z-index:3;
}

/* Add left/right padding inside stats equal to the gap */
.nx2-hero .nx2-stats{ padding-left:14px; padding-right:14px; }

/* Blue→violet gradient for the ×5 ×3 ×10 numbers only */
.nx2-hero .nx2-stats .nx2-chip .n{
  background:linear-gradient(90deg,#58a6ff,#a883ff);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
/* --- end custom tweaks --- */


/* --- fix: EVENT badge blue→violet and on the image --- */
.nx2-hero .media{ position:relative; } /* anchor for absolute children */
.nx2-hero .meta .nx-badge{
  position:absolute; top:-395px; right:12px; z-index:5;
  background:linear-gradient(90deg,#58a6ff,#a883ff);
  color:#0a1220;
  border-color:rgba(255,255,255,.28);
  box-shadow:0 6px 22px rgba(0,0,0,.35);
}
/* --- end fix --- */


/* --- final override: place badge on the image, top-right of the hero container --- */
.nx2-hero{ position:relative; }

/* Hero badge overlay simplified */
.nx2-hero .media{position:relative;}
.nx2-hero .media .nx-badge{position:absolute;top:16px;right:16px;z-index:6;}



/* --- heading color override per request --- */
.nx-h{ color:#ecf3ff !important; }

/* --- maps slider --- */
.nx-slider{position:relative; overflow:hidden; padding:0;}
.nx-slider .nx-slides{position:relative; width:100%; height:100%;}
.nx-slider .nx-slides img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;
  transition:opacity .35s ease; border-radius:10px;}
.nx-slider .nx-arrow{position:absolute; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border-radius:999px; border:1px solid rgba(151,181,215,.35);
  background:rgba(12,21,32,.6); color:#eaf2ff; display:grid; place-items:center; cursor:pointer; padding:0;}
.nx-slider .nx-arrow:hover{background:rgba(16,30,45,.85)}
.nx-slider .prev{left:6px}
.nx-slider .next{right:6px}
/* --- end maps slider --- */



/* === DISCOUNT BOX OVERRIDES (priority) === */
.nx-discount{
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px 24px;
  border-radius:18px;
  border:1px solid rgba(127,90,240,.28);
  background:linear-gradient(135deg,#0c0a1a 0%, #171133 55%, #2a0f2f 100%);
  box-shadow:0 10px 28px rgba(16,12,40,.35), inset 0 0 0 1px rgba(255,255,255,.03);
}
.nx-discount .pct{
  font-size:64px;
  line-height:1;
  letter-spacing:-1px;
  font-weight:1000;
  color:#c4b5fd; /* light violet */
  text-shadow:0 2px 12px rgba(127,90,240,.25);
}
.nx-discount .desc{
  font-size:18px;
  font-weight:900;
  color:#e8e6ff;
}
/* mobile tweak */
@media (max-width: 560px){
  .nx-discount{ padding:16px 18px; gap:14px; }
  .nx-discount .pct{ font-size:48px; }
  .nx-discount .desc{ font-size:16px; }
}

/* slider for maps */
.map-slider{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;}
.map-slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease-in-out;animation:none!important;}
.map-slider img.active{opacity:1;}

.map-prev, .map-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  padding:4px 7px;
  min-width:24px;
  min-height:24px;
  border-radius:9999px;
  border:1px solid rgba(255,255,255,0.28);
  background:rgba(5,15,25,0.7);
  color:#f9fafb;
  font-size:14px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:10;
  box-shadow:0 4px 12px rgba(0,0,0,0.6);
  backdrop-filter:blur(3px);
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}
.map-prev:hover,
.map-next:hover{
  background:rgba(12,24,40,0.95);
  border-color:rgba(255,255,255,0.5);
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 6px 18px rgba(0,0,0,0.85);
}
.map-prev:active,
.map-next:active{
  transform:translateY(-50%) scale(0.97);
  box-shadow:0 2px 8px rgba(0,0,0,0.7);
}

.map-prev{ left:12px; }
.map-next{ right:12px; }

.nx2-hero{
.nx2-hero{
  position:relative;
}
.nx2-hero .nx-badge{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:50 !important;
}

.map-slider img.active{opacity:1;}

/* === Overrides: vibrant violet/blue info boxes for nx2 layout (page /news/1) === */
.news.nx2 .nx-box{
  border:1px solid rgba(168,120,255,0.90) !important;
  background:linear-gradient(140deg,#4a1e7a,#261051) !important;
}
.news.nx2 .nx-thumb{
  border-color:rgba(196,150,255,0.95) !important;
  background:radial-gradient(circle at top,rgba(177,120,255,0.55),#1a0740) !important;
}
.news.nx2 .nx2-chip{
  border:1px solid rgba(177,120,255,0.90) !important;
  background:linear-gradient(145deg,#4a1e7a,#261051) !important;
}
.news.nx2 .nx-callout{
  border:1px solid rgba(188,140,255,0.95) !important;
  background:linear-gradient(140deg,rgba(177,120,255,0.45),rgba(68,200,255,0.22)) !important;
  color:#f0e9ff !important;
}
.news.nx2 .nx-callout strong,
.news.nx2 .nx-callout h3{
  color:#fdf9ff !important;
}
.news.nx2 .nx-callout p{
  color:#e5dcff !important;
}
.news.nx2 .nx-discounts .nx-discount{
  border:1px solid rgba(177,120,255,0.95) !important;
  background:linear-gradient(140deg,#4a1e7a,#261051) !important;
}


/* === dark, section-specific info boxes for nx2 layout (page /news/1) overrides === */

/* Callout – ciemny bursztyn */
.news.nx2 .nx-callout{
  border-color:rgba(248,181,80,.85) !important;
  background:
    radial-gradient(circle at 0 0,rgba(248,181,80,.18),transparent 55%),
    linear-gradient(180deg,#140b06,#060307) !important;
  color:#fee9c5 !important;
}
.news.nx2 .nx-callout strong,
.news.nx2 .nx-callout h3{
  color:#fff3d4 !important;
}
.news.nx2 .nx-callout p{
  color:#fde7bd !important;
}

/* MAPS – zimny ciemny niebieski */
.news.nx2 #maps .nx-box{
  border-color:rgba(56,189,248,.8) !important;
  background:
    radial-gradient(circle at 0 0,rgba(56,189,248,.16),transparent 55%),
    linear-gradient(180deg,#020617,#030816) !important;
}
.news.nx2 #maps .nx-thumb{
  border-color:rgba(56,189,248,.85) !important;
  background:
    radial-gradient(circle at 0 0,rgba(56,189,248,.35),#020712) !important;
}

/* DISCOUNTS – ciemny fiolet / róż */
.news.nx2 #discounts .nx-discounts .nx-discount{
  border-color:rgba(216,180,254,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(244,114,182,.18),transparent 55%),
    linear-gradient(135deg,#3a103a,#150718) !important;
}

/* BOOSTS – ciemny teal / cyan */
.news.nx2 #boosts .nx-box{
  border-color:rgba(34,197,164,.9) !important;
  background:
    radial-gradient(circle at 0 0,rgba(45,212,191,.2),transparent 55%),
    linear-gradient(145deg,#021310,#020908) !important;
}
.news.nx2 #boosts .nx-thumb{
  border-color:rgba(34,197,164,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(34,197,164,.4),#031811) !important;
}

/* SKINS – neonowy ciemny fiolet */
.news.nx2 #skins .nx-box{
  border-color:rgba(192,132,252,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(192,132,252,.22),transparent 55%),
    linear-gradient(145deg,#130324,#070212) !important;
}
.news.nx2 #skins .nx-thumb{
  border-color:rgba(192,132,252,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(192,132,252,.4),#0b0217) !important;
}

/* GODMODE – ciemna czerwień */
.news.nx2 #godmode .nx-box{
  border-color:rgba(248,113,113,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(248,113,113,.24),transparent 55%),
    linear-gradient(145deg,#190208,#090106) !important;
}
.news.nx2 #godmode .nx-thumb{
  border-color:rgba(248,113,113,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(248,113,113,.45),#130005) !important;
}

/* CONTEST – ciemny cyan */
.news.nx2 #contest .nx-box{
  border-color:rgba(56,189,248,.9) !important;
  background:
    radial-gradient(circle at 0 0,rgba(56,189,248,.18),transparent 55%),
    linear-gradient(145deg,#021018,#01070c) !important;
}
.news.nx2 #contest .nx-thumb{
  border-color:rgba(56,189,248,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(56,189,248,.4),#02131c) !important;
}

/* DECOR – ciemny bursztyn */
.news.nx2 #decor .nx-box{
  border-color:rgba(251,191,36,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(251,191,36,.22),transparent 55%),
    linear-gradient(145deg,#191003,#090503) !important;
}
.news.nx2 #decor .nx-thumb{
  border-color:rgba(251,191,36,.95) !important;
  background:
    radial-gradient(circle at 0 0,rgba(251,191,36,.42),#130b03) !important;
}