/* ===== ROFUS Landing (scoped to .rofus-landing) ===== */

/* Base styling */
.rofus-landing{
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0;
  padding: 0;
  background: #fff;
}
.rofus-landing h1,
.rofus-landing h2,
.rofus-landing h3,
.rofus-landing h4{ margin: 1em 0 .5em; }
.rofus-landing p{ margin: 0 0 1em; }
.rofus-landing ul,
.rofus-landing ol{ margin: 0 0 1em 1.5em; }
.rofus-landing li{ margin: .5em 0; }
.rofus-landing a{ color:#0066cc; text-decoration:none; }
.rofus-landing a:hover{ text-decoration:underline; }
.rofus-landing img{ max-width:100%; height:auto; }
.rofus-landing button,
.rofus-landing .cta-button{ cursor:pointer; }

/* Header (optional) */
.rofus-landing .site-header{ background:#222; color:#fff; padding:.5em 1em; }
.rofus-landing .header-inner{
  display:flex; align-items:center; justify-content:space-between;
  max-width:1200px; margin:0 auto;
}
.rofus-landing .logo img{ height:40px; }
.rofus-landing .main-nav .menu{ list-style:none; display:flex; margin:0; padding:0; }
.rofus-landing .main-nav .menu li{ margin-left:2em; }
.rofus-landing .main-nav .menu li:first-child{ margin-left:0; }
.rofus-landing .main-nav .menu a{ color:#fff; font-weight:bold; }

/* Intro Section (base) */
.rofus-landing .page-intro{ background:#f5f5f5; padding:2em 1em; text-align:center; }
.rofus-landing .page-intro h1{ font-size:1.8em; }
.rofus-landing .page-intro p{ max-width:800px; margin:.5em auto 0; font-size:1.1em; }

/* Section container (base) */
.rofus-landing section{ padding:2em 1em; max-width:1200px; margin:0 auto; }
.rofus-landing section h2{ font-size:1.5em; margin-bottom:.5em; }
.rofus-landing section h3{ font-size:1.2em; margin-bottom:.5em; }

/* Casino cards (base) */
.rofus-landing .casino-card{
  border:1px solid #ddd; border-radius:4px; padding:1em; margin:1.5em 0;
}
.rofus-landing .casino-card h3{ font-size:1.3em; margin-top:0; }
.rofus-landing .casino-card-info{
  display:grid; grid-template-columns:1fr 2fr; grid-gap:1em; align-items:flex-start; margin-top:1em;
}
.rofus-landing .casino-card-main{ text-align:center; }
.rofus-landing .casino-card-main img{ max-width:120px; margin-bottom:.5em; }
.rofus-landing .bonus-text{ font-weight:bold; margin-bottom:.5em; }
.rofus-landing .payment-methods{ font-size:.9em; margin-bottom:.5em; }
.rofus-landing .payment-methods span{ display:block; font-weight:bold; margin-bottom:.25em; }
.rofus-landing .payment-methods img{ width:24px; margin:0 4px; vertical-align:middle; }
.rofus-landing .cta-button,
.rofus-landing .casino-card-main button{
  display:inline-block; background:#4CAF50; color:#fff; border:none;
  padding:.5em 1em; border-radius:4px; font-size:1em; margin-top:.5em;
}
.rofus-landing .cta-button:hover{ background:#45a049; }

/* Details, tables, lists */
.rofus-landing .casino-card-details{ font-size:.95em; }
.rofus-landing .pros-cons{ display:flex; gap:2em; margin-bottom:1em; }
.rofus-landing .pros, .rofus-landing .cons{ flex:1; }
.rofus-landing .pros h4, .rofus-landing .cons h4{ font-size:1.1em; margin-bottom:.5em; }
.rofus-landing .pros-list, .rofus-landing .cons-list{ list-style:none; margin:0; padding:0; }
.rofus-landing .pros-list li, .rofus-landing .cons-list li{ margin:.3em 0; }
.rofus-landing .pros-list img, .rofus-landing .cons-list img{
  width:16px; height:16px; margin-right:.5em; vertical-align:middle;
}
.rofus-landing .casino-details-table{ width:100%; border-collapse:collapse; margin-bottom:1em; }
.rofus-landing .casino-details-table td{ border:1px solid #ddd; padding:.3em .5em; }
.rofus-landing .casino-details-table tr:nth-child(even) td{ background:#f9f9f9; }

.rofus-landing .casino-list-table{ width:100%; border-collapse:collapse; margin:1em 0; }
.rofus-landing .casino-list-table th,
.rofus-landing .casino-list-table td{ border:1px solid #ccc; padding:.5em; text-align:left; }
.rofus-landing .casino-list-table th{ background:#eee; }

.rofus-landing .howto-steps{ counter-reset:step; margin-left:1em; }
.rofus-landing .howto-steps li{ margin-bottom:1em; }
.rofus-landing .howto-steps li::before{ counter-increment:step; content: counter(step) ". "; font-weight:bold; }
.rofus-landing .howto-steps strong{ display:block; margin-bottom:.2em; }

.rofus-landing .casino-types{ display:grid; grid-template-columns:1fr 1fr; grid-gap:2em; }
.rofus-landing .casino-type-card{ border-left:4px solid #4CAF50; padding-left:1em; }

.rofus-landing .checklist{ display:grid; grid-template-columns:1fr; grid-gap:1.5em; margin:1em 0; }
.rofus-landing .check-item h3{ font-size:1.1em; margin-bottom:.3em; color:#4CAF50; }
.rofus-landing .check-item p{ margin:0; }

.rofus-landing .license-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); grid-gap:1.5em; }
.rofus-landing .license-card{ border:1px solid #ddd; padding:1em; border-radius:4px; }

.rofus-landing .bonus-card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); grid-gap:1.5em; }
.rofus-landing .bonus-card{ background:#f5f5f5; padding:1em; border-radius:4px; }

.rofus-landing .payment-methods-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); grid-gap:1.5em; }
.rofus-landing .payment-method-card{ border:1px solid #ddd; padding:1em; border-radius:4px; }

.rofus-landing #fordele-og-ulemper-ved-casinoer-uden-rofus{ background:#222; color:#f9f9f9; }
.rofus-landing .pros-cons-grid{ display:flex; gap:2em; flex-wrap:wrap; }
.rofus-landing .pros-column, .rofus-landing .cons-column{ flex:1; min-width:250px; }
.rofus-landing .pros-column ul, .rofus-landing .cons-column ul{ list-style:none; padding:0; }
.rofus-landing .pros-column li::before{ content:"✔ "; color:#4CAF50; font-weight:bold; }
.rofus-landing .cons-column li::before{ content:"✖ "; color:#e74c3c; font-weight:bold; }

.rofus-landing .risks-list{ list-style:none; padding:0; margin:1em 0; }
.rofus-landing .risks-list li{ margin:.5em 0; }
.rofus-landing .risks-list strong{ color:#e74c3c; }

.rofus-landing .comparison-table{ width:100%; border-collapse:collapse; margin:1em 0; }
.rofus-landing .comparison-table th,
.rofus-landing .comparison-table td{ border:1px solid #ccc; padding:.5em; text-align:left; }
.rofus-landing .comparison-table th{ background:#f0f0f0; text-align:center; }
.rofus-landing .comparison-table td:first-child{ font-weight:bold; }

.rofus-landing .game-category-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); grid-gap:1.5em; }
.rofus-landing .game-category-card{ border:1px solid #ddd; border-radius:4px; padding:1em; }

.rofus-landing .trends-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); grid-gap:1.5em; }
.rofus-landing .trend-card{ background:#f5f5f5; padding:1em; border-radius:4px; }

.rofus-landing .avoid-list{ display:grid; grid-template-columns:1fr; grid-gap:1.5em; margin:1em 0; }
.rofus-landing .avoid-item h3{ color:#e74c3c; font-size:1.1em; margin-bottom:.3em; }
.rofus-landing .avoid-item p{ margin:0; }

/* Footer (optional) */
.rofus-landing .site-footer{
  background:#222; color:#ccc; text-align:center; padding:1em; font-size:.9em; line-height:1.4;
}
.rofus-landing .site-footer a{ color:#ccc; }

/* Responsive */
@media (max-width:767px){
  .rofus-landing .casino-card-info{ grid-template-columns:1fr; }
  .rofus-landing .pros-cons{ flex-direction:column; }
  .rofus-landing .license-grid,
  .rofus-landing .bonus-card-grid,
  .rofus-landing .payment-methods-grid{ grid-template-columns:1fr; }
  .rofus-landing .pros-cons-grid{ flex-direction:column; }
  .rofus-landing .header-inner{ flex-direction:column; align-items:flex-start; }
  .rofus-landing .main-nav .menu{ flex-direction:column; margin-top:.5em; }
  .rofus-landing .main-nav .menu li{ margin:.5em 0 0; }
}

/* =========================
   THEME BACKGROUND & CARDS
   ========================= */

:root{
  --rofus-bg-1:#f7fafc;
  --rofus-bg-2:#ffffff;
  --rofus-grad-a:#ecfdf5;
  --rofus-grad-b:#eef2ff;
  --rofus-grad-c:#fff7ed;
  --rofus-card:#ffffff;
  --rofus-border:#e5e7eb;
  --rofus-text:#111827;
  --rofus-accent:#10b981;
  --rofus-accent-2:#0ea5e9;
}

.rofus-landing{ position:relative; color:var(--rofus-text); isolation:isolate; }

.rofus-landing::before{
  content:""; position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(900px 900px at -10% -15%, var(--rofus-grad-a) 0%, transparent 60%),
    radial-gradient(800px 800px at 110% 10%, var(--rofus-grad-b) 0%, transparent 65%),
    radial-gradient(700px 700px at 50% 120%, var(--rofus-grad-c) 0%, transparent 60%),
    linear-gradient(180deg, var(--rofus-bg-1), var(--rofus-bg-2));
}

.rofus-landing::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image: radial-gradient(#dbeafe 1px, transparent 1px);
  background-size: 26px 26px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.25) 18%, rgba(0,0,0,.35) 70%, transparent 100%);
          mask-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.25) 18%, rgba(0,0,0,.35) 70%, transparent 100%);
}

/* Sections as cards */
.rofus-landing section{
  background: color-mix(in srgb, var(--rofus-card) 88%, transparent);
  border:1px solid var(--rofus-border);
  border-radius:16px;
  padding: clamp(20px, 2.4vw, 42px);
  box-shadow:0 10px 30px rgba(2,6,23,.06);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  margin: clamp(18px, 2.4vw, 36px) auto;
}
.rofus-landing section.is-plain{ background:transparent; border:0; box-shadow:none; backdrop-filter:none; }

/* HERO */
.rofus-landing .page-intro{
  text-align:center;
  background:
    radial-gradient(1200px 1200px at 50% -10%, color-mix(in srgb, var(--rofus-accent) 12%, transparent) 0%, transparent 60%),
    radial-gradient(900px 900px at 100% 0%, color-mix(in srgb, var(--rofus-accent-2) 10%, transparent) 0%, transparent 60%),
    var(--rofus-card);
  border:1px solid var(--rofus-border);
  border-radius:20px;
  padding: clamp(24px, 5vw, 56px) clamp(16px, 4vw, 48px);
}
.rofus-landing .page-intro h1{
  font-size:clamp(28px, 4vw, 44px); line-height:1.15; margin:0 0 12px; position:relative;
}
.rofus-landing .page-intro h1::after{
  content:""; display:block; width:120px; height:4px; margin:12px auto 0;
  background:linear-gradient(90deg, var(--rofus-accent), var(--rofus-accent-2)); border-radius:4px;
}
.rofus-landing .page-intro p{ max-width:900px; margin:10px auto 0; }

/* Casino card visual stripe */
.rofus-landing .casino-card{
  position:relative; background:var(--rofus-card);
  border:1px solid var(--rofus-border); border-radius:16px;
  box-shadow:0 6px 20px rgba(15,23,42,.06); overflow:hidden;
}
.rofus-landing .casino-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:6px;
  background:linear-gradient(180deg, var(--rofus-accent), var(--rofus-accent-2)); opacity:.9;
}

/* Buttons on that background */
.rofus-landing .cta-button,
.rofus-landing .casino-card-main button{
  background:linear-gradient(90deg, var(--rofus-accent), var(--rofus-accent-2));
  color:#fff; border:0; padding:.6em 1.1em; border-radius:10px;
  box-shadow:0 6px 20px rgba(16,185,129,.25);
  transition:transform .06s ease, box-shadow .2s ease;
}
.rofus-landing .cta-button:hover,
.rofus-landing .casino-card-main button:hover{
  transform:translateY(-1px); box-shadow:0 10px 26px rgba(14,165,233,.28);
}

/* Tables light card */
.rofus-landing table{ background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 3px 14px rgba(2,6,23,.04); }

@media (max-width:767px){
  .rofus-landing section{ padding:18px; border-radius:14px; }
  .rofus-landing .page-intro{ padding:22px; }
}

/* =========================
   HEADINGS ACCENTS
   ========================= */
.rofus-landing h2,
.rofus-landing h3{ scroll-margin-top:80px; }

.rofus-landing h2{
  position:relative; font-weight:800;
  font-size:clamp(22px, 2.8vw, 34px); line-height:1.2;
  margin:0 0 .9em; letter-spacing:-.01em;
}
.rofus-landing h2::after{
  content:""; display:block; height:8px; width:clamp(120px,18vw,220px); margin-top:.45rem;
  background:linear-gradient(90deg, var(--rofus-accent), var(--rofus-accent-2));
  border-radius:8px; box-shadow:0 4px 16px rgba(14,165,233,.25);
}

.rofus-landing h3{
  position:relative; font-weight:700;
  font-size:clamp(18px, 2vw, 24px); line-height:1.25;
  padding-left:14px; margin:1.2em 0 .6em;
}
.rofus-landing h3::before{
  content:""; position:absolute; left:0; top:.2em; bottom:.2em;
  width:6px; border-radius:6px;
  background:linear-gradient(180deg, var(--rofus-accent), var(--rofus-accent-2));
  box-shadow:0 0 0 1px rgba(14,165,233,.15) inset;
}

/* =========================
   FAQ CARDS (no accordion)
   ========================= */

/* универсально: карточки для .faq-block в любой секции */
.rofus-landing .faq-block{
  position:relative;
  background:#fff;
  border:1px solid #e7eef5;
  border-radius:14px;
  padding:18px;
  margin:18px 0;
  box-shadow:0 10px 26px rgba(2,22,58,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s;
}
.rofus-landing .faq-block:hover{
  transform:translateY(-2px);
  border-color:rgba(14,165,233,.28);
  box-shadow:0 16px 36px rgba(2,22,58,.16);
}
/* цветная полоса слева */
.rofus-landing .faq-block::after{
  content:""; position:absolute; inset:0 auto 0 0; width:6px;
  border-radius:14px 0 0 14px;
  background:linear-gradient(180deg, var(--rofus-accent), var(--rofus-accent-2));
  opacity:.95;
}
/* заголовок вопроса */
.rofus-landing .faq-block h3{
  margin:0 0 8px;
  font-weight:800;
  font-size:clamp(18px, 1.9vw, 22px);
  line-height:1.25;
}
/* небольшой подчёркиватель */
.rofus-landing .faq-block h3::after{
  content:""; display:block; height:3px; width:140px; margin-top:8px; border-radius:3px;
  background:linear-gradient(90deg, var(--rofus-accent), var(--rofus-accent-2)); opacity:.85;
}
/* текст ответа */
.rofus-landing .faq-block p{ margin:0; color:#374151; }

/* Прицельно, если у секции есть id #ofte-stillede-sporgsmal */
.rofus-landing #ofte-stillede-sporgsmal .faq-block{ /* наследует стили выше */ }

/* =========================
   END
   ========================= */

/* Скрыть любой хедер темы на страницах, где есть .rofus-landing */
body:has(.rofus-landing) header.site-header,
body:has(.rofus-landing) #masthead,
body:has(.rofus-landing) .elementor-location-header,
body:has(.rofus-landing) .header,
body:has(.rofus-landing) .top-bar,
body:has(.rofus-landing) .main-header {
  display: none !important;
}

/* Убрать возможный отступ под фикс-хедер */
body:has(.rofus-landing) .site-content,
body:has(.rofus-landing) #content,
body:has(.rofus-landing) .content-area,
body:has(.rofus-landing) .page-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Карточки между H3 — только внутри .rofus-landing .h3-cards */
.rofus-landing .h3-cards .h3-card{
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px 18px;
  margin:14px 0;
  box-shadow:0 8px 20px rgba(2,6,23,.06);
}

/* Заголовок с акцентной полоской слева */
.rofus-landing .h3-cards .h3-card h3{
  margin:0 0 .6rem 0;
  font-weight:800;
  position:relative;
  padding-left:12px;
}
.rofus-landing .h3-cards .h3-card h3::before{
  content:"";
  position:absolute;
  left:0; top:.25em; bottom:.25em;
  width:5px; border-radius:5px;
  background:linear-gradient(180deg,var(--rofus-accent,#10b981),var(--rofus-accent-2,#0ea5e9));
  box-shadow:0 0 0 1px rgba(14,165,233,.15) inset;
}

/* Отступы внутри карточки */
.rofus-landing .h3-cards .h3-card > :not(h3){ margin:0 0 .75em; }
.rofus-landing .h3-cards .h3-card > :last-child{ margin-bottom:0; }

@media (max-width:640px){
  .rofus-landing .h3-cards .h3-card{ padding:14px; border-radius:12px; }
}

/* HOWTO — фикс двойной нумерации + красивые номера */
.rofus-landing .howto-steps{
  counter-reset: step;
  list-style: none !important; /* гасим номера <ol> */
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.rofus-landing .howto-steps > li{
  position: relative;
  padding-left: 2.4rem;         /* место под кружок-номер */
  margin: 1rem 0 1.25rem;
}

.rofus-landing .howto-steps > li::before{
  content: counter(step);
  counter-increment: step;
  position: absolute;
  left: 0; top: 0.15rem;
  width: 1.8rem; height: 1.8rem;
  border-radius: 50%;
  display: grid; place-items: center;
  font-weight: 800; color: #fff;
  background: linear-gradient(135deg, var(--rofus-accent, #10b981), var(--rofus-accent-2, #0ea5e9));
  box-shadow: 0 6px 16px rgba(14,165,233,.25);
}

.rofus-landing .howto-steps > li strong{
  display: block;
  margin-bottom: .25rem;
}

/* HOWTO steps as grey cards */
.rofus-landing .howto-steps{ --step-gap:16px; }

.rofus-landing .howto-steps > li{
  position: relative;
  background: #f8fafc;               /* серый фон */
  border: 1px solid #e5e7eb;         /* тонкая рамка */
  border-radius: 12px;
  padding: 1rem 1rem 1rem 3rem;      /* место под номер слева */
  box-shadow: 0 6px 16px rgba(2,6,23,.05);
  margin-top: var(--step-gap);
}

/* левый цветной акцент */
.rofus-landing .howto-steps > li::after{
  content:"";
  position:absolute; left:0; top:0; bottom:0; width:6px;
  border-radius:12px 0 0 12px;
  background: linear-gradient(180deg, var(--rofus-accent, #10b981), var(--rofus-accent-2, #0ea5e9));
  opacity:.95;
}

/* подправим позицию кружка-номера */
.rofus-landing .howto-steps > li::before{
  left: .75rem; top: .9rem;
  width: 1.6rem; height: 1.6rem;
}

/* заголовок шага — жирнее и на отдельной строке */
.rofus-landing .howto-steps > li > strong{
  display:block;
  font-weight:800;
  margin-bottom:.25rem;
  color:#0f172a;
}

/* убираем лишние отступы у текста внутри карточки */
.rofus-landing .howto-steps > li p{ margin:0; }

/* Section 6 — checklist as grey cards */
.rofus-landing #saadan-tjekker-du-nye-online-casinoer-ud-uden-rofus .checklist{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 1rem 0 1.5rem;
}

.rofus-landing #saadan-tjekker-du-nye-online-casinoer-ud-uden-rofus .check-item{
  position: relative;
  background: #f8fafc;                 /* серый фон */
  border: 1px solid #e5e7eb;           /* тонкая рамка */
  border-radius: 14px;
  padding: 16px 18px 14px 18px;
  box-shadow: 0 8px 18px rgba(2,6,23,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.rofus-landing #saadan-tjekker-du-nye-online-casinoer-ud-uden-rofus .check-item:hover{
  transform: translateY(-2px);
  border-color: rgba(14,165,233,.28);
  box-shadow: 0 14px 28px rgba(2,6,23,.12);
}

/* левый цветной акцент у плитки */
.rofus-landing #saadan-tjekker-du-nye-online-casinoer-ud-uden-rofus .check-item::before{
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 6px;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, var(--rofus-accent), var(--rofus-accent-2));
}

/* заголовок внутри плитки */
.rofus-landing #saadan-tjekker-du-nye-online-casinoer-ud-uden-rofus .check-item h3{
  margin: 0 0 .35rem;
  font-weight: 800;
  font-size: clamp(18px, 1.9vw, 22px);
  color: #0f172a; /* хочешь оставить зелёным — убери это свойство */
}

.rofus-landing #saadan-tjekker-du-nye-online-casinoer-ud-uden-rofus .check-item p{
  margin: 0;
}

/* Section 12 — Risici (красивые буллеты перед подзаголовками) */
.rofus-landing #risici-ved-spil-uden-rofus .risks-list{
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.rofus-landing #risici-ved-spil-uden-rofus .risks-list li{
  position: relative;
  margin: .65rem 0;
  padding-left: 34px;                 /* место под маркер */
}

/* сам маркер */
.rofus-landing #risici-ved-spil-uden-rofus .risks-list li::before{
  content: "";
  position: absolute;
  left: 6px;
  top: .9em;                          /* выравнивание по первой строке */
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ef4444, #f59e0b); /* красно-оранжевый градиент */
  box-shadow: 0 0 0 3px #fee2e2,      /* нежный ободок */
              0 4px 10px rgba(239,68,68,.25);
}

/* подзаголовок в пункте списка */
.rofus-landing #risici-ved-spil-uden-rofus .risks-list strong{
  color: #ef4444;
  font-weight: 800;
}

/* Section 16 — "Casinoer uden ROFUS vi fraråder": серые карточки от h3 до h3 */
.rofus-landing #casinoer-uden-rofus-avoid .avoid-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 14px 0 0;
}

.rofus-landing #casinoer-uden-rofus-avoid .avoid-item{
  position: relative;
  background: #f7fafc;                   /* мягко-серый фон */
  border: 1px solid #e5e7eb;             /* светлая рамка */
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 8px 22px rgba(2,6,23,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.rofus-landing #casinoer-uden-rofus-avoid .avoid-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(2,6,23,.12);
  border-color: rgba(14,165,233,.28);
}

/* цветная акцентная полоска слева */
.rofus-landing #casinoer-uden-rofus-avoid .avoid-item::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, #ef4444, #f59e0b); /* предупреждение: красно-оранжевая */
  opacity: .95;
}

/* заголовок и текст внутри карточки */
.rofus-landing #casinoer-uden-rofus-avoid .avoid-item h3{
  margin: 0 0 .5rem;
  font-weight: 800;
  color: #ef4444;                         /* сохраняем «тревожный» акцент */
}

.rofus-landing #casinoer-uden-rofus-avoid .avoid-item p{
  margin: 0;
  color: #374151;
}

/* мобильные отступы помягче */
@media (max-width: 640px){
  .rofus-landing #casinoer-uden-rofus-avoid .avoid-item{ padding: 14px; border-radius: 12px; }
}

/* ==== SHOWCASE: фиксированная ширина колонок + центрирование ==== */
.c-showcase{
  /* подстройте при желании */
  --col-min: 290px;
  --col-max: 420px;

  /* вместо 1fr-колонок — фиксированные треки */
  grid-template-columns: repeat(auto-fit, minmax(var(--col-min), var(--col-max)));
  justify-content: center;           /* центрируем сетку */
}

.c-card{
  max-width: var(--col-max);         /* карточка не шире колонки */
  width: 100%;
}

/* ==== SHOWCASE FIX (жёсткая сетка + ограничение ширины) ==== */
.c-showcase{
  /* ограничиваем контейнер, чтобы не тянулся на 1800px */
  max-width: 1120px !important;   /* можно поставить 1080/1200 по вкусу */
  margin: 24px auto !important;
  padding: 0 12px;

  display: grid !important;
  gap: 18px !important;

  /* ровно 3 колонки на десктопе */
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  /* запрещаем расталкивание колонок */
  justify-content: start !important;
  align-items: stretch !important;
}

/* карточка должна заполнять свою колонку, без фиксированного max-width */
.c-card{
  width: 100% !important;
  max-width: none !important;
}

/* адаптив */
@media (max-width: 1100px){
  .c-showcase{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px){
  .c-showcase{
    grid-template-columns: 1fr !important;
  }
}

/* ==== TOP-5 / Section 2 (scoped) ================================== */
#liste-over-de-5-bedste-online-casinoer-uden-rofus{
  --top5-accent: #10b981;
  --top5-accent2:#0ea5e9;
  --top5-card-bg:#fff;
  --top5-bd:#e7eef5;
  --top5-muted:#6b7280;
}

#liste-over-de-5-bedste-online-casinoer-uden-rofus > p{
  max-width: 900px;
}

/* карточки внутри секции — слегка усиленный стиль */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-card{
  position: relative;
  background: var(--top5-card-bg);
  border: 1px solid var(--top5-bd);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(2,22,58,.06);
  overflow: hidden;
}

#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-card:not(:first-child){
  margin-top: 16px;
}

/* заголовки с акцентом */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-card > h3{
  margin: 0 0 10px;
  font-weight: 800;
  font-size: clamp(18px, 1.9vw, 22px);
  line-height: 1.25;
  padding-left: 14px;
  position: relative;
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-card > h3::before{
  content:"";
  position:absolute; left:0; top:.2em; bottom:.2em; width:6px;
  border-radius:6px;
  background: linear-gradient(180deg, var(--top5-accent), var(--top5-accent2));
}

/* бейдж рейтинга в правом верхнем углу */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .rating-badge{
  position:absolute; right:12px; top:12px;
  font-weight:700; font-size: 13px;
  background:#f3f6fb; border:1px solid var(--top5-bd);
  padding:6px 10px; border-radius:999px;
}

/* сетка внутри карточки: слева — «логотип/бонус/методы», справа — детали */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-card-info{
  display:grid; gap:18px;
  grid-template-columns: 320px minmax(0,1fr);
}
@media (max-width: 900px){
  #liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-card-info{
    grid-template-columns: 1fr;
  }
}

/* левая колонка */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-card-main{
  text-align:center;
  background: linear-gradient(180deg, rgba(16,185,129,.05), rgba(14,165,233,.04));
  border:1px solid var(--top5-bd);
  border-radius:12px;
  padding:14px;
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-logo{
  width:72px; height:72px; object-fit:cover; border-radius:12px;
  border:1px solid var(--top5-bd);
  background:#fff;
  box-shadow: 0 4px 12px rgba(2,22,58,.06);
  margin-bottom:10px;
}

/* бонус */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .bonus-text{
  font-weight:700; margin:8px 0 12px;
}

/* методы оплаты — компактная лента иконок */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .pay-icons{
  display:flex; flex-wrap:wrap; gap:6px; justify-content:center;
  margin:8px 0 12px;
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .pay-icons img{
  width:28px; height:18px; object-fit:contain;
  border:1px solid var(--top5-bd); border-radius:6px; background:#fff; padding:2px 4px;
}

/* кнопка */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .cta-button{
  display:inline-block;
  background: linear-gradient(90deg, var(--top5-accent), var(--top5-accent2));
  color:#fff; border:0; border-radius:10px;
  padding:.6em 1.1em; font-weight:700;
  box-shadow: 0 6px 20px rgba(16,185,129,.25);
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .cta-button:hover{
  transform:translateY(-1px);
  box-shadow: 0 12px 26px rgba(14,165,233,.28);
}

/* плюсы/минусы */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .pros-cons{
  display:flex; gap:18px; flex-wrap:wrap;
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .pros, 
#liste-over-de-5-bedste-online-casinoer-uden-rofus .cons{ flex:1; min-width:240px; }
#liste-over-de-5-bedste-online-casinoer-uden-rofus .pros h4,
#liste-over-de-5-bedste-online-casinoer-uden-rofus .cons h4{ margin:.2em 0 .4em; }

#liste-over-de-5-bedste-online-casinoer-uden-rofus .pros-list,
#liste-over-de-5-bedste-online-casinoer-uden-rofus .cons-list{
  list-style:none; padding:0; margin:0;
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .pros-list li,
#liste-over-de-5-bedste-online-casinoer-uden-rofus .cons-list li{
  display:flex; align-items:flex-start; gap:8px;
  padding:6px 0;
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .pros-list img,
#liste-over-de-5-bedste-online-casinoer-uden-rofus .cons-list img{
  width:16px; height:16px; object-fit:contain; margin-top:2px;
}

/* табличка характеристик */
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-details-table{
  width:100%; border-collapse:collapse; margin-top:10px;
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow: 0 3px 14px rgba(2,6,23,.04);
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-details-table td{
  border:1px solid var(--top5-bd); padding:8px 10px; font-size:14px;
}
#liste-over-de-5-bedste-online-casinoer-uden-rofus .casino-details-table tr:nth-child(even) td{
  background:#f9fbfe;
}

.casino-card-main {
    display: flex;
    flex-direction: column;
    align-items: center;   /* центрирует всё содержимое по горизонтали */
    text-align: center;    /* выравнивает текст */
    gap: 15px;             /* расстояние между элементами */
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.casino-card-main img {
    max-width: 120px;      /* логотипы не будут слишком большими */
    height: auto;
}
.payment-methods {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  /* центрирует иконки */
    gap: 8px;
}
.payment-methods img {
    width: 28px;
    height: auto;
    border-radius: 4px;
}
.casino-card-main .bonus-text {
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
}

.author-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 20px;
    margin: 40px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.author-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.author-photo {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ddd;
}

.author-text h3 {
    margin: 0 0 8px 0;
    font-size: 18px;
    color: #222;
}

.author-text p {
    margin: 5px 0;
    font-size: 15px;
    color: #555;
    line-height: 1.5;
}

.last-updated {
    font-style: italic;
    font-size: 14px;
    color: #666;
}

/* ===== Footer (Bubblewow) ===== */
.rofus-landing .rofus-footer{
  background: linear-gradient(180deg,#0f172a,#0b1220);
  color: #e5e7eb;
  border: 1px solid var(--rofus-border);
  border-radius: 16px;
  padding: clamp(18px,2.2vw,26px);
  box-shadow: 0 10px 26px rgba(2,6,23,.18);
  margin: clamp(20px,2.6vw,36px) auto 8px;
  max-width: 1200px;
  position: relative;
}

.rofus-landing .rofus-footer::before{
  content:"";
  display:block;
  height:6px;
  width:100%;
  background: linear-gradient(90deg,var(--rofus-accent),var(--rofus-accent-2));
  border-radius: 999px;
  margin-bottom: 16px;
}

.rofus-landing .bw-footer-inner{
  display:grid;
  grid-template-columns: 1.6fr 1.2fr;
  gap: clamp(16px,2.2vw,28px);
  align-items:flex-start;
}

.rofus-landing .bw-brand h3{
  margin: 0 0 6px;
  font-size: clamp(18px,2.2vw,22px);
  color:#fff;
  letter-spacing: .2px;
}

.rofus-landing .bw-brand p,
.rofus-landing .bw-responsible p{
  margin: 0;
  color: #cbd5e1;
  line-height: 1.6;
}

.rofus-landing .bw-responsible{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 12px 14px;
}

.rofus-landing .age-badge{
  width: 44px; height: 44px;
  min-width: 44px;
  border-radius: 50%;
  display:grid; place-items:center;
  font-weight: 800;
  color:#fff;
  background: radial-gradient(circle at 30% 30%, #ef4444, #b91c1c 70%);
  box-shadow: 0 6px 18px rgba(239,68,68,.35), inset 0 0 0 2px rgba(255,255,255,.15);
}

.rofus-landing .bw-copy{
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: clamp(14px,1.8vw,20px);
  padding-top: clamp(10px,1.4vw,14px);
  text-align:center;
  font-size: .95em;
  color:#94a3b8;
}

/* links i footer */
.rofus-landing .rofus-footer a{
  color: #93c5fd;
  text-decoration: none;
}
.rofus-landing .rofus-footer a:hover{ text-decoration: underline; }

/* Mobile */
@media (max-width: 768px){
  .rofus-landing .bw-footer-inner{
    grid-template-columns: 1fr;
  }
  .rofus-landing .bw-responsible{
    align-items:center;
  }
}