/* =========================
   GLOBAL RESET
========================= */

body, body * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body {
  margin: 0;
} 


/* =========================
   СКРЫВАЕМ ИКОНКУ ПРОФИЛЯ ЛКИМ
========================= */
.tlk-userbar__user-image {
  display: none !important;
}

/* =========================
   СКРЫВАЕМ НАТИВНУЮ ИКОНКУ КОРЗИНЫ
========================= */
.t706__carticon {
  display: none !important;
}

/* =========================
   КНОПКА "+" НА КАРТОЧКАХ (общая для всех блоков)
========================= */
.sy-card-add-btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 12px;
  background: #111;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: all .2s ease;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sy-card-add-btn:hover {
  background: #E91E8C;
  transform: scale(1.05);
}

/* =========================
   СКРЫВАЕМ ПОЛЕ ПОИСКА (во всех магазинах)
========================= */
.t-store__search {
  display: none !important;
}

/* =========================
   УБИРАЕМ ДИАПАЗОН ЦЕН (ПОЛЗУНОК) — если не нужен
========================= */
.t-store__filter__item_price {
  display: none !important;
}

/* ============================================================
   ПОПАП — ФИНАЛЬНЫЙ ФИКС
============================================================ */
.t-popup,
.t-popup_show {
  transition: none !important;
  width: 70% !important;
  max-width: 600px !important;
}

.t-popup.t-popup_show {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-height: 70vh !important;
  overflow-y: auto !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.15) !important;
  z-index: 999999 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.t-popup-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.4) !important;
  z-index: 999998 !important;
}

body.t-body_popup-open {
  overflow: auto !important;
  height: auto !important;
}

.t-store__product-popup .t-slds__bgimg {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding-bottom: 0 !important;
  height: 220px !important;
}

.t-store__product-popup .t-slds__imgwrapper,
.t-store__product-popup .t-slds__container {
  height: 220px !important;
  max-height: 220px !important;
  overflow: hidden !important;
}

.t-store__prod-popup__info {
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 20px !important;
}
.t-store__prod-popup__name {
  order: 1 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 4px 0 !important;
}
.t-store__prod-popup__sku {
  order: 2 !important;
  font-size: 12px !important;
  color: #999 !important;
  margin-bottom: 6px !important;
}
.t-store__prod-popup__text {
  order: 3 !important;
  font-size: 13px !important;
  color: #555 !important;
  line-height: 1.5 !important;
  margin: 6px 0 10px 0 !important;
}
.t-store__prod-popup__price-wrapper {
  order: 4 !important;
  margin: 6px 0 10px 0 !important;
}
.t-store__prod-popup__price {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #111 !important;
}
.t-store__prod-popup__btn-wrapper {
  order: 5 !important;
  margin-top: 6px !important;
}
.t-store__prod-popup__btn {
  background: #E91E8C !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  width: 100% !important;
  transition: all .3s !important;
}
.t-store__prod-popup__btn:hover {
  background: #c2187a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(233,30,140,0.3) !important;
}

.t-popup__close,
.t-window__close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,0.05) !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: #333 !important;
}

.t-store__prod-popup__more {
  display: none !important;
}

@media (max-width: 768px) {
  .t-popup {
    width: 92% !important;
  }
  .t-store__product-popup .t-slds__bgimg {
    max-height: 160px !important;
  }
  .t-store__prod-popup__info {
    padding: 12px 16px !important;
  }
  .t-store__prod-popup__name {
    font-size: 17px !important;
  }
  .t-store__prod-popup__price {
    font-size: 20px !important;
  }
}

/* ============================================================
   ИЗБРАННОЕ — ВЫЕЗД СЛЕВА
============================================================ */
.t1002__wishlisticon-wrapper {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.t1002__wishlistwin-content {
  position: fixed !important;
  top: 0 !important;
  left: -400px !important;
  width: 380px !important;
  max-width: 380px !important;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  transform: none !important;
  transition: left 0.3s ease !important;
  box-shadow: 4px 0 32px rgba(0,0,0,0.12) !important;
  padding: 32px 24px !important;
  overflow-y: auto !important;
  z-index: 9999999 !important;
  background: #fff !important;
}

.t1002__wishlistwin-content.t1002__wishlistwin-content_showed {
  left: 0 !important;
}

.t1002__wishlistwin-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 9999998 !important;
}

.t1002__wishlistwin-heading {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  font-family: Inter, -apple-system, sans-serif !important;
}

.t1002__wishlistwin-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
}

.t1002__wishlistwin-close:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}

.t1002__wishlistwin-close-icon {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.t1002__wishlistwin-close-icon rect {
  fill: #333 !important;
}

.t1002__wishlistwin-products {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 8px !important;
}

.t1002__product {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  background: #fafafa !important;
  border: 1px solid #f1f1f1 !important;
  transition: background .2s, border-color .2s !important;
}

.t1002__product:hover {
  background: #fff5fa !important;
  border-color: rgba(233, 30, 140, 0.2) !important;
}

.t1002__product-thumb {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.t1002__product-imgdiv {
  width: 100% !important;
  height: 100% !important;
  max-width: 56px !important;
  max-height: 56px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: block !important;
}

.t1002__product-thumb img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.t1002__product-title {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111 !important;
  font-family: Inter, -apple-system, sans-serif !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.t1002__product-link {
  color: #111 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.t1002__product-title__option {
  display: block !important;
  font-size: 11px !important;
  color: #999 !important;
  font-weight: 400 !important;
  margin-top: 2px !important;
}

.t1002__product-amount {
  display: flex !important;
  align-items: baseline !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
  font-family: Inter, -apple-system, sans-serif !important;
  flex-shrink: 0 !important;
  margin-left: 8px !important;
}

.t1002__product-amount-price {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

.t1002__product-amount-currency {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #111 !important;
}

.t1002__product-del {
  flex-shrink: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
  margin-left: 8px !important;
}

.t1002__product-del img {
  width: 20px !important;
  height: 20px !important;
  opacity: 0.3 !important;
  transition: opacity .2s !important;
}

.t1002__product-del img:hover {
  opacity: 1 !important;
}

.t1002__wishlistwin-empty {
  text-align: center !important;
  padding: 40px 20px !important;
  color: #999 !important;
  font-size: 16px !important;
  font-family: Inter, -apple-system, sans-serif !important;
}

@media (max-width: 768px) {
  .t1002__wishlistwin-content {
    width: 100% !important;
    max-width: 100% !important;
    left: -100% !important;
    padding: 20px 16px !important;
  }
  .t1002__wishlistwin-content.t1002__wishlistwin-content_showed {
    left: 0 !important;
  }
  .t1002__wishlistwin-heading {
    font-size: 18px !important;
  }
  .t1002__product {
    padding: 10px 12px !important;
    gap: 12px !important;
  }
  .t1002__product-thumb {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
  .t1002__product-title {
    font-size: 13px !important;
  }
  .t1002__product-amount {
    font-size: 14px !important;
  }
}
   /* ============================================================
   КОРЗИНА — СТИЛИ (t706)
   ============================================================ */

/* 1. Контейнер корзины (попап) */
.t706__cartwin-content {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 32px 28px !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.12) !important;
  max-width: 560px !important;
  width: 100% !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* 2. Заголовок */
.t706__cartwin-heading {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* 3. Список товаров */
.t706__cartwin-products {
  margin-bottom: 16px !important;
}

/* 4. Карточка товара */
.t706__product {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #f4f4f6 !important;
}
.t706__product:last-child {
  border-bottom: none !important;
}

/* 5. Картинка товара */
.t706__product-thumb {
  flex-shrink: 0 !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fafafa !important;
}
.t706__product-imgdiv {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
}

/* 6. Название товара */
.t706__product-title {
  flex: 1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111 !important;
  line-height: 1.35 !important;
}
.t706__product-title a {
  color: inherit !important;
  text-decoration: none !important;
}
.t706__product-title a:hover {
  color: #E91E8C !important;
}

/* 7. Счётчик (+ / -) */
.t706__product-plusminus {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f5f5f7 !important;
  padding: 4px 8px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.t706__product-plusminus span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  transition: background 0.2s !important;
}
.t706__product-plusminus span:hover {
  background: rgba(0,0,0,0.06) !important;
}
.t706__product-plusminus img {
  width: 16px !important;
  height: 16px !important;
  filter: brightness(0.4) !important;
}
.t706__product-quantity {
  min-width: 20px !important;
  text-align: center !important;
}

/* 8. Цена товара */
.t706__product-amount {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
  white-space: nowrap !important;
}
.t706__product-amount .t706__cartwin-prodamount-price {
  display: inline !important;
}
.t706__product-amount .t706__cartwin-prodamount-currency {
  display: inline !important;
  margin-left: 2px !important;
}

/* 9. Кнопка удаления */
.t706__product-del-wrapper {
  padding-left: 8px !important;
  width: 32px !important;
}
.t706__product-del {
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  transition: background 0.2s !important;
}
.t706__product-del:hover {
  background: rgba(233,30,140,0.08) !important;
}
.t706__product-del img {
  width: 20px !important;
  height: 20px !important;
  filter: brightness(0.5) !important;
}

/* 10. Промежуточная сумма */
.t706__cartwin-bottom {
  padding: 12px 0 16px !important;
  border-top: 1px solid #f0f0f0 !important;
  margin-top: 4px !important;
}
.t706__cartwin-prodamount-wrap {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #333 !important;
}
.t706__cartwin-prodamount-label {
  font-weight: 400 !important;
  color: #777 !important;
}
.t706__cartwin-prodamount {
  display: flex !important;
  gap: 2px !important;
}

/* 11. Форма заказа */
.t706__orderform {
  margin-top: 16px !important;
}
.t706__orderform .t-input-group {
  margin-bottom: 16px !important;
}
.t706__orderform .t-input-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #444 !important;
  margin-bottom: 4px !important;
  display: block !important;
}
.t706__orderform .t-input {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  background: #fff !important;
  transition: border-color 0.2s !important;
  box-sizing: border-box !important;
}
.t706__orderform .t-input:focus {
  border-color: #E91E8C !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(233,30,140,0.12) !important;
}

/* 12. Итоговая сумма */
.t706__cartwin-totalamount-wrap {
  margin: 20px 0 16px !important;
  padding-top: 16px !important;
  border-top: 2px solid #f0f0f0 !important;
}
.t706__cartwin-totalamount-content {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111 !important;
}
.t706__cartwin-totalamount-label {
  font-weight: 500 !important;
  color: #555 !important;
}
.t706__cartwin-totalamount {
  display: flex !important;
  gap: 2px !important;
}

/* 13. Кнопка "К оплате" */
.t-submit.t-btnflex_type_submit {
  width: 100% !important;
  padding: 14px !important;
  background: #e91e8c !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.15s !important;
  font-family: inherit !important;
}
.t-submit.t-btnflex_type_submit:hover {
  background: #E91E8C !important;
  transform: scale(1.02) !important;
}
.t-submit.t-btnflex_type_submit:active {
  transform: scale(0.98) !important;
}

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ (для всех элементов корзины)
   ============================================================ */
@media (max-width: 768px) {
  .t706__cartwin-content {
    padding: 12px 10px !important;
    max-width: 100% !important;
    border-radius: 16px !important;
  }

  .t706__cartwin-heading {
    font-size: 18px !important;
    padding-bottom: 10px !important;
    margin-bottom: 8px !important;
  }

  .t706__product {
    gap: 6px !important;
    padding: 6px 0 !important;
    flex-wrap: nowrap !important;
  }

  .t706__product-thumb {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
  }

  .t706__product-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .t706__product-plusminus {
    gap: 2px !important;
    padding: 2px 6px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    height: 26px !important;
    flex: 0 0 auto !important;
  }
  .t706__product-plusminus span {
    width: 20px !important;
    height: 20px !important;
  }
  .t706__product-plusminus img {
    width: 12px !important;
    height: 12px !important;
  }
  .t706__product-quantity {
    min-width: 16px !important;
    font-size: 12px !important;
  }

  .t706__product-amount {
    font-size: 14px !important;
    font-weight: 700 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  .t706__product-del-wrapper {
    padding-left: 4px !important;
    width: 24px !important;
    flex: 0 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .t706__product-del {
    width: 24px !important;
    height: 24px !important;
  }
  .t706__product-del img {
    width: 16px !important;
    height: 16px !important;
  }

  .t706__cartwin-totalamount-content {
    font-size: 16px !important;
  }

  .t706__orderform .t-input-title {
    font-size: 12px !important;
  }
  .t706__orderform .t-input {
    font-size: 13px !important;
    padding: 10px 12px !important;
  }

  .t-submit.t-btnflex_type_submit {
    font-size: 14px !important;
    padding: 12px !important;
  }
}
/* Стили для двух кнопок в попапе */
.t-store__prod-popup__btn-wrapper {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn {
  flex: 1 !important;
  min-width: 120px !important;
  text-align: center !important;
}

/* Плавная прокрутка для всех якорных ссылок */
html {
  scroll-behavior: smooth;
}

/* Отступ для блока популярного, чтобы шапка не перекрывала */
#rec2401908941 {
  scroll-margin-top: 100px; /* высота вашей фиксированной шапки (~90px) + запас */
}
#rec2441707761 {
  scroll-margin-top: 100px; /* высота вашей фиксированной шапки (~90px) + запас */
}

.sy-menu-header a.active {
    color: #E91E8C !important;
}

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ: КАРТИНКА ТОВАРА (ПОПАП И СТРАНИЦА)
   ============================================================ */
@media (max-width: 768px) {
  /* 1. Для попапа (открывается на главной/каталоге) */
  .t-store__product-popup .t-slds__bgimg {
    height: 180px !important;
    max-height: 180px !important;
    padding-bottom: 0 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  .t-store__product-popup .t-slds__imgwrapper,
  .t-store__product-popup .t-slds__container {
    height: 180px !important;
    max-height: 180px !important;
    overflow: hidden !important;
  }

  /* 2. Для отдельной страницы товара (при обновлении или прямой ссылке) */
  #allrecords[data-product-page="y"] .t-slds__bgimg {
    height: 200px !important;
    max-height: 200px !important;
    padding-bottom: 0 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  #allrecords[data-product-page="y"] .t-slds__imgwrapper,
  #allrecords[data-product-page="y"] .t-slds__container {
    height: 200px !important;
    max-height: 200px !important;
  }
}
/* ============================================================
   МОБИЛЬНАЯ КНОПКА ЗАКРЫТИЯ — УБИРАЕМ ЛИНИЮ
   ============================================================ */
@media (max-width: 768px) {
  /* 1. Основные стили кнопки */
  .t-popup__close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    transform: none !important;
    width: 36px !important;
    height: 36px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20 !important;
    cursor: pointer !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
  }

  /* 2. Скрываем все SVG и любые другие элементы внутри кнопки (кроме псевдоэлемента) */
  .t-popup__close > * {
    display: none !important;
  }

  /* 3. Добавляем свой крестик через псевдоэлемент */
  .t-popup__close::after {
    content: "✕" !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #333 !important;
    font-family: Arial, sans-serif !important;
    text-align: center !important;
  }

  /* 4. Оверлей должен закрывать попап по тапу */
  .t-popup-overlay {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}
/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ: ШАПКА И ЭЛЕМЕНТЫ ПОВЕРХ ПОПАПА
   ============================================================ */
@media (max-width: 768px) {
  /* 1. Шапка — выше попапа */
  .sy-header-wrapper {
    z-index: 1000000 !important;
  }

  /* 2. Бургер-меню и его оверлей — выше попапа */
  .sy-burger-menu {
    z-index: 1000001 !important;
  }
  .sy-menu-overlay {
    z-index: 1000000 !important;
  }

  /* 3. Корзина и её оверлей — выше попапа */
  .t706__cartwin {
    z-index: 1000001 !important;
  }
  .t706__cartwin-overlay {
    z-index: 1000000 !important;
  }

  /* 4. Если есть другие оверлеи (например, для авторизации) — тоже поднимаем */
  #sy-auth-overlay {
    z-index: 1000000 !important;
  }
  #sy-auth-modal {
    z-index: 1000001 !important;
  }
}
/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ: МЕНЮ ЛИЧНОГО КАБИНЕТА ПОВЕРХ ПОПАПА
   ============================================================ */
@media (max-width: 768px) {
  /* Поднимаем сам контейнер меню пользователя и все его потомки */
  .tlk-userbar,
  .tlk-userbar *,
  .tlk-userbar-overlay,
  .tlk-userbar__popup,
  .tlk-userbar__dropdown,
  [id*="openmembersbar"],
  [class*="tlk-userbar"] {
    z-index: 1000003 !important;
  }

  /* Если используется оверлей для меню пользователя */
  .tlk-userbar-overlay {
    z-index: 1000002 !important;
  }

  /* Дополнительно поднимаем любые всплывающие окна Tilda, связанные с пользователем */
  .t-popup[data-popup="userbar"] {
    z-index: 1000003 !important;
  }
}

/* ============================================================
   СЛАЙДЕР ТОВАРА: УВЕЛИЧИВАЕМ МИНИАТЮРЫ
   ============================================================ */

/* 1. Основной контейнер миниатюр */
.t-slds__thumbsbullet-wrapper {
  display: flex !important;
  gap: 8px !important;
  padding: 8px 0 !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
}

/* 2. Сама миниатюра (превью) */
.t-slds__thumbsbullet {
  width: 80px !important;
  height: 80px !important;
  flex: 0 0 80px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  transition: border-color 0.2s ease !important;
}

/* 3. Активная миниатюра */
.t-slds__thumbsbullet.t-slds__bullet_active {
  border-color: #E91E8C !important;
}

/* 4. Рамка вокруг активной миниатюры (если используется) */
.t-slds__thumbsbullet-border {
  border: 2px solid #E91E8C !important;
  border-radius: 8px !important;
  pointer-events: none !important;
}

/* 5. Изображение внутри миниатюры */
.t-slds__thumbsbullet .t-slds__bgimg {
  background-size: cover !important;
  background-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* 6. Адаптив для мобильных */
@media (max-width: 768px) {
  .t-slds__thumbsbullet {
    width: 60px !important;
    height: 60px !important;
    flex: 0 0 60px !important;
  }
  .t-slds__thumbsbullet-wrapper {
    gap: 4px !important;
    padding: 4px 0 !important;
  }
}

@media (max-width: 480px) {
  .t-slds__thumbsbullet {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
  }
}

/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ: ПОПАП ПОВЕРХ ШАПКИ И ПОИСКА
   ============================================================ */
@media (max-width: 768px) {
  .t-popup.t-popup_show {
    z-index: 9999999 !important;
  }
  .t-popup-overlay {
    z-index: 9999998 !important;
  }
}

/* ============================================================
   КНОПКА "В КОРЗИНУ" В ИЗБРАННОМ
   ============================================================ */
.sy-wishlist-cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 14px !important;
  border: none !important;
  border-radius: 20px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.2s !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  height: 32px !important;
}
.sy-wishlist-cart-btn:hover {
  background: #E91E8C !important;
  transform: scale(1.02) !important;
}
.sy-wishlist-cart-btn:active {
  transform: scale(0.96) !important;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .sy-wishlist-cart-btn {
    padding: 4px 10px !important;
    font-size: 11px !important;
    height: 26px !important;
    border-radius: 14px !important;
    margin-left: 4px !important;
  }
}
@media (max-width: 480px) {
  .sy-wishlist-cart-btn {
    padding: 3px 8px !important;
    font-size: 10px !important;
    height: 24px !important;
    border-radius: 12px !important;
  }
}

/* ============================================================
   ИЗБРАННОЕ — РАСШИРЯЕМ ОКНО ДЛЯ ДЕСКТОПА
   ============================================================ */

/* Для экранов шире 768px (десктоп и планшеты) */
@media (min-width: 769px) {
  /* 1. Увеличиваем ширину окна */
  .t1002__wishlistwin-content {
    width: 560px !important;
    max-width: 560px !important;
    padding: 32px 24px !important;
  }

  /* 2. Каждый товар — строка без переноса */
  .t1002__product {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 16px !important;
  }

  /* 3. Картинка — фиксированный размер */
  .t1002__product-thumb {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
  }

  /* 4. Название — занимает оставшееся место, но не переносится */
  .t1002__product-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  /* 5. Артикул (если есть) — в той же строке */
  .t1002__product-title__option {
    display: inline !important;
    font-size: 12px !important;
    color: #999 !important;
    margin-left: 6px !important;
  }

  /* 6. Цена — фиксированная, не сжимается */
  .t1002__product-amount {
    flex: 0 0 auto !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-left: 8px !important;
  }

  /* 7. Кнопка "В корзину" — фиксированная */
  .sy-wishlist-cart-btn {
    flex: 0 0 auto !important;
    margin-left: 12px !important;
    padding: 6px 18px !important;
    font-size: 13px !important;
    height: 34px !important;
  }

  /* 8. Кнопка удаления (корзина) — фиксированная */
  .t1002__product-del {
    flex: 0 0 auto !important;
    margin-left: 4px !important;
  }
}

/* Дополнительная подстройка для планшетов (768–1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .t1002__wishlistwin-content {
    width: 480px !important;
    max-width: 480px !important;
  }
  .t1002__product {
    gap: 10px !important;
    padding: 10px 12px !important;
  }
  .t1002__product-thumb {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
  }
  .sy-wishlist-cart-btn {
    font-size: 12px !important;
    padding: 4px 12px !important;
    height: 30px !important;
  }
}

/* ============================================================
   ИЗБРАННОЕ — ПРИНУДИТЕЛЬНОЕ ЦЕНТРИРОВАНИЕ КАРТИНКИ
   ============================================================ */

/* Для десктопа (ширина > 768px) */
@media (min-width: 769px) {
  .t1002__product-thumb {
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .t1002__product-imgdiv {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
  }
}

/* ============================================================
   ИЗБРАННОЕ — ПРОЗРАЧНЫЙ КРЕСТИК (МОБИЛКИ)
   ============================================================ */
@media (max-width: 768px) {
  .t1002__wishlistwin-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
    width: 36px !important;
    height: 36px !important;
    z-index: 20 !important;
    background: transparent !important; /* ← убрали фон */
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  .t1002__wishlistwin-close .t1002__wishlistwin-close-icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: #333 !important;
  }
}

/* ============================================================
   ПОДНИМАЕМ МЕНЮ ЛК И КОРЗИНУ НАД ПОПАПОМ КАРТОЧКИ ТОВАРА
   ============================================================ */

/* Все элементы ЛК (аватар, выпадашки, оверлей) */
.tlk-userbar,
.tlk-userbar *,
.tlk-userbar-overlay,
.tlk-userbar__popup,
.tlk-userbar__dropdown,
[id*="openmembersbar"],
[class*="tlk-userbar"],
.t-popup[data-popup="userbar"] {
  z-index: 10000000 !important;
}

/* Корзина и её оверлей */
.t706__cartwin,
.t706__cartwin-overlay {
  z-index: 10000000 !important;
}

/* Дополнительно для самого контейнера корзины (если нужен) */
.t706__cartwin-content {
  z-index: 10000001 !important;
  position: relative !important;
}

/* Разрешаем прокрутку body, когда открыт попап карточки товара */
body.t-body_popup-open:has(.t-popup.t-popup_show .t-store__product-popup) {
  overflow: auto !important;
  height: auto !important;
}

/* ============================================================
   ПАНЕЛЬ «ОБРАЗЦЫ» (выезжает справа)
   ============================================================ */
.sy-sample-panel {
  position: fixed;
  top: 0;
  right: -400px;
  width: 380px;
  max-width: 380px;
  height: 100%;
  background: #fff;
  box-shadow: -4px 0 32px rgba(0,0,0,0.12);
  transition: right 0.3s ease;
  z-index: 9999998;
  padding: 32px 24px;
  overflow-y: auto;
  box-sizing: border-box;
}
.sy-sample-panel.open {
  right: 0;
}
.sy-sample-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(4px);
  z-index: 9999997;
  display: none;
}
.sy-sample-overlay.open {
  display: block;
}
.sy-sample-heading {
  font-size: 22px;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.sy-sample-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: none;
  background: rgba(0,0,0,0.05);
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sy-sample-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #f4f4f6;
}
.sy-sample-item img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
}
.sy-sample-item-info {
  flex: 1;
}
.sy-sample-item-name {
  font-weight: 600;
  font-size: 14px;
}
.sy-sample-item-price {
  font-size: 13px;
  color: #888;
}
.sy-sample-remove {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: #999;
  padding: 4px;
}
.sy-sample-remove:hover {
  color: #3b82f6;
}
.sy-samples-empty {
  text-align: center;
  padding: 40px 0;
  color: #999;
}
.sy-send-samples-btn {
  width: 100%;
  padding: 14px;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 20px;
  transition: background 0.2s;
}
.sy-send-samples-btn:hover {
  background: #c2187a;
}
@media (max-width: 768px) {
  .sy-sample-panel {
    width: 100%;
    max-width: 100%;
    right: -100%;
    padding: 20px 16px;
  }
  .sy-sample-panel.open {
    right: 0;
  }
}

/* ============================================================
   КНОПКА «ОБРАЗЕЦ» — ЛЕВЫЙ ВЕРХНИЙ УГОЛ (АБСОЛЮТ)
   ============================================================ */

.sy-sample-btn {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 5 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  height: 28px !important;              /* теперь как у "+" */
  border: 1px solid #1967df !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #1967df !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;

  /* Убираем старые выравнивания и сдвиги */
  margin: 0 !important;
  transform: none !important;

  outline: none !important;
}

.sy-sample-btn:hover {
  background: #1967df !important;
  color: #fff !important;
}

.sy-sample-btn:active {
  transform: scale(0.95) !important;
}

/* Уменьшаем весь контейнер сердечка избранного */
.t1002__addBtn {
  position: absolute !important;
  top: 10px !important;        /* выравниваем по вертикали с "+" (можно подогнать) */
  right: 1px !important;      /* такой же отступ, как у "+" */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;      /* размер кнопки */
  height: 32px !important;
  padding: 0 !important;       /* убираем внутренние отступы */
  border-radius: 50% !important; /* если был скруглён – оставляем круглым */
  /* При необходимости можно уменьшить и отступы от краёв карточки */
}

/* Сама иконка – пропорционально меньше */
.t1002__addBtn svg {
  width: 16px !important;
  height: 16px !important;
}

/* ============================================================
   КНОПКА "ОТПРАВИТЬ ЗАЯВКУ" — ЦЕНТРИРОВАНИЕ
   ============================================================ */

.sy-send-samples-btn {
  display: block !important;          /* чтобы margin auto работал */
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;             /* ширина по тексту */
  padding: 14px 32px !important;      /* можно увеличить отступы для красоты */
  text-align: center !important;
  box-sizing: border-box !important;
}

/* ================================
   КНОПКА «ОБРАЗЦЫ» В ШАПКЕ (как корзина, но светлый синий)
================================ */

/* Основной стиль – перебиваем старые */
#sy-sample-btn.sy-sample-header {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #3b82f6 !important;      /* светлый синий */
  color: #fff !important;              /* белый текст – теперь точно */
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: background 0.2s !important;
}
#sy-sample-btn.sy-sample-header:hover {
  background: #2563eb !important;      /* чуть темнее при наведении */
}
#sy-sample-btn.sy-sample-header svg {
  fill: #fff !important;               /* иконка белая */
}

/* Счётчик */
#sy-sample-btn.sy-sample-header .sy-sample-count {
  background: rgba(255,255,255,0.25) !important;
  border-radius: 6px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  line-height: 18px !important;
  color: #fff !important;
}