/* ====== Zaimy (classic) ====== */
:root{
  --container: 1240px;
  --bg: #ffffff;
  --text: #1a1a1a;
  --muted: #6b7280;
  --border: #e7edf3;
  --shadow: 0 2px 0 rgba(0,0,0,.03), 0 1px 0 rgba(0,0,0,.04);
  --lime: #b8ec32;
  --lime-dark: #8fd021;
  --darkbar: #1f2328;
  --brand-box-h: 72px;   /* фикс. высота зоны с логотипом */
  --logo-h: 44px;    
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:14px/1.35 -apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%;display:block}

html, body { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
.bottom-bar { margin-top: auto; }  /* подвал всегда внизу */

.container,.wrap{max-width:var(--container);margin:0 auto;padding:0 16px}

/* ====== Header ====== */
.site-header{background:#fff;border-bottom:1px solid #eef2f4}
.header__row{display:flex;align-items:center;height:72px}
.header__row--left{justify-content:flex-start}
.site-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.logo-text{font-weight:800; font-size: 22px; letter-spacing: .6px;}
.logo-text__black{color:#1a1a1a}
.logo-text__green{color:#79c000}

/* чёрная полоса с текстом */
.promo-bar{background:var(--darkbar);color:#e5e7eb; padding: 22px 0 24px;}
.promo__inner{text-align:center}
.promo__title{margin:0 0 4px;color:#ffffff;font-weight:700; font-size: 18px; line-height: 1.6; margin: 0 0 6px;}
.promo__subtitle{margin:0;color:#cbd5e1; font-size: 13px; line-height: 1.6;}

/* ====== Cards grid ====== */
.grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(300px, 1fr));
  gap:20px;
  margin:24px auto;
}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.grid{grid-template-columns:1fr}}

/* ====== Card ====== */
.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:var(--shadow);
  padding:14px 18px;

  /* КЛЮЧ: строгая сетка — все блоки на одной высоте */
  display:grid;
  grid-template-rows: var(--brand-box-h) 1px 1fr auto; /* 1) лого 2) линия 3) контент 4) кнопка */
  row-gap:12px;

  min-height:150px;
}
.card__brand{
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
}
.card__logo{
  height:var(--logo-h);
  width:auto;
  max-width:100%;
  object-fit:contain;
  flex:0 0 auto;
}

.card__brand-text{font-weight:700;font-size:14px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* длинная чёрная линия */
.card__divider{
  grid-row:2;
  height:1px;
  background:#222;
  border-radius:1px;
  margin:0;              /* убираем разнобой отступов */
}

/* блок под линией: слева условия, справа сумма */
.card__content{
  grid-row:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.card__meta{color:#8b949e}
.card__meta--stack{ padding-left:10px; margin:0; }
.card__note{ font-size:13px; line-height:1.35; }
.card__amount{ font-size:24px; font-weight:800; white-space:nowrap; }

/* кнопка полегче */
.card__btn{
  grid-row:4;
  display:block;
  width:100%;
  padding:12px 14px;
  text-align:center;
  font-size:14px;
  font-weight:500;
  color:#1a1a1a;
  background:var(--lime);
  border-radius:6px;
  text-decoration:none;
  border:1px solid #a7df2e;
  margin-top:0;          /* было 12px — больше не нужно */
}
.card__btn:hover{ background:var(--lime-dark); }
.card__btn:active{ transform:translateY(1px); }

  .fine-print{
    margin-top:8px;
    color:#98a1b3;
    font-size:12px;
    line-height:1.35;
    text-align:center;
  }

  .fine-print__link{
    color:inherit;
    text-decoration:underline;
  }
  .fine-print__link:hover{ text-decoration:none; }

/* ====== Benefits ====== */
.benefits{ padding: 32px 0 0; }
.benefits__title{
  text-align:center; margin:0 0 18px;
  font-size:28px; font-weight:800;
}
.benefits__list{
  list-style:none; margin:0 auto; padding:0;
  max-width: 720px;  /* шире колонки */
}
.benefits__list li{
  position:relative; padding-left:30px; margin:14px 0;
  font-size:16px; line-height:1.5;
}
.benefits__list li::before{
  content:""; position:absolute; left:0; top:4px;
  width:20px; height:20px; background:var(--lime); border-radius:50%;
}
.benefits__list li::after{
  content:""; position:absolute; left:6px; top:10px;
  width:9px; height:5px; border:2px solid #fff;
  border-top:none; border-right:none; transform:rotate(-45deg);
}

/* ====== Bottom footer ====== */
.bottom-bar{ background:#1f2328; color:#9aa3af; padding:28px 0 32px; }
.bottom-bar__links{
  margin:0 0 10px; text-align:center;
}
.bottom-bar__links a{
  display:block;                 /* каждая ссылка с новой строки */
  color:#c7ced6; text-decoration:underline;
  margin:0 0 8px; font-size:14px;
}
.bottom-bar__links .sep{ display:none; }  /* точку между ссылками прячем */
.bottom-bar__text{
  margin:0 auto; max-width:1200px;
  text-align:center; font-size:14px; color:#cbd5e1;
}

.grid .card .fine-print{
  display:block !important;            /* перебиваем старое скрытие */
  margin-top:8px;
  color:#98a1b3;
  font-size:12px;
  line-height:1.35;
  text-align:center;
  /* если карточка на CSS Grid (brand, divider, content, btn) — положим в 5-ю строку */
  grid-row: 5;
}

.grid .card .fine-print__link{
  color:inherit;
  text-decoration:underline;
}
.grid .card .fine-print__link:hover{ text-decoration:none; }