/* SUBz — «поверхности» v1: вместо серых обводок (#333 / #1f1f1f) у полей, кнопок, чипов и блоков —
   заливка на тон светлее фона и тонкий блик сверху. Обводка остаётся только на фокусе (светлое кольцо)
   и у цветных состояний (ошибка, «горячее», выбранное). Разделители строк и секций не трогаем.
   Подключается ПОСЛЕДНИМ: в base.html — после содержимого страницы, в index.html — последним в <head>.
   Префикс html — чтобы перебить стили страниц с той же специфичностью. */
:root{
  --sf-1:#131313;                                   /* поля, кнопки, чипы */
  --sf-2:#1a1a1a;                                   /* наведение, раскрыто */
  --sf-box:#0e0e0e;                                 /* карточки и панели */
  --sf-hi:inset 0 1px 0 rgb(255 255 255 / .055);    /* блик сверху — объём без рамки */
  --sf-ring:0 0 0 2px rgb(255 255 255 / .22);       /* фокус */
}

/* ── общие компоненты ── */
html .input{border-color:transparent;background-color:var(--sf-1);box-shadow:var(--sf-hi)}
html .input:hover{border-color:transparent;background-color:var(--sf-2)}
html .input:focus{border-color:transparent;background-color:var(--sf-2);box-shadow:var(--sf-hi),var(--sf-ring)}
html .input--error,html .input--error:hover,html .input--error:focus{border-color:var(--hot)}
html .chip{border-color:transparent;background-color:var(--sf-1)}
html .chip:not(.is-on):hover{border-color:transparent;background-color:var(--sf-2);color:var(--fg)}
html .x-panel{border-color:transparent;background:var(--sf-box);box-shadow:var(--sf-hi)}
html .btn--ghost{--btn-bg:var(--sf-1);border-color:transparent;box-shadow:var(--sf-hi)}

/* ── меню профиля в шапке ── */
html .language-menu button{border-color:transparent;background-color:rgb(255 255 255 / .04)}
html .language-menu button:hover{border-color:transparent;background-color:rgb(255 255 255 / .08)}
html .profile-menu{border-color:transparent;box-shadow:0 24px 70px #000c,inset 0 1px 0 rgb(255 255 255 / .07)}
html .profile-menu::before{border-color:transparent}

/* ── каталог ── */
html .fd-arrow{border-color:transparent;background-color:var(--sf-2);box-shadow:var(--sf-hi)}
html .fd-arrow:hover{border-color:transparent;background-color:#222}
html .fd-search{border-color:transparent;background:var(--sf-1);box-shadow:var(--sf-hi)}
html .fd-search:focus-within{border-color:transparent;background:var(--sf-2);box-shadow:var(--sf-hi),var(--sf-ring)}
html .fd-cats{border-color:transparent;background:var(--sf-box);box-shadow:var(--sf-hi)}
html .fd-brand__ico--all{border-color:transparent;background:var(--sf-1);box-shadow:var(--sf-hi)}
html .ui-dd__btn{border-color:transparent;background-color:var(--sf-1);box-shadow:var(--sf-hi)}
html .ui-dd__btn:hover{border-color:transparent;background-color:var(--sf-2)}
html .ui-dd.is-open .ui-dd__btn{border-color:transparent;background-color:var(--sf-2);box-shadow:var(--sf-hi),var(--sf-ring)}
html .cx-soon__it{border-color:transparent;background:var(--sf-1)}
html .cx-soon__it:hover{border-color:transparent;background:var(--sf-2)}

/* ── главная (витрина) ── */
html .pcard__add{border-color:transparent;background-color:var(--sf-2)}
html .ptable__chip{border-color:transparent;background-color:var(--sf-1)}
html .cat__arrow{border-color:transparent;background-color:var(--sf-1)}
html .faq__ico{border-color:transparent;background-color:var(--sf-1)}
html .seller-ava--mini{border-color:#000}

/* ── страница лота ── */
html .lp-back,html .lp-share{border-color:transparent;background:var(--sf-1);box-shadow:var(--sf-hi)}
html .lp-back:hover,html .lp-share:not(.is-done):hover{border-color:transparent;background:var(--sf-2)}
html .lp-media{border-color:transparent}
html .lp-buy{border-color:transparent;background-color:var(--sf-box);box-shadow:var(--sf-hi)}
html .lp-chip{border-color:transparent;background-color:var(--sf-1)}
html .lp-way{border-color:transparent;background:var(--sf-1)}
html .lp-sel{border-color:transparent;background:var(--sf-1)}
html .lp-sel:hover{border-color:transparent;background:var(--sf-2)}
html .lp-safe{border-color:transparent;background:var(--sf-1)}

/* ── кабинет покупок (/me) ── */
html .cb-quick a{border-color:transparent;background-color:rgb(255 255 255 / .07)}
html .cb-quick a:hover{border-color:transparent;background-color:rgb(255 255 255 / .13)}
html .cb-how li{border-color:transparent;background-color:var(--sf-1);box-shadow:var(--sf-hi)}
html .cb-hero,html .cb-empty{border-color:transparent;box-shadow:var(--sf-hi)}
html .cb-stat:not(.is-hot){border-color:transparent;background:var(--sf-box);box-shadow:var(--sf-hi)}
html .cb-card{border-color:transparent;background-color:var(--sf-box);box-shadow:var(--sf-hi)}

/* ── профиль и настройки ── */
html .lb-stats{border-color:transparent;background-color:var(--sf-box)}
html .lb-tabs button i{border-color:transparent;background-color:rgb(255 255 255 / .08)}
html .pl-badges{border-color:transparent;background:rgb(255 255 255 / .06)}
html .pl-badges:hover{border-color:transparent;background:rgb(255 255 255 / .1)}
html .sx-input{border-color:transparent;background:var(--sf-1)}
html .sx-input:focus{border-color:transparent;box-shadow:var(--sf-ring)}