/* ==========================================================================
   rating.css — рейтинг брендов grimseltor.ch, вариант «Höhenprofil».

   Файл НАМЕРЕННО лежит отдельно и НЕ участвует в сборке build-assets.php
   (она инлайнит только all.css и theme.css). Подключается напрямую из
   страницы с ?v=filemtime — правки видны сразу, кэш не мешает.
   ========================================================================== */

.gt-rating{
  --gt-paper:#FFFFFF;
  --gt-ink:#18181B;
  --gt-sage:#9BC1BC;
  --gt-sage-dk:#3B655F;
  --gt-sage-md:#6FA098;
  --gt-sage-lt:#EDF4F3;
  --gt-line:#E2EAE9;
  --gt-mut:#5E6966;

  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0 0 30px;
  text-align:left;
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  font-size:14px;
  line-height:1.45;
  color:var(--gt-ink);
  -webkit-text-size-adjust:100%;
          text-size-adjust:100%;
}

/* ---------- сброс типографики темы ----------
   На сайте p/li/dd и прочие теги имеют собственные размеры из theme.css.
   Без этого сброса они перебивают размеры блока (например <p> внутри
   ответственной игры вырастал до 17,6px). Явные правила блока ниже имеют
   специфичность выше и продолжают работать. */
.gt-rating p,.gt-rating ul,.gt-rating ol,.gt-rating li,
.gt-rating dl,.gt-rating dt,.gt-rating dd,
.gt-rating div,.gt-rating span,.gt-rating a,
.gt-rating b,.gt-rating strong,.gt-rating em,.gt-rating i,.gt-rating code,.gt-rating label{
  font-size:inherit;line-height:inherit;margin:0;padding:0;
}
.gt-rating ul,.gt-rating ol{list-style:none}

/* ---------- заголовок ---------- */
.gt-rating .gt-head{margin-bottom:2px}
.gt-rating .gt-h{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.gt-rating .gt-kicker{margin-top:5px;font-size:13px;color:var(--gt-mut);letter-spacing:.02em}

/* ==========================================================================
   Строка = склон
   ========================================================================== */
.gt-rating .gt-row{
  position:relative;
  display:grid;
  grid-template-columns:78px 152px minmax(0,1fr) 196px 174px;
  column-gap:20px;
  row-gap:12px;
  align-items:center;
  background:var(--gt-paper);
  border:1.5px solid var(--gt-ink);
  border-radius:0 18px 18px 0;
  padding:15px 18px 15px 0;
  clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px);
}
.gt-rating .gt-row--nostats{grid-template-columns:78px 152px minmax(0,1fr) 192px}

.gt-rating .gt-num {grid-column:1;grid-row:1/-1}
.gt-rating .gt-logo{grid-column:2;grid-row:1}
.gt-rating .gt-mid  {grid-column:3;grid-row:1}
.gt-rating .gt-prof {grid-column:4;grid-row:1}
.gt-rating .gt-cta  {grid-column:5;grid-row:1}
.gt-rating .gt-row--nostats .gt-cta{grid-column:4}
.gt-rating .gt-base {grid-column:2/-1}
.gt-rating .gt-rg   {grid-column:2/-1}

/* левая полоса под вершинным знаком */
.gt-rating .gt-row::before{
  content:'';
  position:absolute;
  left:0;top:0;
  width:78px;height:100%;
  background:var(--gt-sage-lt);
  z-index:0;
}
.gt-rating .gt-row--top::before{background:var(--gt-sage)}

/* ---------- вершинный знак ---------- */
.gt-rating .gt-num{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:100%;gap:3px;color:var(--gt-ink);
}
.gt-rating .gt-num svg{display:block;width:26px;height:20px}
.gt-rating .gt-num b{
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:25px;font-weight:700;line-height:1;letter-spacing:-.03em;
}
.gt-rating .gt-num i{
  font-style:normal;font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  color:var(--gt-sage-dk);
}
.gt-rating .gt-row--top .gt-num i{color:var(--gt-ink);opacity:.7}

/* ---------- логотип ---------- */
.gt-rating .gt-logo{
  height:84px;
  border:1px solid var(--gt-line);
  border-radius:12px;
  background:#fff;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;text-decoration:none;
}
.gt-rating .gt-logo img{max-width:88%;max-height:82%;object-fit:contain;display:block}
.gt-rating .gt-logo--empty{font-size:14px;font-weight:800;text-align:center;padding:6px 10px}

/* ---------- середина ---------- */
.gt-rating .gt-mid{min-width:0}
.gt-rating .gt-brand{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  font-size:15.5px;font-weight:800;letter-spacing:-.01em;margin-bottom:5px;
}
.gt-rating .gt-brand em{
  font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;border-radius:4px;padding:3px 7px;
}
.gt-rating .gt-brand .gt-b1{background:var(--gt-ink);color:#fff}
.gt-rating .gt-brand .gt-b2{background:var(--gt-sage-lt);color:var(--gt-sage-dk)}

.gt-rating .gt-bonus{font-size:14.5px;font-weight:600;line-height:1.42}
.gt-rating .gt-bonus strong,
.gt-rating .gt-bonus b{font-weight:800}

.gt-rating .gt-promo{
  margin-top:8px;font-size:12.5px;color:var(--gt-mut);
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
}
.gt-rating .gt-promo code{
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:12.5px;font-weight:700;color:var(--gt-sage-dk);
  border:1.5px dashed var(--gt-sage-md);border-radius:7px;padding:3px 9px;
}

/* ---------- профиль оценок ---------- */
.gt-rating .gt-prof{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.gt-rating .gt-plb{
  font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gt-mut);
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
}
.gt-rating .gt-score{display:flex;align-items:baseline;gap:7px}
.gt-rating .gt-score b{
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:30px;font-weight:700;line-height:1;letter-spacing:-.035em;
}
.gt-rating .gt-score span{font-size:11.5px;color:var(--gt-mut)}
.gt-rating .gt-bar{
  width:100%;max-width:150px;height:8px;border-radius:2px;
  background:var(--gt-sage-lt);position:relative;overflow:hidden;
}
.gt-rating .gt-bar i{
  position:absolute;left:0;top:0;bottom:0;background:var(--gt-sage-md);
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 6px);
          mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 6px);
}
.gt-rating .gt-cnt{font-size:11.5px;color:var(--gt-mut);white-space:nowrap}

/* ---------- кнопка ---------- */
.gt-rating .gt-cta{display:flex;flex-direction:column;gap:7px;align-items:stretch;min-width:0}
.gt-rating .gt-btn{
  display:block;text-align:center;text-decoration:none;
  background:var(--gt-sage);color:var(--gt-ink);
  font-weight:800;font-size:14px;letter-spacing:.01em;text-transform:uppercase;
  padding:13px 12px;border-radius:30px;border:1.5px solid var(--gt-ink);
  transition:background .25s ease,color .25s ease;
}
.gt-rating .gt-btn:hover{background:var(--gt-ink);color:#fff}
.gt-rating .gt-rev{
  text-align:center;font-size:12px;color:var(--gt-sage-dk);
  text-decoration:underline;text-underline-offset:3px;
}

/* ==========================================================================
   Подошва: признаки, преимущества, платёжки
   ========================================================================== */
.gt-rating .gt-base{
  position:relative;z-index:1;
  padding-top:12px;
  border-top:1px dotted var(--gt-line);
}

/* признаки (featuresHtml из Strapi) */
.gt-rating .gt-feat .bonus-features{display:flex;flex-wrap:wrap;gap:6px}
.gt-rating .gt-feat .feature-item{
  display:inline-flex;align-items:center;
  font-size:11.5px;font-weight:600;line-height:1.3;
  background:var(--gt-sage-lt);color:var(--gt-sage-dk);
  border-radius:20px;padding:4px 11px;
}
.gt-rating .gt-feat + .gt-adv{margin-top:11px}

/* преимущества */
.gt-rating .gt-adv{
  margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:9px 22px;
}
.gt-rating .gt-adv > div{display:flex;align-items:flex-start;gap:8px;min-width:0}
.gt-rating .gt-adv svg{flex:0 0 16px;width:16px;height:16px;margin-top:2px;color:var(--gt-sage-dk)}
.gt-rating .gt-adv dt{
  font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gt-mut);margin:0;
}
.gt-rating .gt-adv dd{margin:1px 0 0;font-size:13px;font-weight:700;line-height:1.3}

/* платёжные методы */
.gt-rating .gt-pay{margin-top:12px;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.gt-rating .gt-pay-t{
  flex:0 0 auto;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gt-mut);padding-top:5px;
}
.gt-rating .gt-pay ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.gt-rating .gt-pay li{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:600;color:#495250;
  background:#F5F8F7;border:1px solid var(--gt-line);border-radius:6px;padding:3px 8px;
}
.gt-rating .gt-pay svg{width:13px;height:13px;flex:0 0 13px;color:var(--gt-sage-dk)}

.gt-rating .gt-extra{margin-top:11px;font-size:12.5px;line-height:1.5;color:#3F4644}

/* ответственная игра */
.gt-rating .gt-rg{
  position:relative;z-index:1;
  font-size:10.5px;line-height:1.45;color:var(--gt-mut);
}
.gt-rating .gt-rg p{margin:0}

/* ---------- мобильный сворачиватель: на десктопе выключен ---------- */
.gt-rating .gt-more-t{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.gt-rating .gt-more-b{display:none}
.gt-rating .gt-fold{display:block}

/* ==========================================================================
   Планшет
   ========================================================================== */
@media (max-width:1024px){
  .gt-rating .gt-row,
  .gt-rating .gt-row--nostats{grid-template-columns:70px 132px minmax(0,1fr) 172px}
  .gt-rating .gt-mid {grid-column:3;grid-row:1}
  .gt-rating .gt-cta {grid-column:4;grid-row:1}
  .gt-rating .gt-prof{grid-column:2/-1;grid-row:2;flex-direction:row;align-items:center;gap:11px;flex-wrap:wrap}
  .gt-rating .gt-plb{display:none}
  .gt-rating .gt-score b{font-size:24px}
  .gt-rating .gt-bar{flex:1 1 100px;max-width:170px;width:auto}
  .gt-rating .gt-base,
  .gt-rating .gt-rg{grid-column:2/-1}
  .gt-rating .gt-logo{height:74px}
}

/* ==========================================================================
   Телефон
   ========================================================================== */
@media (max-width:720px){
  .gt-rating{gap:12px}
  .gt-rating .gt-h{font-size:21px}

  .gt-rating .gt-row,
  .gt-rating .gt-row--nostats{
    grid-template-columns:62px minmax(0,1fr);
    column-gap:13px;
    row-gap:10px;
    padding:13px 14px 13px 0;
    border-radius:0 14px 14px 0;
    clip-path:polygon(24px 0,100% 0,100% 100%,0 100%,0 24px);
  }
  .gt-rating .gt-row::before{width:62px}

  .gt-rating .gt-num{grid-column:1;grid-row:1/-1}
  .gt-rating .gt-logo,
  .gt-rating .gt-mid,
  .gt-rating .gt-prof,
  .gt-rating .gt-cta,
  .gt-rating .gt-base,
  .gt-rating .gt-rg{grid-column:2;grid-row:auto}

  .gt-rating .gt-prof{order:0;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
  .gt-rating .gt-score b{font-size:22px}
  .gt-rating .gt-bar{flex:1 1 70px;max-width:130px;width:auto}
  .gt-rating .gt-base{order:1}
  .gt-rating .gt-cta{order:2}
  .gt-rating .gt-rg{order:3}

  .gt-rating .gt-num svg{width:22px;height:17px}
  .gt-rating .gt-num b{font-size:21px}
  .gt-rating .gt-num i{font-size:8px;letter-spacing:.1em}

  .gt-rating .gt-logo{height:62px}
  .gt-rating .gt-brand{font-size:14.5px;margin-bottom:4px}
  .gt-rating .gt-bonus{font-size:13.5px}
  .gt-rating .gt-adv{grid-template-columns:1fr 1fr;gap:8px 14px}
  .gt-rating .gt-adv dd{font-size:12.5px}

  /* сворачиваем подошву под кнопку */
  .gt-rating .gt-base{border-top:0;padding-top:0}
  .gt-rating .gt-fold{display:none;padding-top:11px;margin-top:10px;border-top:1px dotted var(--gt-line)}
  .gt-rating .gt-more-t:checked ~ .gt-fold{display:block}
  .gt-rating .gt-more-b{
    display:inline-flex;align-items:center;gap:6px;cursor:pointer;
    font-size:12px;font-weight:700;color:var(--gt-sage-dk);
    border:1.5px solid var(--gt-sage);border-radius:20px;padding:5px 13px;
    user-select:none;-webkit-tap-highlight-color:transparent;
  }
  .gt-rating .gt-more-b::after{content:'Mehr Details ↓';font-size:12px;line-height:1.25;font-weight:700}
  .gt-rating .gt-more-t:checked ~ .gt-more-b::after{content:'Weniger ↑';font-size:12px;line-height:1.25;font-weight:700}
  .gt-rating .gt-more-t:focus-visible ~ .gt-more-b{outline:2px solid var(--gt-ink);outline-offset:2px}

  .gt-rating .gt-btn{padding:12px 10px;font-size:13.5px}
}

@media (max-width:400px){
  .gt-rating .gt-row,
  .gt-rating .gt-row--nostats{grid-template-columns:54px minmax(0,1fr);column-gap:11px}
  .gt-rating .gt-row::before{width:54px}
  .gt-rating .gt-num b{font-size:19px}
  .gt-rating .gt-logo{height:56px}
  .gt-rating .gt-adv{grid-template-columns:1fr 1fr;gap:8px 12px}
  .gt-rating .gt-adv svg{flex:0 0 14px;width:14px;height:14px}
}