/* DropCashCasino — Comparatif GEO 2026, rebuilt from scratch. */
:root{
  --cmp-bg:#080b14;--cmp-panel:#0f1422;--cmp-panel-2:#12192a;--cmp-line:rgba(255,255,255,.095);
  --cmp-text:#f7f8ff;--cmp-muted:#9aa5bb;--cmp-blue:#63a7ff;--cmp-violet:#8c7cff;
  --cmp-green:#44d49a;--cmp-red:#ff607a;--cmp-amber:#ffbe55;--cmp-cyan:#62e6ff;
}
.page-compare .hero-compact{padding-bottom:2.1rem}
.compare-geo-intro{max-width:760px}
.compare-geo-intro__note{margin-top:1rem;color:var(--cmp-muted);font-size:.92rem;line-height:1.6}
.compare-geo-panel{margin-top:1rem;border:1px solid var(--cmp-line);border-radius:24px;background:linear-gradient(145deg,rgba(18,25,42,.96),rgba(9,13,24,.96));box-shadow:0 28px 80px rgba(0,0,0,.24);overflow:hidden}
.compare-geo-panel__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:end;padding:1.2rem 1.25rem;border-bottom:1px solid var(--cmp-line)}
.compare-geo-panel__title h2{margin:.1rem 0 .35rem;font-size:clamp(1.25rem,2vw,1.7rem)}
.compare-geo-panel__title p{margin:0;color:var(--cmp-muted);font-size:.9rem;line-height:1.5}
.compare-country-picker{display:grid;gap:.35rem;min-width:240px}
.compare-country-picker span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--cmp-muted)}
.compare-country-picker select,.compare-toolbar input,.compare-toolbar select{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0a1020;color:var(--cmp-text);padding:.7rem .85rem;outline:none}
.compare-country-picker select:focus,.compare-toolbar input:focus,.compare-toolbar select:focus{border-color:rgba(99,167,255,.7);box-shadow:0 0 0 3px rgba(99,167,255,.12)}
.compare-country-picker__hint{font-size:.72rem!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
.compare-geo-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;padding:1rem 1.25rem;background:rgba(255,255,255,.018)}
.compare-stat{min-width:0;border:1px solid var(--cmp-line);border-radius:16px;background:rgba(255,255,255,.025);padding:.85rem .9rem}
.compare-stat__label{display:block;color:var(--cmp-muted);font-size:.74rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compare-stat__value{display:block;margin-top:.25rem;font-size:1.45rem;font-weight:900;letter-spacing:-.03em}
.compare-stat--success .compare-stat__value{color:var(--cmp-green)}.compare-stat--danger .compare-stat__value{color:var(--cmp-red)}.compare-stat--warning .compare-stat__value{color:var(--cmp-amber)}.compare-stat--muted .compare-stat__value{color:#c0c8d9}.compare-stat--info .compare-stat__value{color:var(--cmp-cyan)}
.compare-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--cmp-line);border-bottom:1px solid var(--cmp-line)}
.compare-filter-tabs{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}
.compare-filter-chip{min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:var(--cmp-muted);padding:.45rem .78rem;cursor:pointer;font:inherit;font-size:.78rem;font-weight:760}
.compare-filter-chip:hover,.compare-filter-chip.is-active{color:#fff;border-color:rgba(99,167,255,.45);background:rgba(99,167,255,.12)}
.compare-sort{min-width:185px}
.compare-table-shell{overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.compare-table-geo{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;font-size:.86rem}
.compare-table-geo thead th{position:sticky;top:0;z-index:3;text-align:left;padding:.78rem .9rem;color:#aeb8ca;background:#0b1020;border-bottom:1px solid var(--cmp-line);font-size:.7rem;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
.compare-table-geo tbody td{padding:.85rem .9rem;border-bottom:1px solid rgba(255,255,255,.065);vertical-align:middle;background:rgba(255,255,255,.006)}
.compare-table-geo tbody tr.compare-main-row:hover td{background:rgba(99,167,255,.035)}
.compare-table-geo th:first-child,.compare-table-geo td:first-child{position:sticky;left:0;z-index:2;background:#0d1321}.compare-table-geo thead th:first-child{z-index:5;background:#0b1020}
.compare-casino{display:flex;align-items:center;gap:.75rem;min-width:205px}.compare-casino .card-logo{width:48px;height:48px;flex:0 0 48px}.compare-casino .card-logo img{width:100%;height:100%;object-fit:contain}.compare-casino__meta{display:grid;gap:.2rem;min-width:0}.compare-casino__meta strong{font-size:.93rem}.compare-score{font-size:.69rem;color:var(--cmp-muted)}
.compare-offer{display:grid;gap:.16rem;min-width:150px}.compare-offer strong{font-size:.9rem}.compare-offer small{color:var(--cmp-muted);line-height:1.35}
.compare-condition{display:grid;gap:.18rem;min-width:130px}.compare-condition span{font-size:.78rem}.compare-condition b{color:#e8ebf4}
.compare-proof{display:grid;gap:.3rem;min-width:145px}.compare-proof small{color:var(--cmp-muted)}
.compare-pill{display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:220px;padding:.35rem .57rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.71rem;font-weight:800;line-height:1.2;white-space:normal}
.compare-pill--success{color:#b7f7da;background:rgba(68,212,154,.11);border-color:rgba(68,212,154,.28)}.compare-pill--danger{color:#ffc0ca;background:rgba(255,96,122,.11);border-color:rgba(255,96,122,.3)}.compare-pill--warning{color:#ffe0a2;background:rgba(255,190,85,.11);border-color:rgba(255,190,85,.28)}.compare-pill--muted{color:#c7cfdf;background:rgba(190,200,220,.07)}.compare-pill--info{color:#bdefff;background:rgba(98,230,255,.09);border-color:rgba(98,230,255,.24)}
.compare-actions{display:flex;gap:.42rem;flex-wrap:wrap;min-width:155px}.compare-actions .btn{white-space:nowrap}.compare-details-toggle{border:0;background:transparent;color:var(--cmp-blue);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;padding:.3rem .1rem}.compare-details-toggle:hover{text-decoration:underline}
.compare-detail-row[hidden]{display:none}.compare-detail-row td{padding:0!important;background:#090e19!important}.compare-detail-row td:first-child{position:static!important}.compare-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:1rem 1.1rem 1.15rem;border-bottom:1px solid rgba(99,167,255,.18)}
.compare-detail-card{border:1px solid var(--cmp-line);border-radius:14px;background:rgba(255,255,255,.025);padding:.8rem}.compare-detail-card h4{margin:0 0 .45rem;font-size:.78rem}.compare-detail-card p{margin:.26rem 0;color:var(--cmp-muted);font-size:.75rem;line-height:1.45}.compare-detail-card strong{color:#eef1fa}.compare-source-link{display:inline-flex;margin-top:.35rem;color:var(--cmp-blue);font-size:.73rem;font-weight:800;text-decoration:none}.compare-source-link:hover{text-decoration:underline}
.compare-table-empty{padding:2rem;text-align:center;color:var(--cmp-muted)}
.compare-mobile-grid{display:none;gap:.8rem;padding:1rem}
.compare-mobile-card{border:1px solid var(--cmp-line);border-radius:18px;background:linear-gradient(145deg,rgba(17,24,40,.98),rgba(10,14,24,.98));padding:1rem}.compare-mobile-card[hidden]{display:none}.compare-mobile-card__head{display:flex;align-items:center;gap:.7rem}.compare-mobile-card__head .card-logo{width:48px;height:48px}.compare-mobile-card__head .card-logo img{width:100%;height:100%;object-fit:contain}.compare-mobile-card__name{display:grid;gap:.16rem;min-width:0}.compare-mobile-card__status{margin-left:auto}.compare-mobile-card__offer{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem}.compare-mobile-card__item{display:grid;gap:.15rem;padding:.65rem;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}.compare-mobile-card__item span:first-child{color:var(--cmp-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.compare-mobile-card__item span:last-child{font-size:.8rem;font-weight:700}.compare-mobile-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.compare-mobile-card details{margin-top:.75rem;border-top:1px solid var(--cmp-line);padding-top:.7rem}.compare-mobile-card summary{cursor:pointer;color:var(--cmp-blue);font-size:.78rem;font-weight:800}.compare-mobile-card__details{display:grid;gap:.45rem;margin-top:.65rem;color:var(--cmp-muted);font-size:.76rem;line-height:1.45}
.compare-legend{display:flex;gap:.5rem;flex-wrap:wrap;padding:.8rem 1.25rem;border-top:1px solid var(--cmp-line);color:var(--cmp-muted);font-size:.72rem}.compare-legend strong{color:#e8ebf4}.compare-geo-warning{margin:1rem 1.25rem;padding:.8rem .9rem;border:1px solid rgba(255,190,85,.24);border-radius:14px;background:rgba(255,190,85,.07);color:#d9ddeb;font-size:.78rem;line-height:1.5}
@media(max-width:1100px){.compare-geo-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-toolbar{grid-template-columns:1fr}.compare-sort{min-width:0}}
@media(max-width:760px){.compare-geo-panel{border-radius:18px}.compare-geo-panel__head{grid-template-columns:1fr}.compare-country-picker{min-width:0}.compare-geo-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:.8rem}.compare-stat:last-child{grid-column:1/-1}.compare-toolbar{padding:.8rem}.compare-table-shell{display:none}.compare-mobile-grid{display:grid}.compare-legend{padding:.8rem}.compare-geo-warning{margin:.8rem}.compare-detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.compare-filter-chip,.compare-main-row{scroll-behavior:auto;transition:none!important}}

/* ──────────────────────────────────────────────────────────────────────────
   Comparatif GEO — layout + motion hardening (2026-09-14)
   The GEO comparator replaced the legacy comparator, whose more-specific
   .page-comparatif rules were still leaking in through components.css.
   Keep this page stable: restrained motion, predictable hero sizing and a
   compact mobile control surface.
   ────────────────────────────────────────────────────────────────────────── */
.page-comparatif-geo .hero.hero-compact {
  padding-block: clamp(2.5rem, 5vw, 4.75rem) clamp(2rem, 4vw, 3.5rem);
}

.page-comparatif-geo .hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
}

.page-comparatif-geo .hero-copy {
  max-width: 760px;
}

.page-comparatif-geo .hero-copy h1 {
  max-width: 13ch;
  margin: .85rem 0 1rem;
  font-size: clamp(2.65rem, 4.7vw, 4.9rem);
  line-height: .98;
  letter-spacing: -.035em;
}

.page-comparatif-geo .hero-copy > p:not(.compare-geo-intro__note) {
  max-width: 66ch;
  margin: 0;
  font-size: clamp(.98rem, 1.25vw, 1.12rem);
  line-height: 1.65;
}

.page-comparatif-geo .hero-copy .compare-geo-intro__note {
  max-width: 68ch;
  margin: 1.1rem 0 0;
  padding: .8rem .9rem;
  border: 1px solid rgba(255, 190, 85, .16);
  border-radius: 12px;
  background: rgba(255, 190, 85, .045);
  color: #aeb6c9;
  font-size: .82rem;
  line-height: 1.55;
}

.page-comparatif-geo .hero-media {
  width: min(100%, 620px);
  justify-self: end;
  align-self: center;
}

.page-comparatif-geo .hero-media picture {
  display: block;
  width: 100%;
  line-height: 0;
}

.page-comparatif-geo .hero-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, .32));
}

/* Keep entrance effects optical only: no blur and no large visual displacement. */
.page-comparatif-geo .reveal:not(.card) {
  opacity: 0;
  transform: translateY(10px);
  filter: none;
  transition:
    opacity .44s cubic-bezier(.16, 1, .3, 1),
    transform .44s cubic-bezier(.16, 1, .3, 1);
}

.page-comparatif-geo .reveal.is-visible {
  opacity: 1;
  transform: none;
  filter: none;
}

/* The comparator already has a lot of live state; avoid 14 perpetual CTA shines. */
.page-comparatif-geo .compare-actions .btn-primary::before,
.page-comparatif-geo .compare-mobile-card__actions .btn-primary::before {
  animation: none;
  display: none;
}

.page-comparatif-geo .compare-filter-chip {
  transform: none;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.page-comparatif-geo .compare-filter-chip:hover,
.page-comparatif-geo .compare-filter-chip.is-active {
  transform: none;
}

.page-comparatif-geo .compare-actions {
  flex-direction: row;
  align-items: center;
}

.page-comparatif-geo .compare-actions .btn {
  min-width: 0;
}

@media (max-width: 1180px) {
  .page-comparatif-geo .hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-comparatif-geo .hero-copy {
    max-width: 860px;
  }

  .page-comparatif-geo .hero-media {
    width: min(100%, 700px);
    justify-self: center;
  }
}

@media (max-width: 760px) {
  .page-comparatif-geo .hero.hero-compact {
    padding-block: 2rem 1.6rem;
  }

  .page-comparatif-geo .hero-copy h1 {
    max-width: 14ch;
    font-size: clamp(2.15rem, 10.5vw, 3.35rem);
    line-height: 1.01;
  }

  .page-comparatif-geo .hero-copy > p:not(.compare-geo-intro__note) {
    font-size: .97rem;
    line-height: 1.6;
  }

  .page-comparatif-geo .hero-copy .compare-geo-intro__note {
    padding: .72rem .78rem;
    font-size: .78rem;
  }

  /* The illustration duplicates the matrix visually and creates a long mobile hero. */
  .page-comparatif-geo .hero-media {
    display: none;
  }

  .page-comparatif-geo .compare-filter-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    padding-bottom: .15rem;
  }

  .page-comparatif-geo .compare-filter-tabs::-webkit-scrollbar {
    display: none;
  }

  .page-comparatif-geo .compare-filter-chip {
    flex: 0 0 auto;
    min-height: 42px;
  }

  .page-comparatif-geo .compare-mobile-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-comparatif-geo .compare-mobile-card__actions .btn {
    width: 100%;
  }
}

@media (max-width: 460px) {
  .page-comparatif-geo .compare-mobile-card__head {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
  }

  .page-comparatif-geo .compare-mobile-card__status {
    grid-column: 1 / -1;
    margin-left: 0;
  }

  .page-comparatif-geo .compare-mobile-card__offer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 350px) {
  .page-comparatif-geo .compare-mobile-card__actions {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-comparatif-geo .reveal:not(.card) {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* dcc-semantic-compare-fields-20260925 */
.compare-field{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem}.compare-field__label{font-weight:700;color:#e8ebf4}.compare-field__value{margin:0}