/* =============================================
   COOKIE CASINO — PIXEL-PERFECT THEME
   Reference: cookiecasino.com (Finnish UI)
   Purple bg, white content cards, orange CTAs
   ============================================= */

/* ── CSS CUSTOM PROPERTIES ── */
:root {
  /* Brand purples — warm violet per reference #803d9e */
  --cc-purple-darkest:  #2a0d35;
  --cc-purple-dark:     #3d1854;
  --cc-purple-mid:      #5a2478;
  --cc-purple-main:     #803d9e;
  --cc-purple-light:    #9b52b8;
  --cc-purple-lighter:  #b87ad4;

  /* Accent */
  --cc-orange:          #f5a623;
  --cc-orange-hover:    #d4881a;
  --cc-orange-dark:     #e8930c;
  --cc-green:           #2ecc71;
  --cc-green-dark:      #27ae60;
  --cc-yellow:          #ffd700;

  /* UI */
  --cc-white:           #ffffff;
  --cc-off-white:       #f8f7fc;
  --cc-card-bg:         #ffffff;
  --cc-card-border:     #e8e0f5;
  --cc-text-dark:       #1a0e3c;
  --cc-text-mid:        #3d2e6e;
  --cc-text-light:      #8070b0;
  --cc-text-on-purple:  #ffffff;
  --cc-text-on-purple2: #cbbff0;

  /* Shadows */
  --cc-shadow-card:     0 2px 16px rgba(128,61,158,0.10);
  --cc-shadow-btn:      0 4px 16px rgba(245,166,35,0.35);
  --cc-shadow-hero:     0 8px 40px rgba(0,0,0,0.45);

  /* Keep legacy vars mapped */
  --zvOrYCriaDpK: var(--cc-orange);
  --hJvjErzvYpiW: #F7F7F7;
  --tudGFMBHFlyD: var(--cc-orange);
  --LxVhwslyZEtz: var(--cc-orange);
  --wVjnZckDplvS: #e9e7e7;
  --uXrfLGKFOCQj: var(--cc-text-dark);
  --PivyDGbCvkxX: rgba(255,235,235,0.5);
  --fpTIKMqXjXNt: #ea4c73;
  --yofxnIuoHnRP: var(--cc-orange-hover);
  --joIvcHgnRMKc: #fff;
  --CsyLeEnHKUEM: var(--cc-purple-mid);
  --tVbNVqVUMtWi: #f1f0f0;
  --PIYYhMOmoarq: #fff;
  --GSiTVRVPVbfw: #dad0d0;
  --IuCeaXjpYmHo: var(--cc-text-dark);
  --hLMaedLQkNDo: #3f14e5;
  --HjAKvwebKfOf: var(--cc-orange);
  --SoyTQwdgXkOa: var(--cc-card-border);
}

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── GLOBAL ── */
html { scroll-behavior: smooth; }

body {
  font-family: 'Poppins', 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background: #f4f1f8;
  color: var(--cc-text-dark);
  min-height: 100vh;
}

img { width: 100%; }
figure { margin: 0; }

a {
  color: var(--cc-text-dark);
  text-decoration: none;
}
a:hover { text-decoration: underline; }

/* Headings */
h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
  margin: 36px 0 16px;
  color: var(--cc-text-dark);
  font-family: Poppins, sans-serif;
}
h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 28px 0 12px;
  color: var(--cc-text-dark);
  font-family: Poppins, sans-serif;
}
h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin: 22px 0 10px;
  color: var(--cc-text-dark);
  font-family: Poppins, sans-serif;
}
p { color: var(--cc-text-dark); margin: 0 0 14px; }
ul li, ol li { color: var(--cc-text-dark); line-height: 1.65; }

/* Ordered list styling */
ol {
  counter-reset: step;
  list-style: none;
  padding-left: 0;
  margin: 12px 0 16px;
}
ol li {
  counter-increment: step;
  position: relative;
  padding-left: 2.8em;
  margin-bottom: 10px;
  font-size: 15px;
}
ol li::before {
  content: counter(step);
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 22px; height: 22px;
  line-height: 20px;
  text-align: center;
  border: 2px solid var(--cc-purple-main);
  border-radius: 50%;
  color: var(--cc-purple-main);
  font-weight: 700;
  font-size: 13px;
}

/* ═══════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════ */
.TXGmFmwqjJZY-7gan1 {
  background: #2a0d35;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 0;
  display: flex;
  position: relative;
  z-index: 100;
  box-shadow: 0 2px 20px rgba(0,0,0,0.5);
}

.yAOGkUMnuWjf-7gan1 {
  gap: 24px;
  display: flex;
  align-items: center;
  padding: 12px 15px;
  min-height: 72px;
}

.LOwDbEfMGLzn-7gan1 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.cKOALHuzameJ-7gan1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.cKOALHuzameJ-7gan1 a,
.LDsOLhyZlfKa-7gan1 {
  cursor: pointer;
  pointer-events: auto;
}

.cKOALHuzameJ-7gan1 img {
  width: auto;
  height: 48px;
  max-width: 160px;
  object-fit: contain;
  border-radius: 0;
  display: block;
}

.iRVpyYRMurfu {
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
}

/* Burger menu */
.TxuashaBaZwM-7gan1 {
  display: none;
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  margin-left: auto;
  z-index: 1001;
  color: #fff;
  line-height: 1;
  padding: 4px 8px;
}

/* Nav */
.BkPGXtbeaNPA-7gan1 {
  flex: 1;
  display: flex;
  align-items: center;
}

.mAsribHTVMtz-7gan1 {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.mAsribHTVMtz-7gan1 > li > a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 8px;
  color: #d4c8f8;
  transition: color 0.2s, background 0.2s;
  white-space: nowrap;
}

.mAsribHTVMtz-7gan1 > li > a:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
  text-decoration: none;
}

.yVoKxcjLNAZj-7gan1 { position: relative; }

.yVoKxcjLNAZj-7gan1.active > a {
  color: var(--cc-orange);
}

/* Header action buttons */
.tVCdjhQvXwvs-7gan1 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  margin-right: 0;
}

.tVCdjhQvXwvs-7gan1 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  padding: 10px 22px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  transition: background 0.2s, transform 0.1s;
  text-decoration: none !important;
  line-height: 1;
}

/* "Inloggen" — green (like KIRJAUDU) */
.tVCdjhQvXwvs-7gan1 a:nth-child(1) {
  background: #1db954;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(29,185,84,0.35);
}
.tVCdjhQvXwvs-7gan1 a:nth-child(1):hover {
  background: #17a348;
  transform: translateY(-1px);
}

/* "Registreren" — orange (like TALLETA JA PELAA) */
.tVCdjhQvXwvs-7gan1 a:nth-child(2) {
  background: var(--cc-orange);
  color: #fff !important;
  box-shadow: var(--cc-shadow-btn);
  animation: pulse-btn 2.5s infinite;
}
.tVCdjhQvXwvs-7gan1 a:nth-child(2):hover {
  background: var(--cc-orange-hover);
  transform: translateY(-1px);
  animation: none;
}

@keyframes pulse-btn {
  0%   { box-shadow: 0 4px 16px rgba(245,166,35,0.35); }
  50%  { box-shadow: 0 4px 28px rgba(245,166,35,0.65); }
  100% { box-shadow: 0 4px 16px rgba(245,166,35,0.35); }
}

/* Dropdown nav */
.amnNbXbxydBj {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: #3d1854;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  list-style: none;
  margin: 0;
  padding: 6px 0;
  min-width: 180px;
  z-index: 200;
}

.yVoKxcjLNAZj-7gan1:hover > .amnNbXbxydBj { display: block; }

.GzNiUsnWeRdV {
  display: block;
  padding: 9px 18px;
  white-space: nowrap;
  color: #d4c8f8;
  font-size: 14px;
  transition: background 0.15s, color 0.15s;
}
.GzNiUsnWeRdV:hover {
  background: rgba(255,255,255,0.08);
  color: #fff;
  text-decoration: none;
}

/* ═══════════════════════════════════════════
   PAGE WRAPPER
   ═══════════════════════════════════════════ */
.uXHptNkVERco-7gan1 {
  background: #f4f1f8;
}

.uXHptNkVERco-7gan1 > .iRVpyYRMurfu { display: none; }

/* Central container */
.iBBeEWxyrAFe-7gan1,
.yAOGkUMnuWjf-7gan1,
.MJbZQRCjwDQr-7gan1 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

/* Main content area */
.iBBeEWxyrAFe-7gan1 {
  background: #f4f1f8;
  margin: 0 auto;
  padding: 24px 28px 40px;
}

/* ═══════════════════════════════════════════
   HERO BANNER
   ═══════════════════════════════════════════ */
.ZZPuLcGoRdeq-7gan1 {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  box-shadow: var(--cc-shadow-hero);
  margin-bottom: 4px;
}

.ZZPuLcGoRdeq-7gan1 img {
  border-radius: 16px;
  height: auto;
  display: block;
  width: 100%;
}

.hdCXTKmAxSPJ-7gan1 {
  position: relative;
  display: block;
}

/* Dark overlay for readability */
.hdCXTKmAxSPJ-7gan1::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    rgba(61,24,84,0.78) 0%,
    rgba(90,36,120,0.55) 40%,
    rgba(90,36,120,0.15) 70%,
    transparent 100%
  );
  border-radius: 16px;
  z-index: 1;
}

/* Hero text block */
.WJssMDTSHvpX-7gan1 {
  position: absolute;
  left: 7%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: left;
}

.hero-offer-label-7gan1 {
  display: inline-block;
  margin: 0;
  padding: 4px 14px;
  background: rgba(245,166,35,0.20);
  border: 1px solid rgba(245,166,35,0.5);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cc-orange);
}

.hero-offer-value-7gan1 {
  margin: 0;
  font-size: clamp(20px, 3.2vw, 34px);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  text-shadow: 0 2px 16px rgba(0,0,0,0.6);
}

/* Hero CTA */
.QzFVYhhuMZmJ-7gan1 {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  white-space: nowrap;
  background: var(--cc-orange);
  color: #fff !important;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  padding: 16px 56px;
  transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
  box-shadow: 0 4px 24px rgba(245,166,35,0.50);
  animation: hero-pulse 2s infinite;
  text-decoration: none !important;
}

@keyframes hero-pulse {
  0%   { box-shadow: 0 4px 24px rgba(245,166,35,0.50); }
  50%  { box-shadow: 0 4px 36px rgba(245,166,35,0.80); }
  100% { box-shadow: 0 4px 24px rgba(245,166,35,0.50); }
}

.QzFVYhhuMZmJ-7gan1:hover {
  background: var(--cc-orange-hover);
  box-shadow: 0 6px 32px rgba(212,136,26,0.7);
  transform: translateX(-50%) translateY(-2px);
  animation: none;
  text-decoration: none;
}

/* ═══════════════════════════════════════════
   POPULAR GAMES STRIP
   ═══════════════════════════════════════════ */
.DmlEDUqiscrI-7gan1 {
  margin: 28px 0 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.DmlEDUqiscrI-7gan1 > span {
  display: block;
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 700;
  color: var(--cc-text-dark);
  text-align: left;
  letter-spacing: 0.01em;
}

.qjySFWpPmUET-7gan1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.OtEaDzTvToxn-7gan1 {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}

.OtEaDzTvToxn-7gan1:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.20);
  text-decoration: none;
}

.GjzbtFyEuvYe-7gan1 {
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  transition: filter 0.25s;
}

.GjzbtFyEuvYe-7gan1 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  transition: transform 0.3s;
}

.GjzbtFyEuvYe-7gan1:hover img {
  transform: scale(1.06);
  filter: brightness(0.75);
}

/* 3-game rows */
.hxWvuIICfujU-7gan1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 24px;
}

.hxWvuIICfujU-7gan1 > div {
  border-radius: 10px;
  overflow: hidden;
}

/* ═══════════════════════════════════════════
   H1 + INTRO (below hero/games)
   ═══════════════════════════════════════════ */
.iBBeEWxyrAFe-7gan1 > div:not([class]) h1 {
  font-size: 32px;
  color: var(--cc-text-dark);
  margin-top: 32px;
}

.iBBeEWxyrAFe-7gan1 > div:not([class]) p {
  color: var(--cc-text-mid);
  font-size: 15px;
  line-height: 1.7;
}

/* ═══════════════════════════════════════════
   CTA BUTTON BLOCK
   ═══════════════════════════════════════════ */
.UgRLQfhViPJr-7gan1 {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}

.TnJPRokNSIiw-7gan1 {
  background: var(--cc-orange);
  color: #fff;
  padding: 14px 40px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  min-width: 240px;
  text-align: center;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(245,166,35,0.40);
  text-decoration: none;
}

.TnJPRokNSIiw-7gan1:hover {
  background: var(--cc-orange-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(212,136,26,0.55);
}

.oTJPyQcPHhDm-7gan1 {
  display: block;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
}

/* ═══════════════════════════════════════════
   CONTENT BLOCKS (white cards)
   ═══════════════════════════════════════════ */
#content-sections {
  margin-top: 8px;
}

.content-block-7gan1 {
  background: var(--cc-card-bg);
  border: 1px solid var(--cc-card-border);
  border-radius: 16px;
  padding: 28px 32px;
  margin: 20px 0;
  box-shadow: var(--cc-shadow-card);
  position: relative;
}

.content-block-7gan1 h2,
.content-block-7gan1 h3 {
  margin: 0 0 14px;
  color: var(--cc-purple-main);
  font-weight: 700;
}

.content-block-7gan1 h2 { font-size: 24px; }
.content-block-7gan1 h3 { font-size: 20px; }

.content-block-7gan1 p {
  margin: 0 0 12px;
  line-height: 1.75;
  color: #3d3560;
  font-size: 15px;
}

.content-block-7gan1 ul,
.content-block-7gan1 ol {
  margin: 10px 0 14px;
  padding-left: 22px;
}

.content-block-7gan1 li {
  margin-bottom: 7px;
  line-height: 1.65;
  color: #3d3560;
  font-size: 15px;
}

/* ═══════════════════════════════════════════
   BONUS SECTION — 3 cards
   ═══════════════════════════════════════════ */
.aUFMNftTbOTy-7gan1 { margin-top: 24px; }

.YRviLPsjezuc-7gan1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.BKaLZEWKCXHc-7gan1 {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  height: 180px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 22px;
  border: none;
  box-shadow: 0 4px 20px rgba(0,0,0,0.28);
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}

.BKaLZEWKCXHc-7gan1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.38);
}

/* Default (middle) card */
.BKaLZEWKCXHc-7gan1 {
  background: linear-gradient(160deg, #744F1B 0%, #4a2f00 100%);
}

/* First card — green (welcome bonus) */
.BKaLZEWKCXHc-7gan1:nth-child(1) {
  background: linear-gradient(160deg, #1a6e2e 0%, #0c3a16 100%);
}

/* Last card — blue/purple (reload) */
.BKaLZEWKCXHc-7gan1:nth-child(3) {
  background: linear-gradient(160deg, #1a3f8e 0%, #0d2255 100%);
}

/* Background image overlay */
.bonus-card-bg-7gan1 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 0.55;
}

.BKaLZEWKCXHc-7gan1::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.65) 100%);
  z-index: 1;
}

.BKaLZEWKCXHc-7gan1 > a {
  position: relative;
  z-index: 2;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 17px;
  text-align: center;
  text-shadow: 0 2px 10px rgba(0,0,0,0.7);
  letter-spacing: 0.02em;
  transition: color 0.2s;
  text-decoration: none;
}

.BKaLZEWKCXHc-7gan1 > a:hover {
  color: var(--cc-orange);
  text-decoration: none;
}

/* ═══════════════════════════════════════════
   TABLE
   ═══════════════════════════════════════════ */
/*
  TABLE
  figure.PzAwzredpwhx-7gan1 — прозора обгортка, лише scroll
  Закруглення через div всередині таблиці неможливе напряму,
  тому використовуємо border-separate + border-radius на thead th і останньому tr td
*/

/* figure — просто scroll-контейнер, без жодного візуального оформлення */
.PzAwzredpwhx-7gan1 {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  margin: 16px 0;
  padding: 0;
}

/* Вся візуальна стилізація — на таблиці */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #ede8f8;
  box-shadow: 0 2px 12px rgba(128,61,158,0.10);
  overflow: hidden; /* працює лише разом з border-separate */
}

table thead {
  background: var(--cc-purple-main);
}

table thead th {
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #fff;
  border: none;
  letter-spacing: 0.03em;
}

/* Закруглення верхніх кутів через перші/останні th */
table thead th:first-child { border-radius: 11px 0 0 0; }
table thead th:last-child  { border-radius: 0 11px 0 0; }

table tbody tr {
  background: #fff;
  transition: background 0.15s;
}

table tbody tr:hover { background: #f5f0ff; }

table tbody td {
  padding: 12px 16px;
  color: #3d3560;
  border: none;
  border-top: 1px solid #ede8f8;
  font-size: 14px;
  vertical-align: middle;
}

table tbody td strong { color: var(--cc-purple-main); font-weight: 600; }

/* Закруглення нижніх кутів */
table tbody tr:last-child td:first-child { border-radius: 0 0 0 11px; }
table tbody tr:last-child td:last-child  { border-radius: 0 0 11px 0; }

/* ═══════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════ */
.faq-block-7gan1 {
  margin: 28px 0;
}

.faq-block-7gan1 h2 {
  margin: 0 0 20px;
  font-size: 24px;
  color: var(--cc-purple-main);
  font-weight: 700;
}

.faq-7gan1 { display: flex; flex-direction: column; gap: 10px; }

.faq-item-7gan1 {
  background: #fff;
  border: 1px solid #e8e0f5;
  border-radius: 12px;
  padding: 18px 22px;
  box-shadow: 0 2px 10px rgba(62,29,143,0.06);
  transition: box-shadow 0.2s, border-color 0.2s;
  position: relative;
}

.faq-item-7gan1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #9b52b8;
  border-radius: 12px 0 0 12px;
}

.faq-item-7gan1:hover {
  box-shadow: 0 4px 20px rgba(62,29,143,0.14);
  border-color: var(--cc-purple-lighter);
}

.faq-item-7gan1 h3 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  color: var(--cc-purple-main);
  padding-left: 4px;
}

.faq-item-7gan1 p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #3d3560;
  padding-left: 4px;
}



/* ═══════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════ */
.MJbZQRCjwDQr-7gan1 {
  background: #2a0d35;
  color: #a89fca;
  padding: 40px 0 24px;
  margin-top: 0;
  border-radius: 16px 16px 0 0;
}

.footer-inner-7gan1 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

/* Divider */
.footer-divider-7gan1 {
  display: block;
  border: none;
  border-top: 1px solid rgba(255,255,255,0.10);
  margin: 0;
}

/* Payment icons */
.footer-pay-7gan1 {
  padding: 32px 0 24px;
  text-align: center;
}

.footer-pay-label-7gan1 {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  margin: 0 0 16px;
}

.KhfhydKTyjSE-7gan1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.yEmCfuNskXae-7gan1 {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.70;
  transition: opacity 0.2s;
}

.yEmCfuNskXae-7gan1:hover { opacity: 1; }

.yEmCfuNskXae-7gan1 img {
  width: auto !important;
  height: 28px !important;
  object-fit: contain;
  filter: none;
}

/* Footer nav */
.DdsImAbLvHiT-7gan1 {
  padding: 20px 0;
  text-align: center;
}

.DdsImAbLvHiT-7gan1 ul {
  display: flex;
  list-style: none;
  justify-content: center;
  gap: 28px;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.DdsImAbLvHiT-7gan1 ul li a {
  color: #c4b8e8;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: color 0.2s;
}

.DdsImAbLvHiT-7gan1 ul li a:hover {
  color: #fff;
  text-decoration: none;
}

/* Disclaimer */
.footer-disclaimer-7gan1 {
  padding: 24px 0;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.footer-disclaimer-7gan1 p {
  font-size: 12px;
  line-height: 1.75;
  color: rgba(255,255,255,0.40);
  margin: 0 0 10px;
}

.footer-disclaimer-7gan1 p:last-child { margin: 0; }

.footer-disclaimer-7gan1 strong {
  color: rgba(255,255,255,0.60);
  font-weight: 600;
}

.footer-disclaimer-7gan1 a {
  color: rgba(255,255,255,0.55);
  text-decoration: underline;
  transition: color 0.2s;
}

.footer-disclaimer-7gan1 a:hover {
  color: #fff;
}

.footer-disclaimer-7gan1 a[href^="mailto"] {
  color: #c4b8e8;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(196,184,232,0.4);
  transition: color 0.2s, border-color 0.2s;
}

.footer-disclaimer-7gan1 a[href^="mailto"]:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.6);
}

/* Copyright */
.GejzUHDWNJpb-7gan1 {
  padding: 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.fZERXdqWvWmo-7gan1 {
  font-size: 12px;
  color: rgba(255,255,255,0.25);
  letter-spacing: 0.03em;
}

/* ═══════════════════════════════════════════
   SCROLL TO TOP
   ═══════════════════════════════════════════ */
.MkSNJvnRlRcT-7gan1 {
  display: none;
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: var(--cc-orange);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(245,166,35,0.5);
  z-index: 900;
  transition: background 0.2s, transform 0.15s;
}

.MkSNJvnRlRcT-7gan1:hover {
  background: var(--cc-orange-hover);
  transform: translateY(-2px);
}

/* ═══════════════════════════════════════════
   MISC COMPONENTS
   ═══════════════════════════════════════════ */
.kSbFPHBZOkxQ {
  display: block;
  padding: 0.5em 1em;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.MTlgeXxTLybL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0;
  padding: 0 20px;
}

.VGqBqNTAnCjA {
  background: var(--cc-orange);
  color: #fff;
  font-size: 16px;
  padding: 13px 28px;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
  transition: background 0.2s;
}
.VGqBqNTAnCjA:hover { background: var(--cc-orange-hover); color: #fff; }

.lKagddxePDpW {
  padding: 13px 36px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  background: var(--cc-orange);
  color: #fff;
  transition: background 0.2s;
}
.lKagddxePDpW:hover { background: var(--cc-orange-hover); color: #fff; }

/* Popup notification */
.kTjtnEtOhWrf {
  background: #3d1854;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 14px;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  min-height: 136px;
  opacity: 0;
  padding: 16px;
  position: fixed;
  left: -100%;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  max-width: 460px;
  width: 100%;
  z-index: 10000;
  color: #fff;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}

.aMqNmwcBJLaY {
  opacity: 1;
  left: 32px;
  visibility: visible;
  background: #3d1854;
}

.zUOJnjECHzID { display: flex; gap: 16px; }
.yoVjuVEGQQBb { flex: 1; }

.SWCDTvYwVKGm {
  width: 120px;
  height: auto;
  border-radius: 12px;
  flex-shrink: 0;
}

.AmCulDoZFwWM { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.qJWWtMMbXoEh { color: #d4c8f8; font-size: 14px; }

.PbLIjKbasmcH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 180px;
  height: 44px;
  margin-top: 14px;
  padding: 0 24px;
  background: var(--cc-orange);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  transition: background 0.2s;
}
.PbLIjKbasmcH:hover { background: var(--cc-orange-hover); color: #fff; }

.qwbCZkfbuwWc {
  position: absolute;
  left: -14px;
  top: -14px;
  width: 28px;
  height: 28px;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.25);
  cursor: pointer;
}

.ZVPOolmblYYb { position: relative; }
.ZVPOolmblYYb::after,
.ZVPOolmblYYb::before {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  background: #fff;
  top: 12px;
  left: 5px;
}
.ZVPOolmblYYb::after  { transform: rotate(-45deg); }
.ZVPOolmblYYb::before { transform: rotate(45deg); }

/* Review blocks */
.rsUtcYzkkJTr {
  background: #fff;
  padding: 20px 24px;
  border-radius: 14px;
  margin-bottom: 16px;
  border: 1px solid #ede8f8;
  color: var(--cc-text-dark);
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 10px rgba(62,29,143,0.07);
}
.rsUtcYzkkJTr:last-child { margin-bottom: 0; }
.rsUtcYzkkJTr h3 { margin: 8px 0; color: var(--cc-purple-main); }

.tYNaRbvmbTpz { color: var(--cc-orange); font-size: 20px; }

.WsZZJSHmiSfz {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #ede8f8;
  border-radius: 8px;
  padding: 4px 12px;
  width: fit-content;
  gap: 2px;
}

/* Breadcrumb */
.NATwmajnCFSN { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.HRaVGNOFJtrw { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.OkYkyLlmgMPR { display: flex; align-items: center; }
.MKIVABiOzkcY { color: #d4c8f8; font-size: 14px; transition: color 0.2s; }
.MKIVABiOzkcY:hover { color: #fff; }
.MKIVABiOzkcY[aria-current="page"] { color: #7a6ea0; cursor: default; }
.WPdyHowpbHgn { color: rgba(255,255,255,0.3); font-size: 14px; margin: 0 2px; }

/* Promo banner row */
.qrnjbzYOFZut {
  margin-top: 24px;
  background: linear-gradient(130deg, #803d9e 0%, #3d1854 100%);
  border: 1px solid rgba(255,255,255,0.12);
  padding: 18px 20px;
  border-radius: 14px;
  color: #fff;
}

.genQEjyngqbV { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.sbyBTimMDtBe { display: flex; align-items: center; }
.sbyBTimMDtBe:nth-child(1) { width: 30%; }
.sbyBTimMDtBe:nth-child(2) { width: 50%; justify-content: center; border-inline: 1px solid rgba(255,255,255,0.15); height: 90px; }
.sbyBTimMDtBe:nth-child(3) { width: 20%; justify-content: center; }
.sbyBTimMDtBe strong { font-size: 16px; color: #fff; }
.vTdosjioDWSP { width: 130px; }
.vTdosjioDWSP img { border-radius: 10px; }
.aDAPfHcVxgFY { margin-left: 16px; }

/* RrbZCkixaKjw — date label */
.RrbZCkixaKjw { font-size: 12px; color: #7a6ea0; padding: 6px 0; }
.KADvbLYgDgcO { font-weight: 400; }
.PSPltksPxqqN { text-align: left; }

/* ═══════════════════════════════════════════
   FONTS
   ═══════════════════════════════════════════ */
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-ExtraBold.woff2') format('woff2'); font-weight:800; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-Black.woff2') format('woff2'); font-weight:900; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-Light.woff2') format('woff2'); font-weight:300; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-ExtraLight.woff2') format('woff2'); font-weight:200; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../../poppins/Poppins-Thin.woff2') format('woff2'); font-weight:100; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-Italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-BoldItalic.woff2') format('woff2'); font-weight:700; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-SemiBoldItalic.woff2') format('woff2'); font-weight:600; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-MediumItalic.woff2') format('woff2'); font-weight:500; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-LightItalic.woff2') format('woff2'); font-weight:300; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-ExtraLightItalic.woff2') format('woff2'); font-weight:200; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-ThinItalic.woff2') format('woff2'); font-weight:100; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-BlackItalic.woff2') format('woff2'); font-weight:900; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'); font-weight:800; font-style:italic; font-display:swap; }

/* ═══════════════════════════════════════════
   RESPONSIVE — TABLET (≤ 992px)
   ═══════════════════════════════════════════ */
@media (max-width: 992px) {
  .TxuashaBaZwM-7gan1 { display: flex; align-items: center; }
  #gfmeXNGhoCgz { display: none; }
  #gfmeXNGhoCgz.active {
    display: flex;
    flex-direction: column;
    order: 10;
    width: 100%;
    padding: 8px 0 12px;
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  #gfmeXNGhoCgz.active .mAsribHTVMtz-7gan1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .yAOGkUMnuWjf-7gan1 {
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 20px;
  }
  .tVCdjhQvXwvs-7gan1 { margin-right: 0; }
  .YRviLPsjezuc-7gan1 { grid-template-columns: 1fr; gap: 12px; }
  .BKaLZEWKCXHc-7gan1 { max-width: 100%; }
  .DdsImAbLvHiT-7gan1 ul { gap: 20px; }
  .hxWvuIICfujU-7gan1 { grid-template-columns: repeat(2, 1fr); }
  .content-block-7gan1 { padding: 22px 20px; }
}

/* Responsive table */
@media (max-width: 1200px) {
  table { display: block; overflow-x: auto; }
}

/* ═══════════════════════════════════════════
   RESPONSIVE — MOBILE (≤ 756px)
   ═══════════════════════════════════════════ */
@media (max-width: 756px) {
  .iBBeEWxyrAFe-7gan1 { padding: 16px 14px 80px; border-radius: 14px 14px 0 0; margin-top: 12px; }

  /* Sticky bottom buttons */
  .tVCdjhQvXwvs-7gan1 {
    position: fixed;
    z-index: 200;
    bottom: 0; left: 0;
    width: 100%;
    height: 62px;
    gap: 10px;
    padding: 8px 16px;
    justify-content: center;
    background: #2a0d35;
    border-top: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
    margin-right: 0;
  }
  .tVCdjhQvXwvs-7gan1 a {
    width: 50%;
    border-radius: 8px;
    font-size: 12px;
    padding: 10px 10px;
    text-align: center;
  }

  .MJbZQRCjwDQr-7gan1 { padding-bottom: 70px; }

  .qjySFWpPmUET-7gan1 { grid-template-columns: repeat(2, 1fr); gap: 8px; }

  .WJssMDTSHvpX-7gan1 {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 80%;
    text-align: center;
  }
  .hero-offer-value-7gan1 { font-size: 20px; }
  .QzFVYhhuMZmJ-7gan1 { font-size: 15px; padding: 12px 28px; bottom: 14px; }

  .YRviLPsjezuc-7gan1 { grid-template-columns: 1fr; }

  .hxWvuIICfujU-7gan1 { grid-template-columns: 1fr; }

  .content-block-7gan1 { padding: 18px 16px; border-radius: 12px; }
  .content-block-7gan1 h2 { font-size: 20px; }
  .content-block-7gan1 h3 { font-size: 18px; }
  .content-block-7gan1 p, .content-block-7gan1 li { font-size: 14px; }

  .faq-item-7gan1 { padding: 14px 16px 14px 20px; }
  .faq-item-7gan1 h3 { font-size: 14px; }
  .faq-item-7gan1 p { font-size: 13px; }

  .UgRLQfhViPJr-7gan1 { margin-top: 18px; }
  .TnJPRokNSIiw-7gan1 { min-width: 200px; padding: 12px 24px; }
  .oTJPyQcPHhDm-7gan1 { font-size: 14px; }

  h1 { font-size: 26px; margin-top: 24px; }
  h2 { font-size: 22px; }
  h3 { font-size: 19px; }

  .DdsImAbLvHiT-7gan1 ul { flex-direction: column; gap: 12px; align-items: center; }
  .KhfhydKTyjSE-7gan1 { gap: 14px; flex-wrap: wrap; justify-content: center; }
}

/* ═══════════════════════════════════════════
   RESPONSIVE — SMALL (≤ 576px)
   ═══════════════════════════════════════════ */
@media (max-width: 576px) {
  .qjySFWpPmUET-7gan1 { grid-template-columns: repeat(2, 1fr); }
  .YRviLPsjezuc-7gan1 { grid-template-columns: 1fr; }
  .hxWvuIICfujU-7gan1 { grid-template-columns: 1fr; }

  .hero-offer-label-7gan1 { font-size: 11px; }
  .hero-offer-value-7gan1 { font-size: 18px; }
  .QzFVYhhuMZmJ-7gan1 { font-size: 14px; padding: 10px 20px; }

  .genQEjyngqbV { flex-wrap: wrap; }
  .sbyBTimMDtBe:nth-child(1) { width: 100%; justify-content: center; }
  .sbyBTimMDtBe:nth-child(2) { width: 50%; border: none; height: 60px; }
  .sbyBTimMDtBe:nth-child(3) { width: 50%; }

  table thead th, table tbody td { font-size: 13px; padding: 10px 12px; }
}

/* ═══════════════════════════════════════════
   RESPONSIVE TABLE (card layout mobile)
   ═══════════════════════════════════════════ */
@media (max-width: 640px) {
  .PzAwzredpwhx-7gan1 table { width: 100% !important; }
  .PzAwzredpwhx-7gan1 table thead,
  .PzAwzredpwhx-7gan1 table tr.t-headrow { display: none; }
  .PzAwzredpwhx-7gan1 table,
  .PzAwzredpwhx-7gan1 table tbody,
  .PzAwzredpwhx-7gan1 table tr,
  .PzAwzredpwhx-7gan1 table td,
  .PzAwzredpwhx-7gan1 table th { display: block; width: 100%; }
  .PzAwzredpwhx-7gan1 table tr {
    border: 1px solid #ede8f8;
    border-radius: 10px;
    margin-bottom: 8px;
    padding: 6px 0;
    background: #fff;
  }
  .PzAwzredpwhx-7gan1 table td,
  .PzAwzredpwhx-7gan1 table th { border: none; padding: 6px 14px; }
  .PzAwzredpwhx-7gan1 table td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--cc-purple-main);
    margin-bottom: 2px;
    font-weight: 600;
  }
}

@media (max-width: 480px) {
  .TnJPRokNSIiw-7gan1 { min-width: 0; width: 100%; max-width: 300px; }
  .MkSNJvnRlRcT-7gan1 { bottom: 72px; right: 16px; width: 40px; height: 40px; font-size: 16px; }
  .kTjtnEtOhWrf { max-width: calc(100% - 32px); left: 16px; }
  .SWCDTvYwVKGm { width: 80px; }
  .zUOJnjECHzID { flex-direction: column; align-items: center; gap: 10px; }
  .yoVjuVEGQQBb { margin-left: 0; text-align: center; }
  .PbLIjKbasmcH { min-width: 0; width: 100%; margin-top: 8px; }
  .sbyBTimMDtBe:nth-child(1) { flex-direction: column; }
  .sbyBTimMDtBe:nth-child(2),
  .sbyBTimMDtBe:nth-child(3) { width: 100%; }
  .aDAPfHcVxgFY { margin-left: 0; }
  h1 { font-size: 22px; }
  h2 { font-size: 19px; }
  h3 { font-size: 17px; }
}