/* Блок «этот товар в другом состоянии» + бейджи состояний, которых не было в теме.
   Базовые .afx-condition/.afx-condition--bp/--bu живут в themes/afox theme.css. */

.afx-states{margin:1rem 0 .25rem;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
.afx-states__title{font-size:.92rem;font-weight:700;color:#334155;margin-bottom:.6rem}
.afx-states__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.afx-states__item{margin:0}
.afx-states__link{display:inline-flex;align-items:baseline;gap:.55em;padding:.45em .8em;border:1px solid #cbd5e1;border-radius:8px;background:#fff;text-decoration:none;color:#0f172a;transition:border-color .15s ease,box-shadow .15s ease}
.afx-states__link:hover,.afx-states__link:focus-visible{border-color:#94a3b8;box-shadow:0 1px 4px rgba(15,23,42,.08);text-decoration:none;color:#0f172a}
.afx-states__state{font-weight:600;font-size:.86rem}
.afx-states__price{font-weight:700;font-size:.95rem;white-space:nowrap}
.afx-states__stock{font-size:.78rem;color:#64748b;white-space:nowrap}
.afx-states__item--out .afx-states__link{opacity:.72}
.afx-states__note{margin:.6rem 0 0;font-size:.82rem;color:#64748b;line-height:1.45}

@media (max-width:575.98px){
  .afx-states__list{flex-direction:column}
  .afx-states__link{width:100%;justify-content:space-between}
}