/* ——— Блок занимает всю высоту экрана ——— */
.tariffs-section {
    background: var(--bg-color);
    color: var(--text-color);
    padding: 40px 0;
}

/* ——— Навигация (без изменений) ——— */
.tariffs-nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.tariff-tab { padding:.6rem 1.2rem; border:1px solid #ddd; background:#fff; cursor:pointer; }
.tariff-tab.is-active { background:#3e6d26; border-color:#3e6d26; color:#000; }

/* ——— Карточка: flex-row по умолчанию ——— */
.tariff-card           { display:none; flex-direction:row !important; /* переопределяем */ 
                         border:1px solid #eee; position:relative; overflow:hidden; flex:1 0 auto; }
.tariff-card.is-active { display:flex; flex-direction:row !important; animation:fade .3s ease; }

/* «Популярный» бейдж */
.tariff-card[data-popular="true"] { border-color:#3e6d26; }
.tariff-badge { position:absolute; top:1rem; right:1rem; background:#3e6d26; padding:.2rem .6rem;
                font-size:.8rem; font-weight:600; }

/* Левая колонка (изображение) */
.tariff-media { flex:0 0 45%; }
.tariff-photo { width:100%; height:100%; object-fit:cover; }

/* Правая колонка (контент) */
.tariff-content { flex:1 1 55%; display:flex; flex-direction:column; padding:2rem; }
.tariff-header h3 { margin:0 0 .4rem; font-size:1.6rem; }
.tariff-car { font-weight:500; color:#444; margin-bottom:.8rem; }

.tariff-params,
.tariff-benefits { list-style:none; margin:0 0 1.2rem; padding:0; }
.tariff-params li,
.tariff-benefits li { display:flex; justify-content:space-between; padding:.35rem 0; }

.tariff-footer { margin-top:auto; text-align:center; }
.btn { 
    padding: 0.6rem 1.5rem; 
    background: var(--primary-color, #3e6d26); 
    color: #fff; 
    border: none; 
    border-radius: 4px;
    cursor: pointer; 
    transition: all 0.3s ease;
    font-weight: 500;
    text-align: center;
    display: inline-block;
}

.btn:hover { 
    background: var(--primary-hover, #2e531d);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.tariff-note { margin-top:.8rem; font-size:.8rem; color:#555; }

/* ——— Мобильная адаптация: колонки вновь в стек ——— */
@media (max-width:767px){
    .tariff-card.is-active { flex-direction:column !important; }
    .tariff-media { flex:0 0 auto; height:220px; }
    .tariff-content { padding:1.5rem; }
}

@keyframes fade { from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:translateY(0);} }

[data-theme='dark'] .tariffs-section {
  background: var(--bg-color);
  color: var(--text-color);
}
[data-theme='dark'] .tariff-card {
  background: var(--bg-dark);
  color: var(--text-color);
}
[data-theme='dark'] .tariff-card .tariff-car {
  color: #ccc !important;
}
[data-theme='dark'] .tariff-tab {
  background: #23242a !important;
  color: #fff !important;
  border-color: #444 !important;
}
[data-theme='dark'] .tariff-tab.is-active {
  background: #f9c400 !important;
  color: #000 !important;
  border-color: #f9c400 !important;
}
[data-theme='dark'] .tariff-note {
  color: #aaa !important;
}