:root {
  --bg: #070708;
  --bg2: #0d0d0f;
  --text: #ffffff;
  --muted: #d0d0d0;
  --line: rgba(255,255,255,.08);
  --accent: #c40012;
  --accent-2: #ff1f2d;
  --card: rgba(10,10,12,.84);
  --radius: 22px;
  --shadow: 0 20px 80px rgba(0,0,0,.4);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, system-ui, sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }

.bg-noise {
  position: fixed;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 4px 4px;
  opacity: .35;
  pointer-events: none;
  z-index: 0;
}
.page-glow {
  position: fixed;
  border-radius: 50%;
  filter: blur(50px);
  pointer-events: none;
  z-index: 0;
}
.glow-1 { width: 440px; height: 440px; left: -120px; top: 260px; background: rgba(196,0,18,.14); }
.glow-2 { width: 520px; height: 520px; right: -100px; top: 80px; background: rgba(255,31,45,.12); }
.glow-3 { width: 440px; height: 440px; right: -80px; bottom: 140px; background: rgba(196,0,18,.10); }

.container {
  width: min(1500px, calc(100% - 72px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.fullwidth {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.section-space { padding: 110px 0 40px; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(0,0,0,.25);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding-top: 8px;
  padding-bottom: 4px;
}
.nav-inner {
  min-height: 104px;
  display: grid;
  grid-template-columns: 180px 1fr 220px;
  align-items: center;
}
.logo-wrap img { width: 96px; }
.main-nav {
  display: flex;
  justify-content: center;
  gap: 34px;
}
.main-nav a,
.players-pill,
.feature-box h3,
.section-label,
.service-content h3,
.footer-col h4,
.btn,
.faq-item button,
.back-to-top,
.scroll-down {
  font-family: 'Black Ops One', system-ui, sans-serif;
}
.main-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
  transition: .25s ease;
}
.main-nav a:hover { color: var(--accent-2); }
.main-nav a.active, .nav-item > a.active { color: var(--accent-2); }
.main-nav {
  position: relative;
}
.nav-item {
  position: relative;
}
.nav-item > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(255,255,255,.95);
  transition: .25s ease;
}
.nav-item > a:hover { color: var(--accent-2); }
.has-dropdown .mega-dropdown {
  position: absolute;
  top: calc(100% + 60px);
  left: 50%;
  transform: translateX(-50%) translateY(14px);
  width: min(920px, 82vw);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: rgba(10, 8, 10, .58);
  color: #f4f1ec;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.035);
  box-shadow: 0 14px 32px rgba(0,0,0,.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 200;
  overflow: hidden;
}

.has-dropdown:hover .mega-dropdown,
.has-dropdown:focus-within .mega-dropdown,
.has-dropdown.open .mega-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.dropdown-col {
  padding: 22px 28px 18px;
  border-right: 1px solid rgba(255,255,255,.03);
}

.dropdown-col:last-child {
  border-right: 0;
}
.dropdown-col h4 {
  margin: 0 0 18px;
  font-size: 1.05rem;
  font-weight: 800;
  color: #ffffff;
}

.dropdown-link {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  padding: 14px 0;
  color: rgba(255,255,255,.96);
  font-size: 1rem;
  font-weight: 700;
  text-transform: none;
  font-family: Inter, system-ui, sans-serif;
}

.dropdown-link:hover {
  color: #ffb0b7;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
.badge.red { background: #e15858; }
.badge.green { background: #71c83f; }
.badge.yellow { background: #ebc74a; color: #fff; }
.badge.orange { background: #f59e0b; color: #fff; }
.players-pill {
  justify-self: end;
  padding: 0 !important;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  font-size: .94rem;
}
.players-pill::before,
.players-pill::after {
  content: none !important;
  display: none !important;
}
.players-pill * {
  box-shadow: none !important;
  outline: none !important;
}


.ping {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  display: inline-block;
  border-radius: 50%;
  background: #ff1022;
  border: none !important;
  outline: none !important;
  box-shadow: 0 0 0 rgba(255,16,34,.6);
  animation: pulseDot 1.4s infinite ease-in-out;
}


.menu-toggle {
  display: none;
  border: 0;
  background: none;
  width: 46px;
  height: 46px;
  margin-left: auto;
}
.menu-toggle span {
  display: block;
  width: 24px;
  height: 3px;
  background: white;
  margin: 5px auto;
}

.social-fixed {
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.social-fixed a {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(9,9,12,.9);
  transition: .25s ease;
}
.social-fixed a:hover { color: var(--accent-2); transform: translateX(-3px); }
.scroll-down,
.back-to-top {
  position: fixed;
  z-index: 20;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .78rem;
  color: rgba(255,255,255,.92);
}
.scroll-down {
  left: 18px;
  bottom: 100px;
}
.scroll-down::after,
.back-to-top::before {
  content: '';
  display: block;
  width: 2px;
  height: 52px;
  background: linear-gradient(180deg, var(--accent), var(--accent-2));
  margin: 10px auto;
}
.back-to-top {
  right: 18px;
  bottom: 100px;
}

.hero {
  min-height: calc(100vh - 96px);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(5,5,7,.92) 0%, rgba(5,5,7,.82) 36%, rgba(5,5,7,.38) 62%, rgba(5,5,7,.14) 100%),
    radial-gradient(circle at 78% 42%, rgba(196,0,18,.14), transparent 40%);
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.18));
}
.hero-grid {
  display: grid;
  grid-template-columns: minmax(420px, .7fr) minmax(680px, 1.25fr);
  gap: 20px;
  align-items: center;
  min-height: calc(100vh - 96px);
  position: relative;
}
.hero-copy {
  max-width: 620px;
  padding-top: 30px;
}
.hero-copy h1,
.about-content h2,
.stats-left h2,
.faq-left h2,
.social-heading {
  font-family: 'Black Ops One', system-ui, sans-serif;
  line-height: .98;
  text-transform: uppercase;
  margin: 0;
}
.hero-copy h1 {
  font-size: clamp(3.8rem, 7vw, 6rem);
}
.hero-copy h1 span {
  display: block;
  font-size: .56em;
  margin-top: 12px;
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-copy p {
  margin: 28px 0 32px;
  color: rgba(255,255,255,.86);
  font-size: 1.12rem;
  line-height: 1.9;
  max-width: 560px;
}
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border-radius: 14px;
  padding: 18px 26px;
  text-transform: uppercase;
  font-size: .94rem;
  border: 1px solid transparent;
  transition: .25s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn.primary {
  color: white;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  box-shadow: 0 18px 35px rgba(255,90,40,.16);
}
.btn.secondary {
  border-color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.02);
}
.btn i {
  font-size: 1.05rem;
  flex: 0 0 auto;
}
.btn.primary i {
  animation: playFlicker 1.25s ease-in-out infinite;
  transform-origin: center;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.45));
}
@keyframes playFlicker {
  0%, 100% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 6px rgba(255,255,255,.35)); }
  20% { opacity: .72; transform: scale(1.08); filter: drop-shadow(0 0 10px rgba(255,255,255,.75)); }
  40% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 6px rgba(255,255,255,.35)); }
  55% { opacity: .82; transform: scale(1.04); filter: drop-shadow(0 0 12px rgba(255,255,255,.9)); }
  70% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 7px rgba(255,255,255,.45)); }
}
.icon-left i { font-size: 1.1rem; }
.hero-visual {
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-top: 34px;
  padding-bottom: 0;
  z-index: 1;
}
.hero-visual img {
  width: min(700px, 96%);
  max-height: 69vh;
  object-fit: contain;
  object-position: bottom center;
  margin-right: 6px;
  transform: translateY(24px);
  filter: drop-shadow(0 30px 50px rgba(0,0,0,.35));
}
.hero-divider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,31,45,.95), rgba(196,0,18,.95));
  z-index: 3;
}

.feature-strip { position: relative; }
.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
}
.feature-box {
  min-height: 300px;
  padding: 42px 38px 34px;
  text-align: center;
  border-right: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
}
.feature-box:last-child { border-right: none; }
.icon-circle {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin: 0 auto 26px;
  display: grid;
  place-items: center;
  color: var(--accent-2);
  font-size: 1.8rem;
  box-shadow: inset 0 0 22px rgba(196,0,18,.16), 0 0 30px rgba(196,0,18,.10);
}
.feature-box h3 {
  margin: 0 0 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
}
.feature-box p {
  margin: 0;
  color: rgba(255,255,255,.85);
  font-size: 1rem;
  line-height: 1.9;
}

.about-grid,
.stats-grid,
.faq-grid,
.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: center;
}
.about-gallery {
  position: relative;
  min-height: 680px;
}
.floating-year {
  position: absolute;
  font-family: 'Black Ops One', system-ui, sans-serif;
  color: rgba(255,255,255,.12);
  line-height: .9;
  text-transform: uppercase;
  z-index: 0;
  pointer-events: none;
}
.floating-year.top {
  left: 16px;
  top: 26px;
  font-size: 6.5rem;
}
.floating-year.bottom {
  left: 300px;
  bottom: -8px;
  font-size: 5rem;
}
.img-card {
  position: absolute;
  border-radius: 4px;
  overflow: hidden;
  background: #111;
  box-shadow: var(--shadow);
}
.img-card img { width: 100%; height: 100%; object-fit: cover; }
.img-card.left {
  left: 0;
  bottom: 10px;
  width: 305px;
  height: 510px;
}
.img-card.right {
  left: 350px;
  top: 0;
  width: 330px;
  height: 530px;
}
.section-label {
  margin-bottom: 16px;
  color: var(--accent-2);
  letter-spacing: 1px;
  font-size: .84rem;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.section-label::after {
  content: '';
  width: 54px;
  height: 2px;
  background: linear-gradient(90deg, var(--accent-2), var(--accent));
}
.about-content h2,
.stats-left h2,
.faq-left h2,
.social-heading { font-size: clamp(2.9rem, 4vw, 4.7rem); }
.about-content p,
.stats-left p,
.faq-left p,
.footer-col p,
.footer-col small { color: rgba(255,255,255,.85); line-height: 1.95; font-size: 1.04rem; }
.about-content .btn { margin-top: 16px; }


.stats-video {
  position: relative;
  overflow: hidden;
  padding-top: 82px;
  padding-bottom: 86px;
  background:
    radial-gradient(circle at 10% 14%, rgba(255,140,0,.16), transparent 26%),
    radial-gradient(circle at 90% 14%, rgba(255,140,0,.15), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.18)),
    var(--bg);
}
.stats-video::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 36%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 8px);
  opacity: .22;
  pointer-events: none;
}
.stats-video::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,25,45,0), rgba(255,35,55,.98) 12%, rgba(255,35,55,.98) 88%, rgba(255,25,45,0)) top/100% 2px no-repeat,
    linear-gradient(90deg, rgba(255,25,45,0), rgba(255,35,55,.98) 12%, rgba(255,35,55,.98) 88%, rgba(255,25,45,0)) bottom/100% 2px no-repeat,
    linear-gradient(90deg, rgba(255,35,55,0), rgba(255,35,55,.38), rgba(255,35,55,0)) top/100% 10px no-repeat,
    linear-gradient(90deg, rgba(255,35,55,0), rgba(255,35,55,.38), rgba(255,35,55,0)) bottom/100% 10px no-repeat;
}
.stats-grid {
  align-items: start;
  grid-template-columns: minmax(0, 1.02fr) minmax(500px, .98fr);
  gap: 54px;
}
.stats-left {
  padding-top: 16px;
  position: relative;
  z-index: 2;
}
.stats-left h2 {
  font-size: clamp(3.8rem, 5.25vw, 6rem);
  line-height: .92;
  margin-bottom: 28px;
  max-width: 620px;
}
.stats-left p {
  max-width: 660px;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 42px;
}
.stats-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 2px;
  overflow: hidden;
  background: rgba(3,3,6,.20);
  backdrop-filter: blur(3px);
  box-shadow: 0 28px 50px rgba(0,0,0,.22);
}
.stat-item {
  min-height: 212px;
  border-right: 1px solid rgba(255,255,255,.09);
  border-bottom: 1px solid rgba(255,255,255,.09);
  padding: 34px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(5,5,8,.18);
}
.stat-item:nth-child(2n) { border-right: 0; }
.stat-item:nth-last-child(-n+2) { border-bottom: 0; }
.stat-item strong {
  font-family: 'Black Ops One', system-ui, sans-serif;
  font-size: clamp(3.8rem, 5.6vw, 5.95rem);
  line-height: .93;
  margin-bottom: 16px;
}
.stat-item span {
  color: rgba(255,255,255,.88);
  font-size: 1rem;
}
.video-side {
  position: relative;
  min-height: 760px;
  padding-top: 8px;
  z-index: 2;
}
.video-mini-title {
  position: absolute;
  top: 0;
  right: 116px;
  left: auto;
  font-family: 'Black Ops One', system-ui, sans-serif;
  font-size: clamp(2rem, 3vw, 3.45rem);
  line-height: .9;
  color: rgba(255,255,255,.12);
  z-index: 1;
}
.video-title-shadow {
  position: absolute;
  top: 40px;
  right: 6px;
  left: auto;
  font-family: 'Black Ops One', system-ui, sans-serif;
  font-size: clamp(6.8rem, 9vw, 9.9rem);
  line-height: .84;
  color: rgba(255,255,255,.10);
  letter-spacing: .02em;
  z-index: 0;
}
.video-card {
  position: relative;
  min-height: 760px;
  z-index: 2;
}
.video-media-row {
  position: absolute;
  top: 160px;
  left: 0;
  right: 0;
  min-height: 500px;
}
.video-thumb {
  position: absolute;
  left: 0;
  bottom: 56px;
  width: min(100%, 520px);
  height: 356px;
  border: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 2px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.42)),
    url('assets/hero_collage.png') center/cover no-repeat;
  box-shadow: 0 24px 48px rgba(0,0,0,.24);
  overflow: hidden;
  z-index: 2;
}
.video-thumb::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,0) 38%);
}
.video-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255,151,25,.12), transparent 30%);
  pointer-events: none;
}
.video-thumb:hover .play-button,
.video-thumb:focus-visible .play-button {
  transform: translate(-50%, -50%) scale(1.06);
  box-shadow: 0 20px 40px rgba(255,138,0,.34);
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 2px solid rgba(255,176,41,.25);
  background: linear-gradient(180deg, #ffb12a, #ff8a00);
  color: white;
  font-size: 1.18rem;
  box-shadow: 0 18px 34px rgba(255,138,0,.26);
  z-index: 2;
  transition: transform .25s ease, box-shadow .25s ease;
}
.play-button i { transform: translateX(2px); }
.suit-image {
  position: absolute;
  right: -4px;
  bottom: -2px;
  width: 248px;
  max-width: 34%;
  filter: drop-shadow(0 22px 30px rgba(0,0,0,.28));
  pointer-events: none;
  z-index: 3;
}
.video-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 1200;
}
.video-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.video-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.8);
  backdrop-filter: blur(7px);
}
.video-modal-dialog {
  position: relative;
  width: min(1100px, 92vw);
  aspect-ratio: 16 / 9;
  background: #000;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 32px 60px rgba(0,0,0,.45);
  z-index: 1;
}
.video-modal-close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10,10,12,.82);
  color: #fff;
  z-index: 2;
}
.video-modal-frame,
.video-modal-frame iframe,
.video-modal-frame video {
  width: 100%;
  height: 100%;
}
.video-modal-frame iframe,
.video-modal-frame video {
  border: 0;
  display: block;
}
.cards-grid,
.social-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px;
}
.service-card,
.social-card {
  background: rgba(11,11,14,.7);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: var(--shadow);
}
.service-card {
  transition: .28s ease;
}
.service-card:hover { transform: translateY(-8px); }
.service-card img {
  width: 100%;
  aspect-ratio: 1 / .76;
  object-fit: cover;
}
.service-content {
  padding: 20px 22px 24px;
  text-align: center;
}
.service-content h3 {
  margin: 0 0 14px;
  font-size: 1.95rem;
  text-transform: uppercase;
}
.service-content p {
  color: rgba(255,255,255,.82);
  line-height: 1.9;
  min-height: 150px;
}
.arrow-link {
  width: 60px;
  height: 60px;
  margin: 10px auto 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  color: var(--accent-2);
  font-size: 1.5rem;
}

.faq-left { padding-top: 8px; }
.faq-illustration {
  margin-top: 26px;
  max-width: 520px;
}
.faq-right { display: grid; gap: 0; }
.faq-item {
  border: 1px solid var(--line);
  margin-bottom: -1px;
  background: rgba(255,255,255,.01);
}
.faq-item button {
  width: 100%;
  border: 0;
  background: none;
  color: white;
  padding: 28px 28px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.faq-item button i { transition: .25s ease; }
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
}
.faq-answer p {
  margin: 0;
  padding: 0 28px 24px;
  color: rgba(255,255,255,.78);
  line-height: 1.8;
}
.faq-item.active .faq-answer { max-height: 180px; }
.faq-item.active button i { transform: rotate(90deg); color: var(--accent-2); }

.social-heading {
  text-align: center;
  margin-bottom: 34px;
}
.social-card {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  border-radius: 4px;
}
.social-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.social-card:hover img { transform: scale(1.04); }
.social-layer {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.42));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.social-layer i { font-size: 4rem; margin-bottom: 10px; }
.social-layer span { font-size: 1.05rem; }
.social-layer strong {
  margin-top: 6px;
  font-family: 'Black Ops One', system-ui, sans-serif;
  font-size: 2.9rem;
  text-transform: uppercase;
}

.footer {
  margin-top: 90px;
  border-top: 1px solid var(--line);
  padding: 42px 0 60px;
}
.footer-grid {
  align-items: start;
  grid-template-columns: 1.1fr .8fr 1fr;
  gap: 70px;
}
.footer-col img { width: 120px; margin-bottom: 20px; }
.footer-col small { display: block; margin-top: 22px; opacity: .82; }
.links-col { display: flex; flex-direction: column; gap: 20px; }
.links-col a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-transform: uppercase;
}
.links-col i { color: var(--accent-2); width: 18px; }
.contact-col h4 {
  margin: 18px 0 0;
  font-size: 2rem;
  color: var(--accent-2);
  text-transform: uppercase;
}
.footer-socials {
  margin-top: 28px;
  display: flex;
  gap: 12px;
}
.footer-socials a {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: .65s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.delay-1 { transition-delay: .08s; }
.delay-2 { transition-delay: .16s; }
.delay-3 { transition-delay: .24s; }

@media (max-width: 1300px) {
  .container { width: min(100% - 40px, 1500px); }
  .hero-grid,
  .about-grid,
  .stats-grid,
  .faq-grid,
  .footer-grid { grid-template-columns: 1fr; gap: 50px; }
  .hero {
    min-height: auto;
    padding-top: 20px;
  }
  .hero-grid { min-height: auto; padding: 50px 0 0; }
  .hero-copy { max-width: 100%; }
  .hero-visual { justify-content: center; }
  .hero-visual img { margin-right: 0; max-height: 52vh; width: min(520px, 92%); transform: translateY(18px); }
  .stats-grid { gap: 32px; }
  .video-side { min-height: auto; }
  .video-card { min-height: 650px; }
  .video-media-row { top: 150px; min-height: 420px; }
  .video-thumb { width: min(100%, 470px); height: 320px; bottom: 50px; }
  .video-mini-title { right: 80px; top: 0; }
  .video-title-shadow { right: 8px; top: 36px; font-size: clamp(5.5rem, 12vw, 8rem); }
  .suit-image { width: 210px; max-width: 30%; right: 0; }
  .about-gallery { min-height: 560px; }
}

@media (max-width: 1024px) {
  .main-nav,
  .players-pill { display: none; }
  .menu-toggle { display: block; }
  .nav-inner { grid-template-columns: 120px 1fr 56px; min-height: 92px; }
  .main-nav.open {
    position: absolute;
    left: 20px;
    right: 20px;
    top: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 20px;
    background: rgba(9,9,12,.98);
    border: 1px solid var(--line);
  }
  .main-nav.open .has-dropdown,
  .main-nav.open .nav-item,
  .main-nav.open .dropdown-toggle { width: 100%; }
  .main-nav.open .has-dropdown .mega-dropdown {
    position: static;
    width: 100%;
    transform: none;
    margin-top: 12px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: none;
    border-radius: 16px;
  }
  .main-nav.open .has-dropdown.open .mega-dropdown { display: grid; }
  .main-nav.open .has-dropdown.open > .dropdown-toggle { color: var(--accent-2); }
  .feature-grid,
  .cards-grid,
  .social-grid { grid-template-columns: 1fr 1fr; }
  .img-card.left,
  .img-card.right {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: 360px;
  }
  .about-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    min-height: auto;
  }
  .floating-year.top { left: 0; top: -20px; font-size: 4rem; }
  .floating-year.bottom { left: auto; right: 0; bottom: -24px; font-size: 3.5rem; }
  .social-fixed,
  .scroll-down,
  .back-to-top { display: none; }
}

@media (max-width: 768px) {
  .container { width: min(100% - 24px, 1500px); }
  .hero-copy h1 { font-size: 3rem; }
  .hero-copy p { font-size: 1rem; }
  .feature-grid,
  .cards-grid,
  .social-grid,
  .about-gallery,
  .stats-panel { grid-template-columns: 1fr; }
  .feature-box { border-right: none; border-bottom: 1px solid var(--line); }
  .feature-box:last-child { border-bottom: none; }
  .stats-panel { display: grid; }
  .stat-item { border-right: 0 !important; min-height: 170px; }
  .stat-item:not(:last-child) { border-bottom: 1px solid var(--line); }
  .service-content p { min-height: auto; }
  .faq-item button { font-size: .95rem; padding: 22px 18px; }
  .faq-answer p { padding: 0 18px 18px; }
  .video-mini-title { position: relative; left: 0; right: auto; top: 0; font-size: 1.7rem; margin-bottom: 8px; }
  .video-title-shadow { position: relative; left: 0; right: auto; top: 0; font-size: clamp(4.2rem, 16vw, 6rem); margin-bottom: 20px; }
  .video-card { min-height: auto; }
  .video-media-row { position: relative; top: 0; left: 0; right: auto; min-height: auto; display: block; }
  .video-thumb { position: relative; left: 0; bottom: 0; width: 100%; height: 280px; min-height: 280px; }
  .suit-image { display: none; }
  .social-layer strong { font-size: 2rem; }
  .footer-grid { grid-template-columns: 1fr; }
}

@keyframes pulseDot {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,16,34,.75); opacity: 1; }
  50% { transform: scale(1.15); box-shadow: 0 0 0 8px rgba(255,16,34,0); opacity: .95; }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,16,34,0); opacity: 1; }
}

@media (max-width: 900px) {
  .has-dropdown .mega-dropdown {
    grid-template-columns: 1fr;
    width: min(96vw, 560px);
  }
  .dropdown-col {
  padding: 22px 28px 18px;
  border-right: 1px solid rgba(255,255,255,.03);
}

  .dropdown-col:last-child { border-bottom: 0; }
}


.internal-hero {
  position: relative;
  padding: 285px 0 80px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.48)),
    radial-gradient(circle at 75% 25%, rgba(196,0,18,.18), transparent 35%);
}
.internal-hero .container {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 36px;
  align-items: center;
}
.breadcrumbs {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: rgba(255,255,255,.72);
  margin-bottom: 18px;
  font-size: .95rem;
}
.page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  color: #fff;
  margin-bottom: 16px;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-transform: uppercase;
  font-size: .8rem;
}
.internal-title {
  margin: 0 0 18px;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-transform: uppercase;
  line-height: .96;
  font-size: clamp(3rem, 5vw, 4.8rem);
}
.internal-title span {
  display: block;
  margin-top: 10px;
  color: var(--accent-2);
  font-size: .48em;
}
.internal-desc {
  margin: 0;
  max-width: 680px;
  color: rgba(255,255,255,.84);
  line-height: 1.9;
  font-size: 1.07rem;
}
.internal-sidecard {
  border: 1px solid rgba(255,255,255,.035);
  background: rgba(11,11,14,.65);
  border-radius: 22px;
  padding: 26px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
}
.internal-sidecard h3 {
  margin: 0 0 14px;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-transform: uppercase;
  font-size: 1.7rem;
}
.side-list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}
.side-list a, .side-list span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.035);
  color: #fff;
}
.side-list a.active-page {
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(90deg, rgba(196,0,18,.28), rgba(255,31,45,.12));
}
.rules-content {
  padding: 36px 0 80px;
}
.rules-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.rule-card {
  border: 1px solid rgba(255,255,255,.035);
  background: rgba(11,11,14,.68);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
}
.rule-card .rule-number {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  font-family: 'Black Ops One', system-ui, sans-serif;
  font-size: 1.2rem;
  background: linear-gradient(135deg, rgba(196,0,18,.28), rgba(255,31,45,.12));
  border: 1px solid rgba(255,255,255,.035);
}
.rule-card h3 {
  margin: 0 0 12px;
  font-size: 1.2rem;
}
.rule-card p {
  margin: 0;
  color: rgba(255,255,255,.82);
  line-height: 1.85;
}
.rule-note {
  margin-top: 28px;
  padding: 18px 20px;
  border-left: 3px solid var(--accent);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.82);
  border-radius: 0 14px 14px 0;
}
@media (max-width: 1100px) {
  .internal-hero .container,
  .rules-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .internal-hero { padding: 210px 0 55px; }
}

.btn.primary i { margin-right: 2px; }



@media (max-width: 768px) {
  .toast-stack {
    right: 12px;
    left: 12px;
    bottom: 18px;
    width: auto;
  }

  .site-toast {
    grid-template-columns: 42px 1fr auto;
    padding: 14px;
  }

  .toast-icon {
    width: 42px;
    height: 42px;
  }
}


/* Promo / reclame carousel */
.promo-strip {
  position: relative;
  width: 100%;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 16% 50%, rgba(255,31,45,.14), transparent 28%),
    radial-gradient(circle at 84% 50%, rgba(196,0,18,.18), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006));
  overflow: hidden;
}

.promo-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: .28;
  pointer-events: none;
}

.promo-carousel {
  position: relative;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px 7vw;
}

.promo-track {
  position: relative;
  width: min(1220px, 100%);
  min-height: 165px;
}

.promo-slide {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 92px 1fr auto;
  align-items: center;
  gap: 28px;
  padding: 34px 40px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(135deg, rgba(12,12,14,.72), rgba(7,7,9,.48)),
    radial-gradient(circle at right, rgba(255,31,45,.18), transparent 44%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  opacity: 0;
  transform: translateX(80px) scale(.98);
  pointer-events: none;
  transition: opacity .55s ease, transform .55s ease;
  box-shadow: 0 22px 50px rgba(0,0,0,.22);
}

.promo-slide.active {
  opacity: 1;
  transform: translateX(0) scale(1);
  pointer-events: auto;
}

.promo-icon {
  width: 92px;
  height: 92px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  background: radial-gradient(circle, rgba(255,31,45,.35), rgba(196,0,18,.12));
  color: #ff1f2d;
  font-size: 2.3rem;
  box-shadow: 0 0 36px rgba(255,31,45,.22);
  animation: promoIconPulse 2.2s ease-in-out infinite;
}

.promo-copy span {
  display: inline-flex;
  margin-bottom: 10px;
  color: #ff1f2d;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: .78rem;
}

.promo-copy h3 {
  margin: 0 0 10px;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: clamp(2rem, 3vw, 3.35rem);
  line-height: 1;
}

.promo-copy p {
  margin: 0;
  max-width: 720px;
  color: rgba(255,255,255,.78);
  line-height: 1.65;
  font-weight: 700;
}

.promo-btn {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding: 15px 18px;
  border-radius: 14px;
  background: linear-gradient(90deg, #c40012, #ff1f2d);
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 14px 30px rgba(255,31,45,.18);
}

.promo-btn:hover {
  transform: translateY(-2px);
}

.promo-dots {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  display: flex;
  gap: 9px;
  z-index: 2;
}

.promo-dots button {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.25);
  cursor: pointer;
  transition: .25s ease;
}

.promo-dots button.active {
  width: 34px;
  background: #ff1f2d;
  box-shadow: 0 0 16px rgba(255,31,45,.55);
}

@keyframes promoIconPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(255,31,45,.25)); }
  50% { transform: scale(1.08); filter: drop-shadow(0 0 18px rgba(255,31,45,.55)); }
}

@media (max-width: 900px) {
  .promo-carousel {
    min-height: 330px;
    padding: 35px 18px 56px;
  }

  .promo-track {
    min-height: 245px;
  }

  .promo-slide {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
    gap: 18px;
    padding: 28px 22px;
  }

  .promo-copy p {
    max-width: 100%;
  }

  .promo-btn {
    justify-self: center;
  }
}


/* Reclame: varianta curata fara border/casuta/dots */
.promo-carousel {
  min-height: 210px;
  padding: 28px 7vw 24px;
}

.promo-track {
  width: min(1220px, 100%);
  min-height: 135px;
}

.promo-slide {
  grid-template-columns: 120px 1fr auto;
  gap: 30px;
  padding: 10px 6px;
  border-radius: 0;
  border: none;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

.promo-icon {
  width: 120px;
  height: 120px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  animation: none;
  display: grid;
  place-items: center;
}

.promo-icon.logo-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(255,140,0,.18));
}

.promo-copy span {
  margin-bottom: 8px;
}

.promo-copy h3 {
  margin: 0 0 8px;
}

.promo-copy p {
  max-width: 800px;
  color: rgba(255,255,255,.82);
}

.promo-btn {
  align-self: center;
}

.promo-dots {
  display: none !important;
}

@media (max-width: 980px) {
  .promo-slide {
    grid-template-columns: 1fr;
    text-align: left;
    gap: 16px;
    padding: 8px 0;
  }

  .promo-icon,
  .promo-icon.logo-icon img {
    width: 88px;
    height: 88px;
  }

  .promo-btn {
    justify-self: start;
  }
}


/* Reclame: mai lent + linii rosii sus si jos */
.promo-strip {
  border-top: 1px solid rgba(255, 34, 51, .95) !important;
  border-bottom: 1px solid rgba(255, 34, 51, .95) !important;
}

.promo-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,34,51,0) 0%, rgba(255,34,51,.9) 20%, rgba(255,34,51,1) 50%, rgba(255,34,51,.9) 80%, rgba(255,34,51,0) 100%) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(255,34,51,0) 0%, rgba(255,34,51,.9) 20%, rgba(255,34,51,1) 50%, rgba(255,34,51,.9) 80%, rgba(255,34,51,0) 100%) bottom / 100% 1px no-repeat;
  filter: drop-shadow(0 0 8px rgba(255,34,51,.35));
  pointer-events: none;
  z-index: 3;
}

.promo-slide {
  transition: opacity .7s ease, transform .7s ease;
}


/* Update: logo SIREC cu puls + linii rosii fade */
.promo-slide .logo-icon img {
  animation: sirecPulse 2.4s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, filter, opacity;
}

.promo-strip::after {
  animation: redLineFade 3.2s ease-in-out infinite;
}

@keyframes sirecPulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 115, 0, 0));
    opacity: .94;
  }
  50% {
    transform: scale(1.075);
    filter: drop-shadow(0 0 16px rgba(255, 115, 0, .5));
    opacity: 1;
  }
}

@keyframes redLineFade {
  0%, 100% {
    opacity: .45;
    filter: drop-shadow(0 0 4px rgba(255,34,51,.18));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(255,34,51,.45));
  }
}


/* Fix: linii rosii ca la sectiunea video, cu glow + fade subtil */
.promo-strip {
  border-top: 1px solid rgba(255, 34, 51, .95) !important;
  border-bottom: 1px solid rgba(255, 34, 51, .95) !important;
}

.promo-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(255,25,45,0), rgba(255,35,55,.98) 12%, rgba(255,35,55,.98) 88%, rgba(255,25,45,0)) top / 100% 2px no-repeat,
    linear-gradient(90deg, rgba(255,25,45,0), rgba(255,35,55,.98) 12%, rgba(255,35,55,.98) 88%, rgba(255,25,45,0)) bottom / 100% 2px no-repeat,
    linear-gradient(90deg, rgba(255,35,55,0), rgba(255,35,55,.38), rgba(255,35,55,0)) top / 100% 10px no-repeat,
    linear-gradient(90deg, rgba(255,35,55,0), rgba(255,35,55,.38), rgba(255,35,55,0)) bottom / 100% 10px no-repeat;
  opacity: .82;
  animation: promoRedLineFade 3.8s ease-in-out infinite;
}

@keyframes promoRedLineFade {
  0%, 100% {
    opacity: .55;
    filter: drop-shadow(0 0 4px rgba(255,35,55,.18));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(255,35,55,.36));
  }
}


/* Semnatura Wildlands in loc de SINCE */
.floating-year.top.signature-mark {
  left: 14px;
  top: 8px;
  font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;
  font-size: 5.8rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: none;
  line-height: 1;
  color: rgba(255,255,255,.16);
  text-shadow: 0 0 18px rgba(255,255,255,.04), 0 0 30px rgba(255,20,35,.05);
}

@media (max-width: 1100px) {
  .floating-year.top.signature-mark { font-size: 4.8rem; top: 6px; }
}

@media (max-width: 900px) {
  .floating-year.top.signature-mark { font-size: 4rem; top: -4px; }
}


/* About gallery - characters transparente fara card/border */
.about-gallery .img-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.about-gallery .img-card img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.35));
  image-rendering: auto;
}

.about-gallery .img-card.left {
  left: 20px;
  bottom: 4px;
  width: 325px;
  height: 540px;
}

.about-gallery .img-card.right {
  left: 360px;
  top: 8px;
  width: 315px;
  height: 540px;
}

@media (max-width: 900px) {
  .about-gallery .img-card.left,
  .about-gallery .img-card.right {
    width: 42%;
    height: 440px;
  }
  .about-gallery .img-card.right { left: auto; right: 0; }
}

/* Fix final: aceleasi linii rosii pentru sectiunile cu separator */
.promo-strip,
.stats-video {
  border-top: 1px solid rgba(255, 34, 51, .95) !important;
  border-bottom: 1px solid rgba(255, 34, 51, .95) !important;
}

.promo-strip::after,
.stats-video::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(255,25,45,0), rgba(255,35,55,.98) 12%, rgba(255,35,55,.98) 88%, rgba(255,25,45,0)) top / 100% 2px no-repeat,
    linear-gradient(90deg, rgba(255,25,45,0), rgba(255,35,55,.98) 12%, rgba(255,35,55,.98) 88%, rgba(255,25,45,0)) bottom / 100% 2px no-repeat,
    linear-gradient(90deg, rgba(255,35,55,0), rgba(255,35,55,.38), rgba(255,35,55,0)) top / 100% 10px no-repeat,
    linear-gradient(90deg, rgba(255,35,55,0), rgba(255,35,55,.38), rgba(255,35,55,0)) bottom / 100% 10px no-repeat;
  opacity: .82;
  animation: promoRedLineFade 3.8s ease-in-out infinite;
}

/* FINAL FIX - stats/video section aligned closer to reference */
.stats-video {
  border-top: 1px solid rgba(255, 32, 54, .92) !important;
  border-bottom: 1px solid rgba(255, 32, 54, .92) !important;
  padding-top: 78px;
  padding-bottom: 82px;
  background:
    radial-gradient(circle at 10% 12%, rgba(180, 18, 32, .18), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(180, 18, 32, .17), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0) 22%),
    linear-gradient(180deg, rgba(8,8,10,.92), rgba(4,4,6,.97));
}

.stats-video::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 34%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 1px, transparent 1px 8px);
  opacity: .16;
  pointer-events: none;
}

.stats-video::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(255,32,54,0), rgba(255,32,54,.96) 14%, rgba(255,32,54,.96) 86%, rgba(255,32,54,0)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(255,32,54,0), rgba(255,32,54,.96) 14%, rgba(255,32,54,.96) 86%, rgba(255,32,54,0)) bottom/100% 1px no-repeat,
    linear-gradient(90deg, rgba(255,32,54,0), rgba(255,32,54,.24), rgba(255,32,54,0)) top/100% 8px no-repeat,
    linear-gradient(90deg, rgba(255,32,54,0), rgba(255,32,54,.24), rgba(255,32,54,0)) bottom/100% 8px no-repeat;
  opacity: .95;
  animation: none !important;
}

.stats-grid {
  align-items: start;
  grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr);
  gap: 42px;
}

.stats-left {
  padding-top: 10px;
}

.stats-left h2 {
  font-size: clamp(2.8rem, 4.2vw, 4.8rem);
  line-height: .94;
  letter-spacing: 0;
  margin-bottom: 26px;
  max-width: 650px;
}

.stats-left p {
  max-width: 620px;
  font-size: 1rem;
  line-height: 1.65;
  margin-bottom: 36px;
}

.stats-panel {
  max-width: 560px;
  border-color: rgba(255,255,255,.10);
  background: rgba(4,4,8,.16);
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.stat-item {
  min-height: 188px;
  padding: 28px 22px;
  background: rgba(6,6,9,.14);
}

.stat-item strong {
  font-size: clamp(3.25rem, 4.9vw, 4.8rem);
  margin-bottom: 14px;
}

.stat-item span {
  font-size: 0.98rem;
}

.video-side {
  min-height: 640px;
  padding-top: 6px;
}

.video-mini-title {
  top: 2px;
  right: 122px;
  font-size: clamp(1.7rem, 2.5vw, 3rem);
  color: rgba(255,255,255,.10);
}

.video-title-shadow {
  top: 34px;
  right: -2px;
  font-size: clamp(5.2rem, 7vw, 7.8rem);
  color: rgba(255,255,255,.085);
}

.video-card {
  min-height: 640px;
}

.video-media-row {
  top: 132px;
  min-height: 420px;
}

.video-thumb {
  left: 0;
  bottom: 28px;
  width: min(100%, 560px);
  height: 340px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.56), rgba(0,0,0,.72)),
    url('assets/hero_collage.png') center/cover no-repeat;
  box-shadow: 0 22px 42px rgba(0,0,0,.22);
}

.video-thumb::before {
  background:
    linear-gradient(180deg, rgba(0,0,0,.56), rgba(0,0,0,.62)),
    radial-gradient(circle at 75% 20%, rgba(170, 10, 26, .12), transparent 34%);
}

.video-thumb::after {
  background: linear-gradient(135deg, rgba(255,255,255,.02), rgba(255,255,255,0) 44%);
}

.suit-image {
  right: 0;
  bottom: -2px;
  width: 255px;
  max-width: 37%;
  z-index: 3;
}

@media (max-width: 1100px) {
  .stats-grid { gap: 32px; }
  .stats-left h2 { font-size: clamp(2.45rem, 4vw, 4rem); max-width: 560px; }
  .video-side { min-height: 580px; }
  .video-card { min-height: 580px; }
  .video-media-row { top: 118px; min-height: 380px; }
  .video-thumb { width: min(100%, 480px); height: 300px; }
  .suit-image { width: 210px; }
}

@media (max-width: 900px) {
  .stats-grid { grid-template-columns: 1fr; gap: 28px; }
  .stats-left h2 { max-width: 100%; }
  .stats-panel { max-width: 100%; }
  .video-mini-title {
    position: relative;
    right: auto;
    top: 0;
    margin-bottom: 6px;
  }
  .video-title-shadow {
    position: relative;
    right: auto;
    top: 0;
    margin-bottom: 18px;
    font-size: clamp(3.8rem, 14vw, 5.4rem);
  }
  .video-card,
  .video-side { min-height: auto; }
  .video-media-row {
    position: relative;
    top: 0;
    min-height: auto;
    padding-right: 0;
  }
  .video-thumb {
    position: relative;
    width: 100%;
    height: 280px;
    bottom: 0;
  }
  .suit-image {
    position: relative;
    display: block;
    margin: -36px 0 0 auto;
    width: 180px;
    max-width: 46%;
  }
}


/* FINAL FIX 2 - stats/video closer to requested layout */
.stats-video {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255, 24, 45, .95) !important;
  border-bottom: 1px solid rgba(255, 24, 45, .95) !important;
  padding-top: 76px;
  padding-bottom: 84px;
  background:
    radial-gradient(circle at 10% 12%, rgba(120, 0, 14, .42), transparent 26%),
    radial-gradient(circle at 92% 12%, rgba(120, 0, 14, .35), transparent 28%),
    linear-gradient(180deg, rgba(6,6,8,.92), rgba(3,3,5,.97));
}

.stats-video::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(5,5,7,.74), rgba(5,5,7,.84)),
    url('assets/stats_map_bg.png') center center / cover no-repeat,
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 8px);
  opacity: .42;
  filter: grayscale(1) brightness(.55) contrast(1.05);
}

.stats-video::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(255,24,45,0), rgba(255,24,45,.98) 14%, rgba(255,24,45,.98) 86%, rgba(255,24,45,0)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(255,24,45,0), rgba(255,24,45,.98) 14%, rgba(255,24,45,.98) 86%, rgba(255,24,45,0)) bottom/100% 1px no-repeat,
    linear-gradient(90deg, rgba(255,24,45,0), rgba(255,24,45,.20), rgba(255,24,45,0)) top/100% 6px no-repeat,
    linear-gradient(90deg, rgba(255,24,45,0), rgba(255,24,45,.20), rgba(255,24,45,0)) bottom/100% 6px no-repeat;
  opacity: 1;
  animation: none !important;
}

.stats-grid {
  position: relative;
  z-index: 2;
  align-items: start;
  grid-template-columns: minmax(0, 1.15fr) minmax(470px, .85fr);
  gap: 26px;
}

.stats-left {
  padding-top: 8px;
}

.stats-left h2 {
  font-size: clamp(2.8rem, 4vw, 4.8rem);
  line-height: .95;
  margin-bottom: 24px;
  max-width: 860px;
}

.stats-left p {
  max-width: 640px;
  font-size: 1rem;
  line-height: 1.62;
  margin-bottom: 34px;
}

.stats-panel {
  width: min(100%, 530px);
  background: rgba(4,4,7,.20);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 14px 36px rgba(0,0,0,.12);
}

.stat-item {
  min-height: 178px;
  padding: 24px 20px;
  background: rgba(4,4,7,.14);
}

.stat-item strong {
  font-size: clamp(3.2rem, 4.4vw, 4.45rem);
  margin-bottom: 12px;
}

.stat-item span {
  font-size: .96rem;
}

.video-side {
  position: relative;
  min-height: 600px;
  padding-top: 0;
}

.video-mini-title {
  position: absolute;
  top: 0;
  right: 118px;
  font-size: clamp(1.8rem, 2.5vw, 3rem);
  color: rgba(255,255,255,.11);
  z-index: 1;
}

.video-title-shadow {
  position: absolute;
  top: 28px;
  right: 0;
  font-size: clamp(5.5rem, 8vw, 8.4rem);
  color: rgba(255,255,255,.08);
  z-index: 0;
}

.video-card {
  position: relative;
  min-height: 600px;
  z-index: 2;
}

.video-media-row {
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  min-height: 430px;
}

.video-thumb {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: min(100%, 500px);
  height: 320px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.46), rgba(0,0,0,.64)),
    url('assets/hero_collage.png') center/cover no-repeat;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.play-button {
  width: 68px;
  height: 68px;
}

.suit-image {
  position: absolute;
  right: -14px;
  bottom: -4px;
  width: 226px;
  max-width: 38%;
  z-index: 3;
}

@media (max-width: 1220px) {
  .stats-grid {
    grid-template-columns: minmax(0, 1fr) minmax(430px, .92fr);
    gap: 24px;
  }

  .stats-left h2 {
    font-size: clamp(2.5rem, 3.8vw, 4rem);
    max-width: 720px;
  }

  .video-side,
  .video-card {
    min-height: 560px;
  }

  .video-media-row {
    top: 106px;
  }

  .video-thumb {
    width: min(100%, 450px);
    height: 292px;
  }

  .suit-image {
    width: 205px;
  }
}

@media (max-width: 980px) {
  .stats-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .stats-left h2 {
    max-width: 100%;
  }

  .stats-panel {
    width: 100%;
  }

  .video-mini-title,
  .video-title-shadow {
    position: relative;
    right: auto;
    top: 0;
  }

  .video-title-shadow {
    margin-bottom: 16px;
    font-size: clamp(4.2rem, 16vw, 6rem);
  }

  .video-side,
  .video-card {
    min-height: auto;
  }

  .video-media-row {
    position: relative;
    top: 0;
    min-height: auto;
  }

  .video-thumb {
    position: relative;
    width: 100%;
    height: 280px;
    bottom: 0;
  }

  .suit-image {
    position: relative;
    width: 180px;
    max-width: 46%;
    right: auto;
    bottom: auto;
    display: block;
    margin: -28px 0 0 auto;
  }
}

/* FINAL FIX 3 - map background visible on the whole stats section with blur */
.stats-video {
  background:
    radial-gradient(circle at 12% 12%, rgba(125, 0, 18, .30), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(125, 0, 18, .26), transparent 28%),
    linear-gradient(180deg, rgba(6,6,8,.80), rgba(4,4,6,.88));
}

.stats-video::before {
  content: '';
  position: absolute;
  inset: -14px;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(5,5,7,.34), rgba(5,5,7,.46)),
    linear-gradient(90deg, rgba(110,0,16,.16), rgba(0,0,0,0) 22%, rgba(0,0,0,0) 78%, rgba(110,0,16,.16)),
    url('assets/stats_map_bg.png') center center / cover no-repeat;
  opacity: .76;
  filter: blur(4px) grayscale(1) brightness(.70) contrast(1.04);
  transform: scale(1.04);
}

.stats-video .container,
.stats-grid,
.stats-left,
.video-side {
  position: relative;
  z-index: 2;
}


/* FINAL FIX 4 - replace right character with uploaded cowboy */
.stats-left h2 .title-line {
  display: block;
  white-space: nowrap;
}

.stats-left h2 {
  max-width: none;
  font-size: clamp(2.55rem, 3.55vw, 4.4rem);
}

.video-media-row {
  overflow: visible;
}

.suit-image.gunslinger-image {
  position: absolute;
  right: -12px;
  bottom: -22px;
  width: 310px;
  max-width: 46%;
  height: auto;
  object-fit: contain;
  z-index: 2;
  filter: drop-shadow(0 24px 26px rgba(0,0,0,.26));
  pointer-events: none;
}

@media (max-width: 1220px) {
  .stats-left h2 {
    font-size: clamp(2.3rem, 3.2vw, 3.8rem);
  }

  .suit-image.gunslinger-image {
    width: 270px;
    right: -10px;
    bottom: -18px;
  }
}

@media (max-width: 980px) {
  .stats-left h2 .title-line {
    white-space: normal;
  }

  .stats-left h2 {
    font-size: clamp(2.15rem, 8vw, 3.2rem);
  }

  .suit-image.gunslinger-image {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    margin: -16px 0 0 auto;
    width: 220px;
    max-width: 52%;
  }
}

/* FINAL FIX 5 - bigger cowboy, dropped nicely on bottom red line */
.suit-image.gunslinger-image {
  right: -6px;
  bottom: -46px;
  width: 395px;
  max-width: 56%;
  z-index: 2;
  filter: drop-shadow(0 26px 28px rgba(0,0,0,.28));
}

@media (max-width: 1220px) {
  .suit-image.gunslinger-image {
    right: -4px;
    bottom: -38px;
    width: 340px;
    max-width: 52%;
  }
}

@media (max-width: 980px) {
  .suit-image.gunslinger-image {
    position: relative;
    right: auto;
    bottom: auto;
    width: 240px;
    max-width: 58%;
    margin: -22px 0 0 auto;
  }
}

/* FINAL FIX 6 - cowboy much bigger and sitting directly on the bottom red line */
.suit-image.gunslinger-image {
  right: -14px;
  bottom: -86px;
  width: 470px;
  max-width: 64%;
  z-index: 2;
  filter: drop-shadow(0 28px 30px rgba(0,0,0,.30));
}

@media (max-width: 1220px) {
  .suit-image.gunslinger-image {
    right: -10px;
    bottom: -72px;
    width: 405px;
    max-width: 58%;
  }
}

@media (max-width: 980px) {
  .suit-image.gunslinger-image {
    position: relative;
    right: auto;
    bottom: auto;
    width: 260px;
    max-width: 62%;
    margin: -28px 0 0 auto;
  }
}

/* FINAL FIX 7 - slightly larger and lower so it lands on the bottom red line */
.suit-image.gunslinger-image {
  right: -18px;
  bottom: -118px;
  width: 525px;
  max-width: 69%;
  z-index: 2;
  filter: drop-shadow(0 30px 32px rgba(0,0,0,.32));
}

@media (max-width: 1220px) {
  .suit-image.gunslinger-image {
    right: -14px;
    bottom: -96px;
    width: 450px;
    max-width: 62%;
  }
}

@media (max-width: 980px) {
  .suit-image.gunslinger-image {
    position: relative;
    right: auto;
    bottom: auto;
    width: 280px;
    max-width: 64%;
    margin: -30px 0 0 auto;
  }
}

/* FINAL FIX 8 - last adjustment: closer to top hero style */
.suit-image.gunslinger-image {
  right: -22px;
  bottom: -142px;
  width: 575px;
  max-width: 72%;
  z-index: 2;
  filter: drop-shadow(0 32px 34px rgba(0,0,0,.34));
}

@media (max-width: 1220px) {
  .suit-image.gunslinger-image {
    right: -16px;
    bottom: -112px;
    width: 485px;
    max-width: 64%;
  }
}

@media (max-width: 980px) {
  .suit-image.gunslinger-image {
    position: relative;
    right: auto;
    bottom: auto;
    width: 290px;
    max-width: 66%;
    margin: -34px 0 0 auto;
  }
}

/* FINAL FIX 9 - separate video from character and make white floating play button */
.video-side,
.video-card {
  min-height: 650px;
}

.video-media-row {
  top: 118px;
  min-height: 470px;
}

.video-thumb {
  left: 8px;
  bottom: 56px;
  width: min(100%, 455px);
  height: 300px;
  z-index: 1;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.7);
  background: rgba(255,255,255,.96);
  color: #0d0d10;
  box-shadow: 0 14px 32px rgba(255,255,255,.18), 0 0 0 10px rgba(255,255,255,.06);
  animation: playFloatWhite 2.7s ease-in-out infinite;
}

.play-button i {
  transform: translateX(2px);
}

.video-thumb:hover .play-button,
.video-thumb:focus-visible .play-button {
  transform: translate(-50%, -52%) scale(1.06);
  box-shadow: 0 18px 36px rgba(255,255,255,.24), 0 0 0 12px rgba(255,255,255,.08);
}

@keyframes playFloatWhite {
  0%, 100% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, -56%);
  }
}

.suit-image.gunslinger-image {
  right: -34px;
  bottom: -154px;
  width: 555px;
  max-width: 70%;
  z-index: 2;
}

@media (max-width: 1220px) {
  .video-side,
  .video-card {
    min-height: 610px;
  }

  .video-thumb {
    width: min(100%, 405px);
    height: 280px;
    bottom: 56px;
  }

  .suit-image.gunslinger-image {
    right: -24px;
    bottom: -128px;
    width: 470px;
    max-width: 60%;
  }
}

@media (max-width: 980px) {
  .video-side,
  .video-card {
    min-height: auto;
  }

  .video-media-row {
    min-height: auto;
  }

  .video-thumb {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 280px;
  }

  .play-button {
    width: 72px;
    height: 72px;
  }

  .suit-image.gunslinger-image {
    position: relative;
    right: auto;
    bottom: auto;
    width: 290px;
    max-width: 66%;
    margin: -34px 0 0 auto;
  }
}

/* FINAL FIX 10 - play button like the provided red rounded button */
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 86px;
  height: 56px;
  border-radius: 18px;
  border: 0;
  background: linear-gradient(180deg, #ff3a32 0%, #f51f1f 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(245, 31, 31, .28);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: playButtonFloatRed 2.7s ease-in-out infinite;
}

.play-button i {
  font-size: 1.45rem;
  transform: translateX(2px);
}

.video-thumb:hover .play-button,
.video-thumb:focus-visible .play-button {
  transform: translate(-50%, -53%) scale(1.04);
  box-shadow: 0 18px 34px rgba(245, 31, 31, .34);
}

@keyframes playButtonFloatRed {
  0%, 100% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, -55%);
  }
}

@media (max-width: 980px) {
  .play-button {
    width: 80px;
    height: 52px;
    border-radius: 16px;
  }

  .play-button i {
    font-size: 1.3rem;
  }
}


/* FINAL FIX 11 - direct inline YouTube video instead of image/modal */
.video-thumb.video-inline-player {
  background: #000 !important;
  overflow: hidden;
}

.video-thumb.video-inline-player::before,
.video-thumb.video-inline-player::after {
  display: none !important;
}

.video-thumb.video-inline-player.is-playing {
  cursor: default;
}

.video-thumb.video-inline-player iframe,
.video-thumb.video-inline-player video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #000;
  z-index: 4;
}

.video-thumb.video-inline-player.is-playing .play-button {
  display: none !important;
}

.video-empty {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 800;
  text-align: center;
  padding: 20px;
}


/* FINAL FIX 12 - direct autoplay muted video, wider and less tall */
.video-side,
.video-card {
  min-height: 610px;
}

.video-media-row {
  top: 130px;
  min-height: 400px;
}

.video-thumb.video-inline-player {
  position: absolute;
  left: 8px;
  bottom: 92px;
  width: min(100%, 540px);
  height: 250px;
  background: #000 !important;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
}

.video-thumb.video-inline-player::before,
.video-thumb.video-inline-player::after {
  display: none !important;
}

.video-thumb.video-inline-player iframe,
.video-thumb.video-inline-player video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #000;
}

.play-button {
  display: none !important;
}

@media (max-width: 1220px) {
  .video-side,
  .video-card {
    min-height: 585px;
  }

  .video-thumb.video-inline-player {
    width: min(100%, 470px);
    height: 230px;
    bottom: 92px;
  }
}

@media (max-width: 980px) {
  .video-side,
  .video-card {
    min-height: auto;
  }

  .video-media-row {
    min-height: auto;
  }

  .video-thumb.video-inline-player {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 230px;
  }
}


/* FINAL FIX 13 - titlul nu mai intra peste zona de video */
.stats-left {
  padding-right: 36px;
}

.stats-left h2 {
  max-width: 760px !important;
  font-size: clamp(2.2rem, 3vw, 3.8rem) !important;
  line-height: .95;
}

.stats-left h2 .title-line {
  white-space: nowrap;
}

@media (max-width: 1220px) {
  .stats-left {
    padding-right: 20px;
  }

  .stats-left h2 {
    max-width: 620px !important;
    font-size: clamp(2rem, 2.7vw, 3.2rem) !important;
  }
}

@media (max-width: 980px) {
  .stats-left {
    padding-right: 0;
  }

  .stats-left h2 {
    max-width: 100% !important;
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }

  .stats-left h2 .title-line {
    white-space: normal;
  }
}


/* FINAL FIX 14 - caracter mai jos si mai mare, sa stea pe linia rosie */
.suit-image.gunslinger-image {
  right: -26px !important;
  bottom: -176px !important;
  width: 610px !important;
  max-width: 76% !important;
  z-index: 2;
  filter: drop-shadow(0 34px 36px rgba(0,0,0,.34));
}

@media (max-width: 1220px) {
  .suit-image.gunslinger-image {
    right: -18px !important;
    bottom: -138px !important;
    width: 510px !important;
    max-width: 67% !important;
  }
}

@media (max-width: 980px) {
  .suit-image.gunslinger-image {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 300px !important;
    max-width: 68% !important;
    margin: -38px 0 0 auto !important;
  }
}








/* FINAL FIX 20 - stil pentru sistemul existent #toastStack / .site-toast */
.toast-stack {
  position: fixed;
  top: 0;
  right: 14px;
  z-index: 99999;
  width: min(430px, calc(100vw - 28px));
  pointer-events: none;
}

.site-toast {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 40px 26px;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 12px 16px;
  background: rgba(10,10,12,.94);
  color: #fff;
  border-left: 1px solid rgba(255,255,255,.08);
  border-right: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 35px rgba(0,0,0,.28);
  transform: translateY(-12px);
  opacity: 0;
  transition: opacity .24s ease, transform .24s ease;
  pointer-events: auto;
  overflow: hidden;
}

.site-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.site-toast .toast-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.site-toast .toast-content strong,
.site-toast .toast-content span {
  color: #fff;
  line-height: 1.35;
}

.site-toast .toast-content strong {
  font-size: 15px;
  font-weight: 800;
}

.site-toast .toast-content span {
  font-size: 14px;
  font-weight: 700;
}

.site-toast .toast-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #ffffff;
  font-size: 1.35rem;
  border-left: 1px solid rgba(255,255,255,.12);
}

.site-toast .toast-close {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.75);
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.site-toast .toast-close:hover {
  color: #fff;
}

.site-toast .toast-accent {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: #ff1f2d;
}

.site-toast.warning .toast-accent {
  background: #ff1f2d;
}


/* FINAL FIX 21 - efect de fulger pe hero */
.hero {
  isolation: isolate;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  background:
    radial-gradient(circle at 72% 34%, rgba(255,255,255,.28), transparent 22%),
    linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.14) 55%, rgba(255,255,255,.02));
  mix-blend-mode: screen;
}

.hero.lightning-strike::after {
  animation: heroLightningFlash .65s ease-out forwards;
}

.hero-visual {
  overflow: visible;
}

.hero-lightning {
  position: absolute;
  right: 16%;
  top: 4%;
  width: 240px;
  height: 470px;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transform: rotate(10deg) scale(.92);
  filter:
    drop-shadow(0 0 12px rgba(255,255,255,.95))
    drop-shadow(0 0 28px rgba(146, 220, 255, .55));
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 470'>\
<path d='M140 0 L80 120 L125 120 L72 242 L122 242 L52 470 L186 266 L132 266 L198 118 L145 118 Z' fill='white'/>\
</svg>");
}

.hero.lightning-strike .hero-lightning {
  animation: heroLightningBolt .65s ease-out forwards;
}

.hero.lightning-strike .hero-copy h1,
.hero.lightning-strike .hero-copy p {
  animation: heroLightningText .65s ease-out forwards;
}

@keyframes heroLightningFlash {
  0% { opacity: 0; }
  8% { opacity: .95; }
  18% { opacity: .18; }
  28% { opacity: .84; }
  40% { opacity: .10; }
  100% { opacity: 0; }
}

@keyframes heroLightningBolt {
  0% { opacity: 0; transform: rotate(10deg) scale(.9); }
  8% { opacity: 1; transform: rotate(10deg) scale(1); }
  20% { opacity: .22; }
  30% { opacity: .95; }
  42% { opacity: .10; }
  100% { opacity: 0; transform: rotate(10deg) scale(1.02); }
}

@keyframes heroLightningText {
  0% { filter: brightness(1); }
  10% { filter: brightness(1.55) drop-shadow(0 0 14px rgba(255,255,255,.12)); }
  100% { filter: brightness(1); }
}

@media (max-width: 1100px) {
  .hero-lightning {
    right: 10%;
    width: 190px;
    height: 360px;
  }
}

@media (max-width: 768px) {
  .hero-lightning {
    right: 4%;
    top: 10%;
    width: 150px;
    height: 280px;
    opacity: 0;
  }
}


/* FINAL FIX 22 - fulgere mai realiste, cu ramuri si flash natural */
.hero-lightning {
  right: 11%;
  top: -4%;
  width: 360px;
  height: 560px;
  opacity: 0;
  transform: rotate(3deg) scale(.96);
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,1))
    drop-shadow(0 0 14px rgba(190,230,255,.9))
    drop-shadow(0 0 34px rgba(90,160,255,.45));
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 560'>\
<defs>\
<filter id='glow' x='-60%' y='-60%' width='220%' height='220%'>\
<feGaussianBlur stdDeviation='3.5' result='b'/>\
<feMerge><feMergeNode in='b'/><feMergeNode in='SourceGraphic'/></feMerge>\
</filter>\
</defs>\
<g fill='none' stroke-linecap='round' stroke-linejoin='round' filter='url(%23glow)'>\
<path d='M202 2 C184 52 169 82 154 126 C141 165 133 202 119 246 C106 286 96 323 84 362 C72 403 60 458 45 558' stroke='rgba(255,255,255,0.98)' stroke-width='7'/>\
<path d='M202 2 C184 52 169 82 154 126 C141 165 133 202 119 246 C106 286 96 323 84 362 C72 403 60 458 45 558' stroke='rgba(150,210,255,0.75)' stroke-width='14' opacity='.44'/>\
<path d='M154 126 C196 138 217 157 254 196 C284 226 304 248 343 276' stroke='rgba(255,255,255,0.95)' stroke-width='4.2'/>\
<path d='M119 246 C156 256 181 282 221 317' stroke='rgba(255,255,255,0.9)' stroke-width='3.8'/>\
<path d='M105 292 C68 300 45 318 12 347' stroke='rgba(255,255,255,0.86)' stroke-width='3.6'/>\
<path d='M84 362 C119 376 143 399 174 436' stroke='rgba(255,255,255,0.82)' stroke-width='3.4'/>\
<path d='M70 420 C42 438 28 459 8 500' stroke='rgba(255,255,255,0.76)' stroke-width='3'/>\
<path d='M254 196 C235 219 220 238 204 271' stroke='rgba(255,255,255,0.78)' stroke-width='2.5'/>\
<path d='M221 317 C250 329 275 350 313 382' stroke='rgba(255,255,255,0.72)' stroke-width='2.5'/>\
</g>\
</svg>");
}

.hero.lightning-strike::after {
  animation: heroRealLightningFlash .9s steps(1, end) forwards;
}

.hero.lightning-strike .hero-lightning {
  animation: heroRealLightningBolt .9s steps(1, end) forwards;
}

.hero.lightning-strike .hero-copy h1,
.hero.lightning-strike .hero-copy p,
.hero.lightning-strike .hero-visual img {
  animation: heroRealLightningLit .9s steps(1, end) forwards;
}

@keyframes heroRealLightningBolt {
  0%   { opacity: 0; transform: translate(0,0) rotate(2deg) scale(.96); }
  6%   { opacity: 1; transform: translate(-8px,2px) rotate(3deg) scale(1); }
  10%  { opacity: .05; }
  15%  { opacity: .92; transform: translate(4px,-2px) rotate(1deg) scale(1.01); }
  19%  { opacity: .18; }
  25%  { opacity: 1; transform: translate(-2px,0) rotate(3deg) scale(1); }
  31%  { opacity: .08; }
  100% { opacity: 0; transform: translate(0,0) rotate(2deg) scale(.99); }
}

@keyframes heroRealLightningFlash {
  0%   { opacity: 0; }
  6%   { opacity: .85; }
  10%  { opacity: .10; }
  15%  { opacity: .65; }
  19%  { opacity: .04; }
  25%  { opacity: .48; }
  35%  { opacity: .03; }
  100% { opacity: 0; }
}

@keyframes heroRealLightningLit {
  0%   { filter: brightness(1); }
  6%   { filter: brightness(1.45) contrast(1.08) drop-shadow(0 0 18px rgba(190,230,255,.18)); }
  10%  { filter: brightness(1.03); }
  15%  { filter: brightness(1.32) contrast(1.05) drop-shadow(0 0 16px rgba(190,230,255,.14)); }
  20%  { filter: brightness(1); }
  25%  { filter: brightness(1.2); }
  100% { filter: brightness(1); }
}

@media (max-width: 1100px) {
  .hero-lightning {
    right: 7%;
    top: 2%;
    width: 280px;
    height: 440px;
  }
}

@media (max-width: 768px) {
  .hero-lightning {
    right: 2%;
    top: 8%;
    width: 210px;
    height: 340px;
  }
}


/* FINAL FIX 23 - cardurile arata ca modelul: poza mare sus + text peste card */
.cards {
  background:
    radial-gradient(circle at 12% 20%, rgba(120,0,15,.16), transparent 30%),
    linear-gradient(180deg, rgba(4,4,6,.95), rgba(3,3,5,.98));
}

.cards-grid {
  align-items: stretch;
}

.service-card {
  position: relative;
  overflow: hidden;
  min-height: 525px;
  border-radius: 9px;
  background: rgba(0,0,0,.30);
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 26px 50px rgba(0,0,0,.18);
  backdrop-filter: blur(2px);
}

.service-card img {
  width: 100%;
  height: 285px;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: brightness(.96) contrast(1.06);
}

.service-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 185px;
  bottom: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.54) 16%, rgba(0,0,0,.80) 42%, rgba(0,0,0,.38) 100%);
  z-index: 1;
}

.service-content {
  position: relative;
  z-index: 2;
  margin-top: -40px;
  padding: 0 36px 112px;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.service-content h3 {
  margin: 0 0 18px;
  font-size: clamp(1.7rem, 2vw, 2.2rem);
  line-height: .96;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-shadow: 0 5px 16px rgba(0,0,0,.65);
}

.service-content p {
  margin: 0;
  color: rgba(255,255,255,.92);
  font-size: 1.02rem;
  line-height: 1.6;
  font-weight: 700;
  text-shadow: 0 3px 12px rgba(0,0,0,.55);
}

.service-card .arrow-link {
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  width: 72px;
  height: 72px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: #ff1f2d;
  display: grid;
  place-items: center;
  font-size: 2rem;
  transition: transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease;
}

.service-card:hover .arrow-link {
  transform: translateX(-50%) translateY(-4px);
  border-color: rgba(255,31,45,.62);
  background: rgba(255,31,45,.10);
  color: #ff3340;
}

.service-card:hover {
  transform: translateY(-8px);
}

@media (max-width: 980px) {
  .service-card {
    min-height: 500px;
  }

  .service-card img {
    height: 255px;
  }

  .service-content {
    padding: 0 28px 104px;
  }
}

/* FINAL FIX 24 - carduri exact ca modelul trimis, transparente si tema rosie */
.cards {
  padding: 76px 0 92px;
  background:
    radial-gradient(circle at 0% 50%, rgba(135, 0, 0, .30), transparent 28%),
    radial-gradient(circle at 100% 20%, rgba(170, 0, 0, .18), transparent 32%),
    linear-gradient(180deg, rgba(6, 6, 7, .98), rgba(2, 2, 3, .99));
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px;
  align-items: start;
}

.service-card {
  position: relative;
  overflow: visible;
  min-height: 610px;
  border-radius: 7px;
  background: rgba(0, 0, 0, .18);
  border: 1px solid rgba(255, 255, 255, .13);
  box-shadow: none;
  backdrop-filter: none;
  transform: none;
}

.service-card:nth-child(2) {
  margin-top: 74px;
}

.service-card:hover {
  transform: translateY(-7px);
  border-color: rgba(255,255,255,.1);
  background: rgba(10, 0, 0, .24);
}

.service-card img {
  width: 100%;
  height: 335px;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 7px 7px 0 0;
  filter: brightness(1.02) contrast(1.08) saturate(1.05);
}

.service-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 230px;
  height: 175px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 52%, rgba(0,0,0,.98) 100%);
  z-index: 1;
}

.service-content {
  position: relative;
  z-index: 2;
  margin-top: -36px;
  min-height: 295px;
  padding: 0 34px 104px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.service-content h3 {
  margin: 0 0 18px;
  max-width: 100%;
  font-family: 'Black Ops One', system-ui, sans-serif;
  font-size: clamp(1.85rem, 2.15vw, 2.45rem);
  line-height: .95;
  letter-spacing: .02em;
  color: #fff;
  text-transform: uppercase;
  white-space: normal;
  text-shadow: 0 5px 16px rgba(0,0,0,.75);
}

.service-content p {
  margin: 0 auto;
  max-width: 360px;
  min-height: 0;
  color: rgba(255, 255, 255, .91);
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.55;
  text-shadow: 0 3px 12px rgba(0,0,0,.65);
}

.service-card .arrow-link {
  position: absolute;
  left: 50%;
  bottom: -26px;
  transform: translateX(-50%);
  width: 72px;
  height: 72px;
  margin: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(0,0,0,.20);
  color: #ff1f2d;
  font-size: 2rem;
  transition: transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}

.service-card .arrow-link i {
  color: #ff1f2d;
}

.service-card:hover .arrow-link {
  transform: translateX(-50%) translateY(-5px);
  border-color: rgba(255,31,45,.70);
  background: rgba(255,31,45,.12);
  color: #ff3340;
  box-shadow: 0 0 24px rgba(255,31,45,.18);
}

.service-card:hover .arrow-link i {
  color: #ff3340;
}

@media (max-width: 1180px) {
  .cards-grid { gap: 28px; }
  .service-card { min-height: 585px; }
  .service-card img { height: 300px; }
  .service-content { padding-inline: 26px; }
  .service-content p { font-size: .96rem; }
}

@media (max-width: 980px) {
  .cards-grid {
    grid-template-columns: 1fr;
    gap: 72px;
    max-width: 520px;
  }
  .service-card,
  .service-card:nth-child(2) {
    margin-top: 0;
    min-height: auto;
  }
  .service-card img { height: 310px; }
  .service-content { min-height: 270px; }
}

/* FINAL FIX 26 - titlurile cardurilor pe o singura linie */
.service-content h3 {
  white-space: nowrap !important;
  font-size: clamp(1.45rem, 1.9vw, 2.15rem) !important;
  line-height: 1 !important;
}

@media (max-width: 1180px) {
  .service-content h3 {
    white-space: normal !important;
  }
}


/* Footer compact, pe model: 3 coloane, dar mai ingust si mai curat */
.footer {
  margin-top: 95px;
  padding: 34px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 10% 22%, rgba(183, 0, 0, .12), transparent 26%),
    radial-gradient(circle at 86% 18%, rgba(183, 0, 0, .10), transparent 28%),
    linear-gradient(180deg, rgba(6,6,6,.94), rgba(10,10,10,.97));
}

.footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, #ff1f2d 18%, #ff1f2d 82%, transparent 100%) !important;
  box-shadow: 0 0 18px rgba(255, 31, 45, .75), 0 0 35px rgba(255, 31, 45, .35) !important;
}

.footer-showcase {
  width: min(1180px, calc(100% - 180px));
  min-height: 245px;
  display: grid;
  grid-template-columns: .95fr .72fr 1fr;
  gap: 0;
  align-items: stretch;
  margin: 0 auto;
}
.footer-block {
  min-height: 245px;
  padding: 34px 46px 30px;
  display: flex;
  flex-direction: column;
}
.footer-brand-block {
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-nav-block,
.footer-contact-block {
  border-left: 1px solid rgba(255,255,255,.10);
}
.footer-logo {
  width: 92px;
  height: auto;
  margin: 0 0 44px;
  filter: drop-shadow(0 0 14px rgba(255,0,0,.24));
}
.footer-copy {
  font-family: 'Bebas Neue', 'Black Ops One', system-ui, sans-serif;
  letter-spacing: .3px;
  color: #fff;
  font-size: .92rem;
  line-height: 1.35;
  margin-bottom: 14px;
}
.footer-disclaimer {
  max-width: 330px;
  color: rgba(255,255,255,.70);
  font-size: .76rem;
  line-height: 1.62;
  margin: 0;
}
.footer-main-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer-main-links a,
.footer-policy-links a {
  color: #fff;
  font-family: 'Black Ops One', system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: .45px;
  font-size: .86rem;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.footer-main-links i {
  width: 21px;
  color: #fff;
  font-size: 1.08rem;
}
.footer-policy-links {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 28px;
  padding-top: 32px;
}
.footer-policy-links a {
  position: relative;
  font-size: .74rem;
  line-height: 1.25;
}
.footer-policy-links a::before {
  content: '';
  width: 22px;
  height: 1px;
  background: rgba(255,255,255,.48);
  display: inline-block;
  margin-right: 0;
}
.footer-contact-block {
  justify-content: space-between;
}
.footer-contact-text {
  max-width: 420px;
  margin-top: 2px;
}
.footer-contact-text p {
  color: rgba(255,255,255,.82);
  font-size: .92rem;
  line-height: 1.62;
  margin: 0 0 14px;
}
.footer-contact-text h4 {
  margin: 0;
  font-family: 'Black Ops One', system-ui, sans-serif;
  color: var(--accent-2);
  font-size: clamp(1.2rem, 1.55vw, 1.7rem);
  text-transform: uppercase;
  letter-spacing: .8px;
}
.footer-socials {
  margin: 28px 0 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.footer-socials a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  background: rgba(255,255,255,.02);
  font-size: .78rem;
  transition: .25s ease;
}
.footer-socials a:hover {
  color: var(--accent-2);
  border-color: rgba(255,0,0,.38);
  transform: translateY(-2px);
}

@media (max-width: 1100px) {
  .footer-showcase {
    grid-template-columns: 1fr;
    width: min(720px, calc(100% - 34px));
  }
  .footer-block {
    min-height: auto;
    padding: 42px 20px;
    text-align: center;
    align-items: center;
  }
  .footer-nav-block,
  .footer-contact-block {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.13);
  }
  .footer-logo { margin-bottom: 30px; }
  .footer-main-links { align-items: center; }
  .footer-policy-links { justify-content: center; flex-wrap: wrap; gap: 18px; }
  .footer-contact-text { margin-top: 0; }
  .footer-socials { justify-content: center; }
}

/* FINAL FIX - Footer pozitionat ca modelul trimis, dar in tematica Wildlands */
.footer {
  position: relative !important;
  margin-top: 80px !important;
  padding: 34px 0 34px !important;
  border-top: 0 !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(160, 0, 0, .22), transparent 34%),
    radial-gradient(circle at 100% 50%, rgba(160, 0, 0, .20), transparent 32%),
    linear-gradient(180deg, rgba(7, 7, 7, .98), rgba(13, 13, 13, .98)) !important;
}

.footer-showcase {
  width: min(1200px, calc(100% - 80px)) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1.25fr .8fr .8fr 1fr !important;
  gap: 70px !important;
  align-items: start !important;
}

.footer-col {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.footer-col h4 {
  margin: 0 0 14px !important;
  font-family: 'Black Ops One', system-ui, sans-serif !important;
  color: var(--accent-2) !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  letter-spacing: .9px !important;
}

.footer-col p,
.footer-col a {
  margin: 0 !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: .95rem !important;
  line-height: 1.55 !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
}

.footer-col a {
  margin-bottom: 8px !important;
  transition: color .2s ease, transform .2s ease !important;
}

.footer-col a:hover {
  color: #ff2a2a !important;
  transform: translateX(3px) !important;
}

.footer-brand-col p {
  color: rgba(255, 255, 255, .82) !important;
}

/* ascunde vechile elemente daca mai raman pe alte pagini */
.footer-logo,
.footer-copy,
.footer-disclaimer,
.footer-main-links,
.footer-policy-links,
.footer-socials,
.footer-block {
  all: unset;
}

@media (max-width: 900px) {
  .footer-showcase {
    width: min(720px, calc(100% - 34px)) !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 40px !important;
  }
}

@media (max-width: 560px) {
  .footer-showcase {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}


/* COD PENAL - tema albastra pentru politie */
.badge.blue {
  background: #1f6feb;
  color: #fff;
}

body.cod-penal-theme {
  --police-blue: #1f7cff;
  --police-blue-2: #45a3ff;
  --police-blue-soft: rgba(31, 124, 255, .16);
}

body.cod-penal-theme .page-glow.glow-1,
body.cod-penal-theme .page-glow.glow-2,
body.cod-penal-theme .page-glow.glow-3 {
  background: radial-gradient(circle, rgba(31, 124, 255, .22), transparent 62%) !important;
}

body.cod-penal-theme .main-nav a.active,
body.cod-penal-theme .nav-item > a.active,
body.cod-penal-theme .main-nav a.active i {
  color: var(--police-blue-2) !important;
  text-shadow: 0 0 18px rgba(31,124,255,.42);
}

body.cod-penal-theme .main-nav a:hover {
  color: var(--police-blue-2) !important;
}

body.cod-penal-theme .page-kicker {
  border-color: rgba(69, 163, 255, .28);
  background: rgba(31, 124, 255, .08);
  color: var(--police-blue-2);
}

body.cod-penal-theme .internal-title span {
  color: var(--police-blue-2) !important;
  text-shadow: 0 0 22px rgba(31,124,255,.30);
}

body.cod-penal-theme .internal-sidecard,
body.cod-penal-theme .rule-card {
  border-color: rgba(69, 163, 255, .10) !important;
  background: linear-gradient(180deg, rgba(9,12,18,.72), rgba(8,10,14,.66)) !important;
}

body.cod-penal-theme .side-list a.active-page {
  border-color: rgba(69, 163, 255, .24) !important;
  background: linear-gradient(90deg, rgba(31, 124, 255, .28), rgba(69, 163, 255, .10)) !important;
  color: #eaf4ff !important;
}

body.cod-penal-theme .side-list a.active-page i,
body.cod-penal-theme .rule-card .rule-number {
  color: var(--police-blue-2) !important;
}

body.cod-penal-theme .rule-card .rule-number {
  background: linear-gradient(135deg, rgba(31, 124, 255, .30), rgba(69, 163, 255, .10)) !important;
  border-color: rgba(69, 163, 255, .18) !important;
  box-shadow: 0 0 24px rgba(31,124,255,.10);
}

body.cod-penal-theme .rule-note {
  border-left-color: var(--police-blue) !important;
  background: rgba(31, 124, 255, .055) !important;
}

body.cod-penal-theme .footer::before {
  background: linear-gradient(90deg, transparent 0%, #1f7cff 18%, #45a3ff 82%, transparent 100%) !important;
  box-shadow: 0 0 18px rgba(31,124,255,.42) !important;
}

body.cod-penal-theme .footer-col h4,
body.cod-penal-theme .footer-col a:hover {
  color: var(--police-blue-2) !important;
}

/* Efect sirene discret pentru pagina Cod Penal - fundal animat, interfata ramane albastra */
body.cod-penal-theme::before,
body.cod-penal-theme::after {
  content: "";
  position: fixed;
  inset: -18%;
  pointer-events: none;
  z-index: 0;
  opacity: .34;
  mix-blend-mode: screen;
  filter: blur(42px);
  transform: translateZ(0);
}

body.cod-penal-theme::before {
  background:
    radial-gradient(circle at 18% 34%, rgba(255, 20, 38, .42), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(255, 20, 38, .26), transparent 24%),
    linear-gradient(115deg, transparent 0%, rgba(255, 20, 38, .16) 42%, transparent 64%);
  animation: policeSirenRed 5.8s ease-in-out infinite;
}

body.cod-penal-theme::after {
  background:
    radial-gradient(circle at 72% 38%, rgba(31, 124, 255, .38), transparent 28%),
    radial-gradient(circle at 30% 18%, rgba(69, 163, 255, .20), transparent 22%),
    linear-gradient(245deg, transparent 0%, rgba(31, 124, 255, .14) 40%, transparent 62%);
  animation: policeSirenBlue 5.8s ease-in-out infinite;
}

@keyframes policeSirenRed {
  0%, 100% { opacity: .14; transform: translateX(-5%) scale(1); }
  22% { opacity: .52; transform: translateX(2%) scale(1.05); }
  48% { opacity: .20; transform: translateX(6%) scale(1.02); }
  72% { opacity: .46; transform: translateX(-2%) scale(1.07); }
}

@keyframes policeSirenBlue {
  0%, 100% { opacity: .44; transform: translateX(4%) scale(1.04); }
  25% { opacity: .16; transform: translateX(-3%) scale(1); }
  52% { opacity: .50; transform: translateX(-6%) scale(1.06); }
  78% { opacity: .18; transform: translateX(3%) scale(1.01); }
}

body.cod-penal-theme .topbar,
body.cod-penal-theme .internal-sidecard,
body.cod-penal-theme .rule-card,
body.cod-penal-theme .footer {
  position: relative;
}

body.cod-penal-theme .internal-hero,
body.cod-penal-theme .rules-content,
body.cod-penal-theme .footer {
  isolation: isolate;
}

/* COD PENAL - background harta + sirene discrete in spate */
body.cod-penal-theme {
  background:
    linear-gradient(180deg, rgba(2,4,7,.90), rgba(2,4,7,.92)),
    radial-gradient(circle at 78% 20%, rgba(31,124,255,.09), transparent 34%),
    url('assets/stats_map_bg.png') center top / cover fixed no-repeat,
    #050607 !important;
}

body.cod-penal-theme .internal-hero {
  background:
    linear-gradient(180deg, rgba(2,4,7,.26), rgba(2,4,7,.64)),
    radial-gradient(circle at 78% 30%, rgba(31,124,255,.12), transparent 36%) !important;
}

body.cod-penal-theme .rules-content {
  background: linear-gradient(180deg, rgba(2,4,7,.34), rgba(2,4,7,.56)) !important;
}

body.cod-penal-theme .page-glow.glow-1,
body.cod-penal-theme .page-glow.glow-2,
body.cod-penal-theme .page-glow.glow-3 {
  background: radial-gradient(circle, rgba(31,124,255,.13), transparent 66%) !important;
  opacity: .72 !important;
}

body.cod-penal-theme::before,
body.cod-penal-theme::after {
  content: "" !important;
  position: fixed !important;
  left: -35vw !important;
  right: auto !important;
  top: -25vh !important;
  width: 72vw !important;
  height: 150vh !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0;
  filter: blur(34px) !important;
  mix-blend-mode: screen !important;
  transform: translateX(-70vw) rotate(14deg) !important;
  will-change: transform, opacity;
}

body.cod-penal-theme::before {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,20,35,0) 36%,
    rgba(255,20,35,.24) 48%,
    rgba(255,20,35,.58) 52%,
    rgba(255,20,35,.20) 58%,
    rgba(255,20,35,0) 70%,
    transparent 100%) !important;
  animation: codPenalSirenRedSweep 11s ease-in-out infinite !important;
}

body.cod-penal-theme::after {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(31,124,255,0) 35%,
    rgba(31,124,255,.22) 47%,
    rgba(69,163,255,.62) 52%,
    rgba(31,124,255,.20) 58%,
    rgba(31,124,255,0) 70%,
    transparent 100%) !important;
  animation: codPenalSirenBlueSweep 11s ease-in-out infinite !important;
  animation-delay: 1.15s !important;
}

@keyframes codPenalSirenRedSweep {
  0%, 14%, 100% { opacity: 0; transform: translateX(-70vw) rotate(14deg); }
  18% { opacity: .26; }
  28% { opacity: .16; }
  38% { opacity: .28; transform: translateX(138vw) rotate(14deg); }
  45%, 100% { opacity: 0; transform: translateX(138vw) rotate(14deg); }
}

@keyframes codPenalSirenBlueSweep {
  0%, 20%, 100% { opacity: 0; transform: translateX(138vw) rotate(14deg); }
  24% { opacity: .30; }
  34% { opacity: .18; }
  44% { opacity: .32; transform: translateX(-70vw) rotate(14deg); }
  52%, 100% { opacity: 0; transform: translateX(-70vw) rotate(14deg); }
}

body.cod-penal-theme .bg-noise {
  opacity: .23 !important;
}

body.cod-penal-theme .internal-sidecard,
body.cod-penal-theme .rule-card,
body.cod-penal-theme .footer,
body.cod-penal-theme .topbar {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* FIX COD PENAL - jos/footer fara rosu static, doar tema politie albastra */
body.cod-penal-theme .footer {
  background:
    radial-gradient(circle at 12% 50%, rgba(31, 124, 255, .10), transparent 30%),
    radial-gradient(circle at 88% 50%, rgba(69, 163, 255, .08), transparent 28%),
    linear-gradient(180deg, rgba(4, 8, 13, .98), rgba(6, 8, 12, .99)) !important;
}

body.cod-penal-theme .footer::before {
  background: linear-gradient(90deg, transparent 0%, rgba(31,124,255,.08) 10%, #1f7cff 50%, rgba(69,163,255,.18) 90%, transparent 100%) !important;
  box-shadow: 0 0 14px rgba(31,124,255,.35) !important;
}

body.cod-penal-theme .footer-col h4 {
  color: #45a3ff !important;
}

/* Legal badge silver override */
.badge.yellow{background:#94a3b8;color:#fff;}
.badge.silver{background:#94a3b8;color:#fff;}
.dropdown-link:hover .badge.yellow{background:#cbd5e1;color:#111827;}


/* FINAL OVERRIDE - promo strip silver clean */
.promo-strip {
  border-top: 1px solid rgba(229,231,235,.34) !important;
  border-bottom: 1px solid rgba(229,231,235,.34) !important;
  background:
    radial-gradient(circle at 16% 50%, rgba(148,163,184,.12), transparent 28%) !important,
    radial-gradient(circle at 84% 50%, rgba(229,231,235,.10), transparent 28%) !important,
    linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,.006)) !important;
}

.promo-strip::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 3 !important;
  background:
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.90) 14%, rgba(229,231,235,.90) 86%, rgba(229,231,235,0)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.90) 14%, rgba(229,231,235,.90) 86%, rgba(229,231,235,0)) bottom/100% 1px no-repeat,
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.14), rgba(229,231,235,0)) top/100% 6px no-repeat,
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.14), rgba(229,231,235,0)) bottom/100% 6px no-repeat !important;
  opacity: .86 !important;
  filter: none !important;
  animation: none !important;
}

.promo-slide {
  border: 1px solid rgba(255,255,255,.06) !important;
  background:
    linear-gradient(135deg, rgba(8,12,18,.86), rgba(4,7,12,.68)) !important;
  box-shadow: none !important;
}

.promo-icon {
  background: radial-gradient(circle, rgba(203,213,225,.18), rgba(148,163,184,.08)) !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
  animation: none !important;
}

.promo-copy span {
  color: #cbd5e1 !important;
}

.promo-btn {
  background: #94a3b8 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
  transform: none !important;
}

.promo-btn:hover,
.promo-btn:focus,
.promo-btn:active {
  background: #a7b4c7 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

.promo-dots button.active {
  background: #cbd5e1 !important;
  box-shadow: none !important;
}


/* WILDLANDS FINAL NO RED OVERRIDE - ARGINTIU TOTAL */
/* Nu modifica aranjarea, doar forteaza culorile pe tema argintie. */
:root{
  --accent:#94a3b8 !important;
  --accent-2:#e5e7eb !important;
  --silver-main:#cbd5e1 !important;
  --silver-soft:#94a3b8 !important;
  --silver-light:#e5e7eb !important;
  --silver-bg:#05080d !important;
}

/* Glow general */
.glow-1,
.glow-2,
.glow-3,
.page-glow{
  background:rgba(203,213,225,.08) !important;
  box-shadow:none !important;
}

/* Header/nav/link accents */
.main-nav a:hover,
.main-nav a.active,
.nav-item > a:hover,
.nav-item > a.active,
.social-fixed a:hover,
.section-label,
.links-col i,
.contact-col h4,
.faq-item.active button i,
.arrow-link{
  color:#e5e7eb !important;
}

.section-label::after,
.scroll-down::after,
.back-to-top::before,
.wl-side-scroll::before{
  background:linear-gradient(180deg,#cbd5e1,#94a3b8) !important;
  box-shadow:0 0 12px rgba(203,213,225,.22) !important;
}

/* Hero si separatoare */
.hero{
  background:
    linear-gradient(90deg, rgba(5,8,13,.94) 0%, rgba(5,8,13,.84) 36%, rgba(15,23,42,.40) 62%, rgba(15,23,42,.16) 100%),
    radial-gradient(circle at 78% 42%, rgba(203,213,225,.10), transparent 40%) !important;
}

.hero-copy h1 span,
.internal-title span{
  background:linear-gradient(180deg,#ffffff,#cbd5e1) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  color:#cbd5e1 !important;
}

.hero-divider{
  background:linear-gradient(90deg,rgba(203,213,225,0),rgba(203,213,225,.95),rgba(203,213,225,0)) !important;
}

/* Butoane */
.btn.primary,
.promo-btn{
  background:#94a3b8 !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.btn.primary:hover,
.promo-btn:hover{
  background:#a7b4c7 !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

/* Promo strip curat, fara rosu/fara umbra urata */
.promo-strip{
  border-top:1px solid rgba(229,231,235,.28) !important;
  border-bottom:1px solid rgba(229,231,235,.28) !important;
  background:
    radial-gradient(circle at 16% 50%, rgba(148,163,184,.11), transparent 28%),
    radial-gradient(circle at 84% 50%, rgba(229,231,235,.09), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,.006)) !important;
}

.promo-strip::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:3 !important;
  background:
    linear-gradient(90deg,rgba(229,231,235,0),rgba(229,231,235,.82) 14%,rgba(229,231,235,.82) 86%,rgba(229,231,235,0)) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(229,231,235,0),rgba(229,231,235,.82) 14%,rgba(229,231,235,.82) 86%,rgba(229,231,235,0)) bottom/100% 1px no-repeat !important;
  filter:none !important;
  animation:none !important;
  opacity:.82 !important;
}

.promo-slide{
  border:1px solid rgba(255,255,255,.055) !important;
  background:linear-gradient(135deg, rgba(8,12,18,.84), rgba(4,7,12,.64)) !important;
  box-shadow:none !important;
}

.promo-icon{
  background:rgba(203,213,225,.08) !important;
  color:#e5e7eb !important;
  box-shadow:none !important;
  animation:none !important;
}

.promo-copy span{
  color:#cbd5e1 !important;
}

.promo-dots button.active{
  background:#cbd5e1 !important;
  box-shadow:none !important;
}

/* Stats/video fara rosu */
.stats-video{
  border-top:1px solid rgba(229,231,235,.28) !important;
  border-bottom:1px solid rgba(229,231,235,.28) !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(148,163,184,.10), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(229,231,235,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0) 22%),
    linear-gradient(180deg, rgba(8,10,14,.92), rgba(4,6,10,.97)) !important;
}

.stats-video::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:3 !important;
  background:
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.78) 14%, rgba(229,231,235,.78) 86%, rgba(229,231,235,0)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.78) 14%, rgba(229,231,235,.78) 86%, rgba(229,231,235,0)) bottom/100% 1px no-repeat !important;
  opacity:.82 !important;
  animation:none !important;
  filter:none !important;
}

/* Cards: fundal, iconite si hover fara rosu */
.cards{
  background:
    radial-gradient(circle at 0% 50%, rgba(148,163,184,.12), transparent 28%),
    radial-gradient(circle at 100% 20%, rgba(229,231,235,.08), transparent 32%),
    linear-gradient(180deg, rgba(6,8,13,.98), rgba(2,3,6,.99)) !important;
}

.service-card:hover{
  background:rgba(9,12,18,.26) !important;
  border-color:rgba(229,231,235,.16) !important;
}

.service-card .arrow-link,
.service-card .arrow-link i{
  color:#e5e7eb !important;
}

.service-card .arrow-link{
  border:1px solid rgba(229,231,235,.22) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:none !important;
}

.service-card:hover .arrow-link{
  border-color:rgba(229,231,235,.52) !important;
  background:rgba(203,213,225,.10) !important;
  color:#ffffff !important;
  box-shadow:0 0 20px rgba(203,213,225,.10) !important;
}

.service-card:hover .arrow-link i{
  color:#ffffff !important;
}

/* Footer fara linie rosie */
.footer{
  border-top:1px solid rgba(229,231,235,.18) !important;
  background:
    radial-gradient(circle at 12% 50%, rgba(229,231,235,.08), transparent 30%),
    radial-gradient(circle at 88% 50%, rgba(203,213,225,.06), transparent 28%),
    linear-gradient(180deg, rgba(4,8,13,.98), rgba(6,8,12,.99)) !important;
}

.footer::before{
  background:linear-gradient(90deg, transparent 0%, rgba(229,231,235,.08) 10%, #e5e7eb 50%, rgba(203,213,225,.18) 90%, transparent 100%) !important;
  box-shadow:0 0 14px rgba(229,231,235,.22) !important;
}

/* Badges care erau rosii */
.badge.red,
.site-toast .toast-accent,
.site-toast.warning .toast-accent{
  background:#94a3b8 !important;
  color:#ffffff !important;
}

/* Extra siguranta pentru orice border/box-shadow rosu ramas pe elementele principale */
.promo-strip,
.promo-slide,
.stats-video,
.cards,
.service-card,
.service-card .arrow-link,
.footer,
.btn.primary,
.promo-btn{
  text-shadow:none !important;
}


/* WILDLANDS PROMO CLEAN NO CUTS FINAL */
/* Curata reclama/carousel: fara chenar, fara taieturi, fara fundal patrat urat. */
.promo-strip{
  position:relative !important;
  border-top:0 !important;
  border-bottom:0 !important;
  background:
    radial-gradient(circle at 10% 50%, rgba(203,213,225,.10), transparent 28%),
    radial-gradient(circle at 88% 45%, rgba(148,163,184,.08), transparent 30%),
    linear-gradient(180deg, rgba(12,18,26,.92), rgba(7,11,18,.96)) !important;
  overflow:hidden !important;
}

.promo-strip::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) !important;
  background-size:80px 80px !important;
  opacity:.20 !important;
}

.promo-strip::after{
  display:none !important;
  content:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  animation:none !important;
}

.promo-carousel{
  padding:34px 7vw !important;
  min-height:190px !important;
}

.promo-track{
  min-height:128px !important;
}

/* Cardul nu mai are cutie/taieturi/border. Ramane doar continutul frumos. */
.promo-slide{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-radius:0 !important;
  padding:22px 26px !important;
}

/* Sterge orice overlay/linie care poate taia reclama */
.promo-slide::before,
.promo-slide::after{
  display:none !important;
  content:none !important;
}

/* Logo curat, fara patrat inchis vizibil */
.promo-icon{
  width:96px !important;
  height:96px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.035) !important;
  border:0 !important;
  box-shadow:none !important;
  color:#e5e7eb !important;
  animation:none !important;
}

.promo-icon.logo-icon{
  background:transparent !important;
}

.promo-icon.logo-icon img{
  width:96px !important;
  height:96px !important;
  object-fit:contain !important;
  filter:none !important;
  animation:none !important;
  opacity:1 !important;
}

/* Text mai curat si lizibil */
.promo-copy span{
  color:#cbd5e1 !important;
  opacity:.88 !important;
  margin-bottom:8px !important;
  text-shadow:none !important;
}

.promo-copy h3{
  color:#ffffff !important;
  text-shadow:0 8px 22px rgba(0,0,0,.45) !important;
}

.promo-copy p{
  color:rgba(255,255,255,.86) !important;
  text-shadow:none !important;
  line-height:1.65 !important;
}

/* Buton simplu si frumos */
.promo-btn{
  border:0 !important;
  outline:0 !important;
  background:#94a3b8 !important;
  color:#ffffff !important;
  box-shadow:none !important;
  text-shadow:none !important;
  border-radius:12px !important;
  padding:15px 20px !important;
}

.promo-btn:hover{
  background:#a7b4c7 !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
  box-shadow:none !important;
}

/* Scoate orice rosu ramas in zona promo */
.promo-strip *,
.promo-slide *,
.promo-btn *{
  border-color:rgba(229,231,235,.20) !important;
}

@media(max-width:900px){
  .promo-carousel{
    min-height:300px !important;
    padding:30px 18px 50px !important;
  }
  .promo-track{
    min-height:230px !important;
  }
  .promo-slide{
    padding:22px 14px !important;
  }
}


/* WILDLANDS PROMO LINE BACK - SILVER CLEAN */
/* Pune inapoi linia, dar curata: subtire, argintie, fara rosu si fara taieturi. */
.promo-strip{
  border-top:1px solid rgba(229,231,235,.28) !important;
  border-bottom:1px solid rgba(229,231,235,.28) !important;
}

.promo-strip::after{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  pointer-events:none !important;
  z-index:3 !important;
  background:
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.72) 18%, rgba(229,231,235,.72) 82%, rgba(229,231,235,0)) top/100% 1px no-repeat,
    linear-gradient(90deg, rgba(229,231,235,0), rgba(229,231,235,.72) 18%, rgba(229,231,235,.72) 82%, rgba(229,231,235,0)) bottom/100% 1px no-repeat !important;
  opacity:.85 !important;
  filter:none !important;
  box-shadow:none !important;
  animation:none !important;
}


/* WILDLANDS PROMO SPACING FIX - RIDICAT DE PE LINIE */
/* Ridica reclama putin si lasa respiratie fata de linia de jos. */
.promo-carousel{
  min-height:230px !important;
  padding:46px 7vw 64px !important;
  align-items:center !important;
}

.promo-track{
  min-height:130px !important;
}

.promo-slide{
  align-items:center !important;
  padding:18px 26px 28px !important;
  transform:translateY(-8px) !important;
}

.promo-slide.active{
  transform:translateY(-8px) !important;
}

/* Pe mobil pastram spatiu bun, fara sa se lipeasca de linie */
@media(max-width:900px){
  .promo-carousel{
    min-height:320px !important;
    padding:38px 18px 70px !important;
  }

  .promo-slide,
  .promo-slide.active{
    transform:translateY(-6px) !important;
  }
}


/* WILDLANDS SCROLL BUTTONS THEME COLOR FIX */
/* Scroll Down / Back To Top folosesc culoarea temei, nu rosu. */
:root{
  --wl-theme-accent:#cbd5e1;
  --wl-theme-accent-2:#e5e7eb;
}

/* Pentru paginile docs/teme */
body.cod-penal-theme,
body.gang-theme{
  --wl-theme-accent:#cbd5e1 !important;
  --wl-theme-accent-2:#e5e7eb !important;
  --wl-side-accent:#cbd5e1 !important;
}

/* Butoanele laterale noi */
.wl-side-scroll{
  color:#ffffff !important;
}

.wl-side-scroll:hover{
  color:var(--wl-theme-accent-2) !important;
}

.wl-side-scroll::before{
  background:var(--wl-theme-accent) !important;
  box-shadow:0 0 14px rgba(203,213,225,.35) !important;
}

/* Compatibilitate cu clasele vechi */
.scroll-down,
.back-to-top{
  color:#ffffff !important;
}

.scroll-down:hover,
.back-to-top:hover{
  color:var(--wl-theme-accent-2) !important;
}

.scroll-down::after,
.back-to-top::before{
  background:linear-gradient(180deg, var(--wl-theme-accent-2), var(--wl-theme-accent)) !important;
  box-shadow:0 0 14px rgba(203,213,225,.35) !important;
}

/* Daca exista reguli care forteaza rosu pe pseudo-elemente */
.wl-scroll-down::before,
.wl-back-top::before{
  background:var(--wl-theme-accent) !important;
  box-shadow:0 0 14px rgba(203,213,225,.35) !important;
}

/* WILDLANDS FORCE SCROLL SIDE COLOR FINAL */
/* Ultimul override: elimina rosu de la Scroll Down / Back To Top. */
html body{
  --wl-side-accent:#cbd5e1 !important;
  --docs-page-accent:#cbd5e1 !important;
  --accent:#94a3b8 !important;
  --accent-2:#e5e7eb !important;
}

html body .wl-side-scroll,
html body .wl-scroll-down,
html body .wl-back-top,
html body .scroll-down,
html body .back-to-top,
html body .side-tag,
html body .back-top-label{
  color:#ffffff !important;
  text-shadow:none !important;
}

html body .wl-side-scroll:hover,
html body .wl-scroll-down:hover,
html body .wl-back-top:hover,
html body .scroll-down:hover,
html body .back-to-top:hover,
html body .side-tag:hover,
html body .back-top-label:hover{
  color:#cbd5e1 !important;
}

/* Linia verticala de langa text - toate clasele posibile */
html body .wl-side-scroll::before,
html body .wl-scroll-down::before,
html body .wl-back-top::before,
html body .scroll-down::before,
html body .scroll-down::after,
html body .back-to-top::before,
html body .back-to-top::after,
html body .side-tag::before,
html body .side-tag::after,
html body .back-top-label::before,
html body .back-top-label::after{
  background:#cbd5e1 !important;
  background-color:#cbd5e1 !important;
  background-image:none !important;
  box-shadow:0 0 12px rgba(203,213,225,.35) !important;
  filter:none !important;
  border-color:#cbd5e1 !important;
}

/* Pentru cazul in care linia e facuta prin border-left/right */
html body .wl-side-scroll,
html body .wl-scroll-down,
html body .wl-back-top,
html body .scroll-down,
html body .back-to-top,
html body .side-tag,
html body .back-top-label{
  border-color:#cbd5e1 !important;
}

/* Daca exista buton vechi cu span intern pentru linie */
html body .wl-side-scroll span,
html body .scroll-down span,
html body .back-to-top span,
html body .side-tag span,
html body .back-top-label span{
  background:#cbd5e1 !important;
  background-color:#cbd5e1 !important;
  background-image:none !important;
  box-shadow:0 0 12px rgba(203,213,225,.35) !important;
}

/* WILDLANDS DROPDOWN BADGES COLOR RESTORE */
/* Repara culorile badge-urilor din meniul Reguli, fara sa schimbe tema argintie generala. */
html body .mega-dropdown .badge.red,
html body .dropdown-link .badge.red,
html body .badge.red{
  background:#e15858 !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

html body .mega-dropdown .badge.yellow,
html body .dropdown-link .badge.yellow,
html body .badge.yellow{
  background:#ebc74a !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

html body .mega-dropdown .badge.green,
html body .dropdown-link .badge.green,
html body .badge.green{
  background:#71c83f !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

html body .mega-dropdown .badge.blue,
html body .dropdown-link .badge.blue,
html body .badge.blue{
  background:#1f7cff !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

html body .mega-dropdown .badge.orange,
html body .dropdown-link .badge.orange,
html body .badge.orange{
  background:#f59e0b !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

/* WILDLANDS PLAYERS PILL GREY PULSE FIX */
/* Face "0 Jucatori Online" sa arate ca in exemplul bun, dar cu bulina gri pulsanta. */
.players-pill{
  justify-self:end !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:#ffffff !important;
  font-family:'Black Ops One', system-ui, sans-serif !important;
  font-size:1rem !important;
  font-weight:400 !important;
  letter-spacing:.4px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
  white-space:nowrap !important;
}

.players-pill::before,
.players-pill::after{
  content:none !important;
  display:none !important;
}

.players-pill *{
  box-shadow:none !important;
  outline:none !important;
}

.players-pill .ping,
.ping{
  width:12px !important;
  height:12px !important;
  flex:0 0 12px !important;
  display:inline-block !important;
  border-radius:50% !important;
  background:#cbd5e1 !important;
  border:none !important;
  outline:none !important;
  box-shadow:0 0 0 0 rgba(203,213,225,.55) !important;
  animation:wlGreyPulse 1.6s infinite ease-in-out !important;
}

@keyframes wlGreyPulse{
  0%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(203,213,225,.55);
    opacity:1;
  }
  50%{
    transform:scale(1.14);
    box-shadow:0 0 0 8px rgba(203,213,225,0);
    opacity:.96;
  }
  100%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(203,213,225,0);
    opacity:1;
  }
}

/* in caz ca exista stiluri speciale pe pagina */
.topbar .players-pill,
.nav-inner .players-pill{
  color:#ffffff !important;
  font-family:'Black Ops One', system-ui, sans-serif !important;
  text-transform:uppercase !important;
}


/* FOOTER NAVIGATIE PE 2 COLOANE - FINAL */
.footer-showcase .footer-col:nth-child(3){
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  column-gap:24px !important;
  row-gap:6px !important;
  align-content:start !important;
}

.footer-showcase .footer-col:nth-child(3) h4{
  grid-column:1 / -1 !important;
  margin-bottom:10px !important;
}

.footer-showcase .footer-col:nth-child(3) a{
  margin:0 0 7px !important;
  white-space:nowrap !important;
}

@media(max-width:900px){
  .footer-showcase .footer-col:nth-child(3){
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:520px){
  .footer-showcase .footer-col:nth-child(3){
    grid-template-columns:1fr !important;
  }
}


/* NAV BAR SMOKE EFFECT - WILDLANDS */
.main-nav a,
.nav-item > a{
  position:relative;
  isolation:isolate;
  overflow:visible;
}

.main-nav a::before,
.nav-item > a::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:118%;
  height:175%;
  transform:translate(-50%,-50%) scale(.78);
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  z-index:-1;
  filter:blur(18px);
  background:
    radial-gradient(circle at 28% 50%, rgba(255,255,255,.13), transparent 30%),
    radial-gradient(circle at 70% 45%, rgba(255,75,87,.12), transparent 34%),
    radial-gradient(circle at 52% 60%, rgba(203,213,225,.10), transparent 38%);
  transition:opacity .28s ease, transform .28s ease;
}

.main-nav a::after,
.nav-item > a::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-6px;
  height:2px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  z-index:-1;
  filter:blur(7px);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), rgba(255,75,87,.48), transparent);
  transition:opacity .28s ease, transform .28s ease;
  transform:translateY(3px);
}

.main-nav a:hover::before,
.main-nav a.active::before,
.nav-item > a:hover::before,
.nav-item > a.active::before{
  opacity:1;
  transform:translate(-50%,-50%) scale(1.04);
  animation:wlNavSmokeFloat 2.7s ease-in-out infinite;
}

.main-nav a:hover::after,
.main-nav a.active::after,
.nav-item > a:hover::after,
.nav-item > a.active::after{
  opacity:.95;
  transform:translateY(0);
  animation:wlNavSmokeLine 2s ease-in-out infinite;
}

@keyframes wlNavSmokeFloat{
  0%,100%{
    transform:translate(-50%,-50%) scale(1.00) translate3d(0,0,0);
    filter:blur(18px);
  }
  35%{
    transform:translate(-49%,-52%) scale(1.08) translate3d(3px,-2px,0);
    filter:blur(21px);
  }
  70%{
    transform:translate(-52%,-48%) scale(1.03) translate3d(-3px,2px,0);
    filter:blur(19px);
  }
}

@keyframes wlNavSmokeLine{
  0%,100%{opacity:.55;}
  50%{opacity:1;}
}

@media(prefers-reduced-motion:reduce){
  .main-nav a::before,
  .main-nav a::after,
  .nav-item > a::before,
  .nav-item > a::after{
    animation:none !important;
    transition:none !important;
  }
}


/* UPDATE PAGE + NAV UPDATE LINK */
.main-nav{
  gap:26px;
}

body.update-theme .main-nav a.active{
  color:#cbd5e1 !important;
  text-shadow:0 0 18px rgba(229,231,235,.28);
}

body.update-theme .med-banner{
  background:
    linear-gradient(90deg, rgba(3,5,11,.82) 0%, rgba(15,23,42,.66) 38%, rgba(71,85,105,.38) 100%),
    radial-gradient(circle at 78% 30%, rgba(255,75,87,.10), transparent 34%),
    url('assets/stats_map_bg.png') center center / cover no-repeat !important;
}

body.update-theme .med-badge{
  background:#cbd5e1 !important;
  color:#111827 !important;
}

@media(max-width:1180px){
  .main-nav{
    gap:18px;
  }
  .main-nav a,
  .nav-item > a{
    font-size:.92rem;
  }
}




/* FINAL NAV ORDER + SPACING FIX */
.main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px !important;
  flex-wrap:nowrap;
}

.main-nav > a,
.main-nav > .nav-item > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}

.main-nav > .nav-item{
  display:inline-flex;
  align-items:center;
}

@media(max-width:1180px){
  .main-nav{
    gap:18px !important;
  }
  .main-nav > a,
  .main-nav > .nav-item > a{
    font-size:.92rem;
  }
}

@media(max-width:980px){
  .main-nav{
    gap:14px !important;
  }
  .main-nav > a,
  .main-nav > .nav-item > a{
    font-size:.88rem;
  }
}

/* FINAL UPDATE - imagini clare pentru carduri si social media */
.service-card img {
  image-rendering: auto;
  filter: brightness(1.06) contrast(1.12) saturate(1.08) !important;
}

.social-card {
  min-height: 270px;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 45px rgba(0,0,0,.28);
}

.social-card img {
  image-rendering: auto;
  filter: brightness(1.08) contrast(1.12) saturate(1.12);
}

.social-layer {
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.34) 55%, rgba(0,0,0,.58));
  text-shadow: 0 4px 18px rgba(0,0,0,.85);
}

/* KRSCRIPTS: ascunde complet indicatorul Membri Discord de pe paginile de regulament */
.players-pill,
[data-discord-members],
.discord-members,
.discord-member-count,
.discord-status-members,
.member-discord-pill {
  display: none !important;
}

/* Obsolete browser-action notifications are permanently disabled. */
#toastStack,.toast-stack,.site-toast{display:none!important;visibility:hidden!important;pointer-events:none!important;}



/* ===== Wildlands cutout promo cards ===== */
.cards-grid .service-card {
  background: rgba(0, 0, 0, .10);
  border: 1px solid rgba(255, 255, 255, .10);
  min-height: 620px;
}

.cards-grid .service-card img {
  height: 360px;
  object-fit: contain;
  object-position: center top;
  border-radius: 0;
  padding: 12px 18px 0;
  background: transparent;
  filter: brightness(1.03) contrast(1.06) saturate(1.02);
}

.cards-grid .service-card::after {
  top: 205px;
  height: 210px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 38%, rgba(0,0,0,.96) 100%);
}

.cards-grid .service-content {
  margin-top: -42px;
  padding: 0 30px 104px;
}

.cards-grid .service-content h3 {
  text-shadow: 0 6px 18px rgba(0,0,0,.82);
}

.cards-grid .service-content p {
  text-shadow: 0 4px 14px rgba(0,0,0,.72);
}

@media (max-width: 1200px) {
  .cards-grid .service-card img {
    height: 320px;
    padding: 10px 12px 0;
  }

  .cards-grid .service-card::after {
    top: 188px;
    height: 195px;
  }
}

@media (max-width: 768px) {
  .cards-grid .service-card img {
    height: 300px;
    padding: 8px 10px 0;
  }

  .cards-grid .service-content {
    margin-top: -36px;
    padding-inline: 22px;
  }
}


/* ===== Wildlands cutout blend effect ===== */
.cards-grid .service-card img {
  background: transparent !important;
  filter: brightness(1.03) contrast(1.07) saturate(1.03)
          drop-shadow(0 14px 34px rgba(0, 0, 0, .52))
          drop-shadow(0 0 20px rgba(255, 170, 90, .08));
}

.cards-grid .service-card::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 42px;
  height: 300px;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 173, 84, .11), transparent 52%),
    radial-gradient(circle at 50% 15%, rgba(255, 255, 255, .035), transparent 48%);
  filter: blur(16px);
  z-index: 0;
}

.cards-grid .service-card img,
.cards-grid .service-content {
  position: relative;
  z-index: 1;
}


/* ===== Wildlands free-floating promo images (no boxes) ===== */
.cards-grid {
  gap: 54px;
  align-items: start;
}

.cards-grid .service-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

.cards-grid .service-card:nth-child(2) {
  margin-top: 34px;
}

.cards-grid .service-card::before,
.cards-grid .service-card::after {
  display: none !important;
  content: none !important;
}

.cards-grid .service-card img {
  height: 360px;
  object-fit: contain;
  object-position: center top;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 18px;
  background: transparent !important;
  filter: brightness(1.04) contrast(1.08) saturate(1.03)
          drop-shadow(0 20px 40px rgba(0, 0, 0, .60))
          drop-shadow(0 0 24px rgba(255, 170, 90, .08)) !important;
}

.cards-grid .service-content {
  margin-top: 0 !important;
  min-height: auto !important;
  padding: 0 18px 96px !important;
  background: transparent !important;
  text-align: center;
}

.cards-grid .service-content h3 {
  margin-bottom: 18px;
  color: #fff !important;
  text-shadow: 0 5px 18px rgba(0,0,0,.82);
}

.cards-grid .service-content p {
  max-width: 390px;
  color: rgba(255,255,255,.93) !important;
  text-shadow: 0 4px 14px rgba(0,0,0,.76);
}

.cards-grid .service-card .arrow-link {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 26px auto 0 !important;
  background: rgba(0,0,0,.20);
}

.cards-grid .service-card:hover {
  transform: translateY(-5px) !important;
  background: transparent !important;
  border: none !important;
}

.cards-grid .service-card:hover .arrow-link {
  transform: translateY(-4px) !important;
}

@media (max-width: 1200px) {
  .cards-grid {
    gap: 36px;
  }
  .cards-grid .service-card img {
    height: 320px;
  }
}

@media (max-width: 768px) {
  .cards-grid .service-card:nth-child(2) {
    margin-top: 0;
  }
  .cards-grid .service-card img {
    height: 290px;
  }
  .cards-grid .service-content {
    padding: 0 10px 84px !important;
  }
}


/* ===== Wildlands FAQ custom artwork ===== */
.faq-illustration {
  display: block;
  width: 100%;
  max-width: 620px;
  margin-top: 28px;
  background: transparent !important;
  filter:
    drop-shadow(0 18px 40px rgba(0, 0, 0, .55))
    drop-shadow(0 0 20px rgba(255, 160, 70, .08));
}


/* ===== Wildlands FAQ correct artwork ===== */
.faq-illustration {
  display: block;
  width: 100%;
  max-width: 760px;
  margin-top: 28px;
  background: transparent !important;
  filter:
    drop-shadow(0 18px 40px rgba(0, 0, 0, .55))
    drop-shadow(0 0 20px rgba(255, 160, 70, .08));
}


/* ===== Wildlands cards order fix ===== */
.cards-grid .service-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.cards-grid .service-card:nth-child(2) {
  margin-top: 0 !important;
}

.cards-grid .service-card img {
  display: block;
  width: 100%;
  max-width: 430px;
  margin: 0 auto 28px !important;
  order: 1;
}

.cards-grid .service-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100%;
  order: 2;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.cards-grid .service-content h3 {
  order: 1;
  margin-top: 0 !important;
}

.cards-grid .service-content p {
  order: 2;
}

.cards-grid .service-card .arrow-link {
  order: 3;
}

@media (max-width: 1200px) {
  .cards-grid .service-card img {
    max-width: 390px;
    margin-bottom: 24px !important;
  }
}


/* ===== Wildlands FAQ new outlaw artwork ===== */
.faq-illustration {
  display: block;
  width: 100%;
  max-width: 760px;
  margin-top: 28px;
  background: transparent !important;
  filter:
    drop-shadow(0 18px 42px rgba(0, 0, 0, .58))
    drop-shadow(0 0 24px rgba(255, 140, 40, .10));
}


/* ===== Wildlands FAQ artwork text-free final ===== */
.faq-illustration {
  display: block;
  width: 100%;
  max-width: 760px;
  margin-top: 28px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 18px 42px rgba(0, 0, 0, .58))
    drop-shadow(0 0 22px rgba(255, 145, 55, .08));
}


/* ===== Wildlands images integrated into site background ===== */
.cards,
.faq {
  overflow: hidden;
}

.cards-grid .service-card,
.faq-left {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cards-grid .service-card::before,
.cards-grid .service-card::after {
  display: none !important;
  content: none !important;
}

.cards-grid .service-card img,
.faq-illustration {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  isolation: isolate;
  filter:
    brightness(1.04)
    contrast(1.08)
    saturate(1.04)
    drop-shadow(0 22px 44px rgba(0,0,0,.62))
    drop-shadow(0 0 28px rgba(255,145,55,.09)) !important;
}

.cards-grid .service-card img {
  max-width: 440px;
  margin-inline: auto;
}

.faq-illustration {
  max-width: 760px;
  margin-inline: auto;
}

.cards-grid .service-card:hover img,
.faq-left:hover .faq-illustration {
  transform: translateY(-4px) scale(1.01);
  transition: transform .35s ease, filter .35s ease;
}

.cards-grid .service-content,
.faq-left > * {
  position: relative;
  z-index: 2;
}

.cards-grid .service-card,
.faq-left {
  position: relative;
}

.cards-grid .service-card::selection,
.faq-left::selection {
  background: transparent;
}

@media (max-width: 768px) {
  .cards-grid .service-card img {
    max-width: 100%;
  }

  .faq-illustration {
    max-width: 100%;
  }
}