/* ====== Live Casino Argentina — Core Styles (no assets) ====== */

/* Цвета/база */
:root{
  --lca-bg:#0b1020;
  --lca-bg-soft:#111733;
  --lca-card:#121a36;
  --lca-border:#1f2850;
  --lca-text:#e6edf6;
  --lca-muted:#a6b3d1;
  --lca-primary:#00d3b8;
  --lca-accent:#ff5b7f;
  --lca-warn:#ffb020;
  --lca-shadow:0 10px 30px rgba(0,0,0,.35);
  --lca-radius:18px;
}

*{box-sizing:border-box}
html,body{height:100%}
body.lca-body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue", sans-serif;
  color:var(--lca-text);
  background: radial-gradient(1200px 600px at 75% -10%, #1b2350 0%, #0b1020 60%) no-repeat, var(--lca-bg);
  font-size:17px;
  line-height:1.6;
}

/* Общие утилиты */
.lca-container{width:min(1200px, 92%); margin-inline:auto}
.lca-link{color:var(--lca-primary); text-decoration:none}
.lca-link:hover{text-decoration:underline}
.lca-pill{
  display:inline-block; font-size:.85rem; padding:.35rem .6rem;
  border:1px solid var(--lca-border); border-radius:999px; color:var(--lca-muted);
  background:rgba(255,255,255,0.03)
}

/* Кнопки */
.lca-btn{
  appearance:none; border:0; cursor:pointer; border-radius:12px;
  padding:.8rem 1.1rem; font-weight:600; transition:.2s transform, .2s opacity, .2s box-shadow;
  text-decoration:none; display:inline-block; text-align:center;
}
.lca-btn:hover{transform:translateY(-1px)}
.lca-btn:active{transform:translateY(1px)}
.lca-btn-primary{background:var(--lca-primary); color:#08151a; box-shadow:0 6px 20px rgba(0,211,184,.3)}
.lca-btn-accent{background:var(--lca-accent); color:#18070b; box-shadow:0 6px 20px rgba(255,91,127,.35)}
.lca-btn-ghost{background:transparent; color:var(--lca-text); border:1px solid var(--lca-border)}

/* Header */
.lca-header{position:sticky; top:0; z-index:50; background:rgba(9,13,28,.6); backdrop-filter: blur(8px); border-bottom:1px solid var(--lca-border)}
.lca-header-wrap{display:flex; align-items:center; justify-content:space-between; padding:.8rem 0}
.lca-logo{font-family: Outfit, sans-serif; font-weight:800; letter-spacing:0.5px; font-size:1.35rem}
.lca-logo span{color:var(--lca-primary)}
.lca-nav{display:flex; gap:1rem; flex-wrap:wrap}
.lca-nav-link{color:var(--lca-muted); text-decoration:none; padding:.5rem .7rem; border-radius:10px}
.lca-nav-link:hover{background:rgba(255,255,255,.05); color:var(--lca-text)}

/* Hero */
.lca-hero{padding:3.2rem 0 2.6rem}
.lca-hero-grid{display:grid; grid-template-columns: 1.2fr .8fr; gap:2rem; align-items:center}
.lca-hero-title{
  font-family: Outfit, sans-serif; font-weight:800; font-size: clamp(1.9rem, 3.2vw, 3rem);
  line-height:1.15; margin:.8rem 0 1rem;
}
.lca-hero-title span{color:var(--lca-accent)}
.lca-hero-desc{color:var(--lca-muted); margin-bottom:1.2rem}
/* фон: картинка + градиент */
.lca-hero-art{
  position:relative;
  height:300px;
  border-radius:var(--lca-radius);
  border:1px solid var(--lca-border);
  box-shadow:var(--lca-shadow);
  background:
    linear-gradient(135deg, rgba(18,26,54,.6), rgba(14,22,48,.6)),
    url("../img/hero-bg.jpg") center / cover no-repeat;
}
.lca-hero-art > * { position: relative; z-index: 1; }
.lca-badge{
  position:absolute; top:18px; left:18px; background:var(--lca-primary); color:#051013; font-weight:800;
  padding:.5rem .7rem; border-radius:10px; font-family:Outfit, sans-serif
}
.lca-chip{
  position:absolute; width:92px; height:92px; right:18px; top:22px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #fff 0%, #ffd2d2 25%, #ff8aa6 50%, #ff5b7f 70%, #8c2941 100%);
  box-shadow:0 10px 30px rgba(255,91,127,.35);
}
.lca-wheel{
  position:absolute; width:160px; height:160px; left:30px; bottom:22px; border-radius:50%;
  background:conic-gradient(from 0deg, #00d3b8, #4aa3ff, #b284ff, #ff5b7f, #00d3b8);
  opacity:.6; box-shadow:0 10px 30px rgba(0,0,0,.35)
}

/* Заголовки секций */
.lca-section-title{
  font-family:Outfit, sans-serif; font-size: clamp(1.5rem, 2.2vw, 2rem); margin:0 0 1rem;
  display:flex; align-items:center; gap:.6rem
}

/* Карточки (общие) */
.lca-card{
  background:var(--lca-card); border:1px solid var(--lca-border); border-radius:var(--lca-radius);
  padding:1rem; display:grid; grid-template-columns: 140px 1fr 160px; gap:1rem; align-items:center;
  box-shadow:var(--lca-shadow); position:relative;
}
.lca-card + .lca-card{margin-top:1rem}
.lca-card-featured{padding:1.1rem 1.1rem}
.lca-card-badge{
  position:absolute; top:-8px; left:-8px; background:var(--lca-warn); color:#160d00; font-weight:800; padding:.35rem .55rem; border-radius:10px; font-size:.8rem
}
.lca-card-logo .lca-logo-sq{
  width:120px; height:120px; border-radius:14px; display:grid; place-items:center;
  background:linear-gradient(180deg, #1a244a, #0f1834); border:1px solid var(--lca-border); font-size:44px; color:#eaeefe;
}
.lca-card-body{color:var(--lca-text)}
.lca-card-title{margin:.1rem 0 .5rem; font-weight:700; font-family:Outfit, sans-serif}
.lca-list{margin:0; padding-left:1rem; color:var(--lca-muted)}
.lca-list li{margin:.15rem 0}
.lca-card-side{text-align:right}
.lca-score{font-family:Outfit, sans-serif; font-weight:800; font-size:1.6rem; margin-bottom:.6rem; color:#fff}
.lca-terms{color:var(--lca-muted); font-size:.85rem; margin-top:.6rem}

/* Блоки */
.lca-featured{padding:2.2rem 0}
.lca-card-featured{display:grid; grid-template-columns: 160px 1fr auto auto; gap:1rem; align-items:center}
.lca-bonus-main{font-weight:800; font-family:Outfit, sans-serif}
.lca-bonus-sub{color:var(--lca-muted)}
.lca-stars{letter-spacing:2px; color:#ffd876}
.lca-votes{color:var(--lca-muted)}
.lca-card-cta{text-align:right}

.lca-grid{padding:2.2rem 0}
.lca-grid-rows{display:grid; grid-template-columns:1fr; gap:1rem}

/* Reseñas */
.lca-reviews{padding:2.2rem 0; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0))}
.lca-rev-list{display:grid; grid-template-columns: repeat(3, 1fr); gap:1rem}
.lca-rev-card{
  background:var(--lca-card); border:1px solid var(--lca-border); border-radius:var(--lca-radius);
  padding:1rem; box-shadow:var(--lca-shadow)
}
.lca-rev-head{display:flex; align-items:center; gap:.7rem; margin-bottom:.4rem}
.lca-avatar{
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  background:linear-gradient(180deg, #1a244a, #0f1834); border:1px solid var(--lca-border); color:#fff;
}

/* Гайд/текстовые блоки */
.lca-guide{padding:2.2rem 0}
.lca-guide-title{font-family:Outfit, sans-serif; margin:.8rem 0 .4rem}

/* Footer */
.lca-footer{padding:2.2rem 0; border-top:1px solid var(--lca-border); background:#0a0f1c}
.lca-footer-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem}
.lca-foot-nav{display:flex; gap:1rem; flex-wrap:wrap}
.lca-foot-link{color:var(--lca-muted); text-decoration:none}
.lca-foot-link:hover{color:var(--lca-text)}
.lca-disclaimer{color:var(--lca-muted); margin:.5rem 0 1rem}
.lca-legal{display:flex; align-items:center; gap:.6rem; color:var(--lca-muted)}
.lca-18{
  display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%;
  background:#e64b4b; color:#fff; font-weight:800; font-size:.9rem;
}

/* Age Gate */
.lca-age-overlay{
  position:fixed; inset:0; background:rgba(3,6,16,.8); display:none; align-items:center; justify-content:center;
  z-index:9999; padding:1rem
}
.lca-age-card{
  width:min(560px, 96%); background:var(--lca-card); border:1px solid var(--lca-border);
  border-radius:20px; padding:1.2rem 1.1rem; box-shadow:var(--lca-shadow); text-align:center
}
.lca-age-title{margin:.2rem 0 .4rem; font-family:Outfit, sans-serif}
.lca-age-text{color:var(--lca-muted); margin:0 0 1rem}
.lca-age-actions{display:flex; gap:.6rem; justify-content:center; margin-bottom:.6rem}
.lca-btn-accept{background:var(--lca-primary); color:#001213}
.lca-btn-decline{background:transparent; border:1px solid var(--lca-border); color:#var(--lca-text)}
.lca-age-card .lca-link{font-size:.9rem}
.lca-hide{animation:lcaFade .25s ease-in forwards}
@keyframes lcaFade{to{opacity:0; transform:translateY(6px)}}

/* Адаптив (общий) */
@media (max-width: 980px){
  .lca-hero-grid{grid-template-columns:1fr}
  .lca-hero-art{order:-1; height:220px}
  .lca-card{grid-template-columns:120px 1fr; grid-auto-rows:auto}
  .lca-card-side{grid-column:1 / -1; text-align:left}
  .lca-card-featured{grid-template-columns:120px 1fr; grid-auto-rows:auto}
  .lca-card-cta{text-align:left}
  .lca-rev-list{grid-template-columns:1fr 1fr}
}
@media (max-width: 580px){
  .lca-rev-list{grid-template-columns:1fr}
}

/* === Age Gate: larger fonts === */
.lca-age-title{ font-size: clamp(1.6rem, 3.2vw, 2.2rem); line-height: 1.15; }
.lca-age-text{  font-size: clamp(1.06rem, 2.2vw, 1.2rem); }
.lca-age-actions .lca-btn{ font-size: clamp(1rem, 2vw, 1.15rem); padding: 1rem 1.25rem; border-radius: 14px; }
.lca-age-legal{ font-size: clamp(0.95rem, 1.8vw, 1.05rem); }
.lca-age-card{ padding: 1.4rem 1.3rem; }

/* === Marca del mes — slot логотипа побольше === */
#marca .lca-card-featured{ grid-template-columns: 180px 1fr auto auto; }
#marca .lca-card-featured .lca-card-logo{ width: 180px; height: 110px; padding: 10px; }

/* ===== OFFERS — финальные кастомные правки (compact, bigger fonts) ===== */
#offers{
  --offers-logo-w: clamp(120px, 18vw, 180px);
  --offers-side-w: clamp(210px, 26vw, 280px);
  --offers-slot-h: clamp(70px, 10vw, 96px);
}
#offers .lca-section-title{ font-size: clamp(1.6rem, 3vw, 2.3rem) !important; }

#offers.lca-grid .lca-card{
  grid-template-columns: var(--offers-logo-w) minmax(0,1fr) var(--offers-side-w) !important;
  gap: 1rem !important;
  padding: 1rem 1.1rem !important;
  align-items: center !important;
}
#offers.lca-grid .lca-card-badge{
  position:absolute !important; top:-6px !important; left:-6px !important;
  padding:.38rem .6rem !important; border-radius:10px !important;
  font-size:.82rem !important; font-weight:800 !important;
}

/* слот под логотип — одинаковая высота */
#offers.lca-grid .lca-card-logo{
  width: var(--offers-logo-w) !important;
  height: var(--offers-slot-h) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  padding: 8px !important;
  border: 1px solid var(--lca-border) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #1a244a, #0f1834) !important;
  overflow: hidden !important;
}
#offers.lca-grid .lca-card-logo img{
  max-width:100% !important; max-height:100% !important;
  width:auto !important; height:auto !important;
  object-fit: contain !important; display:block !important;
}

/* контент — крупнее */
#offers.lca-grid .lca-card-title{
  font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
  margin: .1rem 0 .45rem !important;
}
#offers.lca-grid .lca-list{
  font-size: clamp(1.02rem, 1.7vw, 1.14rem) !important;
  line-height: 1.55 !important;
}
#offers.lca-grid .lca-list li{ margin:.18rem 0 !important; }

/* правая колонка — компакт */
#offers.lca-grid .lca-card-side{
  display:flex !important; flex-direction:column !important;
  align-items:flex-end !important; text-align:right !important;
  gap:.55rem !important;
}
#offers.lca-grid .lca-score{
  font-size: clamp(1.9rem, 3.2vw, 2.25rem) !important;
  line-height:1 !important;
}
#offers.lca-grid .lca-card-side .lca-btn{
  font-size: clamp(1rem, 1.8vw, 1.16rem) !important;
  padding: .95rem 1.25rem !important;
  border-radius: 14px !important;
}
#offers.lca-grid .lca-terms{
  font-size: clamp(.95rem, 1.6vw, 1.06rem) !important;
}

/* адаптив: правая колонка вниз */
@media (max-width: 980px){
  #offers{ --offers-logo-w: 120px; --offers-slot-h: 76px; --offers-side-w: auto; }
  #offers.lca-grid .lca-card{ grid-template-columns: var(--offers-logo-w) minmax(0,1fr) !important; }
  #offers.lca-grid .lca-card-side{
    grid-column:1 / -1 !important;
    flex-direction:row !important; align-items:center !important;
    justify-content:space-between !important; text-align:left !important;
    margin-top:.4rem !important;
  }
  #offers.lca-grid .lca-score{ font-size: clamp(1.6rem, 4.5vw, 1.9rem) !important; }
}
@media (max-width: 580px){
  #offers{ --offers-logo-w: 100%; --offers-slot-h: 64px; }
  #offers.lca-grid .lca-card{ grid-template-columns: 1fr !important; }
  #offers.lca-grid .lca-card-logo{ width:100% !important; }
  #offers.lca-grid .lca-card-side{
    flex-direction:column !important; align-items:flex-start !important; gap:.4rem !important;
  }
}
/* === OFFERS: 3 равные колонки, плотнее верстка === */
#offers.lca-grid .lca-card{
  /* Три одинаковые колонки */
  grid-template-columns: repeat(3, 1fr) !important;
  gap: .75rem !important;
  padding: .9rem 1rem !important;
  align-items: center !important;
}

/* Колонка 1: логотип — единая высота, по центру */
#offers.lca-grid .lca-card-logo{
  width: 100% !important;
  height: 96px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  padding: 8px !important;
  border: 1px solid var(--lca-border) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #1a244a, #0f1834) !important;
  overflow:hidden !important;
}
#offers.lca-grid .lca-card-logo img{
  max-width: 100% !important; max-height: 100% !important;
  width:auto !important; height:auto !important; object-fit:contain !important;
}

/* Колонка 2: текст компактнее и крупнее */
#offers.lca-grid .lca-card-title{
  font-size: 1.25rem !important;
  margin: .1rem 0 .35rem !important;
}
#offers.lca-grid .lca-list{
  font-size: 1.06rem !important;
  line-height: 1.5 !important;
}
#offers.lca-grid .lca-list li{ margin:.15rem 0 !important; }

/* Колонка 3: без пустот — грид, кнопка на всю ширину */
#offers.lca-grid .lca-card-side{
  display:grid !important;
  grid-auto-rows:min-content !important;
  align-content:center !important;      /* собираем блок по вертикали */
  justify-items:end !important;         /* выравнивание по правому краю */
  gap:.55rem !important;
  text-align:right !important;
}
#offers.lca-grid .lca-score{
  font-size: 2.05rem !important;
  line-height:1 !important;
}
#offers.lca-grid .lca-card-side .lca-btn{
  width: 100% !important;               /* растянуть кнопку на всю колонку */
  max-width: 240px !important;
  font-size: 1.08rem !important;
  padding: .95rem 1.2rem !important;
  border-radius:14px !important;
}
#offers.lca-grid .lca-terms{
  font-size: .98rem !important;
}

/* Бейдж — компактный */
#offers.lca-grid .lca-card-badge{
  position:absolute !important; top:-6px !important; left:-6px !important;
  padding:.34rem .56rem !important; border-radius:10px !important;
  font-size:.8rem !important; font-weight:800 !important;
}

/* Адаптив: на планшете и мобиле — 2 и 1 колонка */
@media (max-width: 1100px){
  #offers.lca-grid .lca-card{
    grid-template-columns: 1fr 1fr !important; /* логотип + текст, справа вниз */
  }
  #offers.lca-grid .lca-card-side{
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr auto !important;
    justify-items: start !important;
    text-align:left !important;
  }
}
@media (max-width: 640px){
  #offers.lca-grid .lca-card{
    grid-template-columns: 1fr !important;
  }
  #offers.lca-grid .lca-card-logo{ height: 72px !important; }
  #offers.lca-grid .lca-card-side{
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
  }
  #offers.lca-grid .lca-card-side .lca-btn{ max-width: none !important; }
}
/* Footer badges */
.lca-badges{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin:.6rem 0 0;
}
.lca-badges img{
  height:28px;      /* одинаковая высота */
  width:auto;
  display:block;
  opacity:.95;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}
.lca-badges .coljuegos-logo{ height:28px; }  /* можно увеличить при желании */
@media (max-width:580px){
  .lca-badges{ gap:.6rem; }
  .lca-badges img{ height:24px; }
}
/* ===== Marca del mes — карточка-баннер ===== */
#marca .lca-featured-card{
  position: relative;
  overflow: hidden;
  border: 1px solid var(--lca-border);
  background: var(--lca-card);
  border-radius: var(--lca-radius);
  box-shadow: var(--lca-shadow);
  padding: 1.1rem;
  /* 4 колонки: логотип / сумма / рейтинг / CTA */
  grid-template-columns:
    clamp(180px, 20vw, 230px)
    1fr
    clamp(170px, 20vw, 210px)
    clamp(220px, 24vw, 260px);
  gap: 1rem;
  align-items: center;
}

/* фон-картинка с лёгким затемнением — положи ./img/featured-bg.jpg (или останется градиент) */
#marca .lca-featured-card .lca-featured-bg{
  position:absolute; inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(0,0,0,.18));
  opacity:.18; z-index:0;
}
#marca .lca-featured-card > *{ position:relative; z-index:1; }

/* логотип — единый слот */
#marca .lca-featured-logo{
  width: 100%;
  height: 110px;
  display:flex; align-items:center; justify-content:center;
  padding:10px;
  border:1px solid var(--lca-border);
  border-radius:12px;
  background: linear-gradient(180deg, #1a244a, #0f1834);
  overflow:hidden;
}
#marca .lca-featured-logo img{
  max-width:100%; max-height:100%;
  width:auto; height:auto; object-fit:contain; display:block;
}

/* типографика внутри карточки */
#marca .lca-bonus-main{ font-family:Outfit, sans-serif; font-weight:800; font-size:clamp(1.6rem,3vw,2.1rem); }
#marca .lca-bonus-sub{ color:var(--lca-muted); font-size:1.02rem; }

#marca .lca-score{ font-size:clamp(1.9rem,3vw,2.25rem); line-height:1; }
#marca .lca-stars{ color:#ffd876; letter-spacing:2px; }
#marca .lca-votes{ color:var(--lca-muted); display:block; margin-top:.25rem; }

#marca .lca-card-cta{
  display:grid; justify-items:end; align-content:center;
  gap:.55rem; text-align:right;
}
#marca .lca-card-cta .lca-btn{ width:100%; max-width:260px; border-radius:14px; padding:1rem 1.2rem; }
#marca .lca-visit-link{ opacity:.9; }
#marca .lca-terms{ color:var(--lca-muted); font-size:.95rem; }

/* адаптив */
@media (max-width: 1100px){
  #marca .lca-featured-card{
    grid-template-columns: clamp(160px, 28vw, 200px) 1fr 1fr; /* логотип / сумма / рейтинг+CTA */
  }
  #marca .lca-card-cta{ grid-column: 3; }
}
@media (max-width: 780px){
  #marca .lca-featured-card{
    grid-template-columns: clamp(140px, 40vw, 180px) 1fr; /* логотип / всё остальное */
  }
  #marca .lca-card-rating{ display:flex; gap:.75rem; align-items:center; }
  #marca .lca-card-cta{
    grid-column: 1 / -1;
    justify-items:stretch; text-align:left;
  }
  #marca .lca-card-cta .lca-btn{ max-width:none; }
}
@media (max-width: 560px){
  #marca .lca-featured-logo{ height: 92px; }
}
/* Age Gate — базовое состояние (скрыт) */
.lca-age-overlay{
  position: fixed;
  inset: 0;
  display: none;                 /* скрыт по умолчанию */
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(3, 6, 16, .86);
  z-index: 999999;               /* поверх всего */
}

/* когда открыт */
.lca-age-overlay.is-open{ display: flex !important; }

.lca-no-scroll{ overflow: hidden; }

/* карточка */
.lca-age-card{
  width: min(560px, 96%);
  background: var(--lca-card, #121a36);
  border: 1px solid var(--lca-border, #1f2850);
  border-radius: 20px;
  padding: 20px 18px;
  box-shadow: var(--lca-shadow, 0 10px 30px rgba(0,0,0,.35));
  text-align: center;
  color: var(--lca-text, #e6edf6);
}

.lca-age-title{
  font-family: Outfit, sans-serif;
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  line-height: 1.15;
  margin: .2rem 0 .4rem;
}
.lca-age-text{ color: var(--lca-muted,#a6b3d1); font-size: clamp(1.06rem, 2.2vw, 1.2rem); }
.lca-age-actions{ display:flex; gap:.6rem; justify-content:center; margin:.8rem 0; }
.lca-btn-accept{ background: var(--lca-primary,#00d3b8); color:#001213; border-radius:14px; padding:1rem 1.2rem; font-weight:700; }
.lca-btn-decline{ background: transparent; border:1px solid var(--lca-border,#1f2850); color: var(--lca-text,#e6edf6); border-radius:14px; padding:1rem 1.2rem; }
.lca-age-legal{ color: var(--lca-muted,#a6b3d1); font-size: clamp(.95rem, 1.8vw, 1.05rem); }
/* ===================== Marca del mes — custom ===================== */
#marca{
  --featured-slot-h: 110px;                           /* высота слотов (лого/бонус) */
  --featured-col-logo:  clamp(220px, 26vw, 280px);    /* ширина колонки лого */
  --featured-col-rate:  clamp(150px, 18vw, 190px);    /* ширина рейтинга */
  --featured-col-cta:   clamp(220px, 24vw, 260px);    /* ширина CTA */
}

/* Карточка-баннер: 4 колонки, без наложений */
#marca .lca-featured-card{
  display: grid;
  grid-template-areas: "logo bonus rating cta";
  grid-template-columns: var(--featured-col-logo) 1fr var(--featured-col-rate) var(--featured-col-cta);
  gap: 1.25rem;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* ===== Логотип ===== */
#marca .lca-featured-logo{
  grid-area: logo;
  height: var(--featured-slot-h);
  display:flex; align-items:center; justify-content:center;
  padding: 10px;
  border: 1px solid var(--lca-border);
  border-radius: 12px;
  background: linear-gradient(180deg,#1a244a,#0f1834);
  overflow: hidden;
}
#marca .lca-featured-logo img{
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block;
}

/* ===== Бонус/минимум (панель как у лого, той же высоты) ===== */
#marca .lca-card-bonus{
  grid-area: bonus;
  min-height: var(--featured-slot-h);
  display:grid; align-content:center; justify-items:start;
  padding: 0 18px;
  border: 1px solid var(--lca-border);
  border-radius: 12px;
  background: linear-gradient(180deg, #132045, #0e1733);
  min-width: 0; /* страховка, чтобы длинный текст не ломал сетку */
}
#marca .lca-bonus-main{
  font-family: Outfit, sans-serif; font-weight: 800;
  font-size: clamp(1.7rem, 3.2vw, 2.3rem);
  letter-spacing: .2px; white-space: nowrap;
}
#marca .lca-bonus-sub{ color: var(--lca-muted); font-size: clamp(1rem, 1.8vw, 1.1rem); margin-top: .1rem; }

/* ===== Рейтинг ===== */
#marca .lca-card-rating{
  grid-area: rating; justify-self:center; text-align:center; min-width:0;
}
#marca .lca-score{ font-size: clamp(1.9rem, 3vw, 2.25rem); line-height:1; }
#marca .lca-stars{ color:#ffd876; letter-spacing:2px; }
#marca .lca-votes{ color: var(--lca-muted); display:block; margin-top:.25rem; }

/* ===== CTA ===== */
#marca .lca-card-cta{
  grid-area: cta;
  display:grid; gap:.55rem; text-align:right; justify-self:end;
}
#marca .lca-card-cta .lca-btn{ width:100%; max-width:260px; border-radius:14px; padding:1rem 1.2rem; }
#marca .lca-visit-link{ opacity:.9; }

/* ===== Опциональный внутренний фон (если есть .lca-featured-bg) ===== */
#marca .lca-featured-card .lca-featured-bg{
  position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(0,0,0,.18)),
    url("./img/featured-bg.jpg") center/cover no-repeat;
  opacity:.18;
}
#marca .lca-featured-card > *{ position:relative; z-index:1; }

/* ===== Золотой мод (как на твоём скрине) ===== */
#marca .lca-featured--gold{
  border: 2px solid #ffcc3a;
  background: linear-gradient(0deg, rgba(255,204,58,.14), rgba(255,204,58,.14)), var(--lca-card);
  box-shadow: 0 0 0 2px rgba(255,204,58,.18) inset, var(--lca-shadow);
}
#marca .lca-featured--gold .lca-featured-logo{
  background: linear-gradient(180deg, rgba(255,204,58,.12), rgba(255,204,58,.06));
  border-color: rgba(255,204,58,.35);
  margin: 0;
}
#marca .lca-featured--gold .lca-bonus-main{ color:#ffe07a; }
#marca .lca-featured--gold .lca-bonus-sub, 
#marca .lca-featured--gold .lca-votes{ color:#ffe7a6; }
#marca .lca-featured--gold .lca-stars{ color:#ffd048; }
#marca .lca-featured--gold .lca-btn-accent{
  background:#ffcc3a; color:#3b2c00; box-shadow:0 6px 20px rgba(255,204,58,.35);
}

/* ===== Адаптив ===== */
@media (max-width:1100px){
  #marca .lca-featured-card{
    grid-template-areas:
      "logo bonus cta"
      "logo rating cta";
    grid-template-columns: clamp(200px, 34vw, 240px) 1fr var(--featured-col-cta);
    gap: 1rem;
  }
  #marca .lca-card-rating{ justify-self:start; text-align:left; }
}
@media (max-width:780px){
  #marca .lca-featured-card{
    grid-template-areas:
      "logo"
      "bonus"
      "rating"
      "cta";
    grid-template-columns: 1fr;
    gap: .9rem;
  }
  #marca .lca-featured-logo,
  #marca .lca-card-bonus{ min-height: 96px; height:auto; }
  #marca .lca-card-rating{ justify-self:start; text-align:left; }
  #marca .lca-card-cta{ justify-self:stretch; text-align:left; }
}