/* SeeTech — прототип «жидкого стекла»: шапка и кнопки карусели.
   Работает только при классе html.st-glass (включается по ссылке ?glass=1, выключается ?glass=0).
   Стекло рисуется псевдоэлементом, а не самим элементом: backdrop-filter на шапке сломал бы
   position:fixed у мобильных меню внутри неё. */

/* ---------- Шапка ---------- */
html.st-glass header.ds-header {
  background: transparent !important;
  box-shadow: none !important;
  isolation: isolate;
}
html.st-glass header.ds-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.18) 55%, rgba(255,255,255,.30) 100%),
    rgba(248,251,253,.42);
  -webkit-backdrop-filter: blur(22px) saturate(185%);
  backdrop-filter: blur(22px) saturate(185%);
  border-bottom: 1px solid rgba(255,255,255,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -1px 0 rgba(15,23,42,.06),
    0 10px 30px -12px rgba(15,23,42,.18);
}
/* поле поиска и кнопки шапки — лёгкое стекло вместо сплошной заливки */
html.st-glass header.ds-header .ds-header-search input,
html.st-glass header.ds-header input[type="text"],
html.st-glass header.ds-header input[type="search"] {
  background: rgba(255,255,255,.45) !important;
  border-color: rgba(255,255,255,.7) !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.06);
}

/* ---------- Кнопки карусели ---------- */
html.st-glass .st-promo__btn {
  position: relative;
  overflow: hidden;
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  backdrop-filter: blur(14px) saturate(180%);
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}
/* блик сверху — «линза» */
html.st-glass .st-promo__btn::after {
  content: "";
  position: absolute;
  inset: 1px 1px 50% 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0));
  opacity: .55;
  pointer-events: none;
}
html.st-glass .st-promo__btn--main {
  background-color: rgba(10,10,10,.72) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 12px 28px -10px rgba(0,0,0,.45) !important;
}
html.st-glass .st-promo__btn--main::after { opacity: .28; }
html.st-glass .st-promo__btn--ghost {
  background-color: rgba(255,255,255,.30) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(255,255,255,.25),
    0 10px 26px -12px rgba(0,0,0,.30) !important;
}
/* слайд Trade-in: зелёная главная кнопка и прозрачная вторая на тёмном фоне */
html.st-glass .st-promo__card--ti .st-promo__btn--main {
  background-color: rgba(0,230,118,.80) !important;
  border-color: rgba(255,255,255,.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 14px 30px -12px rgba(0,230,118,.65) !important;
}
html.st-glass .st-promo__card--ti .st-promo__btn--ghost {
  background-color: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.45) !important;
}
/* наведение — как на сайте сейчас: кнопка становится светлой */
html.st-glass .st-promo__btn--main:hover,
html.st-glass .st-promo__card--ti .st-promo__btn--main:hover {
  background-color: rgba(255,255,255,.88) !important;
  color: #0a0a0a !important;
}
/* градиент-«затемнение» справа во второй строке меню рисуется белым — на стекле он виден пятном */
html.st-glass .ds-menu-maincategories-desktop-box .ds-menu-maincategories::after { display: none; }
@media (hover: hover) {
  html.st-glass .st-promo__btn:hover { transform: translateY(-2px); }
  html.st-glass .st-promo__btn:hover::after { opacity: .8; }
}

/* Системная настройка «Уменьшить прозрачность» — возвращаем плотные заливки */
@media (prefers-reduced-transparency: reduce) {
  html.st-glass header.ds-header::before { background: rgba(255,255,255,.97); -webkit-backdrop-filter: none; backdrop-filter: none; }
  html.st-glass .st-promo__btn { -webkit-backdrop-filter: none; backdrop-filter: none; }
  html.st-glass .st-promo__btn--ghost { background-color: rgba(255,255,255,.92) !important; }
}