.ms-price__meta{
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
  margin: clamp(10px,2vw,14px) 0 8px;
}
.ms-price-pill{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.5rem .8rem; border-radius:999px;
  border:1px solid var(--border); background: var(--panel);
  font-size: clamp(14px,1.6vw,16px); line-height:1; color:var(--text);
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
}
.ms-price-pill b{ font-weight:700; color: var(--text); }

/* --- Tabs: принудительная дифференциация состояний --- */
.ms-price-tabs{display:flex;justify-content:center;gap:12px;margin:20px 0;}

.ms-price-tab{
  -webkit-appearance:none;appearance:none;
  padding:10px 22px;border-radius:999px;
  border:1.5px solid var(--border);
  background:transparent;color:var(--muted);
  cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease;
}

/* НЕАКТИВНЫЙ — явный вид, даже если старые стили что-то навешивают */
.ms-price-tab[aria-selected="false"]{
  background:transparent !important;
  color:var(--muted) !important;
  border-color:var(--border) !important;
  box-shadow:none !important;
}

/* АКТИВНЫЙ — подсветка только одному */
.ms-price-tab[aria-selected="true"]{
  background: color-mix(in oklab, var(--accent) 85%, #000 0%) !important;
  color:#fff !important;
  border-color: var(--accent) !important;
  box-shadow: 0 10px 28px color-mix(in oklab, var(--accent) 25%, transparent) !important;
}

.ms-price-tab:hover{filter:brightness(1.05);}
.ms-price-tab:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 60%, #fff 0%);outline-offset:2px;}
[hidden]{display:none !important;}
