/* ==========================================================================
   Секция «Тарифы и ставки вознаграждения» на странице «Наши услуги».
   Все селекторы с префиксом gfmtar- и вложены в .gfmtar-section,
   чтобы не пересекаться с style.css и Bootstrap 3.
   ========================================================================== */

.gfmtar-section{
  --gfmtar-gold:#E3B24A;
  --gfmtar-gold-deep:#C6922B;
  --gfmtar-navy:#17365D;
  --gfmtar-ink:#333A44;
  --gfmtar-muted:#6B7480;
  --gfmtar-line:#E6EAEF;

  padding-bottom:80px;
  /* Тот же стек, что и body в style.css, — иначе тарифы визуально
     выпадают из блока «Наши услуги» рядом. */
  font-family:"Hind",sans-serif;
  color:var(--gfmtar-ink);
  line-height:1.6;
}
.gfmtar-section *{box-sizing:border-box;}

/* Ширина как у секции с услугами и калькулятором выше — чтобы края совпадали. */
@media(min-width:1200px){
  .gfmtar-section > .container{width:auto;max-width:1600px;padding-left:30px;padding-right:30px;}
}

.gfmtar{max-width:100%;}

/* ---------- Заголовок ---------- */
.gfmtar-title{display:inline-block;margin:0 0 26px;}
.gfmtar-section .gfmtar-title h2{
  font-family:"Poppins",sans-serif;color:var(--gfmtar-navy);
  font-size:28px;margin:0 0 10px;line-height:1.25;
}
.gfmtar-title::after{
  content:"";display:block;width:54px;height:4px;border-radius:3px;background:var(--gfmtar-gold);
}
.gfmtar-asof{font-size:13.5px;color:var(--gfmtar-muted);margin:0 0 22px;}
.gfmtar-asof b{color:var(--gfmtar-navy);}

/* ---------- Таблица ---------- */
/* Обёртка со скроллом: на узких экранах таблица не ломает вёрстку. */
.gfmtar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

.gfmtar-section .gfmtar-table{
  width:100%;border-collapse:separate;border-spacing:0;
  border:1px solid #e7ddc4;border-radius:14px;overflow:hidden;
  font-size:15px;margin:0;background:#fff;
}
.gfmtar-section .gfmtar-table th,
.gfmtar-section .gfmtar-table td{
  padding:15px 18px;text-align:left;vertical-align:middle;border-top:0;
}
.gfmtar-section .gfmtar-table thead th{
  background:linear-gradient(135deg,var(--gfmtar-gold) 0%,#EFCF7A 100%);
  color:#4a3608;font-family:"Poppins",sans-serif;font-size:16px;font-weight:800;
  border-bottom:1px solid #e0c88c;
}
.gfmtar-section .gfmtar-table thead th.gfmtar-rowlabel{background:#f7efd9;color:var(--gfmtar-gold-deep);}
.gfmtar-section .gfmtar-table tbody th{
  font-family:"Hind",sans-serif;font-weight:700;color:var(--gfmtar-navy);
  background:#fbf8f0;width:34%;border-bottom:1px solid #f0e9d6;font-size:14.5px;
}
.gfmtar-section .gfmtar-table tbody td{
  color:#3b4652;border-bottom:1px solid #f2f2f2;font-weight:600;
}
.gfmtar-section .gfmtar-table tbody tr:last-child th,
.gfmtar-section .gfmtar-table tbody tr:last-child td{border-bottom:0;}

/* Выделенная строка ГЭСВ. Селектор с tbody tr — иначе правило
   .gfmtar-table tbody td выше перебивает цвет и жирность. */
.gfmtar-section .gfmtar-table tbody tr.gfmtar-hl td{
  background:#fff9ec;color:var(--gfmtar-gold-deep);font-weight:800;font-size:16px;
}
.gfmtar-section .gfmtar-table tbody tr.gfmtar-hl th{background:#fbf3df;}

.gfmtar-big{font-size:17px;font-weight:800;color:var(--gfmtar-navy);}

/* Ячейка на обе колонки продуктов — значение по центру объединённой области. */
.gfmtar-section .gfmtar-table tbody td.gfmtar-span{text-align:center;}

@media(max-width:760px){
  .gfmtar-section{padding-bottom:50px;}
  .gfmtar-section .gfmtar-title h2{font-size:23px;}
  .gfmtar-section .gfmtar-table{font-size:13.5px;}
  .gfmtar-section .gfmtar-table th,
  .gfmtar-section .gfmtar-table td{padding:11px 12px;}
  /* Таблице нужен минимум ширины, иначе колонки схлопываются. */
  .gfmtar-section .gfmtar-table{min-width:520px;}
}
