/* Плановая витрина: стили для страницы /plans/{country} */

/* --- Верхний блок и статистика --- */
.esimdb-ru--plans .esimdb-ru__header{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:18px;
}
.esimdb-ru--plans .esimdb-ru__title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.esimdb-ru--plans .esimdb-ru__title h2{
  margin:0;
  font-size:28px;
  letter-spacing:0.01em;
  background:linear-gradient(90deg,#5f5af9,#9b8cfc);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.esimdb-ru--plans .esimdb-crumbs a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#1f2937;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(15,23,42,.08);
}

.esimdb-ru--plans .esimdb-ru__stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.esimdb-ru--plans .stat-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:14px;
  background:linear-gradient(120deg,#f6f7ff,#eef2ff);
  border:1px solid #e5e7eb;
  font-weight:700;
  color:#111827;
}
.esimdb-ru--plans .stat-chip span{ color:#6b7280; font-weight:600; font-size:13px; }

/* --- Фильтры --- */
.esimdb-ru--plans .filters{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.esimdb-ru--plans .filters__row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.esimdb-ru--plans .filters__label{
  color:#6b7280;
  font-weight:600;
  font-size:13px;
  min-width:120px;
}

/* Кнопки сортировки */
.esimdb-ru--plans .segmented{
  display:flex;
  gap:6px;
  padding:4px;
  background:#f5f3ff;
  border:1px solid #e5e7eb;
  border-radius:14px;
}
.esimdb-ru--plans .segmented__btn{
  appearance:none;
  border:1px solid transparent;
  background:transparent;
  padding:8px 12px;
  border-radius:10px;
  font-weight:700;
  font-size:13px;
  color:#1f2937;
  cursor:pointer;
  transition:all .18s ease;
}
.esimdb-ru--plans .segmented__btn.is-active{
  background:#fff;
  border-color:#dcd7ff;
  box-shadow:0 2px 6px rgba(99,102,241,.18);
  color:#4f46e5;
}

/* Чипы длительности */
.esimdb-ru--plans .chips{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.esimdb-ru--plans .chip{
  appearance:none;
  border:1px solid #e5e7eb;
  background:#fff;
  padding:9px 14px;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  color:#111827;
  cursor:pointer;
  transition:all .18s ease;
}
.esimdb-ru--plans .chip.is-active{
  background:linear-gradient(90deg,#f2f4ff,#e0e7ff);
  border-color:#cbd5fe;
  color:#4338ca;
  box-shadow:0 2px 10px rgba(99,102,241,.16);
}

/* Переключатели с галочкой */
.esimdb-ru--plans .pill-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:linear-gradient(120deg,#fff,#f8fafc);
  color:#0f172a;
  font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
}
.esimdb-ru--plans .pill-toggle input{ display:none; }
.esimdb-ru--plans .pill-toggle .dot{
  width:18px;height:18px;
  border-radius:50%;
  background:#e5e7eb;
  border:2px solid #d1d5db;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#fff;
}
.esimdb-ru--plans .pill-toggle.is-active{
  border-color:#cbd5fe;
  background:linear-gradient(120deg,#f3f4ff,#e0e7ff);
  color:#4338ca;
  box-shadow:0 2px 12px rgba(99,102,241,.14);
}
.esimdb-ru--plans .pill-toggle.is-active .dot{
  background:#4f46e5;
  border-color:#4f46e5;
}

/* Поле поиска и селект провайдера */
.esimdb-ru--plans .search-box{
  flex:1 1 280px;
  position:relative;
}
.esimdb-ru--plans .search-box input{
  width:100%;
  padding:10px 12px 10px 36px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  font-size:14px;
  transition:border-color .2s, box-shadow .2s;
}
.esimdb-ru--plans .search-box input:focus{
  outline:none;
  border-color:#a5b4fc;
  box-shadow:0 0 0 4px rgba(129,140,248,.2);
}
.esimdb-ru--plans .search-box svg{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  stroke:#9ca3af;
}
.esimdb-ru--plans select#esimdb-provider{
  min-width:220px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#fff;
  font-weight:600;
}
.esimdb-ru--plans .btn-reset{
  background:#f9fafb;
  border:1px solid #e5e7eb;
  color:#111827;
  border-radius:12px;
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
}
.esimdb-ru--plans .btn-reset:hover{ background:#eef2ff; }

/* --- Таблица планов --- */
.esimdb-ru__wrap{
  margin-top:16px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(15,23,42,.06);
  overflow:auto;
}
.esimdb-ru__table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  font-variant-numeric:tabular-nums;
}
.esimdb-ru__table th,
.esimdb-ru__table td{
  padding:14px;
  border-bottom:1px solid #eef2f7;
  text-align:left;
  background:transparent;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.esimdb-ru__table thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:#f8fafc;
  color:#6b7280;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:12px;
  font-weight:800;
}
.esimdb-ru__table tbody tr:hover td{ background:#f6f7ff; }
.esimdb-ru__table .td-right{ text-align:right; }
.esimdb-ru__table .td-center{ text-align:center; }
.esimdb-ru__table .td-price{ font-weight:800; color:#111827; }
.esimdb-ru__table .provider-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:12px;
  background:#f1f5f9;
  font-weight:700;
}
.esimdb-ru__table .plan-title{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.esimdb-ru__table .plan-name{ font-size:16px; font-weight:800; }
.esimdb-ru__table .plan-sub{ font-size:12px; color:#6b7280; }
.esimdb-ru__table .badge-unlim{
  display:inline-block;
  margin-left:8px;
  padding:4px 8px;
  border-radius:8px;
  background:linear-gradient(120deg,#ecfeff,#e0f2fe);
  color:#0ea5e9;
  font-weight:700;
  font-size:12px;
}
.esimdb-ru__table .loading{ text-align:center; color:#9ca3af; padding:18px; }

/* Пустые ячейки */
.esimdb-ru--plans .muted{ color:#9ca3af; }

/* Адаптив: карточки */
@media (max-width:900px){
  .esimdb-ru__table thead{ display:none; }
  .esimdb-ru__table, .esimdb-ru__table tbody, .esimdb-ru__table tr, .esimdb-ru__table td{
    display:block;
    width:100%;
  }
  .esimdb-ru__table tr{ border-bottom:1px solid #eef2f7; padding:10px 12px; }
  .esimdb-ru__table td{ border:none; padding:6px 0; }
  .esimdb-ru__table td::before{
    content:attr(data-label);
    display:inline-block;
    min-width:46%;
    color:#6b7280;
    margin-right:8px;
    font-weight:700;
  }
}