/*
Theme Name: Hrapun Shop Theme
Theme URI: 
Description: Кастомная тема для магазина на WooCommerce по БЭМ, с Carbon Fields. Без Элементора.
Author: Freelance Assistant
Author URI: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hrapun
Tags: e-commerce, custom-colors, custom-menu, woocommerce
*/

*,
ul,
ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input {
  outline: none;
}

:root {
  --color-primary: #2344FF;
  /* Синий цвет из кнопки отзывов/логотипа */
  --color-accent: #FF4400;
  /* Оранжевый цвет кнопок покупки */
  --color-text-main: #111111;
  --color-text-muted: #888888;
  --color-bg-light: #F5F5F7;
  --color-border: #E5E5E5;
  --font-main: 'Inter', sans-serif;
  --container-width: 1300px;
}

body {
  font-family: var(--font-main);
  color: var(--color-text-main);
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  position: relative;
}

body::before {
  content: url(../images/main-bg.png);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  z-index: -2;
}

.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 10px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
}

/* =========================================
   TOP BAR (Верхняя полоса)
   ========================================= */
.top-bar {
  position: relative;
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 0;
  border-bottom: none;
  color: #222;
  background-color: #E7EEFC;
  overflow: hidden;
}

.top-bar::before {
  content: '';
  position: absolute;
  inset: -19px 0 0 0;
  background: url('../images/1ef0ce880b6ac4dfc89400c89b08097f8469099a.jpg') center/cover no-repeat;
  opacity: 0.4;
  transform: rotate(180deg);
  filter: blur(20px);
  z-index: 0;
  pointer-events: none;
}

.top-bar .container,
.top-bar__inner {
  position: relative;
  z-index: 1;
}

.top-bar a,
.top-bar__nav ul li a {
  color: #222;
}

.top-bar__nav ul li a:hover {
  opacity: 0.7;
}

.top-bar__sep {
  opacity: 0.4;
}

.top-bar__pin {
  vertical-align: -1px;
  margin-right: 2px;
  color: #234AFF;
}

.top-bar__phone {
  font-weight: 700;
}

.top-bar__green-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #0FC04A;
  border-radius: 50%;
  margin-left: 1px;
  vertical-align: super;
}

.top-bar__clock {
  vertical-align: -2px;
  margin-right: 3px;
  color: #234AFF;
}

.top-bar__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-bar__nav ul {
  display: flex;
  gap: 20px;
}

.top-bar__contacts {
  display: flex;
  gap: 20px;
  align-items: center;
}

.top-bar__phone {
  font-weight: 700;
  font-size: 16px;
}

.top-bar__address {
  font-weight: 700;
}

/* =========================================
   HEADER MAIN (Центральная часть)
   ========================================= */
.header-main {
  padding: 20px 0;
  background-color: #fff;
}

.header-main__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.logo {
  display: inline-flex;
  align-items: center;
}

.logo-img {
  height: 38px;
  width: auto;
}

.catalog-btn {
  background-color: var(--color-primary);
  color: #fff;
  padding: 10px 20px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 140px;
  height: 50px;
  box-sizing: border-box;
}

.catalog-btn span {
  display: flex;
}

.header-search {
  flex: 1;
  position: relative;
}

.ajax-search-form {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
}

.ajax-search-input {
  width: 100%;
  padding: 8px 50px 8px 20px;
  border: 1.5px solid #D7DAE3;
  background-color: transparent;
  border-radius: 15px;
  outline: none;
  height: 50px;
  box-sizing: border-box;
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #000;
}

.ajax-search-clear {
  position: absolute;
  right: 56px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 20px;
  color: #999;
  cursor: pointer;
  padding: 0 8px;
  line-height: 1;
  display: none;
  z-index: 2;
}

.ajax-search-clear.visible {
  display: block;
}

.ajax-search-btn {
  background: var(--color-primary);
  border: none;
  padding: 0;
  border-radius: 15px;
  cursor: pointer;
  color: #fff;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
}

.ajax-search-btn svg {
  width: 16px;
  height: 16px;
}

.header-icons {
  display: flex;
  gap: 30px;
  align-items: center;
}

.header-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  color: var(--color-text-main);
  gap: 5px;
}

.header-icon i {
  font-size: 20px;
  color: var(--color-primary);
}

/* Header Social Icons */
.header-socials {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header-socials .social-icon.social-icon--header {
  width: 25px;
  height: 25px;
}

.header-socials .social-icon--header svg {
  width: 14px;
  height: 14px;
}

/* Header Cart */
.header-cart-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--color-text-main);
}

.header-cart-link:hover {
  color: var(--color-primary);
}

.header-cart-icon {
  position: relative;
}

.header-cart-icon svg {
  width: 28px;
  height: 28px;
}

.header-cart-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #FF3A09;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.header-cart-text {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  color: #000;
}

/* =========================================
   HEADER CATEGORIES (Нижнее меню)
   ========================================= */
.header-nav {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border);
  background-color: #fff;
}

.header-nav ul {
  display: flex;
  justify-content: center;
  gap: 30px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #222;
}

.header-nav a {
  color: #222;
}

.header-nav a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--color-primary);
}

.header-nav__sale,
.header-nav ul li:last-child a {
  color: #222 !important;
  margin-left: auto;
}

.header-nav ul li:last-child {
  margin-left: auto;
}

/* =========================================
   FOOTER
   ========================================= */
.footer {
  background-color: #F8F9FF;
  /* Очень светлый фиолетово-синий как на макете */
  padding: 60px 0 40px;
  margin-top: 80px;
}

.footer__inner {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1fr 1fr 1fr;
  gap: 30px;
}

.footer__logo-col p {
  font-size: 12px;
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 20px 0;
}

.footer__title {
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 15px;
}

.footer__menu li {
  margin-bottom: 15px;
}

.footer__menu a {
  font-size: 13px;
  color: var(--color-text-main);
}

.footer__menu a:hover {
  color: var(--color-primary);
}

.footer-socials {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.footer-soc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-decoration: none;
  transition: opacity 0.3s;
}

.footer-soc:hover {
  opacity: 0.85;
}

.footer-soc--wa {
  background: #8250D1;
}

.footer-soc--tg {
  background: #3BB5F3;
}

.footer-soc--vk {
  background: #235DFF;
}

/* Body scroll lock — mobil menyu/overlaylar ochilganda sahifa orqa fonda
   scroll bo'lmasligi uchun (iOS Safari'da ham ishlaydi). JS .no-scroll qo'shadi. */
body.no-scroll {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}

.mobile-menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9998;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mobile-menu-overlay.is-visible {
  display: block;
  opacity: 1;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  /* eski brauzerlar uchun fallback */
  height: 100dvh;
  /* brauzer pastki panelini hisobga oladi — punktlar to'liq chiqadi */
  background: #fff;
  z-index: 9999;
  transition: left 0.3s ease;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1);
}

.mobile-menu.is-open {
  left: 0;
}

.mobile-menu__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid var(--color-border);
}

.mobile-menu__close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

.mobile-menu__tabs {
  display: flex;
  border-bottom: 1px solid #DCDEE6;
  padding: 0 30px;
  gap: 30px;
}

.mobile-menu__tab {
  background: none;
  border: none;
  border-bottom: 1.5px solid transparent;
  padding: 15px 0;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #000;
  cursor: pointer;
  transition: 0.2s;
  white-space: nowrap;
}

.mobile-menu__tab.active {
  color: #2344FF;
  font-weight: 600;
  border-bottom-color: #2344FF;
}

.mobile-menu__list {
  padding: 0 30px;
  padding-top: 22px;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 100px;
}

.mobile-menu__list li {
  border-bottom: 1px solid #EBEDF3;
  display: flex;
  padding-bottom: 8px;
  align-items: center;
}

.mobile-menu__list li:last-child {
  border-bottom: none;
}

.mobile-menu__list a {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
}

.mobile-menu__list i {
  width: 33px;
  height: 33px;
  min-width: 33px;
  border-radius: 50%;
  border: 1px solid #D8DBE4;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  overflow: hidden;
}

.mobile-menu__list i img {
  width: 21px;
  height: 22px;
  object-fit: contain;
}

#cookieBanner {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  padding: 28px 30px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  z-index: 9999;
  max-width: 804px;
  width: 90%;
  height: auto;
  min-height: 100px;
  border: none;
  box-sizing: border-box;
}

.cookie-banner__text {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #353535;
}

.cookie-banner__text a {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--color-text-main);
  font-weight: 600;
}

.cookie-banner__btn {
  background: #2344FF;
  color: #FFFFFF;
  border: none;
  padding: 10px 20px;
  border-radius: 12px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
  min-width: 97px;
  height: 40px;
}

.cookie-banner__btn:hover {
  opacity: 0.9;
}

/* Общие стили для контента вкладок */
.mobile-tab-panel {
  display: none;
  flex-direction: column;
  height: 100%;
}

.mobile-tab-panel.active {
  display: flex;
}

/* Стили для ссылок обычного меню (вкладка Меню) */
.mobile-nav-list {
  list-style: none;
  margin: 0;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mobile-nav-list li {
  border-bottom: 1px solid #EBEDF3;
  padding-bottom: 20px;
}

.mobile-nav-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.mobile-nav-list a {
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 75%;
  color: #000;
  text-decoration: none;
  display: block;
}

.mobile-menu__info {
  margin-top: auto;
  padding: 30px 30px;
  border-top: none;
  padding-bottom: 100px;
}

.mobile-menu__phone {
  font-family: 'Manrope', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 220%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mobile-menu__phone a {
  color: #000;
  text-decoration: none;
}

.status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0FC04A;
  display: inline-block;
  flex-shrink: 0;
}

.mobile-menu__address {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 220%;
  color: #000;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-menu__address-hours {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.mobile-menu__socials {
  display: flex;
  gap: 16px;
  margin-top: 4px;
}

.social-icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
}

.social-icon.max {
  background: #8250D1;
}

.social-icon.vk {
  background: #235DFF;
}

.social-icon.tg {
  background: #3BB5F3;
}

/* Mobile submenu */
.mobile-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 5;
  overflow-y: auto;
}

.mobile-submenu.is-open {
  display: block;
}

.mobile-submenu__header {
  padding: 20px 30px 0;
  border-bottom: 1px solid #DCDEE6;
  padding-bottom: 18px;
}

.mobile-submenu__back {
  background: none;
  border: none;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 80%;
  letter-spacing: -0.01em;
  cursor: pointer;
  color: #000;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mobile-submenu__back::before {
  content: '\2039';
  font-size: 20px;
  line-height: 1;
}

.mobile-submenu__section-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #919B9F;
  padding: 20px 30px 8px;
}

.mobile-submenu__list {
  list-style: none;
  margin: 0;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 100px;
}

.mobile-submenu__list li {
  border-bottom: 1px solid #EBEDF3;
  height: 42px;
  display: flex;
  align-items: center;
}

.mobile-submenu__list li:last-child {
  border-bottom: none;
}

.mobile-submenu__list a {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 220%;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
}

.mobile-submenu__list i {
  width: 33px;
  height: 33px;
  min-width: 33px;
  border-radius: 50%;
  border: 1px solid #E6E9EF;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  overflow: hidden;
  flex-shrink: 0;
}

.mobile-submenu__list i img {
  width: 21px;
  height: 22px;
  object-fit: contain;
}

.mobile-submenu__rec-list {
  gap: 10px;
}

/* Burger — скрыт на десктопе */
.mobile-burger-btn {
  display: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Мобильные иконки шапки — скрыты на десктопе */
.header-mobile-icons {
  display: none;
}

@media (max-width: 768px) {

  /* Header Mobile */
  .top-bar__nav ul {
    display: none;
    /* Прячем десктопное меню гарантии и тд */
  }

  .top-bar {
    display: none;
    /* Скрываем весь верхний бар на мобильном */
  }

  .top-bar__inner {
    justify-content: center;
  }

  .catalog-btn,
  .header-search,
  .header-nav,
  .header-icons span {
    display: none;
    /* Прячем десктопные элементы */
  }

  .header-socials {
    display: none;
  }

  .header-cart-link {
    display: none;
  }

  .mobile-burger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    background: var(--color-primary);
    color: #fff;
    border-radius: 10px;
    order: 4;
  }

  .header-main__inner {
    position: relative;
  }

  .header-main__inner::before {
    display: none;
    /* Используем реальную кнопку .mobile-burger-btn */
  }

  .logo {
    flex: 1;
    text-align: left;
    order: 1;
  }

  .header-mobile-icons {
    display: flex;
    gap: 16px;
    align-items: center;
    order: 3;
  }

  /* На 480px: перестраиваем order кнопок по Figma */
  @media (max-width: 480px) {
    .header-main {
      padding: 8px 0 10px;
    }

    .header-icon--mobile-location {
      order: 0;
    }

    .header-icon--mobile-search {
      order: 1;
    }

    .mobile-burger-btn {
      order: 2;
    }

    .header-mobile-icons {
      gap: 16px;
      order: 3;
    }

    .logo {
      order: 1;
    }
  }

  .header-icons {
    position: static;
    display: flex;
    gap: 10px;
  }

  .header-icon--desktop {
    display: none !important;
  }

  .header-cart,
  .catalog-btn,
  .header-search,
  .header-nav,
  .header-icons span {
    display: none !important;
    /* Убираем текст и лишние иконки */
  }

  .header-icon--mobile-search,
  .header-icon--mobile-location {
    display: flex !important;
    width: 33px;
    height: 33px;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
  }

  /* Всплывашка адреса для мобилки */
  .mobile-address-popover {
    display: flex;
    position: absolute;
    top: 75px;
    left: 20px;
    right: 20px;
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 15px 20px;
    z-index: 1000;
    align-items: flex-start;
    animation: fadeIn 0.3s ease-in-out;
  }

  .mobile-address-popover__inner {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
  }

  .mobile-address-popover__badge {
    background: var(--color-primary);
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
  }

  .mobile-address-popover__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    flex: 1;
  }

  .mobile-address-popover__close {
    background: transparent;
    border: none;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
    color: var(--color-text-main);
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Footer Mobile */
  .footer {
    padding: 40px 0;
    margin-top: 40px;
  }

  .footer__inner {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .footer__menu-col {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 15px;
  }

  .footer__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
  }

  .footer__title::after {
    content: 'Л…';
    /* Стрелка аккордеона */
    font-size: 12px;
    color: var(--color-primary);
  }

  .footer__menu {
    display: none;
    /* Прячем списки до клика (сделаем JS позже) */
    padding-top: 15px;
  }

  .footer__logo-col {
    order: 5;
    /* Логотип и соцсети уходят в самый низ */
    margin-top: 20px;
    text-align: center;
  }

  #cookieBanner {
    align-items: center;
    gap: 15px;
    border-radius: 20px;
    width: 80%;
    bottom: 20px;
    padding: 20px;
  }

  .cookie-banner__text {
    font-size: 13px;
  }
}


/* --- РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… AJAX-РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… (РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…) --- */
.header-search {
  position: relative;
}

.ajax-search-results {
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.3);
  z-index: 1001;
  padding: 20px;
  display: none;
}

.ajax-search-results.active {
  display: block;
}

.search-pills {
  display: flex;
  gap: 4px;
  margin-bottom: 13px;
  flex-wrap: wrap;
}

.search-pill {
  border: 1px solid #94979F;
  color: #353535;
  background: transparent;
  padding: 6px 10px;
  border-radius: 800px;
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: 0.2s;
  text-decoration: none;
}

.search-pill:hover,
.search-pill.active {
  border-color: #2344FF;
}

.search-results-title {
  font-family: 'Wix Madefor Display';
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #919B9F;
  margin-bottom: 10px;
}

.search-product-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 13px;
}

.search-product-item {
  display: flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  color: #000;
}

.search-product-item img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
}

.search-product-item span {
  font-family: 'Wix Madefor Display';
  font-size: 14px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #000;
}

.mobile-search-results .search-product-item span {
  font-size: 13px;
}

.search-show-more {
  font-family: 'Manrope';
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #C6CADD;
  display: inline-block;
  padding-bottom: 8px;
  margin-bottom: 13px;
}

.search-categories {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.search-category-pill {
  border: 1px solid #94979F;
  color: #353535;
  padding: 6px 10px;
  border-radius: 800px;
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-decoration: none;
}

.search-item--active {
  background: #f0f3ff;
  border-radius: 8px;
  outline: none;
}

.ajax-search-loading,
.ajax-not-found {
  font-family: 'Wix Madefor Display';
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #919B9F;
  padding: 6px 0;
}

/* Мобильный поиск оверлей */
.mobile-search-overlay {
  display: none;
  position: fixed;
  top: 57px;
  left: 50%;
  transform: translateX(-50%);
  width: 340px;
  background: #FFFFFF;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  z-index: 9999;
  overflow: hidden;
}

.mobile-search-overlay.is-open {
  display: block;
}

.mobile-search-overlay__inner {
  padding: 16px 18px 20px;
}

.mobile-search-form {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.mobile-search-input {
  flex: 1;
  height: 47px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 0 16px;
  font-size: 16px;
  outline: none;
}

.mobile-search-submit {
  width: 47px;
  height: 47px;
  border-radius: 12px;
  background: #2344FF;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mobile-search-overlay__close {
  display: none;
}

.mobile-search-results {
  display: none;
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid #EBEDF3;
}

.mobile-search-results.active {
  display: block;
}

/* --- РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… --- */
.mobile-bottom-nav {
  display: none;
}

@media (max-width: 768px) {
  .mobile-bottom-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 20px;
    left: 5%;
    width: 90%;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    z-index: 1000;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
  }

  .mobile-bottom-nav__item {
    color: #D1D5DB;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    text-decoration: none;
    transition: 0.3s;
  }

  .mobile-bottom-nav__item.active {
    color: #2344FF;
  }

  .mobile-bottom-nav__item svg {
    width: 26px;
    height: 26px;
  }

  .cart-icon-wrapper {
    position: relative;
  }

  .cart-badge {
    position: absolute;
    top: -5px;
    right: -8px;
    background: #FF4400;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  body {
    padding-bottom: 90px;
  }

  #cookieBanner {
    bottom: 90px;
  }

  .ajax-search-results {
    position: fixed;
    top: 70px;
    left: 5%;
    width: 90%;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}



/* --- Блок категорий (главная страница категории) --- */
.home-categories {
  padding: 24px 0;
}

.home-categories .container {
  position: relative;
}

.home-categories-bg {
  position: absolute;
  left: -204px;
  z-index: -1;
  top: -24px;
}

.home-categories__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0 0 16px 0;
}

.home-categories__swiper {
  width: 100%;
  overflow: hidden;
}

.home-categories__grid {
  display: flex;
}

.swiper-slide.home-category-card {
  height: 203px;
  background: #F0F2F6;
  border-radius: 30px;
  position: relative;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  transition: box-shadow 0.2s;
}

.home-category-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.home-category-card__name {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #000;
  position: absolute;
  top: 29px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.home-category-card__image {
  width: 126px;
  height: 125px;
  object-fit: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 58px;
  mix-blend-mode: multiply;
}

@media (max-width: 768px) {
  .home-categories {
    padding: 16px 0;
  }

  .home-categories__title {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .home-category-card {
    height: 155px;
    border-radius: 20px;
  }

  .home-category-card__name {
    font-size: 15px;
    top: 20px;
  }

  .home-category-card__image {
    width: 95px;
    height: 95px;
    top: 45px;
  }
}



/* --- РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… --- */
.mobile-contact-bar {
  display: none;
}

@media (max-width: 768px) {
  .mobile-contact-bar {
    display: block;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;
    background: #fff;
  }

  .mobile-contact-bar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobile-contact-bar__socials {
    display: flex;
    gap: 10px;
  }

  .social-icon--small {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .mobile-contact-bar__phone {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .mobile-contact-bar__phone a {
    color: #000;
    text-decoration: none;
  }

  .status-dot {
    width: 8px;
    height: 8px;
    background: #00CC66;
    border-radius: 50%;
    display: inline-block;
  }

  /* РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… */
  .container--no-padding-mobile {
    padding: 0 !important;
    overflow: hidden;
  }
}

@media (max-width: 480px) {

  /* Мобильный контакт-бар по Figma: соцсети 22.2px, телефон 18px, зелёная точка 6px */
  .mobile-contact-bar {
    padding: 8px 0;
    border-bottom: 1px solid #D9D9D9;
  }

  .mobile-contact-bar__socials {
    gap: 14px;
  }

  .mobile-contact-bar__phone {
    font-family: 'Manrope';
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
    gap: 6px;
  }

  .status-dot {
    width: 6px;
    height: 6px;
    background: #0FC04A;
  }
}

/* --- Слайдер главная --- */
.home-slider {
  padding: 16px 0 0;
  position: relative;
  overflow: hidden;
}

.home-slider__wave {
  position: absolute;
  left: -65%;
  right: -22%;
  top: -2%;
  width: 188%;
  height: auto;
  mix-blend-mode: screen;
  opacity: 0.45;
  transform: matrix(-0.99, 0.11, 0.09, 1, 0, 0);
  pointer-events: none;
  z-index: 1;
}

.home-slider__outer {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  position: relative;
  margin-right: -147px;
  margin-left: -147px;
}

.home-slider__outer .swiper {
  margin: 0 30px;
}

.home-slider__track {
  display: flex;
  flex: 1;
  min-width: 0;
}

.swiper-slide.home-slide {
  box-sizing: border-box;
  height: 362px;
  border-radius: 24px;
  position: relative;
  padding-top: 129px;
  padding-left: 90px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

.home-slide__content {
  z-index: 2;
  position: relative;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  height: fit-content;
}

.home-slide__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.03em;
  margin: 0 0 8px 0;
  color: #fff;
}

.home-slide__desc {
  font-family: 'Manrope', sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 auto 0;
  max-width: 185px;
}

.home-slide__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 31px;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
  margin-top: 16px;
  align-self: flex-start;
}

.home-slide__btn:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.home-slide__btn svg {
  display: block;
  width: 12px;
  transform: rotate(-45deg);
}

.home-slide__btn:hover svg {
  transform: rotate(0);
}

.home-slide__product {
  position: absolute;
  right: 0;
  bottom: -30px;
  height: 105%;
  width: auto;
  max-width: 55%;
  object-fit: contain;
  object-position: right bottom;
  z-index: 1;
}

/* Slider arrows */
.home-slider__arrow {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #E5E7EB;
  color: #222;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  transition: 0.2s;
  z-index: 3;
  position: absolute;
}

.home-slider__arrow--prev {
  left: 0px;
}

.home-slider__arrow--next {
  right: 0px;
}

.home-slider__arrow:hover {
  background: #F3F4F6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* Slider dots */
.home-slider__dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
}

.home-slider__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D1D5DB;
  transition: 0.3s;
  cursor: pointer;
}

.home-slider__dot.active {
  background: #2344FF;
  width: 24px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .home-slider__outer {
    gap: 0;
  }

  .home-slider__track {
    flex-direction: column;
    gap: 12px;
  }

  .home-slide {
    height: 240px;
    border-radius: 16px;
    padding: 24px 20px;
  }

  .home-slide__content {
    max-width: 65%;
  }

  .home-slide__title {
    font-size: 24px;
  }

  .home-slide__desc {
    font-size: 14px;
  }

  .home-slide__btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .home-slide__product {
    max-width: 55%;
    bottom: 0;
    height: 100%;
  }

  .home-slider__arrow {
    display: none;
  }
}



/* --- РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… 'РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…' --- */
.home-intro {
  padding: 32px 0 20px;
}

.home-intro__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 16px 0;
}

.home-intro__text {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #353535;
  margin: 0;
}

/* --- РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… (РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…) --- */
.home-products {
  padding: 40px 0;
}

.home-products__tabs {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E5E5;
  overflow-x: auto;
  padding-bottom: 15px;
  -webkit-overflow-scrolling: touch;
}




.home-products__tabs::-webkit-scrollbar {
  display: none;
}

.home-products__tab {
  color: #888;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}

.home-products__tab.active {
  color: #2344FF;
}

.home-products__tab.active::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #2344FF;
}

/* Товарная сетка */
.home-products__grid {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 20px;
  flex-wrap: nowrap !important;
}

.home-products__grid::-webkit-scrollbar {
  display: none;
}

.home-products__grid .product-card {
  flex: 0 0 245px !important;
  width: 245px !important;
  min-width: 245px;
  height: 439px;
  scroll-snap-align: start;
}

@media (max-width: 768px) {
  .home-intro__title {
    font-size: 28px;
  }

  .home-products__tabs {
    margin-left: 20px;
    padding-right: 20px;
    gap: 20px;
  }

  .home-products__grid .product-card {
    flex: 0 0 220px;
    margin-left: 20px;
  }

  .home-products__grid .product-card:last-child {
    margin-right: 20px;
  }

  .home-products__grid {
    padding-left: 0;
  }
}

/* --- Блок товаров с вкладками --- */
.home-products-tabs {
  padding: 0;
  padding-top: 50px;
  position: relative;
}

.home-products-tabs .container {
  position: relative;
}

.home-products-bg {
  position: absolute;
  left: -408px;
  top: 43px;
  z-index: -1;
}

.home-tabs__nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  padding: 0;
  margin-bottom: 48px;
}

.home-tabs__btn {
  background: none;
  border: none;
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000;
  cursor: pointer;
  padding: 0 0 24px;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}

.home-tabs__btn.active {
  color: #2344FF;
  font-weight: 600;
  border-bottom-color: #2344FF;
}

.home-tabs__panel {}

.home-tabs__btn.active::after {
  display: none;
}

.home-tabs__panel {
  display: none;
}

.home-tabs__panel.active {
  display: block;
}

/* --- Почему выбирают нас --- */
.home-why {
  padding: 60px 0;
}

.home-why__header {
  display: flex;
  align-items: flex-end;
  gap: 80px;
  margin-bottom: 40px;
}

.home-why__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0;
  flex-shrink: 0;
  max-width: 361px;
}

.home-why__subtitle {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #353535;
  margin: 0;
  max-width: 819px;
}

.home-why__grid {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.home-why__image-card {
  position: relative;
  width: 730px;
  min-width: 730px;
  height: 490px;
  border-radius: 50px;
  overflow: hidden;
  background: url('../images/why-bg.jpg') no-repeat center center;
  background-size: cover;
  flex-shrink: 0;
}

.home-why__iphone {
  position: absolute;
  right: -60px;
  bottom: 0;
  height: 100%;
  width: auto;
  object-fit: contain;
  pointer-events: none;
}

.home-why__icon-check {
  position: absolute;
  left: 56px;
  top: 216px;
  width: 39px;
  height: 39px;
}

.home-why__image-title {
  position: absolute;
  left: 50px;
  top: 290px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 90%;
  letter-spacing: -0.03em;
  color: #fff;
  margin: 0;
}

.home-why__image-text {
  position: absolute;
  left: 50px;
  top: 350px;
  width: 362px;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #fff;
  margin: 0;
}

.home-why__features {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 544px;
}

.home-why__feature-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.home-why__feature-icon {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home-why__feature-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 8px;
}

.home-why__feature-text p {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #353535;
  margin: 0;
}

.home-why__feature-line {
  width: 504px;
  height: 1px;
  background: #E7E9F0;
}

/* --- Интернет-магазин --- */
.home-store {
  margin-top: 60px;
  position: relative;
}

.home-store .container {
  position: relative;
}

.home-store-bg {
  position: absolute;
  left: -407px;
  top: -34px;
  z-index: -1;
}

.home-store__watermark {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 200px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 900;
  font-size: 200px;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
}

.home-store__brands-label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0 0 16px;
}

.home-store__brands {
  display: flex;
  gap: 14px;
  margin-bottom: 98px;
  position: relative;
  z-index: 1;
}

.home-store__brand-card {
  width: 309px;
  height: 333px;
  border-radius: 30px;
  position: relative;
  padding: 29px 30px;
  flex-shrink: 0;
  overflow: hidden;
}

.home-store__brand-img {
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 180px;
  height: auto;
  pointer-events: none;
}

.home-store__brand-card:nth-child(2) .home-store__brand-img {
  transform: scaleX(-1);
  right: -105px;
  bottom: -38px;
  width: 270px;
}

.home-store__brand-card:nth-child(3) .home-store__brand-img {
  right: -40px;
  bottom: -30px;
  width: 200px;
}

.home-store__brand-card:nth-child(4) .home-store__brand-img {
  right: -69px;
  bottom: -30px;
  width: 200px;
}

.home-store__brand-name {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0 0 20px;
}

.home-store__brand-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.home-store__brand-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 37px;
}

.home-store__brand-link {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  text-decoration: none;
}

.home-store__brand-dot {
  width: 37px;
  height: 37px;
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.home-store__brand-dot img {
  width: 24px;
  height: 25px;
  object-fit: contain;
}

.home-store__brand-item {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000;
  border-bottom: 1px solid #C4C6CF;
  padding-bottom: 8px;
  margin: 0;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* --- Заходите к нам --- */
.home-store__visit {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 92px;
  position: relative;
  z-index: 1;
}

.home-store__visit-text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 563px;
}

.home-store__visit-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0;
}

.home-store__visit-desc {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.home-store__visit-bold {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.home-store__visit-photos {
  display: flex;
  gap: 20px;
  flex-shrink: 0;
}

.home-store__visit-photo {
  border-radius: 50px;
  object-fit: cover;
}

.home-store__visit-photo--1 {
  width: 326px;
  height: 381px;
  transform: translateX(55px);

}

.home-store__visit-photo--2 {
  width: 310px;
  height: 355px;
  margin-top: -38px;
  position: relative;
  z-index: 2;
}

.home-store__store180-text {
  position: absolute;
  right: 0;
  bottom: 350px;
}

.home-store__store180-text img {
  width: 1532px;
  max-width: 100%;
  height: auto;
}

/* --- Не нашли что искали? --- */
.home-store__callback {
  position: relative;
  z-index: 1;
}

.home-store__callback-illustration {
  position: absolute;
  right: 50px;
  bottom: 0;
  width: 229px;
  height: auto;
  z-index: 2;
  pointer-events: none;
}

.home-store__callback-swirl {
  position: absolute;
  right: -60px;
  bottom: -40px;
  width: 500px;
  height: auto;
  z-index: 1;
  pointer-events: none;
  opacity: 0.8;
  mix-blend-mode: screen;
  transform: matrix(-0.98, 0.2, 0.18, 0.98, 0, 0);
}

.home-store__callback-inner {
  background: #F1F4FA;
  border-radius: 60px;
  padding: 45px 50px;
  position: relative;
  overflow: hidden;
  max-width: 1283px;
}

.home-store__callback-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 18px;
}

.home-store__callback-subtitle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
}

.home-store__callback-subtitle svg {
  flex-shrink: 0;
}

.home-store__callback-subtitle span {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #353535;
}

.home-store__callback-form {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  margin-bottom: 20px;
}

.home-store__callback-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.home-store__callback-label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000;
}

.home-store__callback-input {
  width: 320px;
  height: 60px;
  background: #fff;
  border: 1px solid #C5C9D2;
  border-radius: 15px;
  padding: 0 22px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 17px;
}

.home-store__callback-btn {
  width: 264px;
  height: 60px;
  background: #FF3A09;
  border: none;
  border-radius: 15px;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: opacity 0.3s;
}

.home-store__callback-btn:hover {
  opacity: 0.9;
}

.home-store__callback-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
}

.home-store__callback-check {
  position: relative;
  display: inline-flex;
}

.home-store__callback-check input {
  opacity: 0;
  position: absolute;
}

.home-store__callback-checkmark {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #C5C9D2;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(184, 200, 224, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home-store__callback-check input:checked+.home-store__callback-checkmark::after {
  content: '';
  width: 10px;
  height: 6px;
  border-left: 2px solid #575757;
  border-bottom: 2px solid #575757;
  transform: rotate(-45deg);
  margin-top: -2px;
}

.home-store__callback-consent-text {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #94979F;
}

.home-store__callback-socials {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home-store__callback-socials-label {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #353535;
}

.home-store__callback-icons {
  display: flex;
  gap: 12px;
}

.home-store__social {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-store__social--whatsapp {
  background: #8250D1;
}

.home-store__social--telegram {
  background: #3BB5F3;
}

.home-store__social--vk {
  background: #235DFF;
}

/* --- Отзывы о нас --- */
.home-reviews {
  padding: 60px 0;
}

.home-reviews__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 30px;
}

.home-reviews__widget {
  max-width: 1279px;
}

.home-reviews__placeholder {
  box-sizing: border-box;
  border: 2px solid #D8DBE4;
  border-radius: 30px;
  height: 195px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.home-reviews__placeholder-text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #D8DBE4;
}

.home-reviews__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  height: 50px;
  background: #2344FF;
  border-radius: 15px;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s;
}

.home-reviews__btn:hover {
  opacity: 0.9;
}

/* --- СЕО текст --- */

.home-seo {
  padding-top: 64px;
  margin-top: 70px;
}

.home-seo .container {
  position: relative;
}

.home-seo-bg {
  position: absolute;
  top: -64px;
  left: -388px;
  z-index: -1;
}

.home-seo__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 30px;
}

.home-seo__lead {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0 0 20px;
  max-width: 1119px;
}

.home-seo__text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0 0 40px;
  max-width: 1182px;
}

.home-seo__swiper {
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}

.home-seo__photos {
  display: flex;
  gap: 14px;
}

.home-seo__photo.swiper-slide {
  width: 365px;
  height: 250px;
  border-radius: 40px;
  flex-shrink: 0;
  overflow: hidden;
}

.home-seo__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-seo__principles {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 1182px;
}

.home-seo__principles-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0;
}

.home-seo__principles ul li,
.home-seo__principles ol li {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.home-seo__principles ul li span,
.home-seo__principles ol li span {
  font-weight: 700;
}

.home-seo__principles-bold {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.home-seo__principles-text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.home-seo__extra {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.home-seo__extra[hidden] {
  display: none;
}

.home-seo__extra p,
.home-seo__extra li {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.home-seo__extra strong,
.home-seo__extra b {
  font-weight: 700;
}

.home-seo__more {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
  border: none;
  border-bottom: 1px solid #C6CADD;
  padding-bottom: 8px;
  background-color: transparent;
  align-self: flex-start;
  cursor: pointer;
}

/* ==========================================================================
   КОНТАКТЫ (Где мы находимся)
   ========================================================================== */
.home-contacts {
  padding: 80px 0;
}

.home-contacts__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 20px;
}

.home-contacts__grid {
  justify-content: space-between;
  display: flex;
  gap: 80px;
  align-items: stretch;
}

.home-contacts__info {
  flex: 0 0 428px;
  display: flex;
  flex-direction: column;
  gap: 38px;
}

.home-contacts__item {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.home-contacts__value {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
}

.home-contacts__value--phone {
  font-size: 24px;
}

.home-contacts__label {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #94979F;
}

.home-contacts__map {
  flex: 1;
  min-height: 345px;
  max-width: 730px;
  border-radius: 40px;
  overflow: hidden;
  position: relative;
  background: #eee;
}

.home-contacts__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.home-contacts__pin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  pointer-events: none;
}

@media (max-width: 768px) {
  .home-contacts {
    padding: 40px 0;
  }

  .home-contacts__title {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .home-contacts__grid {
    flex-direction: column;
    gap: 30px;
  }

  .home-contacts__info {
    flex: none;
    width: 100%;
  }

  .home-contacts__map {
    min-height: 250px;
    border-radius: 24px;
  }
}

/* ==========================================================================
   ФУТЕР
   ========================================================================== */
.site-footer {
  position: relative;
  overflow: hidden;
}

.site-footer__bg {
  position: relative;
  overflow: hidden;
  padding: 70px 0 60px;
}

.site-footer__bg::before {
  display: none;
}

.site-footer__blur-img {
  position: absolute;
  z-index: -2;
  top: -70px;
  left: -182px;
}

.site-footer .container {
  position: relative;
}

.site-footer__inner {
  position: relative;
  z-index: 1;
}

/* Большой логотип-водяной знак */
.site-footer__watermark {
  position: absolute;
  left: 246px;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

.site-footer__watermark-text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  font-size: 220px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.4);
  white-space: nowrap;
}

/* Колонка с логотипом и описанием */
.footer-info {
  max-width: 260px;
}

.footer-info__logo {
  margin-bottom: 25px;
}

.footer-info__logo svg,
.footer-info__logo img {
  height: 37px;
  width: auto;
}

.footer-info__desc {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin-bottom: 30px;
}

/* Соцсети в футере */
.footer-socials {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
}

.footer-socials__icon {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
}

.footer-socials__icon--whatsapp {
  background: #8250D1;
}

.footer-socials__icon--telegram {
  background: #3BB5F3;
}

.footer-socials__icon--vk {
  background: #235DFF;
}

.footer-socials__icon svg {
  width: 17px;
  height: 17px;
  fill: #fff;
}

/* Disclaimer */
.footer-info__disclaimer {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #585C66;
  max-width: 267px;
}

/* Навигационные колонки */
.footer-nav {
  display: flex;
  gap: 60px;
  position: relative;
  z-index: 1;
}

.footer-nav__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-nav__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0;
}

.footer-nav__links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-nav__links li {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: -0.01em;
}

.footer-nav__links a {
  color: #313338;
  text-decoration: none;
  transition: color 0.2s;
}

.footer-nav__links a:hover {
  color: #2344FF;
}

/* Общая раскладка футера (desktop) */
.site-footer__grid {
  display: flex;
  gap: 80px;
  padding: 0;
}

/* --- Промо-баннер --- */
.home-promo-banner {
  padding: 50px 0;
  color: #fff;
  border-radius: 20px;
  margin: 20px 0;
}

.home-promo-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.home-promo-banner__title {
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 12px;
}

.home-promo-banner__text {
  font-size: 16px;
  opacity: 0.9;
  margin: 0 0 20px;
  line-height: 1.5;
}

.home-promo-banner__btn {
  display: inline-block;
  background: #fff;
  color: #2344FF;
  padding: 12px 28px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}

.home-promo-banner__btn:hover {
  opacity: 0.9;
}

.home-promo-banner__icon img {
  max-width: 200px;
  height: auto;
}

/* --- О компании --- */
.home-about {
  padding: 40px 0;
}

.home-about__title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 20px;
}

.home-about__content {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  max-width: 900px;
}

/* --- Форма обратной связи --- */
.home-contact-form {
  padding: 40px 0;
  background: #f8f9fc;
  border-radius: 20px;
  margin: 20px 0;
}

.home-contact-form__title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 20px;
  text-align: center;
}

.home-contact-form__form {
  max-width: 600px;
  margin: 0 auto;
}

.home-contact-form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.home-contact-form .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  font-size: 15px;
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.home-contact-form .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: #2344FF;
}

/* Global CF7 submit button fallback */
.wpcf7-submit {
  padding: 16px 32px;
  background: #FF4500;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
}

.wpcf7-submit:hover {
  opacity: 0.9;
}

.home-contact-form .wpcf7-submit {
  width: 100%;
  padding: 16px;
  background: #FF4500;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
}

.home-contact-form .wpcf7-submit:hover {
  background: #E63E00;
}

.home-contact-form .wpcf7-response-output {
  text-align: center;
  margin-top: 10px;
  border-radius: 8px;
}

.home-contact-form .wpcf7 br {
  display: none;
}

.home-contact-form .wpcf7 p {
  margin: 0;
}

/* --- Отзывы --- */
.home-reviews {
  padding: 40px 0;
}

.home-reviews__title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 20px;
}

/* --- Инфо-блок + карта --- */
.home-info {
  padding: 40px 0;
}

.home-info__title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 20px;
}

.home-info__content {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  margin-bottom: 20px;
}

.home-info__map {
  border-radius: 16px;
  overflow: hidden;
  margin-top: 20px;
}

.home-info__map iframe {
  width: 100%;
  height: 400px;
  border: 0;
}

@media (max-width: 768px) {
  .home-promo-banner__inner {
    flex-direction: column;
    text-align: center;
  }

  .home-promo-banner__icon img {
    max-width: 150px;
  }

  .home-info__map iframe {
    height: 280px;
  }
}


/* --- Desktop Mega Menu --- */
.mega-menu-wrapper {
  position: relative;
}

.mega-menu-wrapper.active .catalog-btn {
  background: #2344FF;
  color: #fff;
  border-color: #2344FF;
}

.mega-menu-wrapper.active .catalog-btn .catalog-btn__icon {
  display: none;
}

.mega-menu {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  width: fit-content;
  background: #fff;
  box-shadow: 0px 20px 80px 0px #0000004D;
  display: none;
  z-index: 1000;
  border-radius: 60px;
  overflow: hidden;
  /* grid-template-columns: 220px 1fr auto; */
  /* gap: 30px; */
}

.mega-menu-wrapper.active .mega-menu {
  display: flex;
}

.mega-menu__col-title {
  font-family: 'Wix Madefor Display';
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #919B9F;
  margin-bottom: 15px;
}

.mega-menu__col {
  padding: 33px 0 51px 79px;
  min-width: 342px;
  background-color: #F7F9FB;
}

.mega-menu__sub-wrapper .mega-menu__col {
  background-color: #fff;
  min-width: 230px;
  width: max-content;
  padding: 33px 50px 0 71px;
}

.mega-menu__col.mega-menu__col--rec {
  padding: 33px 80px 51px 0;
  min-width: 342px;
  background-color: #fff;
  border: none;
}

.mega-menu__categories {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-right: 1px solid #eee;
  max-height: 530px;
  overflow-y: auto;
}

.mega-menu__categories::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1500px) {
  .mega-menu__categories {
    max-height: 500px;
  }
}

.mega-cat-item {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  transition: 0.2s;
  font-family: 'Wix Madefor Display';
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
}

.mega-cat-item:hover,
.mega-cat-item.active {
  color: #2344FF;
}

.mega-cat-item:hover i,
.mega-cat-item.active i {
  border-color: #2344FF;
}

.mega-cat-item i {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border: 1px solid #D8DBE4;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mega-cat-item i img {
  width: 24px;
  height: 25px;
  object-fit: contain;
}

.mega-menu__sub {
  display: none;
  gap: 30px;
}

.mega-menu__sub.active {
  display: flex;
}

.mega-menu__col--rec {
  border-left: 1px solid #eee;
  padding-left: 20px;
  min-width: 200px;
}

.mega-sub-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 500px;
  overflow-y: auto;
}

.mega-sub-list::-webkit-scrollbar {
  display: none;
}

.mega-sub-item {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: 'Wix Madefor Display';
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
  transition: 0.2s;
}

.mega-sub-item:hover {
  color: #2344FF;
}

/* Disable bo'lgan submit tugmalari (consent checkbox olinganda) */
button[type="submit"]:disabled,
input[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.mega-sub-item::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C4C8D2;
  flex-shrink: 0;
  transition: 0.2s;
}

.mega-menu__co l--rec .mega-sub-item::before {
  display: none;
}

.mega-sub-item:hover::before {
  background: #2344FF;
}

.mega-sub-item i {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 1px solid #E6E9EF;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mega-sub-item i img {
  width: 21px;
  height: 22px;
  object-fit: contain;
}

@media (max-width: 1024px) {
  .mega-menu {
    display: none !important;
  }
}

.page-single-product {
  padding-top: 24px;
}

/* --- СТРАНИЦА КОНТАКТОВ --- */
/* === CONTACTS PAGE === */
.page-contacts {
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

/* Rectangle 1 — нижняя белая размытая подложка (Figma) */
.page-contacts::after {
  content: '';
  position: absolute;
  left: -130px;
  right: -23px;
  bottom: -200px;
  height: 297px;
  background: #FFFFFF;
  filter: blur(75px);
  pointer-events: none;
  z-index: 0;
}

.page-contacts>* {
  position: relative;
  z-index: 1;
}

/* Breadcrumbs */
.breadcrumbs {
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #919B9F;
  margin-bottom: 8px;
  line-height: 130%;
}

.breadcrumbs a {
  color: #353535;
  text-decoration: none;
}

.breadcrumbs a:hover {
  color: #2344FF;
}

.breadcrumbs .sep {
  margin: 0 6px;
  color: #2344FF;
}

/* Page title */
.contacts-title {
  font-family: 'Wix Madefor Display';
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
  line-height: 100%;
  margin-top: 8px;
  margin-bottom: 30px;
}

/* Block 1: Contacts Info + Map */
.contacts-info-block {
  display: flex;
  gap: 91px;
  align-items: flex-start;
  margin-bottom: 80px;
}

.contacts-info__left {
  flex: 0 0 351px;
}

.contacts-info__left .contacts-items {
  display: flex;
  flex-direction: column;
  gap: 38px;
}

.contacts-item-group {
  display: flex;
  flex-direction: column;
}

.contacts-item__link {
  font-family: 'Manrope';
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
  display: block;
  line-height: 130%;
}

.contacts-item__link--email {
  font-size: 20px;
}

.contacts-item__link:hover {
  color: #2344FF;
}

.contacts-item__text {
  font-family: 'Manrope';
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
  display: block;
  line-height: 130%;
}

.contacts-item__desc {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #94979F;
  display: block;
  line-height: 130%;
  margin-top: 4px;
}

.contacts-socials {
  display: flex;
  gap: 24px;
  margin-top: 24px;
  align-items: center;
}

.contacts-socials .social-icon {
  width: 54px;
  height: 54px;
}

.contacts-socials .social-icon svg {
  width: 30px;
  height: 30px;
}

.social-icon {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.social-icon.max {
  background: #8250D1;
}

.social-icon.tg {
  background: #3BB5F3;
}

.social-icon.vk {
  background: #235DFF;
}

.contacts-info__right {
  flex: 1;
  border-radius: 40px;
  overflow: hidden;
  height: 345px;
  position: relative;
  background: #eee;
  z-index: 2;
  max-width: 838px;
}

.contacts-info__right .contacts-map {
  width: 100%;
  height: 100%;
}

.contacts-info__right iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.contacts-info-block {
  position: relative;
}

.map-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Block 2: About Store */
.contacts-about {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 80px;
  gap: 80px;
  padding-top: 70px;
  position: relative;
}

/* Rectangle 195 — белая карточка-подложка под «Заходите…», водяной знак и форму (Figma) */
.contacts-about::before {
  content: '';
  position: absolute;
  top: 0;
  left: calc(50% - 947px + 100px);
  width: 1894px;
  height: 1066px;
  background: #FFFFFF;
  backdrop-filter: blur(12.4468px);
  -webkit-backdrop-filter: blur(12.4468px);
  border-radius: 120px 0 0 0;
  pointer-events: none;
  z-index: -1;
}

.contacts-about__left {
  flex: 0 0 563px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contacts-about__left h2 {
  font-family: 'Wix Madefor Display';
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
  line-height: 100%;
  margin: 0;
}

.contacts-about__left p {
  font-family: 'Wix Madefor Display';
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #000;
  line-height: 130%;
  margin: 0;
}

.contacts-about__left .highlight-text {
  font-family: 'Wix Madefor Display';
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
  line-height: 130%;
}

.contacts-about__right {
  flex: 1;
  position: relative;
  height: 420px;
}

.about-collage {
  position: relative;
  width: 100%;
  height: 100%;
}

.collage-back {
  position: absolute;
  left: 0;
  top: 38px;
  width: 326px;
  height: 381px;
  border-radius: 50px;
  overflow: hidden;
  background: #D9D9D9;
}

.collage-front {
  position: absolute;
  right: 0;
  top: 0;
  width: 310px;
  height: 355px;
  border-radius: 50px;
  overflow: hidden;
  background: #D9D9D9;
}

.collage-back img,
.collage-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Block 3: Callback CTA */
.contacts-store180-text {
  margin: -80px 0 20px;
  pointer-events: none;
  text-align: center;
  overflow: hidden;
}

.contacts-store180-text img {
  width: 1532px;
  max-width: 100%;
  height: auto;
}

.callback-section {
  background: #F1F4FA;
  border-radius: 60px;
  padding: 45px 50px;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
}

.callback-section__swirl {
  position: absolute;
  right: -60px;
  bottom: -40px;
  width: 500px;
  height: auto;
  z-index: 1;
  pointer-events: none;
  opacity: 0.8;
  mix-blend-mode: screen;
  transform: matrix(-0.98, 0.2, 0.18, 0.98, 0, 0);
}

.callback-section__form {
  position: relative;
  z-index: 3;
  padding-right: 280px;
}

.callback-section__form h2 {
  font-family: 'Wix Madefor Display';
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
  line-height: 100%;
  margin-bottom: 18px;
}

.callback-note {
  font-family: 'Manrope';
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #353535;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 130%;
}

.callback-note__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.callback-form {
  margin-bottom: 24px;
}

.callback-form-row {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  margin-bottom: 20px;
}

.callback-form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.callback-label {
  font-family: 'Wix Madefor Display';
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #000;
}

.callback-input {
  width: 320px;
  height: 60px;
  padding: 0 22px;
  border: 1px solid #C5C9D2;
  border-radius: 15px;
  font-family: 'Manrope';
  font-size: 17px;
  background: #fff;
  outline: none;
  box-shadow: 0 1px 2px rgba(184, 200, 224, 0.22);
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.callback-input:focus {
  border-color: #2344FF;
}

.callback-submit {
  background: #FF3A09;
  color: #fff;
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 16px;
  border: none;
  width: 264px;
  height: 60px;
  border-radius: 15px;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}

.callback-submit:hover {
  opacity: 0.9;
}

.callback-agree {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

.callback-agree>input[type="checkbox"] {
  display: none;
}

.callback-agree>input[type="checkbox"]+.checkmark {
  display: inline-flex;
}

.checkmark {
  display: inline-flex;
  width: 24px;
  height: 24px;
  border: 1px solid #C5C9D2;
  border-radius: 8px;
  flex-shrink: 0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(184, 200, 224, 0.22);
  align-items: center;
  justify-content: center;
}

.callback-agree input[type="checkbox"]:checked+.checkmark::after {
  content: '';
  display: block;
  width: 10px;
  height: 6px;
  border-left: 2px solid #575757;
  border-bottom: 2px solid #575757;
  transform: rotate(-45deg);
  margin-top: -2px;
}

.agree-text {
  font-family: 'Manrope';
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #94979F;
  line-height: 130%;
}

.callback-alt {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Manrope';
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #353535;
  flex-wrap: wrap;
}

.callback-alt__socials {
  display: flex;
  gap: 12px;
  align-items: center;
}

.callback-alt__socials .social-icon {
  width: 32px;
  height: 32px;
}

.callback-alt__socials .social-icon svg {
  width: 14px;
  height: 14px;
}

/* CF7 inside Callback section */
.callback-section__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 30px;
}

.callback-section__form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-acceptance):not(.wpcf7-radio) {
  width: 100%;
  max-width: 380px;
  height: 60px;
  padding: 0 22px;
  border: 1px solid #C5C9D2;
  border-radius: 15px;
  font-family: 'Manrope';
  font-size: 17px;
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.callback-section__form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-acceptance):not(.wpcf7-radio):focus {
  border-color: #2344FF;
}

.callback-section__form .wpcf7-submit {
  width: 264px;
  height: 60px;
  background: #FF3A09;
  color: #fff;
  border: none;
  border-radius: 15px;
  font-family: 'Manrope';
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
}

.callback-section__form .wpcf7-submit:hover {
  opacity: 0.9;
}

.callback-section__form .wpcf7-response-output {
  text-align: center;
  margin-top: 10px;
  border-radius: 8px;
}

.callback-section__form .wpcf7 br {
  display: none;
}

.callback-section__form .wpcf7 p {
  margin: 0;
}

/* CF7 checkbox согласия — приводим к виду .callback-agree */
.callback-section__form .wpcf7-acceptance,
.callback-section__form .wpcf7-checkbox {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}

.callback-section__form .wpcf7-form-control-wrap {
  display: inline-block;
}

.callback-section__form .callback-agree {
  align-items: flex-start;
  color: #94979F;
  font-family: 'Manrope';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.13px;
  max-width: 590px;
}

.callback-section__form .callback-agree>.wpcf7-form-control-wrap {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.callback-section__form .wpcf7-acceptance .wpcf7-list-item,
.callback-section__form .wpcf7-checkbox .wpcf7-list-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.callback-section__form .wpcf7-acceptance .wpcf7-list-item>label,
.callback-section__form .wpcf7-checkbox .wpcf7-list-item>label {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  margin: 0;
}

.callback-section__form .wpcf7-acceptance input[type="checkbox"],
.callback-section__form .wpcf7-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #C5C9D2;
  border-radius: 8px;
  flex-shrink: 0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(184, 200, 224, 0.22);
  cursor: pointer;
  margin: 0;
  position: relative;
  display: inline-block;
  transition: border-color 0.2s;
}

.callback-section__form .wpcf7-acceptance input[type="checkbox"]:checked,
.callback-section__form .wpcf7-checkbox input[type="checkbox"]:checked {
  border-color: #2344FF;
}

.callback-section__form .wpcf7-acceptance input[type="checkbox"]:checked::after,
.callback-section__form .wpcf7-checkbox input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 7px;
  width: 10px;
  height: 6px;
  border-left: 2px solid #575757;
  border-bottom: 2px solid #575757;
  transform: rotate(-45deg);
}

.callback-section__form .wpcf7-list-item-label {
  font-family: 'Manrope';
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #94979F;
  line-height: 130%;
  max-width: 598px;
}

.callback-section__img {
  position: absolute;
  right: 50px;
  bottom: 0;
  width: 229px;
  height: auto;
  z-index: 2;
  pointer-events: none;
}

.callback-section__img img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Адаптив для Контактов */
@media (max-width: 1200px) {
  .contacts-info-block {
    gap: 60px;
  }

  .contacts-about {
    gap: 40px;
  }

  .contacts-about__left {
    flex: 0 0 380px;
  }
}

@media (max-width: 1024px) {
  .contacts-info-block {
    flex-direction: column;
    gap: 40px;
  }

  .contacts-info__left {
    flex: auto;
    width: 100%;
  }

  .contacts-info__right {
    width: 100%;
    height: 300px;
  }

  .contacts-about {
    flex-direction: column;
    gap: 40px;
  }

  .contacts-about__left {
    flex: auto;
    width: 100%;
  }

  .contacts-about__right {
    width: 100%;
    height: 400px;
  }

  .callback-section {
    border-radius: 40px;
  }

  .callback-section__form {
    padding-right: 0;
  }

  .callback-section__img {
    display: none;
  }
}

@media (max-width: 768px) {
  .contacts-title {
    font-size: 36px;
  }

  .contacts-item__link {
    font-size: 28px;
  }

  .contacts-about {
    position: relative;
    flex-direction: column;
    gap: 16px;
    overflow: visible;
  }

  .contacts-about__left {
    max-width: 100%;
    gap: 16px;
    order: 2;
  }

  .contacts-about__left h2 {
    font-size: 30px;
    max-width: 201px;
  }

  .contacts-about__left p {
    font-family: 'Manrope';
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    font-weight: 500;
  }

  .contacts-about__left .highlight-text {
    font-family: 'Manrope';
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    font-weight: 700;
  }

  .contacts-about__right {
    position: absolute;
    top: 0;
    right: 0;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    overflow: visible;
    order: 1;
  }

  .about-collage {
    position: static;
    width: auto;
    height: auto;
    display: flex;
    gap: 5px;
  }

  .collage-back {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 93px;
    height: 109px;
    border-radius: 24px;
    transform: translateX(21px);
    margin-top: 0;
  }

  .collage-front {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 89px;
    height: 101px;
    border-radius: 24px;
    margin-top: -15px;
  }

  .callback-section {
    padding: 30px 24px;
    border-radius: 30px;
  }

  .callback-section__form {
    padding-right: 0;
  }

  .callback-section__img {
    display: none;
  }

  .callback-section__form h2 {
    font-size: 28px;
  }

  .callback-form-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .callback-input {
    width: 100%;
  }

  .callback-submit {
    width: 100%;
  }
}

@media (max-width: 480px) {

  /* Контакты — заголовок и хлебные крошки */
  .breadcrumbs {
    font-size: 11px;
  }

  .contacts-title {
    font-size: 30px;
    margin-bottom: 24px;
  }

  /* Контакты — блок инфо */
  .contacts-info-block {
    margin-bottom: 0;
  }

  .contacts-info__left .contacts-items {
    gap: 24px;
  }

  .contacts-item__link {
    font-size: 30px;
  }

  .contacts-item__link--email {
    font-size: 18px;
  }

  .contacts-item__text {
    font-size: 18px;
  }

  .contacts-item__desc {
    font-size: 14px;
  }

  .contacts-socials {
    gap: 18px;
    margin-top: 24px;
  }

  .contacts-socials .social-icon {
    width: 41px;
    height: 41px;
  }

  .contacts-socials .social-icon svg {
    width: 23px;
    height: 23px;
  }

  /* Карта — полная ширина под контактами */
  .contacts-info__right {
    border-radius: 24px;
    height: 300px;
    margin-top: 30px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }

  /* О магазине */
  .contacts-about {
    margin-top: 40px;
  }

  /* Коллаж выводим в поток над текстом */

  /* Ватермарк STORE180 */
  .contacts-store180-text {
    text-align: left;
    margin: -20px 0 20px;
    padding-left: 0;
  }

  .contacts-store180-text img {
    width: 337px;
    max-width: 100%;
  }

  /* Callback блок */
  .callback-section {
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 20px;
  }

  .callback-section__form {
    padding-right: 0 !important;
  }

  .callback-section__img {
    display: none !important;
  }

  .callback-section__form h2 {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .callback-note {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .callback-form-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 16px;
  }

  .callback-input {
    width: 100%;
    height: 55px;
  }

  .callback-submit {
    width: 280px;
    height: 50px;
  }

  .callback-alt {
    font-size: 15px;
    gap: 8px;
  }

  .callback-alt__socials {
    gap: 10px;
  }

  .callback-alt__socials .social-icon {
    width: 27px;
    height: 27px;
  }

  .callback-alt__socials .social-icon svg {
    width: 14px;
    height: 14px;
  }

  /* Футер мобильный по Figma */
  .site-footer__bg {
    border-radius: 50px 0 0 0;
    padding: 33px 0 40px;
  }

  .site-footer__bg::before {
    border-radius: 50px 0 0 0;
  }

  .site-footer__grid {
    gap: 24px;
  }

  .footer-info__logo img {
    height: auto;
    width: 188px;
  }

  .footer-info__desc {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #000;
    max-width: 340px;
    margin-bottom: 24px;
  }

  .footer-socials {
    gap: 15px;
    margin-bottom: 24px;
  }

  .footer-socials__icon {
    width: 31px !important;
    height: 31px !important;
  }

  .footer-socials__icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  .footer-info__disclaimer {
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #585C66;
    max-width: 340px;
  }

  /* Навигация футера на 480px — плоский список категорий без аккордеона */
  .footer-nav {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  .footer-nav__col {
    border: none !important;
    gap: 0;
  }

  .footer-nav__col:last-child {
    border: none !important;
  }

  .footer-nav__links {
    display: none !important;
  }

  .footer-nav__title {
    font-family: 'Wix Madefor Display', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
    color: #000 !important;
    padding: 0 !important;
    cursor: default;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px;
    margin: 0 !important;
  }

  .footer-nav__title::after {
    content: '' !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border: none !important;
    border-right: 1.5px solid #000 !important;
    border-bottom: 1.5px solid #000 !important;
    transform: rotate(-45deg) !important;
    margin-top: 0 !important;
    flex-shrink: 0;
  }

  /* Обёртка всех заголовков навигации как вертикальный список с gap 24px */
  .site-footer__grid .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  /* День 2: разрешаем аккордеон в мобильном подвале (как на десктопе) — раскрываем подпункты при клике */
  .footer-nav__col.is-open .footer-nav__links,
  .footer-nav__links.active {
    display: block !important;
    padding: 12px 0 4px !important;
    margin: 0 !important;
    list-style: none;
  }

  .footer-nav__col.is-open .footer-nav__links li,
  .footer-nav__links.active li {
    padding: 6px 0 !important;
  }

  .footer-nav__col.is-open .footer-nav__links a,
  .footer-nav__links.active a {
    font-size: 16px;
    line-height: 150%;
    color: #313338;
    text-decoration: none;
  }

  .footer-nav__title.active::after,
  .footer-nav__title.is-open::after {
    transform: rotate(45deg) !important;
  }

  /* Плавающие кнопки по Figma */
  .btn-to-top {
    width: 39px;
    height: 39px;
  }

  .btn-chat {
    width: 50px;
    height: 50px;
    filter: drop-shadow(0px 10px 30px rgba(35, 130, 255, 0.5));
  }

  .floating-buttons {
    bottom: 85px;
    right: 15px;
    gap: 8px;
  }
}

/* --- Уточнение мобильного футера --- */
@media (max-width: 1024px) {
  .footer__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .footer__logo-col {
    order: 2;
    margin-top: 30px;
    text-align: left;
  }

  .footer__menu-col {
    order: 1;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 15px;
  }

  .footer__menu-col:first-of-type {
    border-top: none;
  }

  .footer__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
  }

  .footer__title::after {
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    transition: 0.3s;
    display: inline-block;
    margin-right: 5px;
  }

  .footer__title.active::after {
    transform: rotate(-135deg);
    margin-top: 5px;
  }

  .footer__menu {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer__menu.active {
    display: block;
  }

  .footer__menu li {
    margin-bottom: 10px;
  }

  .floating-buttons {
    bottom: 85px;
    right: 15px;
  }

  .btn-to-top {
    background: #E8EDFF;
    border: none;
    color: #333;
    font-weight: bold;
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
  }

  .btn-chat {
    width: 55px;
    height: 55px;
    background: #2344FF;
  }
}

/* --- СТРАНИЦА КАТЕГОРИИ (ARCHIVE) --- */
.page-archive {
  padding: 0;
  position: relative;
  overflow-x: hidden;
}

.archive-products-bg {
  padding: 20px 0 80px;
  position: relative;
  overflow: visible;
}

.archive-products-bg:after {
  content: url(../images/archive-products-bg.png);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.archive-products-bg>.container {
  position: relative;
  z-index: 1;
}

.archive-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin-bottom: 24px;
  color: #000;
}

.archive-subcategories {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.subcat-tag {
  display: inline-flex;
  align-items: center;
  height: 33px;
  padding: 0 14px;
  border-radius: 12px;
  background: #E8ECF9;
  color: #7F8697;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-decoration: none;
  transition: 0.2s;
}

.subcat-tag:hover {
  background: #d8def5;
  color: #555;
}

.subcat-tag.active {
  background: #2344FF;
  color: #fff;
}

.archive-variation-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.variation-filter {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 18px;
  border-radius: 22px;
  border: 1px solid #D6DAE5;
  background: transparent;
  color: #7F8697;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: 0.2s;
}

.variation-filter:hover {
  border-color: #2344FF;
  color: #2344FF;
}

.variation-filter svg {
  flex-shrink: 0;
}

.archive-top-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* margin-bottom: 24px; */
}

.archive-sort {
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}

.archive-sort .sort-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.archive-sort .sort-label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  white-space: nowrap;
  margin-left: 15px;
}

.archive-sort .woocommerce-ordering {
  margin: 0;
}

.archive-sort .woocommerce-ordering select,
.sort-select {
  border: none;
  background: transparent;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  outline: none;
  cursor: pointer;
  padding-right: 18px;
  padding-left: 0;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='4' viewBox='0 0 6 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L3 3L5 1' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2px center;
}

.archive-layout {
  display: flex;
  gap: 38px;
  align-items: flex-start;
}

/* Filter Sidebar */
.archive-sidebar {
  flex: 0 0 219px;
  background: #fff;
  border-radius: 24px;
  padding: 28px 20px;
  box-shadow: 0px 20px 100px rgba(15, 18, 44, 0.1);
}

/* Filter inner layout */
.archive-sidebar__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Brand accordion */
.filter-block {
  margin-top: 30px;
}

.filter-block__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  margin-bottom: 0;
}

.filter-block__title .arrow {
  width: 6px;
  height: 3px;
  border: 1.5px solid #000;
  border-top: 0;
  display: inline-block;
  transition: transform 0.2s;
}

.filter-block.open .filter-block__title .arrow {
  transform: rotate(180deg);
}

.filter-block__content {
  display: none;
  padding-top: 8px;
}

.filter-block.open .filter-block__content {
  display: block;
}

.filter-block.open .filter-block__content .filter-checkboxes {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.filter-block.open .filter-block__content .filter-checkboxes .filter-check {
  position: relative;
  display: flex;
}

.filter-block.open .filter-block__content .filter-checkboxes .filter-check input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.filter-block.open .filter-block__content .filter-checkboxes .filter-check span {
  border-radius: 10px;
  background: #F2F4F7;
  display: flex;
  cursor: pointer;
  padding: 10px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}

.filter-block.open .filter-block__content .filter-checkboxes .filter-check .filter-color-dot {
  width: 6px;
  height: 6px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translate(0, -50%);
}

.filter-block.open .filter-block__content .filter-checkboxes .filter-check input:checked+span {
  background: #272931;
  color: #fff;
}

/* Subcategory items inside brand accordion */

.filter-subitem {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: block;
  padding: 4px 0;
  text-decoration: none;
}

.filter-subitem:hover {
  color: #2344FF;
}

/* Price range */
.filter-price-label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 12px;
}

.filter-price-inputs {
  display: flex;
  gap: 5px;
  margin-bottom: 16px;
}

.filter-price-inputs input {
  box-sizing: border-box;
  width: 87px;
  height: 40px;
  padding: 15px;
  background: #fff;
  border: 1px solid #C2C8D6;
  border-radius: 10px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.filter-price-slider {
  position: relative;
  height: 23px;
  margin-bottom: 10px;
}

.filter-price-slider__track {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: #EDEDED;
  border-radius: 1px;
}

.filter-price-slider__fill {
  position: absolute;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: #2344FF;
}

.filter-price-slider__thumb {
  position: absolute;
  width: 23px;
  height: 23px;
  background: #fff;
  border: 3px solid #2344FF;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

/* Collection tags */
.filter-collection-label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 12px;
}

.filter-collections {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.filter-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  background: #F2F4F7;
  border-radius: 10px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

.filter-tag.active {
  background: #272931;
  color: #fff;
}

.filter-tag:hover:not(.active) {
  background: #e5e8ee;
}

/* Filter action buttons */
.filter-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.btn-apply-filter {
  width: 100%;
  height: 50px;
  background: #2344FF;
  border-radius: 15px;
  border: none;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.btn-apply-filter:hover {
  background: #1b38d0;
}

.btn-reset-filter {
  background: none;
  border: none;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  padding: 0;
}

.btn-reset-filter:hover {
  color: #2344FF;
}

/* Archive Content */
.archive-content {
  flex: 1;
  min-width: 0;
}

/* Trade-In Banner */
.category-banner {
  background: #D9DEFC;
  border-radius: 30px;
  height: 180px;
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
  color: #fff;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}

a.category-banner:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(43, 63, 224, 0.25);
}

.category-banner.trade-in {
  background-image: url(../images/trade-in-bg.jpg);
  background-size: cover;
  background-position: center;
}

.category-banner__text {
  padding: 45px 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.category-banner__text h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 33px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
  color: #fff;
}

.category-banner__text p {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #E2E4F0;
  line-height: 1.2;
  margin: 0;
  max-width: 242px;
}

.category-banner__img {
  position: absolute;
  right: -89px;
  top: -15px;
  max-width: 835px;
  object-fit: contain;
}

/* Grid specific to archive */
.archive-grid {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 50px;
}

@media (max-width: 1200px) {
  .archive-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Archive ul.products wrap like Figma frame 35034 */
.archive-content ul.products {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  gap: 30px 14px !important;
  justify-content: flex-start !important;
}

.archive-content ul.products li.product,
.archive-content ul.products .product {
  width: calc(25% - 10.5px);
}

/* Pagination */
.pagination,
.woocommerce-pagination ul,
.woocommerce-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 40px 0;
  list-style: none;
  padding: 0;
}

.woocommerce-pagination ul li {
  display: inline-flex;
}

.page-number,
.page-prev,
.page-next,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #BFC7DA;
  text-decoration: none;
  color: #000;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  transition: 0.3s;
}

.page-number.current,
.woocommerce-pagination ul li span.current {
  background: #2344FF;
  border-color: #2344FF;
  color: #fff;
}

.page-number:hover:not(.current),
.woocommerce-pagination ul li a:hover {
  border-color: #2344FF;
  color: #2344FF;
}

.page-prev,
.page-next {
  border-radius: 50% !important;
}

.page-prev.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.page-dots {
  color: #999;
  font-size: 20px;
}

.btn-load-more {
  background: transparent;
  border: 1px solid #BFC7DA;
  padding: 15px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Wix Madefor Display', sans-serif;
  cursor: pointer;
  transition: 0.3s;
}

.btn-load-more:hover {
  border-color: #ccc;
}

/* Pagination: prev/next strelkalari — matn (→/←) ko'rinadi */
.woocommerce-pagination ul li a.prev,
.woocommerce-pagination ul li a.next,
.woocommerce-pagination ul li span.prev,
.woocommerce-pagination ul li span.next {
  font-size: 22px;
  line-height: 1;
}

.woocommerce-pagination ul li span.prev,
.woocommerce-pagination ul li span.next {
  opacity: 0.35;
  pointer-events: none;
}

/* Dots (…) — border va aylanasiz */
.woocommerce-pagination ul li span.page-numbers.dots {
  border: none;
  width: auto;
  min-width: 24px;
  background: transparent;
  color: #999;
}

/* SEO Block */
.archive-seo-wrapper {
  padding: 80px 0;
  border-radius: 120px 0 0 0;
  margin: 60px 0 0;
  overflow: hidden;
}

.archive-seo-wrapper .container {
  position: relative;
}

.archive-seo-bg {
  position: absolute;
  top: -64px;
  left: -388px;
  z-index: -1;
}

.seo-text__inner {
  max-width: 1182px;
  margin: 0 auto;
}

.seo-text__inner h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
  color: #000;
}

.seo-text__inner>p:first-of-type,
.seo-text__inner .seo-lead {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 130%;
  color: #000;
  margin-bottom: 30px;
}

.seo-text__inner p {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 130%;
  color: #000;
  margin-bottom: 20px;
}

.seo-text__inner p strong,
.seo-text__inner p b {
  font-weight: 700;
}

.seo-images {
  display: flex;
  gap: 14px;
  margin: 30px 0;
}

.seo-images img {
  flex: 1;
  border-radius: 40px;
  object-fit: cover;
  height: 250px;
  width: calc(50% - 7px);
}

.seo-extra[hidden] {
  display: none;
}

.seo-extra p,
.seo-extra li {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin: 0 0 12px;
}

.seo-extra strong,
.seo-extra b {
  color: #000;
  font-weight: 700;
}

.seo-show-more {
  display: inline-block;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #C6CADD;
  padding-bottom: 8px;
  margin-top: 10px;
  cursor: pointer;
}

.seo-show-more:hover {
  border-color: #000;
}

.seo-text__inner ol {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  padding-left: 20px;
  margin-bottom: 20px;
}

.read-more-link {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Reviews Widget */
.reviews-widget-section {
  margin-bottom: 80px;
}

.reviews-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
}

.reviews-header h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin: 0;
  color: #000;
}

.reviews-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

.reviews-rating .rating-score {
  font-family: 'Manrope', sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
}

.reviews-rating .star {
  color: #F5C621;
  font-size: 29px;
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rating-text {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #94979F;
  line-height: 1.3;
}

.reviews-box {
  width: 100%;
  min-height: 195px;
  border: 2px solid #D8DBE4;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #fff;
}

.reviews-widget-text {
  font-size: 16px;
  color: #ccc;
}

.reviews-color-btn {
  background: #2344FF;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
}

/* Mobile Adaptations */
@media (max-width: 1024px) {
  .archive-layout {
    flex-direction: column;
  }

  .archive-sidebar {
    flex: none;
    width: 100%;
  }

  .category-banner {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px 0;
  }

  .category-banner__img {
    position: relative;
    max-height: 200px;
    margin-top: 20px;
  }

  .seo-images {
    flex-direction: column;
  }

  .reviews-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

/* --- Sidebar Sticky --- */
@media (min-width: 1025px) {
  .archive-sidebar {
    position: sticky;
    top: 20px;
  }
}

.filter-block__title span {
  transition: transform 0.3s;
  display: inline-block;
}

.filter-block.closed .filter-block__title span {
  transform: rotate(180deg);
}

/* --- Product Card (WooCommerce custom content-product.php) --- */
.product-card {
  background: #fff;
  border-radius: 30px;
  padding: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease;
  position: relative;
  box-sizing: border-box;
  height: 439px;
}

.product-card:hover {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
}

.product-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.product-card__badges {
  position: absolute;
  top: 218px;
  left: 20px;
  display: flex;
  gap: 5px;
  z-index: 2;
  pointer-events: none;
}

.badge {
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.01em;
  padding: 6px 10px;
  border-radius: 800px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.badge--sale {
  background: #1C1918;
}

.badge--discount {
  background: #2AAC78;
}

.badge--new {
  background: #272931;
}

/* TZ #4: kategoriya darajasidagi qo'shimcha badge (Б/У, Эксклюзив va h.k.). */
.badge--custom {
  background: #2344FF;
}

.product-card__image-link {
  display: block;
  padding-top: 16px;
  width: 100%;
  text-align: center;
}

.product-card__image {
  width: 199px;
  height: 199px !important;
  object-fit: contain;
}

.product-card__info {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 256px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.products .product h2.product-card__title,
.product-card__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0;
  min-height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card__title a {
  color: #000;
  text-decoration: none;
}

.product-card__title a:hover {
  color: #2344FF;
}

.product-card__availability {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #919B9F;
  margin-bottom: 0;
}

.product-card__availability.in-stock {
  color: #919B9F;
}

.product-card__availability.out-of-stock {
  color: #d0021b;
}

.product-card__availability.on-backorder {
  color: #919B9F;
}

/* TZ #10: catalog card uchun yangi 4 ta stock status (helper bilan bog'langan). */
.product-card__availability.status-instock {
  color: #14a85a;
}

.product-card__availability.status-warehouse {
  color: #919B9F;
}

.product-card__availability.status-outstock {
  color: #d0021b;
}

.product-card__availability.status-preorder {
  color: #2344FF;
}

.product-card__separator {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 350px;
  height: 1px;
  background: #E8EAEF;
}

.product-card__bottom {
  position: absolute;
  left: 20px;
  right: 20px;
  top: auto;
  bottom: 22px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.product-card__price-box {
  display: flex;
  flex-direction: column;
}

.product-card__price-box .price-label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -2%;
  color: #919B9F;
  margin-bottom: 5px;
}

.product-card__price {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  line-height: 100%;
}

.product-card__price del {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #7F8697;
  text-decoration: line-through;
  display: block;
  height: 10px;
  margin-bottom: 7px;
}

.product-card__price ins {
  height: 14px;
  text-decoration: none;
  color: #000;
}

.btn-add-to-cart {
  height: 40px;
  padding: 10px;
  border-radius: 12px;
  background: #FF3A09;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  transition: background 0.3s;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.btn-add-to-cart:hover {
  background: #E0352B;
}


.btn-add-to-cart svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
}

.btn-add-to-cart.added {
  background: #47C5F7;
}

/* Grid specific fixes for WC */
ul.products {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 245px);
  gap: 30px 14px;
}

ul.products::before,
ul.products::after {
  content: none !important;
  display: none !important;
}

.related.products ul.products li.product,
.related.products ul.products .product {
  margin: 0;
  width: 245px;
}

@media (max-width: 768px) {

  /* --- Product Grid: 2 columns --- */
  ul.products,
  .archive-content ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px 4px !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
  }

  ul.products li.product,
  ul.products .product,
  .archive-content ul.products li.product,
  .archive-content ul.products .product {
    width: auto !important;
    flex: none !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  /* --- Product Card: switch from absolute to flex flow --- */
  .product-card {
    width: 100% !important;
    min-width: 0 !important;
    height: auto;
    border-radius: 13.7px;
    padding: 0;
    overflow: hidden;
    margin: 0;
    flex: none;
  }

  .product-card__inner {
    display: flex;
    flex-direction: column;
    position: relative;
    height: auto;
  }

  .product-card__image-link {
    order: 1;
    width: 137px;
    height: 137px;
    margin: 0 auto;
    flex-shrink: 0;
    padding: 0;
  }

  .product-card__badges {
    order: 2;
    position: static;
    padding: 0;
    gap: 3.4px;
    min-height: 0;
    margin-top: 5px;
  }

  .badge {
    font-size: 11px;
    padding: 4.1px 6.9px;
    height: 16px;
    border-radius: 549px;
    line-height: 1;
  }

  .product-card__info {
    order: 3;
    position: static;
    padding: 0;
    gap: 6.9px;
    flex-grow: 1;
    margin-top: 10px;
  }

  .product-card__title {
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -0.02em;
    min-height: auto;
    -webkit-line-clamp: 2;
  }

  .product-card__availability {
    font-size: 12px;
    line-height: 100%;
  }

  .product-card__separator {
    order: 4;
    position: static;
    margin: auto 15px 0;
    left: auto;
    right: auto;
    top: auto;
    height: 1px;
    background: #E8EAEF;
    flex-shrink: 0;
  }

  .product-card__bottom {
    order: 5;
    position: static;
    padding: 8px 0;
    left: auto;
    right: auto;
    top: auto;
  }

  .price-label {
    font-size: 10px;
  }

  .product-card__price {
    font-size: 18px;
    line-height: 100%;
  }

  .product-card__price del {
    font-size: 11px;
  }

  .btn-add-to-cart {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 8.24px;
    gap: 0;
  }

  .sp-cart-cross-sells .product-card .btn-add-to-cart {
    width: fit-content !important;
    height: fit-content !important;
    padding: 10px !important;
    color: #FFF;
    font-size: 12.197px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.244px;
  }

  .btn-add-to-cart .btn-text {
    display: none;
  }

  .btn-add-to-cart svg {
    width: 16px;
    height: 16px;
    margin: 0;
  }

  /* --- Archive title & breadcrumbs --- */
  .archive-title {
    font-size: 30px;
    letter-spacing: -0.03em;
    margin-bottom: 18px;
  }

  .breadcrumbs,
  .breadcrumbs a,
  .breadcrumbs .sep {
    font-size: 11px;
  }

  /* --- Subcat tags: horizontal scroll --- */
  .archive-subcategories {
    gap: 4px;
    margin-bottom: 18px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .archive-subcategories::-webkit-scrollbar {
    display: none;
  }

  .subcat-tag {
    font-size: 12px;
    padding: 12px 14px;
    height: 33px;
    border-radius: 12px;
    white-space: nowrap;
    flex-shrink: 0;
  }

  /* --- Trade-in banner --- */
  .category-banner {
    border-radius: 20px;
    flex-direction: row;
    text-align: left;
    padding: 0;
    overflow: hidden;
    position: relative;
  }

  .category-banner__text {
    padding: 0;
    flex-shrink: 0;
    max-width: 55%;
    position: relative;
    z-index: 2;
    justify-content: start;
  }

  .category-banner__text h2 {
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -0.02em;
    margin-bottom: 6px;
  }

  .category-banner__text p {
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -0.02em;
    max-width: 150px;
  }

  .category-banner__text p br {
    display: none;
  }

  .category-banner__img {
    position: absolute;
    right: -99px;
    top: 12px;
    width: 371px;
    margin-top: 0;
    z-index: 1;
    pointer-events: none;
  }

  /* --- Pagination --- */
  .woocommerce-pagination {
    margin-top: 25px;
  }

  .woocommerce-pagination ul li a,
  .woocommerce-pagination ul li span,
  .page-number,
  .page-prev,
  .page-next {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }

  .btn-load-more {
    width: 184px;
    font-size: 14px;
    margin: 15px auto 0;
    display: flex;
    justify-content: center;
  }

  /* --- SEO block --- */
  .archive-seo-wrapper {
    padding: 40px 0;
    border-radius: 50px 0 0 0;
    margin-top: 40px;
  }

  .seo-text__inner h2 {
    font-size: 30px;
  }

  .seo-text__inner>p:first-of-type,
  .seo-text__inner .seo-lead {
    font-size: 18px;
  }

  .seo-text__inner p {
    font-size: 16px;
    line-height: 130%;
  }

  .seo-images {
    flex-direction: row;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 2.5px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .seo-images::-webkit-scrollbar {
    display: none;
  }

  .seo-images img {
    flex: 0 0 226px;
    width: 226px;
    height: 155px;
    border-radius: 18.6px;
  }

  .seo-show-more {
    font-size: 16px;
  }

  /* --- Reviews --- */
  .reviews-widget-section {
    margin-bottom: 40px;
  }

  .reviews-header {
    gap: 15px;
  }

  .reviews-header h2 {
    font-size: 30px;
  }

  .reviews-rating .rating-score {
    font-size: 20px;
  }

  .reviews-rating .star {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }

  .rating-text {
    font-size: 12px;
  }

  .reviews-box {
    min-height: 143px;
    border-radius: 30px;
  }

  .footer-nav {
    flex-direction: column;
    gap: 24px;
  }

  .footer-nav__col-title {
    font-size: 18px;
    letter-spacing: -0.03em;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* --- Page spacing --- */
  .archive-products-bg {
    padding: 30px 0 50px;
  }

  .archive-toolbar {
    gap: 15px;
    margin-bottom: 20px;
  }
}

/* Sidebar overlay: mobile + tablet */
@media (max-width: 1024px) {
  .archive-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 20px; */
  }

  .btn-mobile-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    background: #F5F7FA;
    border: none;
    padding: 10px 15px;
    border-radius: 20px;
    cursor: pointer;
  }

  .btn-mobile-filter svg {
    width: 16px;
    height: 16px;
  }

  .archive-sidebar {
    display: none;
  }

  .archive-sidebar.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    overflow-y: auto;
    padding: 32px;
    box-shadow: 0px 20px 80px rgba(13, 12, 33, 0.25);
  }
}

/* Override 1024px styles for phones — MUST come after the 1024px block above */
@media (max-width: 768px) {
  .btn-mobile-filter {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.02em;
    gap: 15px;
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .btn-mobile-filter svg {
    flex-shrink: 0;
  }

  .archive-top-bar {
    gap: 12px;
    flex-wrap: wrap;
  }

  .archive-sort {
    min-width: 0;
    flex: 1 1 auto;
    justify-content: flex-end;
  }

  .archive-sort .sort-label {
    font-size: 13px;
    white-space: nowrap;
  }

  .archive-sort .woocommerce-ordering,
  .archive-sort .sort-select {
    min-width: 0;
    max-width: 100%;
  }

  .archive-sort .sort-select {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .seo-images {
    flex-direction: row !important;
  }
}


/* --- Mobile Filter Offcanvas --- */
.mobile-filter-header {
  display: none;
}

.mobile-filter-footer {
  margin-top: 30px;
}

.archive-sidebar__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.filter-acc {
  margin-bottom: 20px;
}

.filter-acc__head {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #000;
  gap: 8px;
}

.filter-acc__head svg {
  transition: transform 0.3s;
}

.filter-acc.active .filter-acc__head {
  margin-bottom: 15px;
}

.filter-acc__head>a,
.filter-acc__head .filter-acc__brand-link {
  color: inherit;
  text-decoration: none;
  flex: 1 1 auto;
  font: inherit;
}

.filter-acc__head>a:hover,
.filter-acc__head .filter-acc__brand-link:hover {
  color: #2344FF;
}

.filter-acc__toggle {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  cursor: pointer;
  flex: 0 0 auto;
}

.filter-acc.active>.filter-acc__head .filter-acc__brand-link,
.filter-acc.active>.filter-acc__head>a {
  color: #2344FF;
}


.filter-acc__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.filter-acc.active>.filter-acc__body {
  max-height: 1000px;
}


.filter-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.filter-list a,
.filter-list span {
  font-family: 'Wix Madefor Display', sans-serif;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: color 0.2s;
}

.filter-list a:hover {
  color: #2344FF;
}

.filter-list li.current a {
  color: #2344FF;
}

.filter-block__header {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 12px;
}

/* Price Slider CSS UI */
.price-inputs {
  display: flex;
  gap: 5px;
  margin-bottom: 15px;
}

.price-input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  height: 40px;
  border: 1px solid #C2C8D6;
  border-radius: 10px;
  padding: 0 10px;
  background: #fff;
}

.price-input-label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 100%;
}

.price-input-wrap input {
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #000;
  width: 100%;
  padding: 0;
}

.price-input-wrap input::-webkit-inner-spin-button,
.price-input-wrap input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.price-input-wrap input[type=number] {
  -moz-appearance: textfield;
}

.price-slider-ui {
  position: relative;
  height: 2px;
  background: #eee;
  margin: 25px 25px 15px;
}

.price-slider-ui .track {
  position: absolute;
  left: 10%;
  right: 40%;
  height: 100%;
  background: #2344FF;
}

.price-slider-ui .thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  background: #fff;
  border: 3px solid #2344FF;
  border-radius: 50%;
  cursor: pointer;
}

.price-slider-ui .thumb.left {
  left: 10%;
  margin-left: -11px;
}

.price-slider-ui .thumb.right {
  right: 40%;
  margin-right: -11px;
}

/* Collection Tags */
.collections-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.col-tag {
  background: #F2F4F7;
  color: #000;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  border: none;
  padding: 10px 12px;
  height: 29px;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: 0.2s;
}

.col-tag:hover {
  background: #e4e6ea;
}

.col-tag.active {
  background: #272931;
  color: #fff;
}

/* Buttons */
.btn-primary {
  background: #2344FF;
  color: #fff;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 15px;
  height: 50px;
  padding: 0;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}

.btn-primary:hover {
  background: #1a38cc;
}

.btn-link {
  background: transparent;
  color: #000;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  border: none;
  padding: 10px 0;
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
}

.btn-link:hover {
  opacity: 0.7;
}

.w-100 {
  width: 100%;
}

.mt-10 {
  margin-top: 10px;
}

.filter-divider {
  height: 1px;
  background: #eee;
  border: none;
  margin: 25px 0;
}

@media (max-width: 1024px) {
  .mobile-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .mobile-filter-back {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    padding: 0;
    color: #222;
  }

  .mobile-filter-close {
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
  }

  .archive-sidebar__filters-list {
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 5px;
  }

  /* --- Offcanvas-фильтр по Figma: чище, без атрибутов Цвет/Память --- */
  .archive-sidebar.active {
    padding: 24px 20px 24px;
    z-index: 2000;
  }

  body:has(.archive-sidebar.active) .mobile-bottom-nav {
    display: none;
  }

  .archive-sidebar.active .archive-sidebar__inner {
    gap: 0;
  }

  .archive-sidebar.active .archive-sidebar__filters-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
  }

  .archive-sidebar.active .filter-acc {
    margin-bottom: 0;
    border-bottom: 1px solid #E8EAEF;
    padding: 14px 0;
  }

  .archive-sidebar.active .filter-acc:last-of-type {
    border-bottom: none;
  }

  .archive-sidebar.active .filter-acc__head {
    font-size: 18px;
    font-weight: 700;
  }

  .archive-sidebar.active .filter-acc__body {
    margin-top: 10px;
  }

  .archive-sidebar.active .filter-list {
    gap: 12px;
    padding-left: 0;
  }

  .archive-sidebar.active .filter-list a,
  .archive-sidebar.active .filter-list span {
    font-size: 16px;
    font-weight: 500;
  }

  /* Скрываем атрибутные фильтры (Цвет, Память и т.п.) — по макету их нет на мобиле */
  .archive-sidebar.active .filter-block:has(.filter-checkboxes) {
    display: none;
  }

  /* Ценовой диапазон + Подборки — отдельные блоки с разделителем сверху */
  .archive-sidebar.active .filter-block {
    padding: 20px 0 6px;
    border-top: 1px solid #E8EAEF;
    margin: 0;
  }

  .archive-sidebar.active .filter-block__header {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
  }

  /* Футер с кнопками «Подобрать» + «Сбросить» — фиксируем внизу offcanvas */
  .archive-sidebar.active .mobile-filter-footer {
    margin-top: 24px;
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  .archive-sidebar.active .mobile-filter-footer .btn-primary {
    width: 100%;
    height: 50px;
    background: #2344FF;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }

  .archive-sidebar.active .mobile-filter-footer .btn-link {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    text-align: center;
    display: block;
  }
}


/* --- Desktop 4 Columns --- */
@media (min-width: 1025px) {
  ul.products {
    grid-template-columns: repeat(4, 245px);
  }
}

.btn-add-to-cart .btn-text {
  display: inline-block;
}

/* --- Top Select Filters --- */
.archive-top-selectors {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.archive-top-selectors select {
  appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center;
  padding: 10px 40px 10px 20px;
  border: 1px solid #eee;
  border-radius: 20px;
  font-size: 14px;
  color: #333;
  outline: none;
  cursor: pointer;
}

/* --- FAQ Section --- */
.faq-section {
  margin: 60px 0;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: flex-start;
}

.faq-content-left {
  max-width: 737px;
}

.faq-content-left h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 100%;
  margin-bottom: 30px;
  color: #000;
}

.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq-item {
  border: none;
  border-radius: 0;
  overflow: visible;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 16px;
}

.faq-item[open] {
  border-bottom-color: #D9D9D9;
}

.faq-title {
  padding: 0;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 130%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 18px;
  user-select: none;
  list-style: none;
  color: #000;
}

.faq-title::-webkit-details-marker {
  display: none;
}

.faq-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 800px;
  border: 1px solid #0A0C0F;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  color: #0A0C0F;
  transition: 0.3s;
  box-sizing: border-box;
}

.faq-icon::before {
  content: '+';
}

.faq-item[open] .faq-icon {
  background: #2344FF;
  border-color: #2344FF;
  color: #fff;
}

.faq-item[open] .faq-icon::before {
  content: '\2212';
}

.faq-body {
  padding: 10px 0 0 58px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 130%;
  color: #000;
}

.faq-image-right {
  width: 365px;
  margin-top: 75px;
}

.faq-image-right img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .faq-section {
    flex-direction: column;
    margin-top: 0;
  }

  .faq-image-right {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}


/* --- Mobile Tweaks --- */
@media (max-width: 1024px) {
  .archive-top-selectors {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    gap: 4px;
  }

  .archive-top-selectors::-webkit-scrollbar {
    display: none;
  }

  .archive-top-selectors select {
    flex-shrink: 0;
    padding: 6px 30px 6px 15px;
    font-size: 12px;
    background-position: right 10px center;
  }

  .custom-select__toggle {
    font-size: 11px;
    padding: 12px 14px;
    height: 32px;
    box-sizing: border-box;
  }

  .custom-select__menu {
    font-size: 16px;
  }

  .faq-accordion {
    gap: 14px;
  }

  .faq-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
  }

  .faq-item[open] {
    border-bottom-color: #D9D9D9;
  }

  .faq-title {
    padding: 0;
    font-size: 17px;
    gap: 18px;
    align-items: center;
    line-height: 120%;
    letter-spacing: -0.01em;
  }

  .faq-icon {
    width: 30px;
    height: 30px;
    font-size: 22px;
    border: 1px solid #0A0C0F;
    color: #0A0C0F;
  }

  .faq-body {
    padding: 20px 0 0 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 130%;
    color: #000;
  }

  .faq-image-right {
    display: none;
  }

  .faq-content-left h2 {
    font-size: 30px;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
  }
}

/* --- Плавающие кнопки --- */
.float-buttons {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 9000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.float-buttons--visible {
  opacity: 1;
  pointer-events: auto;
}

.float-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
}

.float-btn:hover {
  transform: scale(1.08);
}

.float-btn--top {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.float-btn--tg {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #2344FF;
  box-shadow: 0px 10px 30px rgba(35, 130, 255, 0.5);
}

@media (max-width: 768px) {
  .float-buttons {
    right: 16px;
    bottom: 80px;
  }

  .float-btn--tg {
    width: 50px;
    height: 50px;
  }

  .float-btn--top {
    width: 39px;
    height: 39px;
  }
}

/* --- Custom Filters & Sorting Toolbar --- */
.archive-toolbar {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  flex-wrap: wrap;
}

.archive-top-selectors {
  display: flex;
  gap: 10px;
  align-items: center;
  z-index: 10;
  position: relative;
}

.archive-top-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.custom-select {
  position: relative;
}

.custom-select__toggle {
  background: #fff;
  border: 1px solid #919B9F;
  border-radius: 12px;
  padding: 12px 14px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #7F8697;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  transition: border-color 0.3s;
}

.custom-select__toggle svg {
  transition: transform 0.3s;
  flex-shrink: 0;
}

.custom-select.active .custom-select__toggle {
  border-color: transparent;
  color: #000;
  box-shadow: 0px 10px 50px rgba(7, 8, 28, 0.15);
}

.custom-select.active .custom-select__toggle svg {
  transform: rotate(180deg);
}

.custom-select__menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background: #fff;
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0px 10px 50px rgba(7, 8, 28, 0.15);
  display: none;
  min-width: 100%;
  border: none;
  z-index: 50;
}

.custom-select.active .custom-select__menu {
  display: block;
  animation: cfFadeIn 0.2s ease-out forwards;
}

/* Color + Memory dropdowns — chip grid по Figma */
.custom-select.active .custom-select__menu.color-grid,
.custom-select.active .custom-select__menu--chips {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 5px;
  width: 276px;
  max-width: 90vw;
}

/* SIM dropdown — вертикальный список с синим активным */
.custom-select.active .custom-select__menu--list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 14px;
  min-width: 0;
  width: auto;
  max-width: calc(100vw - 32px);
}

/* Если плашка близко к правому краю — сдвигаем меню влево */
@media (max-width: 768px) {
  .custom-select--sim .custom-select__menu--list {
    left: auto;
    right: 0;
  }
}

.custom-select__menu--list .cs-option {
  background: transparent;
  padding: 0;
  color: #313338;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.custom-select__menu--list .cs-option:hover {
  background: transparent;
  color: #2344FF;
}

.custom-select__menu--list .cs-option.selected,
.custom-select__menu--list .cs-option input:checked+span {
  color: #2344FF;
  font-weight: 700;
}

@keyframes cfFadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cs-option {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: color 0.2s;
  white-space: nowrap;
}

.cs-option:hover {
  color: #2344FF;
}

.cs-option input {
  display: none;
}

/* Custom Color Grid */
.color-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.cs-color {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  background: #F2F4F7;
  border-radius: 10px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #000;
  cursor: pointer;
  transition: 0.2s;
  white-space: nowrap;
}

.cs-color input {
  display: none;
}

.cs-color .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.cs-color:hover {
  background: #e8ebf0;
}

.cs-color.active {
  background: #272931;
  color: #fff;
}

.archive-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

.archive-sort select {
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  outline: none;
  cursor: pointer;
  padding-right: 15px;
  appearance: none;
}

.cs-option {
  position: relative;
  padding: 10px 12px;
  background: #F2F4F7;
  border-radius: 10px;
  transition: 0.2s;
  margin-bottom: 0;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #000;
  white-space: nowrap;
}

.cs-option:hover {
  background: #e8ebf0;
}

.cs-option input:checked+span,
.cs-option.selected {
  color: #2344FF;
  font-weight: 600;
}

.cs-option-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 14px;
}

.archive-top-bar {
  justify-content: space-between;
  /* margin-bottom: 20px; */
}

.btn-mobile-filter {
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}

.btn-mobile-filter svg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.archive-sort {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  gap: 0;
}

.archive-sort select.orderby {
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px 0 5px;
  background-position: right center;
  color: #222;
  direction: rtl;
}

@media (max-width: 768px) {
  .btn-add-to-cart {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 12px !important;
  }

  .btn-add-to-cart .btn-text {
    display: none !important;
  }

  .btn-add-to-cart svg {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  .product-card {
    padding: 12px;
    border-radius: 16px;
  }

  .product-card__price {
    font-size: 16px;
  }

  .category-banner {
    padding: 25px 20px 0;
    border-radius: 16px;
  }

  .category-banner__text h2 {
    font-size: 20px;
    max-width: 106px;
  }
}

@media (min-width: 1025px) {
  /* .archive-sort select.orderby {
    direction: ltr;
  } */

  .btn-mobile-filter {
    display: none !important;
  }
}


/* --- WooCommerce Single Product --- */

/* Reset WooCommerce default single-product floats/widths */
.woocommerce div.product {
  float: none;
  width: 100%;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary {
  float: none !important;
  width: auto !important;
  margin-bottom: 0 !important;
}

.woocommerce div.product .onsale,
.woocommerce span.onsale {
  display: none !important;
}

.woocommerce .single-product-layout.product::before,
.woocommerce .single-product-layout.product::after {
  content: none !important;
}

/* Breadcrumbs */
.woocommerce-breadcrumb {
  max-width: 1320px;
  margin: 30px auto 30px;
  padding: 0 40px;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #353535;
  letter-spacing: -0.01em;
}

.woocommerce-breadcrumb a {
  color: #353535;
  text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
  color: #2344FF;
}

/* Layout */
.single-product-layout {
  padding: 0 20px 0;
  max-width: 1320px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.single-product-bg {
  position: absolute;
  top: 60px;
  left: -359px;
  z-index: -1;
}

.sp-top-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 488fr) minmax(0, 389fr) minmax(0, 267fr);
  gap: 40px;
  margin-bottom: 60px;
  align-items: start;
  max-width: 1240px;
}

.sp-col--gallery {
  position: relative;
}

.sp-col--info {
  min-width: 0;
}

.sp-col--buy {
  min-width: 0;
}

/* Gallery */
.woocommerce-product-gallery {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  opacity: 1 !important;
}

.woocommerce-product-gallery .flex-viewport {
  border-radius: 12px;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image {
  float: left;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 438px;
  object-fit: contain;
  border-radius: 12px;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  display: none;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
  display: flex;
  gap: 18px;
  margin-top: 18px;
  list-style: none;
  padding: 0;
}

.woocommerce-product-gallery .flex-control-thumbs li {
  width: 83px;
  height: 83px;
  flex-shrink: 0;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
  width: 83px;
  height: 83px;
  object-fit: cover;
  border: 1px solid #DCE3E6;
  border-radius: 10px;
  cursor: pointer;
  transition: border 0.2s;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
  border: 2px solid #2344FF;
}

/* Hide default WC sale flash — we render custom badges */
.woocommerce-product-gallery .onsale {
  display: none !important;
}

/* Badges */
.sp-badges {
  display: flex;
  gap: 8px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

/* Title */
.sp-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
  margin-bottom: 30px;
  line-height: 1.15;
}

/* Variation option groups */
.sp-options-container {
  margin-bottom: 0;
}

.sp-option-group {
  margin-bottom: 24px;
}

.sp-option-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}

.sp-variants {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.sp-var-btn {
  border-radius: 12px;
  overflow: hidden;
}

/* Variation pills (text) */
.sp-var-btn input {
  display: none;
}

.sp-var-btn span {
  display: block;
  padding: 12px 14px;
  border-radius: 12px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #7F8697;
  background: #F2F4FC;
  cursor: pointer;
  transition: .3s ease all;
}

.sp-var-btn:hover span {
  background: #E5E8F5;
}

.sp-var-btn.active span {
  background: #272931;
  color: #fff;
}

/* Variation pills (color) */
.sp-var-color {
  cursor: pointer;
  display: inline-flex;
  border-radius: 12px;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.sp-var-color input {
  display: none;
}

.sp-var-color .c-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 12px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #7F8697;
  background: #F2F4FC;
  transition: background 0.2s, color 0.2s;
  -webkit-tap-highlight-color: transparent;
}

.sp-var-color .c-wrap i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.sp-var-color:hover .c-wrap {
  background: #E5E8F5;
}

.sp-var-color.active .c-wrap {
  background: #272931;
  color: #fff;
}

/* Features / Guarantee */
.sp-features {
  margin-top: 24px;
  border-top: 1px solid #E8EAEF;
  padding-top: 24px;
}

.sp-features-warranty {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}

.sp-features-warranty svg {
  flex-shrink: 0;
}

.sp-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.sp-features-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  border-bottom: 1px dashed #BAC6D3;
  padding: 7px 0;
}

.sp-features-list li:last-child {
  border-bottom: none;
}

.sp-features-list li svg {
  flex-shrink: 0;
}

/* ===== Buy Box (right column) ===== */
.sp-buybox {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.sp-buybox__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #919B9F;
  margin-bottom: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #E8EAEF;
}

.status-instock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #919B9F;
}

.status-instock .stock-qty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  background: #E9ECFC;
  color: #2344FF;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.status-outstock {
  color: #FF3A09;
}

/* TZ #10: yangi stock variants. */
.status-warehouse {
  color: #919B9F;
}

.status-preorder {
  color: #2344FF;
}

.status-rustore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #919B9F;
}

.status-rustore .rustore-icon {
  display: inline-flex;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.status-rustore img {
  width: 14px;
  height: 14px;
}

.sp-buybox__price-section {
  padding-top: 16px;
  margin-bottom: 20px;
}

.price-label {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
}

.sp-buybox__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 10px;
}

.sp-buybox__price ins {
  text-decoration: none;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #FF3A09;
  line-height: 1;
  letter-spacing: -0.02em;
  display: inline-block;
  order: 1;
}

.sp-buybox__price ins .woocommerce-Price-amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.sp-buybox__price .woocommerce-Price-amount {
  font-family: 'Wix Madefor Display', sans-serif;
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

.sp-buybox__price del {
  font-size: 18px;
  font-weight: 600;
  color: #7F8697;
  text-decoration: line-through;
  order: 2;
}

.sp-buybox__price del .woocommerce-Price-amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.price-note {
  font-size: 12px;
  font-weight: 600;
  color: #919B9F;
  line-height: 1.4;
  margin-bottom: 16px;
  max-width: 220px;
}

.found-cheaper-link {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  border-bottom: 1px solid #D6D8E5;
  padding-bottom: 2px;
  margin-bottom: 20px;
}

.found-cheaper-link .fc-icon {
  display: inline-flex;
  flex-shrink: 0;
}

.found-cheaper-link:hover {
  border-bottom-color: #2344FF;
  color: #2344FF;
}

/* Buy buttons */
.sp-buybox__actions {
  margin-bottom: 20px;
}

.sp-native-add-to-cart .single_add_to_cart_button,
.sp-native-add-to-cart .button {
  position: relative;
  width: 100%;
  height: 50px;
  background: #FF3A09 !important;
  border: none;
  color: #fff !important;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  border-radius: 12px;
  cursor: pointer;
  transition: opacity 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
}

.sp-native-add-to-cart .single_add_to_cart_button::after,
.sp-native-add-to-cart .button::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M5 6V5a5 5 0 0110 0v1M3 6h14l-1 12H4L3 6z' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.sp-native-add-to-cart .single_add_to_cart_button:hover,
.sp-native-add-to-cart .button:hover {
  opacity: 0.9;
}

/* Hide WC quantity input on single product — simple buy flow */
.sp-native-add-to-cart .quantity {
  display: none;
}

.sp-one-click {
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #D6D8E3;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  transition: border-color 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 0;
}

.sp-one-click:hover {
  border-color: #000;
}

.sp-one-click svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* General btn-outline (reused in modals too) */
.btn-outline {
  background: transparent;
  border: 1px solid #D6D8E3;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  padding: 14px 18px;
  cursor: pointer;
  transition: border-color 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.btn-outline:hover {
  border-color: #000;
}

/* Trade-in block */
.sp-buybox__tradein {
  background: url(../images/trade-in-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  align-items: flex-start;
}

/* Delivery block (CF: crb_delivery_info / crb_delivery_price) */
.sp-buybox__delivery {
  background: #EEF7EE;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  align-items: flex-start;
}

.sp-buybox__delivery .ti-icon svg {
  stroke: #22C55E;
}

.ti-text {
  font-size: 14px;
  color: #000;
  line-height: 1.35;
  font-weight: 500;
}

.ti-text a {
  color: #919B9F;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
  display: inline-block;
}

.ti-text a:hover {
  color: #2344FF;
}

/* Help / social */
.sp-buybox__help {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

.sp-buybox__help p {
  font-size: 12px;
  color: #919B9F;
  line-height: 1.4;
  margin: 0;
  font-weight: 600;
}

.help-socials {
  display: flex;
  gap: 12px;
}

.soc {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s;
}

.soc:hover {
  opacity: 0.85;
}

.soc svg {
  width: 14px;
  height: 14px;
}

.soc-wa {
  background: #8250D1;
}

.soc-tg {
  background: #3BB5F3;
}

.soc-vk {
  background: #235DFF;
}

/* ===== Tabs ===== */
.wc-tabs-wrapper {
  margin-top: 60px;
}

.woocommerce-tabs ul.tabs {
  display: flex;
  justify-content: center;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  border-bottom: none;
}

.woocommerce-tabs ul.tabs li {
  padding: 0 0 12px 0;
  margin: 0 !important;
  position: relative;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000 !important;
  cursor: pointer;
  transition: color 0.2s;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  letter-spacing: -0.02em;
  line-height: 1;
}

.woocommerce-tabs ul.tabs li a {
  color: inherit !important;
  text-decoration: none;
}

.woocommerce-tabs ul.tabs li.active {
  color: #2344FF !important;
  font-weight: 600;
}

.woocommerce-tabs ul.tabs li.active a {
  color: #2344FF !important;
}

.woocommerce-tabs ul.tabs li.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #2344FF;
}

/* Tab panel headings */
.woocommerce-Tabs-panel h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  margin-bottom: 30px;
  color: #000;
}

/* ===== Specs table (additional_information tab) ===== */
.shop_attributes {
  width: 100%;
  max-width: 653px;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.shop_attributes tr {
  border: none;
}

.shop_attributes tr:nth-child(even) td,
.shop_attributes tr:nth-child(even) th {
  background: #F2F4FA;
}

.shop_attributes tr:nth-child(even) th:first-child {
  border-radius: 8px 0 0 8px;
}

.shop_attributes tr:nth-child(even) td:last-child {
  border-radius: 0 8px 8px 0;
}

.shop_attributes th,
.shop_attributes td {
  padding: 10px 14px;
  border: none;
  border-bottom: none;
  font-size: 14px;
  text-align: left;
  letter-spacing: -0.02em;
  vertical-align: middle;
}

.shop_attributes th {
  color: #000;
  font-weight: 500;
  width: 50%;
}

.shop_attributes td {
  color: #000;
  font-weight: 600;
  text-align: right;
}

.shop_attributes td p {
  margin: 0;
}

.shop_attributes td a {
  color: #2344FF;
  text-decoration: none;
}

/* ===== Related Products ===== */
.related.products {
  padding: 80px 40px 60px;
  margin: 60px calc(-1 * (100vw - 100%)/2) 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
}

.related.products>h2 {
  max-width: 1281px;
  margin: 0 auto 40px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
}

.related.products ul.products {
  max-width: 1281px;
  margin: 0 auto;
  display: flex;
  gap: 14px;
  position: relative;
  flex-wrap: wrap;
}

.related.products ul.products .products-bg {
  position: absolute;
  top: -133px;
  z-index: -1;
  left: -434px;
}

.related.products .product_more {
  margin: 0 auto;
  margin-top: 40px;
  width: fit-content;
  border-radius: 10px;
  border: 1px solid #BFC7DA;
  padding: 15px;
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 62%;
  text-decoration: none;
  display: flex;
}

/* "Показать ещё" button after related products */
.sp-show-more-related {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.sp-show-more-related a,
.sp-show-more-related button {
  background: transparent;
  border: 1px solid #BFC7DA;
  border-radius: 10px;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  text-decoration: none;
  transition: border-color 0.2s;
}

.sp-show-more-related a:hover,
.sp-show-more-related button:hover {
  border-color: #000;
}

.sp-bottom-wrapper .product-tabs .tabs {
  display: flex;
  gap: 30px;
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.36px;
  margin-bottom: 40px;
}

.sp-bottom-wrapper .product-tabs .tabs .active {
  color: #2344FF;
  font-family: "Wix Madefor Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.36px;
}

.sp-bottom-wrapper .product-tabs .tabs .product-tabs__tab {
  padding-bottom: 30px;
  position: relative;
}

.sp-bottom-wrapper .product-tabs .tabs .product-tabs__tab.active::after {
  content: '';
  height: 2px;
  width: 100%;
  background: #2344FF;
  position: absolute;
  left: 0;
  bottom: 0;
}

.sp-bottom-wrapper .product-tabs .product_tab-content {
  max-width: 831px;
  display: none;
}

.sp-bottom-wrapper .product-tabs .product_tab-content.active {
  display: block;
}

.sp-bottom-wrapper .product-tabs .product_tab-content h2 {
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.9px;
  margin-bottom: 30px;
}

.sp-bottom-wrapper .product-tabs .product_tab-content .specifications {
  margin-top: 30px;
}

.sp-bottom-wrapper .product-tabs .product_tab-content .specifications h4 {
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 18px */
  letter-spacing: -0.36px;
}

.sp-bottom-wrapper .product-tabs .product_tab-content .specifications ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 18px;
  max-width: 635px;
}

.sp-bottom-wrapper .product-tabs .product_tab-content .specifications li {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 8px;
}

.sp-bottom-wrapper .product-tabs .product_tab-content .specifications li:nth-child(even) {
  border-radius: 8px;
  background: #F2F4FA;
}

/* Блок «Отзывы о нас» на странице товара (внутри sp-bottom-wrapper) */
.sp-bottom-wrapper .sp-reviews {
  max-width: 1240px;
  margin: 60px auto 0;
  padding: 0;
  margin-bottom: 90px;
}


.sp-bottom-wrapper .sp-reviews .reviews-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
}

.sp-bottom-wrapper .sp-reviews .reviews-header h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin: 0;
  color: #000;
}

.sp-bottom-wrapper .sp-reviews .reviews-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sp-bottom-wrapper .sp-reviews .reviews-rating .star {
  color: #F5C621;
  font-size: 29px;
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sp-bottom-wrapper .sp-reviews .reviews-rating .rating-score {
  font-family: 'Manrope', sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
}

.sp-bottom-wrapper .sp-reviews .rating-text {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #94979F;
  line-height: 1.3;
}

.sp-bottom-wrapper .sp-reviews .reviews-box {
  width: 100%;
  min-height: 195px;
  border: 2px solid #D8DBE4;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #fff;
}

/* ===== Responsive ===== */
@media (max-width: 900px) {

  /* Layout */
  .single-product-layout {
    padding: 0 28px;
  }

  .sp-top-wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .sp-col--buy {
    grid-column: span 1;
  }

  /* Breadcrumbs */
  .woocommerce-breadcrumb {
    padding: 0 28px;
    font-size: 11px;
    margin: 20px auto 15px;
  }

  /* Gallery: hide thumbnails, show as dot indicators */
  .woocommerce-product-gallery .flex-control-thumbs {
    justify-content: center;
    gap: 17px;
    margin-top: 14px;
  }

  .woocommerce-product-gallery .flex-control-thumbs li {
    width: auto !important;
    height: auto !important;
  }

  .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50%;
    background: #D9D9D9;
    border: none !important;
    font-size: 0;
    color: transparent;
    object-position: -9999px -9999px;
  }

  .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    width: 9px !important;
    height: 9px !important;
    border: 1.74px solid #2344FF !important;
    background: transparent;
  }

  /* Badges */
  .sp-badges {
    margin-bottom: 10px;
  }

  .badge {
    font-size: 11px;
    padding: 4px 10px;
    height: 20px;
    box-sizing: border-box;
  }

  /* Title */
  .sp-title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  /* Features */
  .sp-features {
    margin-top: 20px;
    padding-top: 20px;
  }

  .sp-features-warranty {
    margin-bottom: 16px;
  }

  /* Buybox */
  .sp-buybox__top {
    padding-bottom: 12px;
    margin-bottom: 0;
  }

  .sp-buybox__price-section {
    padding-top: 14px;
  }

  .sp-buybox__price ins,
  .sp-buybox__price .woocommerce-Price-amount {
    font-size: 40px;
  }

  .sp-buybox__price del {
    font-size: 18px;
  }

  .sp-one-click {
    height: 34px;
    font-size: 14px;
  }

  .sp-buybox__tradein {
    margin-bottom: 16px;
  }

  /* ===== WC Tabs в†’ Mobile Accordions ===== */
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none !important;
  }

  .woocommerce-tabs .wc-tab {
    display: none !important;
  }

  .sp-mob-accordions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
    width: 100%;
  }

  .sp-mob-accordion {
    width: 100%;
  }

  .sp-mob-accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    gap: 13px;
    cursor: pointer;
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.02em;
    border: none;
    background: none;
    width: 100%;
  }

  .sp-mob-accordion__header .chevron {
    width: 6px;
    height: 3px;
    border: none;
    display: inline-block;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #000;
    transition: transform 0.3s;
    flex-shrink: 0;
  }

  .sp-mob-accordion.is-open .sp-mob-accordion__header .chevron {
    transform: rotate(180deg);
  }

  .sp-mob-accordion__divider {
    width: 100%;
    height: 1px;
    background: #E8EAEF;
    margin-top: 16px;
  }

  .sp-mob-accordion__content {
    display: none;
    padding-top: 20px;
  }

  .sp-mob-accordion.is-open .sp-mob-accordion__content {
    display: block;
  }

  /* Specs heading inside accordion */
  .sp-mob-accordion__content .sp-mob-specs-title {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #000;
    margin-bottom: 20px;
    line-height: 1;
  }

  .sp-mob-accordion__content .sp-mob-specs-group-title {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 18px;
  }

  .sp-mob-accordion__content .shop_attributes {
    max-width: 100%;
  }

  /* Related Products */
  .related.products {
    border-radius: 50px 0 0 0;
    padding: 30px 28px 40px;
    margin: 40px calc(50% - 50vw) 0;
  }

  .related.products>h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .related.products ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 3px;
  }

  .related.products ul.products li.product {
    border-radius: 14px;
  }

  /* Show More button */
  .sp-show-more-related {
    margin-top: 20px;
  }

  .sp-show-more-related a,
  .sp-show-more-related button {
    padding: 15px 30px;
  }

  /* Reviews */
  .sp-reviews-section h2 {
    font-size: 30px;
  }

  /* Hide desktop bottom tabs wrapper content (we use accordions) */
  .sp-bottom-wrapper .wc-tabs-wrapper {
    margin-top: 30px;
  }
}

/* --- Single Product Accordions --- */
.sp-accordions-wrapper {
  max-width: 800px;
  margin: 0 auto 60px;
}

.sp-accordion {
  border-bottom: 1px solid #E5E7EB;
}

.sp-accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
}

.sp-accordion__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s;
}

.sp-accordion.is-open .sp-accordion__icon {
  transform: rotate(180deg);
}

.sp-accordion__content {
  display: none;
  padding-bottom: 25px;
}

.sp-accordion.is-open .sp-accordion__content {
  display: block;
}

.sp-accordion__content h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 25px 0 15px;
  color: #000;
}

.sp-attr-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.sp-attr-table tr:nth-child(even) td {
  background: #F2F4FA;
}

.sp-attr-table tr:nth-child(even) td:first-child {
  border-radius: 8px 0 0 8px;
}

.sp-attr-table tr:nth-child(even) td:last-child {
  border-radius: 0 8px 8px 0;
}

.sp-attr-table td {
  padding: 10px 14px;
  font-size: 14px;
  border: none;
}

.sp-attr-table td:first-child {
  color: #000;
  font-weight: 500;
  width: 50%;
}

.sp-attr-table td:last-child {
  color: #000;
  font-weight: 600;
  text-align: right;
}

.sp-attr-table td a {
  color: #2344FF;
  text-decoration: none;
}

.sp-reviews-section {
  max-width: 800px;
  margin: 0 auto 60px;
  text-align: center;
}

.sp-reviews-section h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 50px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.sp-reviews-section .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: 'Manrope', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #94979F;
  margin-bottom: 30px;
}

.sp-reviews-section .rating span {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #000;
}

.myreviews-widget-mockup {
  border: 2px solid #D8DBE4;
  border-radius: 30px;
  padding: 60px 20px;
  background: #fff;
  min-height: 195px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.myreviews-widget-mockup-inner {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #D8DBE4;
}

/* Buy box button overrides for WC default markup */
.sp-buybox .btn-primary {
  background-color: #FF3A09;
  border: none;
  color: white;
  padding: 0;
  height: 50px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  border-radius: 12px;
  transition: opacity 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.sp-buybox .btn-primary:hover {
  opacity: 0.9;
}

/* --- Modals CSS (Desktop per Figma) --- */
.sp-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.sp-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.sp-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  background: #FFFFFF;
  width: 839px;
  max-width: calc(100vw - 40px);
  border-radius: 30px;
  padding: 48px 64px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  font-family: 'Wix Madefor Display', sans-serif;
}

.sp-modal.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.sp-modal__close {
  position: absolute;
  top: 36px;
  right: 42px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  transition: opacity 0.2s;
}

.sp-modal__close:hover {
  opacity: 0.6;
  background: transparent;
}

.sp-modal__close svg {
  width: 24px;
  height: 24px;
}

.sp-modal__close svg path {
  stroke: #000;
  stroke-width: 2;
}

.sp-modal__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 45px;
  padding-right: 40px;
}

.sp-modal__title--lg {
  font-size: 40px;
  margin-bottom: 20px;
}

/* Product block */
.sp-modal__product {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 0 0 35px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #E8EAEF;
  margin: 0 0 30px;
}

.sp-modal__product-img {
  width: 146px;
  height: 146px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sp-modal__product-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.sp-modal__product-info {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sp-modal__product-name {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0;
  max-width: 320px;
}

.sp-modal__product-meta {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #919B9F;
  white-space: pre-line;
}

.sp-modal__product-stock {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #919B9F;
}

.sp-modal__product-stock span {
  color: #919B9F !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

.sp-modal__product-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 90px;
  flex-shrink: 0;
}

.sp-modal__product-price .label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #919B9F;
  letter-spacing: -0.02em;
  margin: 0;
  line-height: 1;
}

.sp-modal__product-price .price {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
}

.sp-modal__product-price .old-price {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #7F8697;
  text-decoration: line-through;
  letter-spacing: -0.02em;
  line-height: 1;
}

.sp-modal__product-delete {
  margin-left: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: opacity 0.2s;
  flex-shrink: 0;
}

.sp-modal__product-delete:hover {
  opacity: 1;
}

/* Add-to-cart actions */
.sp-modal__actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 0;
}

.sp-modal--add-to-cart .sp-modal__actions .btn-primary {
  background: #FF3A09;
  border: none;
  color: #FFFFFF;
  width: 265px;
  height: 50px;
  border-radius: 12px;
  padding: 10px 20px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-decoration: none;
  transition: opacity 0.2s;
}

.sp-modal--add-to-cart .sp-modal__actions .btn-primary:hover {
  opacity: 0.9;
}

.sp-modal--add-to-cart .sp-modal__actions .btn-outline {
  background: #F2F4FC;
  border: none;
  color: #000;
  width: 243px;
  height: 50px;
  border-radius: 10px;
  padding: 10px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: background 0.2s;
}

.sp-modal--add-to-cart .sp-modal__actions .btn-outline:hover {
  background: #E5E8F5;
}

/* One-click modal specific */
.sp-modal--one-click {
  padding-bottom: 0;
  overflow: hidden;
}

.sp-modal--one-click .sp-modal__product {
  padding: 0 0 30px;
  margin-bottom: 0;
  border-bottom: none;
}

.sp-modal--one-click .sp-modal__bg-form {
  background: #F3F5F8;
  margin: 0 -64px;
  padding: 30px 73px 40px;
  border-radius: 0;
}

.sp-modal--one-click .sp-modal__bg-form .form-row {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 10px;
  margin-bottom: 20px;
  align-items: end;
}

.sp-modal--one-click .sp-modal__bg-form .sp-form-row label {
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.32px;
}

.sp-modal--one-click .sp-modal__bg-form .sp-input-wrapper {
  display: flex;
  gap: 15px;
  margin-top: 11px;
}

.sp-modal--one-click .sp-modal__bg-form .input-group label {
  display: block;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 10px;
}

.sp-modal--one-click .sp-modal__bg-form .sp-input {
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #C5C9D2;
  border-radius: 15px;
  padding: 0 22px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 17px;
  font-weight: 400;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.sp-modal--one-click .sp-modal__bg-form .sp-input:focus {
  border-color: #2344FF;
}

.sp-modal--one-click .sp-modal__bg-form .btn-col {
  display: flex;
}

.sp-modal--one-click .sp-modal__bg-form .btn-col .btn-primary,
.sp-modal--one-click .sp-modal__bg-form .js-submit-one-click {
  width: 304px;
  height: 60px;
  background: #FF3A09;
  border: none;
  border-radius: 15px;
  padding: 10px 20px;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0 !important;
  cursor: pointer;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.sp-modal--one-click .sp-modal__bg-form .btn-col .btn-primary:hover,
.sp-modal--one-click .sp-modal__bg-form .js-submit-one-click:hover {
  opacity: 0.9;
}

.sp-modal--one-click .form-policy {
  margin-bottom: 0;
  padding-left: 0;
}

.sp-modal--one-click .form-policy .custom-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.sp-modal--one-click .form-policy .checkmark {
  position: relative;
  top: 0;
  height: 24px;
  width: 24px;
  background: #FFFFFF;
  border: 1px solid #C5C9D2;
  box-shadow: 0px 1px 2px rgba(184, 200, 224, 0.22);
  border-radius: 8px;
  flex-shrink: 0;
  margin-right: 0;
}

.sp-modal--one-click .form-policy .custom-checkbox input:checked~.checkmark {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'><path d='M12.25 1L4.75 8.5L1 4.75' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 10px;
}

.sp-modal--one-click .form-policy .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid #575757;
  border-width: 0 2px 2px 0;
}

.sp-modal--one-click .form-policy .text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #94979F;
}

/* Alt contact outside form bg */
.sp-modal--one-click .form-alt-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: none;
  padding: 40px 9px 35px;
  background: #FFFFFF;
  margin: 0 -64px;
  padding-left: 73px;
  padding-right: 73px;
}

.sp-modal--one-click .form-alt-contact .text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #000;
  line-height: 1.3;
  max-width: 235px;
}

.sp-modal--one-click .form-alt-contact .phone {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
}

.sp-modal--one-click .form-alt-contact .socials {
  display: flex;
  gap: 19.74px;
}

.sp-modal--one-click .form-alt-contact .soc-btn {
  width: 30.84px;
  height: 30.84px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform 0.2s;
}

.sp-modal--one-click .form-alt-contact .soc-btn:hover {
  transform: translateY(-2px);
}

/* Success modal */
.sp-modal--success {
  text-align: left;
  max-width: 839px;
  padding: 48px 64px;
}

.sp-modal--success .sp-modal__success-icon {
  margin-bottom: 30px;
  display: block;
}

.sp-modal--success .sp-modal__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0 0 35px;
}

.sp-modal--success .sp-modal__desc {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0 0 35px;
}

.sp-modal--success .sp-modal__note {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #919B9F;
  margin: 0 0 30px;
  max-width: 535px;
}

.sp-modal--success .sp-modal__close-btn-bottom {
  background: #FF3A09;
  color: #FFFFFF;
  border: none;
  width: 206px;
  height: 60px;
  padding: 10px 20px;
  border-radius: 15px;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sp-modal--success .sp-modal__close-btn-bottom:hover {
  opacity: 0.9;
}

/* Shared form inputs (used outside one-click) */
.input-group label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #111;
  margin-bottom: 8px;
}

.sp-input {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 0 15px;
  font-size: 15px;
  outline: none;
  transition: 0.3s;
  box-sizing: border-box;
  font-family: 'Wix Madefor Display', sans-serif;
}

.sp-input:focus {
  border-color: #2344FF;
}

.form-policy {
  margin-bottom: 25px;
}

.custom-checkbox {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
  user-select: none;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-checkbox input:checked~.checkmark {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'><path d='M12.25 1L4.75 8.5L1 4.75' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 10px;
}

.custom-checkbox .checkmark {
  position: relative;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex-shrink: 0;
  margin-right: 12px;
}

.custom-checkbox:hover input~.checkmark {
  border-color: #2344FF;
}

.custom-checkbox input:checked~.checkmark {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'><path d='M12.25 1L4.75 8.5L1 4.75' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 10px;
}

.custom-checkbox input:checked~.checkmark:after {
  display: block;
}

.custom-checkbox .text {
  font-size: 11px;
  color: #999;
  line-height: 1.4;
}

/* Generic form-alt-contact fallback */
.form-alt-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E5E7EB;
  padding-top: 20px;
}

.form-alt-contact .text {
  font-size: 12px;
  color: #666;
  line-height: 1.3;
}

.form-alt-contact .phone {
  font-size: 18px;
  font-weight: 700;
  color: #111;
}

.form-alt-contact .socials {
  display: flex;
  gap: 8px;
}

.form-alt-contact .soc-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: 0.3s;
}

.form-alt-contact .soc-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Legacy generic bg-form (used by found-cheaper modal etc.) */
.sp-modal--found-cheaper .sp-modal__bg-form {
  background: #F7F8FA;
  border-radius: 16px;
  padding: 25px;
  margin-top: -10px;
}

.sp-modal--found-cheaper .sp-modal__bg-form .form-row {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 15px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .sp-modal {
    padding: 25px;
    width: 95%;
  }

  .sp-modal__actions {
    grid-template-columns: 1fr;
  }

  .sp-modal__product {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }

  .sp-modal__product-price {
    align-items: flex-start;
    margin-top: 10px;
  }

  .sp-modal__product-delete {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .sp-modal__bg-form .form-row {
    grid-template-columns: 1fr;
  }

  .form-alt-contact {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
}

/* Submit button inside modal contact forms */
.sp-modal .sp-modal__submit-btn {
  max-width: 304px;
  width: 100%;
  padding: 16px;
  background: #FF4500;
  color: #fff;
  border: none;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
}

.sp-modal .sp-modal__submit-btn:hover {
  opacity: 0.9;
}

.sp-modal--success {
  text-align: left;
}

/* Desktop: hide short label */
.sp-modal .btn-label-short {
  display: none;
}

.sp-modal .btn-label-full {
  display: inline;
}

@media (max-width: 768px) {
  .sp-modal {
    padding: 25px 20px 20px;
    border-radius: 24px;
    width: calc(100% - 20px);
    max-width: 100%;
    box-sizing: border-box;
  }

  .sp-modal__close {
    top: 25px;
    right: 20px;
    background: transparent;
    width: 18px;
    height: 18px;
  }

  .sp-modal__title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin: 0 0 20px;
    padding-right: 40px;
    line-height: 1.1;
    max-width: 230px;
  }

  .sp-modal__title--lg {
    font-size: 22px;
    max-width: 260px;
  }

  /* Add/swap button labels */
  .sp-modal .btn-label-full {
    display: none;
  }

  .sp-modal .btn-label-short {
    display: inline;
  }

  /* Product row in modals */
  .sp-modal__product {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    padding: 0 0 20px 0;
    border-top: none;
    border-bottom: 1px solid #E8EAEF;
    margin-bottom: 20px;
  }

  .sp-modal__product-img {
    width: 66px;
    height: 66px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sp-modal__product-img img {
    width: 66px;
    height: 66px;
    object-fit: contain;
    max-width: 66px;
    max-height: 66px;
  }

  .sp-modal__product-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: 10px;
    max-width: none;
    padding-right: 28px;
  }

  .sp-modal__product-name {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0;
    max-width: none;
  }

  .sp-modal__product-meta {
    font-size: 12px;
    font-weight: 600;
    color: #919B9F;
    line-height: 1.4;
  }

  .sp-modal__product-stock {
    font-size: 12px;
    color: #919B9F;
  }

  .sp-modal__product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    margin-top: 0;
    width: auto;
    flex-wrap: nowrap;
  }

  .sp-modal__product-price .label {
    display: block;
    margin: 0 0 2px;
    font-size: 12px;
    font-weight: 600;
    color: #919B9F;
    line-height: 1;
  }

  .sp-modal__product-price .price {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
  }

  .sp-modal__product-price .old-price {
    font-size: 12px;
    font-weight: 600;
    color: #7F8697;
    line-height: 1;
  }

  .sp-modal__product-delete {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 4px;
  }

  /* Actions row: side by side (add-to-cart) */
  .sp-modal__actions {
    display: flex;
    flex-direction: row;
    gap: 7px;
  }

  .sp-modal--add-to-cart .sp-modal__actions .btn-primary {
    flex: 0 0 auto;
    width: auto;
    min-width: 136px;
    height: 50px;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }

  .sp-modal--add-to-cart .sp-modal__actions .btn-outline {
    flex: 1;
    width: auto;
    height: 50px;
    padding: 10px 8px;
    font-size: 13px;
    font-weight: 600;
    background: #F2F4FC;
    border: none;
    color: #000;
    border-radius: 10px;
    line-height: 1.2;
    text-align: center;
  }

  /* Add-to-cart product row: image left, info+price stacked right, delete inline */
  .sp-modal--add-to-cart .sp-modal__product {
    display: grid;
    grid-template-columns: 66px 1fr auto;
    grid-template-areas:
      "img  info  info"
      "img  price delete";
    column-gap: 16px;
    row-gap: 12px;
    align-items: start;
    position: relative;
    padding: 0 0 20px;
    margin-bottom: 20px;
  }

  .sp-modal--add-to-cart .sp-modal__product-img {
    grid-area: img;
    align-self: start;
  }

  .sp-modal--add-to-cart .sp-modal__product-info {
    grid-area: info;
    padding-right: 0;
    gap: 6px;
  }

  .sp-modal--add-to-cart .sp-modal__product-price {
    grid-area: price;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
      "label   label"
      "price   old";
    align-items: baseline;
    column-gap: 8px;
    row-gap: 4px;
    margin-top: 0;
    width: 160px;
  }

  .sp-modal--add-to-cart .sp-modal__product-price .label {
    grid-area: label;
  }

  .sp-modal--add-to-cart .sp-modal__product-price .price {
    grid-area: price;
  }

  .sp-modal--add-to-cart .sp-modal__product-price .old-price {
    grid-area: old;
    align-self: baseline;
  }

  .sp-modal--add-to-cart .sp-modal__product-delete {
    grid-area: delete;
    position: static;
    top: auto;
    right: auto;
    align-self: end;
    margin: 0;
    padding: 0;
  }

  /* One-click modal */
  .sp-modal--one-click {
    padding: 25px 20px 0;
    overflow: hidden;
  }

  .sp-modal--one-click .sp-modal__product {
    display: grid;
    grid-template-columns: 66px 1fr;
    grid-template-areas:
      "img info"
      "img price";
    column-gap: 16px;
    row-gap: 10px;
    padding: 0 0 24px;
    margin-bottom: 0;
    border-bottom: none;
    align-items: start;
  }

  .sp-modal--one-click .sp-modal__product-img {
    grid-area: img;
    width: 66px;
    height: 66px;
    align-self: start;
  }

  .sp-modal--one-click .sp-modal__product-img img {
    width: 100%;
    height: 100%;
    max-width: 100px;
    max-height: 130px;
    object-fit: contain;
  }

  .sp-modal--one-click .sp-modal__product-info {
    grid-area: info;
    padding-right: 0;
    gap: 6px;
  }

  .sp-modal--one-click .sp-modal__product-price {
    grid-area: price;
    width: auto;
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    column-gap: 8px;
    row-gap: 2px;
  }

  .sp-modal--one-click .sp-modal__product-price .label {
    grid-column: 1 / -1;
    margin: 0;
  }

  .sp-modal--one-click .sp-modal__product-price .old-price {
    align-self: baseline;
  }

  .sp-modal--one-click .sp-modal__bg-form {
    background: #F3F5F8;
    margin: 0 -20px;
    padding: 20px;
    border-radius: 0;
  }

  .sp-modal--one-click .sp-modal__bg-form .form-row {
    display: block;
    grid-template-columns: none;
    gap: 0;
    margin-bottom: 15px;
  }

  .sp-modal--one-click .sp-modal__bg-form .input-group {
    margin-bottom: 12px;
  }

  .sp-modal--one-click .sp-modal__bg-form .input-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
  }

  .sp-modal--one-click .sp-modal__bg-form .sp-input {
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #C5C9D2;
    border-radius: 15px;
    padding: 0 20px;
    font-size: 16px;
    box-sizing: border-box;
  }

  .sp-modal--one-click .sp-modal__bg-form .btn-col {
    margin-top: 0;
    display: block;
  }

  .sp-modal--one-click .sp-modal__bg-form .btn-col .btn-primary,
  .sp-modal--one-click .sp-modal__bg-form .js-submit-one-click {
    width: 100%;
    height: 60px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 700;
    background: #FF3A09;
    border: none;
    color: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .sp-modal--one-click .form-policy {
    margin-bottom: 0;
    padding: 0;
  }

  .sp-modal--one-click .form-policy .custom-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .sp-modal--one-click .form-policy .custom-checkbox .checkmark {
    position: relative;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 1px solid #C5C9D2;
    background: #FFFFFF;
    flex-shrink: 0;
    margin-right: 0;
  }

  .sp-modal--one-click .form-policy .custom-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #575757;
    border-width: 0 2px 2px 0;
  }

  .sp-modal--one-click .form-policy .custom-checkbox input:checked~.checkmark {
    background: #FFFFFF;
    border-color: #575757;
  }

  .sp-modal--one-click .form-policy .custom-checkbox .text {
    font-size: 12px;
    font-weight: 500;
    color: #94979F;
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  /* Alt contact mobile */
  .sp-modal--one-click .form-alt-contact {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #E8EAEF;
    padding: 20px 0;
    margin: 0;
    background: #FFFFFF;
    gap: 0;
  }

  .sp-modal--one-click .form-alt-contact .text {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
    max-width: none;
    text-align: left;
    line-height: 1.3;
  }

  .sp-modal--one-click .form-alt-contact .phone {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.02em;
    margin-right: auto;
  }

  .sp-modal--one-click .form-alt-contact .socials {
    gap: 10px;
    display: flex;
  }

  .sp-modal--one-click .form-alt-contact .soc-btn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }

  .sp-modal--one-click .form-alt-contact .soc-btn svg {
    width: 10px;
    height: 10px;
  }

  /* Fallback (legacy form-alt) */
  .form-alt-contact {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding-top: 20px;
    border-top: none;
    gap: 0;
  }

  .form-alt-contact .text {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
  }

  .form-alt-contact .phone {
    font-size: 22px;
    font-weight: 600;
    margin-right: auto;
  }

  .form-alt-contact .socials {
    gap: 14px;
  }

  .form-alt-contact .soc-btn {
    width: 22px;
    height: 22px;
  }

  /* Success modal */
  .sp-modal--success {
    text-align: left;
    padding: 30px 25px 25px;
    max-width: 342px;
  }

  .sp-modal--success .sp-modal__success-icon {
    display: block;
    margin-bottom: 25px;
    text-align: left;
  }

  .sp-modal--success .sp-modal__title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin: 0 0 20px;
    padding-right: 0;
    max-width: none;
  }

  .sp-modal--success .sp-modal__desc {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.2;
  }

  .sp-modal--success .sp-modal__note {
    font-size: 12px;
    font-weight: 500;
    color: #919B9F;
    margin-bottom: 25px;
    line-height: 1.3;
  }

  .sp-modal--success .sp-modal__close-btn-bottom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 180px;
    height: 50px;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 15px;
    background: #FF3A09;
    color: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    border: none;
  }
}

/* --- CART PAGE --- */
.sp-cart-page .cart_totals,
.sp-cart-cross-sells .cart_totals,
.sp-cross-sells-wrapper .cart_totals {
  display: none !important;
}

body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
.sp-cart-page .woocommerce-message,
.sp-cart-page .woocommerce-info {
  display: none !important;
}

.woocommerce .cart-empty+.return-to-shop .wc-backward,
.wc-backward,
a.button.wc-backward {
  background: #2344FF !important;
  color: #fff !important;
  border-radius: 16px !important;
  padding: 16px 32px !important;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  transition: opacity 0.2s;
  display: inline-block;
}

.wc-backward:hover,
a.button.wc-backward:hover {
  opacity: 0.9;
}

.sp-cart-page {
  max-width: 1320px;
  margin: 0 auto;
  padding: 40px 20px 80px;
  font-family: 'Wix Madefor Display', sans-serif;
  position: relative;
}

.sp-cart-page .sp-cart-bg {
  position: absolute;
  left: -204px;
  z-index: -1;
  top: 0;
}

.sp-cart-title {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  margin-bottom: 12px;
  letter-spacing: -0.03em;
  line-height: 1;
}

.sp-cart-subtitle {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin-bottom: 40px;
  letter-spacing: -0.02em;
}

.sp-cart-layout {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  margin-bottom: 80px;
}

.sp-cart-items-col {
  flex: 1;
  max-width: 840px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.sp-cart-totals-col {
  width: 396px;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
}

.sp-cart-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.sp-cart-item {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  border: 1px solid #E8EAEF;
  border-radius: 12px;
  position: relative;
  min-height: 155px;
  box-sizing: border-box;
}

.sp-cart-item__image {
  width: 114px;
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 24px;
}

.sp-cart-item__image img {
  max-width: 114px;
  max-height: 114px;
  object-fit: contain;
}

.sp-cart-item__info {
  flex-grow: 1;
  max-width: 304px;
  padding-right: 20px;
}

.sp-cart-item__name a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  display: block;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

.sp-cart-item__name a:hover {
  color: #2344FF;
}

.sp-item-meta {
  font-size: 12px;
  color: #919B9F;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: -0.02em;
  display: flex;
  flex-direction: column;
}

.sp-cart-item__qty {
  margin-right: 30px;
}

.sp-qty-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sp-qty-single {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.02em;
}

.sp-qty-single .sp-qty-unit {
  font-size: 12px;
  font-weight: 600;
  color: #919B9F;
}

.sp-qty-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}

.sp-qty-btn:hover {
  opacity: 0.7;
}

.sp-qty-input {
  width: 30px;
  text-align: center;
  border: none;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  padding: 0;
  background: transparent;
  letter-spacing: -0.02em;
}

.sp-qty-input::-webkit-outer-spin-button,
.sp-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity .qty {
  border: none;
  padding: 0;
  margin: 0;
  width: 30px !important;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.sp-cart-item__prices {
  text-align: left;
  min-width: 120px;
  margin-right: 20px;
}

.price-current {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 4px;
  letter-spacing: -0.02em;
}

.price-current .woocommerce-Price-amount {
  font-weight: 700;
  color: #000;
}

.price-old {
  font-size: 14px;
  color: #7F8697;
  text-decoration: line-through;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.price-old .woocommerce-Price-amount {
  color: #7F8697;
  font-weight: 600;
}

.sp-cart-item__remove {
  margin-left: auto;
}

.sp-cart-item__remove a {
  color: #000;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}


.sp-cart-item__remove a:hover {
  opacity: 0.6;
}

.sp-cart-totals-box {
  background: #F8F9FC;
  border-radius: 30px;
  padding: 30px;
}

.sct-header {
  font-size: 13px;
  color: #000;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.sct-price {
  font-size: 40px;
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: -0.02em;
}

.sct-price .woocommerce-Price-amount {
  font-weight: 700;
  color: #000;
}

.sct-old-price {
  font-size: 18px;
  color: #7F8697;
  text-decoration: line-through;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.sct-old-price .woocommerce-Price-amount {
  color: #7F8697;
}

.sct-note {
  font-size: 12px;
  color: #919B9F;
  font-weight: 600;
  line-height: 1.4;
  margin: 15px 0 20px;
  letter-spacing: -0.02em;
}

.sp-checkout-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  background: #FF3A09;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  letter-spacing: -0.02em;
  box-sizing: border-box;
}

.sp-checkout-btn:hover {
  background: #E03300;
  color: #fff;
}

.sp-cart-cross-sells {
  margin-top: 60px;
}

.sp-cart-cross-sells h2 {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  margin-bottom: 30px;
  letter-spacing: -0.03em;
}

.sp-cross-sells-grid {
  display: flex;
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sp-cross-sell-card {
  width: 199px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  padding: 13px 16px;
  box-sizing: border-box;
}

.sp-cross-sell-card .sp-cs-img {
  display: block;
  width: 162px;
  height: 162px;
  margin: 0 auto 8px;
}

.sp-cross-sell-card .sp-cs-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sp-cross-sell-card .sp-cs-name {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.sp-cross-sell-card .sp-cs-price {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}

.sp-cross-sell-card .sp-cs-price del {
  font-size: 12px;
  font-weight: 600;
  color: #7F8697;
  margin-left: 0;
  display: block;
}

.sp-cross-sell-card .sp-cs-price ins {
  text-decoration: none;
}

.sp-cross-sell-card .btn-sm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  background: #FF3A09;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -0.02em;
}

.sp-cross-sell-card .btn-sm:hover {
  background: #E03300;
}

.sp-cross-sells-wrapper .cross-sells .products {
  display: flex !important;
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 991px) {
  .sp-cart-layout {
    flex-direction: column;
  }

  .sp-cart-totals-col {
    width: 100%;
  }

  .sp-cross-sells-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sp-cross-sells-wrapper .cross-sells .products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .sp-cart-page {
    padding: 20px 0 60px 0;
  }

  .sp-cart-title {
    font-size: 24px;
    letter-spacing: -0.03em;
    margin-bottom: 8px;
  }

  .sp-cart-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .sp-cart-layout {
    gap: 20px;
    margin-bottom: 40px;
  }

  .sp-cart-items-col {
    max-width: 100%;
    gap: 13px;
  }

  .sp-cart-list {
    gap: 13px;
  }

  .sp-cart-item {
    border: 1px solid #E8EAEF;
    border-radius: 12px;
    padding: 16px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    min-height: auto;
    row-gap: 14px;
  }

  .sp-cart-item__image {
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    margin-right: 12px;
  }

  .sp-cart-item__image img {
    max-width: 66px;
    max-height: 66px;
  }

  .sp-cart-item__info {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
    min-width: 0;
    padding-right: 0;
    margin-bottom: 0;
  }

  .sp-cart-item__name a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.28px;
    margin-bottom: 5px;
  }

  .sp-item-meta {
    font-size: 12px;
    color: #919B9F;
    font-weight: 600;
  }

  /* Pastdagi qator: narx + qty + remove */
  .sp-cart-item__prices {
    order: 3;
    flex: 0 0 auto;
    width: auto;
    margin: 0 0 0 79px;
    text-align: left;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .price-current {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
  }

  .price-old {
    font-size: 13px;
    line-height: 1;
  }

  .sp-cart-item__qty {
    order: 4;
    flex: 1 1 auto;
    margin: 0 36px 0 auto;
    display: flex;
    justify-content: flex-end;
    align-self: center;
  }

  .sp-qty-wrapper {
    gap: 4px;
  }

  .sp-qty-btn {
    width: 20px;
    height: 20px;
  }

  .sp-qty-btn svg {
    width: 20px;
    height: 20px;
  }

  .sp-qty-input,
  .quantity .qty {
    font-size: 16px;
    width: 24px;
    font-weight: 600;
  }

  .sp-cart-item__remove {
    order: 5;
    position: absolute;
    right: 16px;
    bottom: 24px;
    margin-left: 0;
  }

  .sp-cart-item__remove a svg {
    width: 18px;
    height: 18px;
  }

  /* Totals box */
  .sp-cart-totals-box {
    padding: 22px 30px;
    border-radius: 30px;
    margin-top: 0;
  }

  .sct-header {
    font-size: 13px;
    font-weight: 600;
  }

  .sct-price-wrap {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
  }

  .sct-price {
    font-size: 40px;
  }

  .sct-old-price {
    font-size: 18px;
    color: #7F8697;
    margin-top: 0;
    margin-bottom: 0;
  }

  .sct-note {
    font-size: 12px;
  }

  .sp-checkout-btn {
    height: 50px;
    font-size: 18px;
    border-radius: 12px;
  }

  /* Cross-sells */
  .sp-cart-cross-sells h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .sp-cross-sells-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 4px;
    padding-bottom: 15px;
    scrollbar-width: none;
  }

  .sp-cross-sells-grid::-webkit-scrollbar {
    display: none;
  }

  .sp-cross-sell-card {
    width: 199px;
    flex: 0 0 199px;
  }

  .sp-cross-sells-wrapper .cross-sells .products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 4px;
    padding-bottom: 15px;
    scrollbar-width: none;
  }

  .sp-cross-sells-wrapper .cross-sells .products::-webkit-scrollbar {
    display: none;
  }

  .sp-cross-sells-wrapper .cross-sells .products li.product {
    flex: 0 0 199px !important;
    width: 199px !important;
    max-width: 199px;
  }

  /* === Cart cross-sells: gorizontal slider (mobile) === */
  .sp-cart-cross-sells .products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding: 4px 4px 16px;
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }

  .sp-cart-cross-sells .products::-webkit-scrollbar {
    display: none;
  }

  .sp-cart-cross-sells .products>.product-card {
    flex: 0 0 220px;
    width: 220px;
    max-width: 220px;
    margin: 0;
    scroll-snap-align: start;
  }
}

/* --- CHECKOUT PAGE --- */
.sp-checkout-page {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 80px;
  position: relative;
}

.sp-checkout-page .sp-checkout-bg {
  position: absolute;
  top: 0;
  left: -204px;
  z-index: -1;
}

.sp-checkout-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 30px;
}

.sp-checkout-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #000;
  margin: 0;
}

.sp-checkout-back {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #353535;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

.sp-checkout-layout {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.sp-checkout-col-left {
  flex: 1;
  max-width: 840px;
}

.sp-checkout-col-right {
  width: 396px;
  flex-shrink: 0;
}

.sp-checkout-section {
  margin-bottom: 31px;
}

.sp-checkout-section-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 36px;
}

.sp-checkout-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.sp-input-wrap {
  width: calc(50% - 7px);
}

.sp-input-wrap label {
  display: block;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 8px;
}

.sp-input-inner {
  position: relative;
}

.sp-input-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.sp-input-inner .sp-input {
  width: 100%;
  height: 60px;
  background: #fff;
  border: 1px solid #C5C9D2;
  border-radius: 15px;
  padding: 0 18px 0 44px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 17px;
  font-weight: 400;
  outline: none;
  transition: 0.3s;
  color: #000;
}

.sp-input-inner .sp-input:focus {
  border-color: #2344FF;
}

.sp-delivery-methods {
  display: flex;
  gap: 13px;
}

.sp-delivery-card {
  display: flex;
  align-items: flex-start;
  width: calc(50% - 7px);
  border: none;
  border-radius: 15px;
  padding: 20px;
  cursor: pointer;
  transition: 0.3s;
  background: #F8F9FC;
}

.sp-delivery-card.active {
  border: 1px solid #2344FF;
  background: #F8F9FC;
}

.sp-delivery-card:not(.active) {
  border: none;
}

.sp-del-img-radio {
  display: none;
}

.sp-delivery-radio {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #D2D3DF;
  box-shadow: 0px 1px 2px rgba(184, 200, 224, 0.22);
  display: inline-block;
  flex-shrink: 0;
  margin-right: 12px;
  margin-top: 2px;
  position: relative;
  background: #fff;
}

.sp-delivery-card.active .sp-delivery-radio {
  border: 4px solid #2344FF;
}

.sp-delivery-card.active .sp-delivery-radio::after {
  display: none;
}

.sp-delivery-info strong {
  display: block;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}

.sp-delivery-info span {
  display: block;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
}

.sp-checkout-toggles {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sp-toggle-row {
  display: flex;
  align-items: center;
  gap: 17px;
  cursor: pointer;
}

.sp-toggle {
  position: relative;
  width: 52px;
  height: 30px;
  flex-shrink: 0;
}

.sp-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}

.sp-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #EEF0F4;
  transition: .4s;
  border-radius: 800px;
}

.sp-slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(184, 200, 224, 0.22);
  transition: .4s;
  border-radius: 50%;
}

.sp-toggle input:checked+.sp-slider {
  background-color: #2344FF;
}

.sp-toggle input:checked+.sp-slider:before {
  transform: translateX(22px);
}

.sp-toggle-text {
  font-family: 'Manrope', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000;
}

.sp-toggle-text strong {
  font-weight: 600;
}

.sp-toggle-price {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #7F8697;
  margin-left: 0;
}

/* Checkout-specific totals overrides */
.sp-checkout-col-right .sp-cart-totals-box {
  border-radius: 30px;
}

.sp-checkout-col-right .sp-checkout-btn {
  max-width: 336px;
  width: 100%;
  height: 60px;
}

.sp-checkout-col-right .sct-old-price {
  display: block;
  margin-top: 8px;
}

@media (max-width: 768px) {
  .sp-checkout-page {
    padding: 20px 0 0;
  }

  .sp-container-page {
    padding-bottom: 30px;
  }

  .sp-checkout-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .sp-checkout-title {
    font-size: 24px;
    letter-spacing: -0.03em;
  }

  .sp-checkout-back {
    font-size: 14px;
  }

  .sp-checkout-layout {
    flex-direction: column;
    gap: 20px;
  }

  .sp-checkout-col-left {
    max-width: 100%;
  }

  .sp-checkout-col-right {
    width: 100%;
    margin-top: 20px;
    position: static;
  }

  .sp-checkout-section {
    margin-bottom: 31px;
  }

  .sp-checkout-section-title {
    margin-bottom: 24px;
  }

  .sp-checkout-fields {
    flex-direction: column;
    gap: 13px;
  }

  .sp-input-wrap {
    width: 100%;
  }

  .sp-input-wrap label {
    font-size: 16px;
  }

  .sp-input-inner .sp-input {
    height: 50px;
    border-radius: 15px;
    font-size: 17px;
  }

  .sp-delivery-methods {
    flex-direction: column;
    gap: 13px;
  }

  .sp-delivery-card {
    width: 100%;
  }

  .sp-delivery-info span {
    font-size: 13px;
    line-height: 1;
  }

  .sp-checkout-toggles {
    margin-top: 20px;
    gap: 10px;
  }

  .sp-toggle-row {
    gap: 17px;
    align-items: flex-start;
  }

  .sp-toggle-text {
    font-size: 15px;
    line-height: 20px;
  }

  .sp-toggle-price {
    font-size: 16px;
    display: block;
    margin-top: 4px;
  }

  /* Mobile totals */
  .sp-checkout-col-right .sp-cart-totals-box {
    padding: 22px 30px;
    border-radius: 30px;
  }

  .sp-checkout-col-right .sp-checkout-btn {
    max-width: 280px;
    height: 50px;
  }

  .sp-checkout-col-right .sct-price {
    font-size: 40px;
  }

  .sp-checkout-col-right .sct-old-price {
    font-size: 18px;
  }

  .sp-checkout-col-right .sct-note {
    font-size: 12px;
  }

  /* Mobile policy */
  .sp-policy-text {
    font-size: 11px;
  }
}

/* Checkout Payment & Policy */
.sp-checkout-payment .place-order {
  padding: 0;
  margin: 0;
}

.sp-checkout-payment .wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sp-checkout-policy {
  margin-top: 15px;
}

.sp-checkout-policy .sp-policy-checkmark {
  margin: 10px 10px 0 0;
}

.sp-policy-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 0;
}

.sp-policy-checkbox {
  display: none;
}

.sp-policy-checkmark {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8px;
  border: 1px solid #C5C9D2;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(184, 200, 224, 0.22);
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

.sp-policy-checkbox:checked~.sp-policy-checkmark {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'><path d='M12.25 1L4.75 8.5L1 4.75' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 10px;
}

.sp-policy-text {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #94979F;
  line-height: 1.3;
}

.sp-policy-text a {
  color: #94979F;
  font-size: 13px;
  letter-spacing: -0.13px;
  text-decoration: underline;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  display: none;
}

.woocommerce-form-coupon-toggle,
.checkout_coupon.woocommerce-form-coupon {
  display: none;
}

.sp-checkout-col-right {
  position: sticky;
  top: 20px;
}

/* --- TRADE-IN PAGE --- */
.sp-container-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px 80px;
}

.sp-page-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
  letter-spacing: -0.03em;
  line-height: 100%;
}

.sp-tradein-page {
  position: relative;
  margin-top: 30px;
  padding-top: 40px;
}

.sp-tradein-bg {
  position: absolute;
  top: 0;
  left: -204px;
  z-index: -1;
}

.sp-tradein-intro {
  margin-bottom: 40px;
}

.sp-tradein-intro p {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  color: #000;
  line-height: 130%;
  margin: 0;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.sp-tradein-form-block {
  margin-bottom: 40px;
}

.sp-tradein-form-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #000;
  margin-bottom: 24px;
  letter-spacing: -0.03em;
  line-height: 100%;
}

.sp-input-wrap label {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.02em;
  line-height: 100%;
  display: block;
  margin-bottom: 8px;
}

.sp-form-grid--4 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 13px;
  margin-bottom: 70px;
}

.sp-form-grid--4 .sp-input-wrap {
  width: calc(25% - 10px);
}

.sp-select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 60px;
  border: 1px solid #C5C9D2;
  border-radius: 15px;
  padding: 0 40px 0 18px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #000;
  background: #fff url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 4L9 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat calc(100% - 18px) center;
  cursor: pointer;
  transition: 0.3s;
}

.sp-select:focus {
  outline: none;
  border-color: #2344FF;
}

.sp-form-grid--user {
  display: flex;
  align-items: flex-end;
  gap: 13px;
  margin-bottom: 15px;
}

.sp-form-grid--user .sp-input-wrap {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.sp-form-grid--user .sp-btn-wrap {
  flex: 0 0 auto;
  width: auto;
}

.sp-input--gray {
  background-color: #F3F4F6;
  border: 1px solid transparent;
  color: #000;
  height: 60px;
  border-radius: 15px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 17px;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
}

.sp-input--gray:focus {
  background-color: #fff;
  border-color: #2344FF;
}

.sp-btn-wrap {
  display: flex;
  align-items: flex-end;
}

.ti-submit-btn {
  width: 258px;
  height: 60px;
  padding: 0 20px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF3A09;
  border-radius: 12px;
  letter-spacing: -0.02em;
}

.ti-submit-btn:hover {
  background: #E63300;
}

.sp-ti-policy {
  margin-top: 18px;
  max-width: 640px;
  display: flex;
  align-items: flex-start;
}

.sp-ti-policy .custom-checkbox {
  align-items: flex-start;
}

.sp-ti-policy .checkmark {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 1px solid #C5C9D2;
  box-shadow: 0px 1px 2px rgba(184, 200, 224, 0.22);
}

.sp-ti-policy .text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #94979F;
  line-height: 130%;
  letter-spacing: -0.01em;
}

.sp-tradein-banner {
  background: #D9DEFC;
  border-radius: 30px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  color: #fff;
  height: 245px;
}

.sp-tb-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding: 50px 55px;
}

.sp-tb-content h3 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 100%;
}

.sp-tb-content p {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #E2E4F0;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.sp-tb-steps {
  display: flex;
  gap: 26px;
  align-items: center;
}

.sp-tb-step {
  display: flex;
  align-items: center;
  gap: 14px;
}

.sp-tb-step .num {
  width: 30px;
  height: 30px;
  background: #fff;
  color: #2344FF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 700;
  border-radius: 800px;
  font-size: 18px;
  flex-shrink: 0;
  letter-spacing: -0.02em;
}

.sp-tb-step .txt {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.02em;
}

.sp-tb-image {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

.sp-tb-image img {
  object-fit: cover;
}

/* Trade-in banner background image overlay */
.sp-tradein-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../images/trade-in-bg.jpg) center/cover no-repeat;
  z-index: 0;
  border-radius: 30px;
}

.sp-tradein-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  border-radius: 30px;
}

.sp-tb-content {
  z-index: 2;
}

@media (max-width: 991px) {
  .sp-form-grid--4 .sp-input-wrap {
    width: calc(50% - 7px);
  }
}

@media (max-width: 768px) {
  .sp-tradein-page {
    padding: 0;
    padding-top: 24px;
  }

  .sp-tradein-page.sp-container-page {
    padding: 20px 15px 60px;
  }

  .sp-page-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 15px;
  }

  .sp-tradein-intro p {
    font-size: 15px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.01em;
  }

  .sp-tradein-form-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
  }

  .sp-form-grid--4 {
    flex-direction: column;
    gap: 16px;
  }

  .sp-form-grid--4 .sp-input-wrap {
    width: 100%;
  }

  .sp-select {
    height: 50px;
    border-radius: 12px;
    font-size: 16px;
  }

  .sp-form-grid--user {
    flex-direction: column;
    gap: 13px;
  }

  .sp-form-grid--user .sp-input-wrap {
    width: 100%;
  }

  .sp-input--gray {
    height: 50px;
    border-radius: 15px;
    font-size: 16px;
  }

  .ti-submit-btn {
    width: 100%;
    height: 50px;
    font-size: 18px;
  }

  .sp-ti-policy .text {
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.01em;
  }

  .sp-tradein-banner {
    height: fit-content;
    border-radius: 20px;
    margin-top: 30px;
    flex-direction: row;
    align-items: center;
  }

  .sp-tradein-banner::before {
    border-radius: 20px;
    background-image: url(../images/trade-in-bg-mob.png);
  }

  .sp-tradein-banner::after {
    display: none;
  }

  .sp-tb-content {
    padding: 20px 26px;
    max-width: 247px;
  }

  .sp-tb-content h3 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
    max-width: 186px;
  }

  .sp-tb-content p {
    font-size: 13px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
  }

  .sp-tb-content p br {
    display: none;
  }

  .sp-tb-steps {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .sp-tb-step .num {
    width: 24px;
    height: 24px;
    font-size: 16px;
  }

  .sp-tb-step .txt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
  }

  .sp-tb-image {
    display: block;
    opacity: 1;
    right: 0;
    top: 23px;
  }

  .sp-tb-image img {
    content: url(../images/tradein-mob-img.png);
    object-fit: cover;
    object-position: center;
  }
}

/* --- ABOUT PAGE --- */
.sp-about-page {
  max-width: 1280px;
}

.sp-about-body {
  display: flex;
  flex-direction: column;
  gap: 44px;
  position: relative;
  margin-top: 23px;
  padding-top: 40px;
}

.sp-about-body .sp-about-bg {
  position: absolute;
  left: -204px;
  top: 0;
  z-index: -1;
}

/* Intro section */
.sp-about-intro {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.sp-about-h1 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
}

.sp-about-subtitle {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
}

.sp-about-text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
}

/* Info boxes */
.sp-about-infobox {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 40px;
  border-radius: 15px;
}

.sp-about-infobox--blue {
  background: #ECEFFD;
}

.sp-about-infobox--orange {
  background: #FFECE7;
}

.sp-about-infobox__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.sp-about-infobox__text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
}

/* Split: image + text */
.sp-about-split {
  display: flex;
  align-items: center;
  gap: 34px;
}

.sp-about-split__image {
  flex-shrink: 0;
  width: 516px;
  height: 355px;
}

.sp-about-split__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
  display: block;
  background: #E8EAEF;
}

.sp-about-split__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.sp-about-split__content h3,
.sp-about-split__heading {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.sp-about-split__content p {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.sp-about-small {
  font-size: 14px !important;
  color: #94979F !important;
}

/* Principles */
.sp-about-principles {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.sp-about-h2 {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #000;
}

.sp-about-principle {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.sp-about-principle[hidden] {
  display: none;
}

.sp-about-principle__text {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #000;
}

.sp-about-principle__text--bold {
  font-weight: 700;
}

.sp-about-bullet {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 3px solid #2344FF;
  border-radius: 50%;
  margin-top: 4px;
}

.sp-about-num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  background: #2344FF;
  border-radius: 800px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #fff;
}

.sp-about-showmore {
  display: inline-block;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
  padding-bottom: 8px;
  border-bottom: 1px solid #C6CADD;
  cursor: pointer;
}

@media (max-width: 768px) {
  .sp-about-body {
    gap: 30px;
  }

  .sp-about-h1 {
    font-size: 30px;
  }

  .sp-about-subtitle {
    font-size: 18px;
  }

  .sp-about-text {
    font-size: 16px;
  }

  .sp-about-infobox {
    padding: 15px;
    gap: 15px;
  }

  .sp-about-infobox__icon {
    width: 26px;
    height: 26px;
  }

  .sp-about-infobox__icon svg {
    width: 26px;
    height: 26px;
  }

  .sp-about-infobox__text {
    font-size: 16px;
  }

  .sp-about-split {
    flex-direction: column;
    gap: 34px;
  }

  .sp-about-split--reverse {
    flex-direction: column;
  }

  .sp-about-split__image {
    width: 100%;
    height: 234px;
  }

  .sp-about-split__image img {
    border-radius: 30px;
  }

  .sp-about-split__content h3,
  .sp-about-split__heading {
    font-size: 18px;
  }

  .sp-about-split__content p {
    font-size: 16px;
  }

  .sp-about-small {
    font-size: 12px !important;
  }

  .sp-about-h2 {
    font-size: 24px;
  }

  .sp-about-principle__text {
    font-size: 16px;
  }
}

/* --- Native WC Add to Cart --- */
.sp-native-add-to-cart form.cart {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sp-native-add-to-cart .quantity {
  display: flex;
  align-items: center;
}

.sp-native-add-to-cart .single_add_to_cart_button {
  width: 100%;
  min-height: 56px;
  border: 0;
  border-radius: 16px !important;
  background: #FF4500 !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .2s;
}

.sp-native-add-to-cart .single_add_to_cart_button:hover {
  opacity: .9;
}

.sp-native-add-to-cart .single_add_to_cart_button.disabled,
.sp-native-add-to-cart .single_add_to_cart_button:disabled {
  background: #FF4500 !important;
  opacity: .5;
  cursor: not-allowed;
}

.sp-native-add-to-cart .variations {
  display: none !important;
}

.sp-native-add-to-cart .reset_variations {
  display: none !important;
}

.sp-native-add-to-cart .single_variation {
  display: none !important;
}

.sp-native-add-to-cart .quantity {
  display: none !important;
}

.sp-native-add-to-cart input.qty {
  width: 100%;
  min-height: 48px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 0 14px;
  background: #fff;
}

.sp-cart-totals-box .woocommerce-checkout-review-order-table,
.sp-cart-totals-box #payment {
  width: 100%;
}

.sp-cart-totals-box #payment .place-order .button {
  width: 100%;
  background: #FF4500;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 16px;
  padding: 18px;
  cursor: pointer;
  transition: 0.3s;
}

.sp-cart-totals-box #payment .place-order .button:hover {
  background: #E03E00;
}

.sp-cart-totals-box #payment {
  background: transparent;
  border: none;
  padding: 0;
}

.sp-cart-totals-box #payment .payment_methods {
  display: none;
}

/* ==========================================================================
   MOBILE — Figma 400px
   ========================================================================== */
@media (max-width: 768px) {

  /* Slider */
  .home-slider {
    padding: 16px 0 16px;
  }

  .home-slider__outer {
    gap: 0;
  }

  .home-slider__track {
    flex-direction: row !important;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 30px;
  }

  .home-slider__track::-webkit-scrollbar {
    display: none;
  }

  .home-slide {
    height: 368px !important;
    border-radius: 50px;
    scroll-snap-align: start;
    padding: 30px 24px;
  }

  .home-slide__title {
    font-size: 24px !important;
    line-height: 110%;
  }

  .home-slide__desc {
    font-size: 16px !important;
  }

  .home-slide__btn {
    width: 40px;
    height: 31px;
    border-radius: 9px;
  }

  .home-slide__product {
    max-width: 55%;
    height: 100%;
  }

  .home-slider__dots {
    margin-top: 20px;
  }

  .home-slider__dot {
    width: 6px;
    height: 6px;
  }

  .home-slider__dot.active {
    width: 30px;
  }

  .home-slider__arrow {
    display: none;
  }

  .home-slider {
    background: #F3F5FC;
  }

  .home-intro {
    background: #F3F5FC;
  }

  /* Categories */
  .home-categories {
    padding: 24px 0 16px;
    background: #FFFFFF;
    border-radius: 50px 0 0 0;
    position: relative;
    z-index: 1;
  }

  .home-categories__title {
    font-size: 18px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
  }

  .home-categories__swiper {
    padding: 0 30px 10px;
  }

  .home-categories__grid {
    gap: 4px;
  }

  .home-category-card {
    height: 155px;
    border-radius: 20px;
  }

  .home-category-card__name {
    font-size: 15px;
    top: 22px;
  }

  .home-category-card__image {
    width: 96px;
    height: 96px;
    top: 44px;
  }

  /* Product tabs */
  .home-intro__title {
    font-size: 30px;
  }

  .home-intro__text {
    font-size: 15px;
  }

  .home-tabs__nav {
    overflow-x: auto;
    gap: 18px;
    padding: 0 30px;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
  }

  .home-tabs__nav::-webkit-scrollbar {
    display: none;
  }

  .home-tabs__btn {
    font-size: 16px;
  }

  .home-tabs__panel {
    border-radius: 30px;
    padding: 20px;
  }

  .home-tabs__panel .home-products__grid {
    flex-wrap: wrap;
    row-gap: 18px;
    column-gap: 3px;
    justify-content: center;
  }

  .home-products {
    padding: 20px 0;
  }

  .home-products__tabs {
    margin-left: 20px;
    padding-right: 20px;
    gap: 20px;
  }

  .home-products__grid .product-card,
  .home-tabs__panel .product-card,
  .related.products .product-card {
    flex: 0 0 168px !important;
    width: auto !important;
    min-width: 168px;
    height: auto !important;
    border-radius: 14px;
  }

  .product-card {
    flex: 0 0 168px !important;
    margin-left: 0;
  }

  .product-card__title {
    font-size: 13px;
  }

  .product-card__price {
    font-size: 18px;
  }

  .btn-add-to-cart {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 8px;
  }

  .btn-add-to-cart svg {
    width: 16px;
    height: 16px;
  }

  /* Product card inner layout for 168Г—301px mobile card */
  .home-products__grid .product-card__image-link,
  .home-tabs__panel .product-card__image-link,
  .related.products .product-card__image-link {
    width: 137px !important;
    height: 148px !important;
    margin: 11px auto 0 !important;
  }

  .home-products__grid .product-card__badges,
  .home-tabs__panel .product-card__badges,
  .related.products .product-card__badges {
    top: 150px;
    left: 14px;
  }

  .home-products__grid .product-card__info,
  .home-tabs__panel .product-card__info,
  .related.products .product-card__info {
    top: 176px;
    left: 14px;
    right: 14px;
    gap: 7px;
  }

  .home-products__grid .product-card__separator,
  .home-tabs__panel .product-card__separator,
  .related.products .product-card__separator {
    top: 240px;
    left: 15px;
    right: 14px;
  }

  .home-products__grid .product-card__bottom,
  .home-tabs__panel .product-card__bottom,
  .related.products .product-card__bottom {
    top: 249px;
    left: 14px;
    right: 14px;
  }

  .price-label {
    font-size: 10px;
    margin-bottom: 2px;
  }

  .product-card__price del {
    font-size: 11px;
  }

  /* Why choose us */
  .home-why {
    padding: 30px 0;
  }

  .home-why__header {
    flex-direction: column;
    gap: 16px;
  }

  .home-why__title {
    font-size: 30px;
    letter-spacing: -0.03em;
  }

  .home-why__subtitle {
    font-size: 15px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -0.01em;
    max-width: 340px;
  }

  .home-why__grid {
    flex-direction: column;
    gap: 20px;
  }

  .home-why__image-card {
    width: 100%;
    min-width: 0;
    height: 228px;
    border-radius: 20px;
  }

  .home-why__image-title {
    font-size: 18px;
    line-height: 90%;
    letter-spacing: -0.03em;
    left: 23px;
    top: auto;
    bottom: 80px;
  }

  .home-why__image-text {
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.01em;
    left: 23px;
    top: auto;
    bottom: 15px;
    width: 169px;
  }

  .home-why__icon-check {
    left: 26px;
    top: auto;
    bottom: 140px;
    width: 24px;
    height: 24px;
  }

  .home-why__features {
    width: 100%;
    gap: 14px;
  }

  .home-why__feature-icon {
    width: 40px;
    height: 40px;
  }

  .home-why__feature-row {
    gap: 10px;
  }

  .home-why__feature-title {
    font-size: 18px;
    letter-spacing: -0.03em;
    margin-bottom: 6px;
  }

  .home-why__feature-text p {
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.01em;
  }

  .home-why__feature-line {
    width: 100%;
  }

  /* Brands */
  .home-store__bg {
    border-radius: 50px 0 0 0;
    padding: 30px 0 40px;
  }

  .home-store__brands-label {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.02em;
    padding-left: 30px;
  }

  .home-store__brands {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    padding: 0 30px 10px;
    gap: 4px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    margin-bottom: 40px;
  }

  .home-store__brands::-webkit-scrollbar {
    display: none;
  }

  .home-store__brand-card {
    flex: 0 0 309px !important;
    width: 309px !important;
    height: 333px;
    border-radius: 24px;
    scroll-snap-align: start;
  }

  .home-store__brand-name {
    font-size: 24px;
    letter-spacing: -0.02em;
  }

  /* Visit / store section */
  .home-store__visit {
    position: relative;
    flex-direction: column;
    gap: 16px;
    padding: 0 30px;
  }

  .home-store__visit-text {
    max-width: 100%;
  }

  .home-store__visit-title {
    font-size: 30px;
    letter-spacing: -0.03em;
    max-width: 195px;
  }

  .home-store__visit-desc {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
  }

  .home-store__visit-bold {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    font-weight: 700;
  }

  .home-store__store180-text {
    margin: -20px 0 10px;
  }

  /* Callback */
  .home-store__callback-inner {
    border-radius: 30px;
    padding: 30px;
    max-width: 340px;
    margin: 0 auto;
  }

  .home-store__callback-title {
    font-size: 24px;
    letter-spacing: -0.03em;
    margin-bottom: 12px;
  }

  .home-store__callback-subtitle {
    margin-bottom: 20px;
  }

  .home-store__callback-subtitle span {
    font-size: 14px;
    letter-spacing: -0.01em;
  }

  .home-store__callback-form {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
  }

  .home-store__callback-input {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-radius: 15px;
  }

  .home-store__callback-btn {
    width: 100%;
    height: 50px;
    border-radius: 15px;
    font-size: 16px;
  }

  .home-store__callback-label {
    font-size: 14px;
    letter-spacing: -0.02em;
  }

  .home-store__callback-consent-text {
    font-size: 12px;
    line-height: 120%;
  }

  .home-store__callback-consent {
    margin-bottom: 20px;
  }

  .home-store__callback-socials {
    gap: 10px;
  }

  .home-store__callback-socials-label {
    font-size: 15px;
  }

  .home-store__callback-icons {
    gap: 10px;
  }

  .home-store__callback-illustration {
    display: none;
  }

  .home-store__callback-swirl {
    display: none;
  }

  .home-store__social {
    width: 27px;
    height: 27px;
  }

  /* Reviews */
  .home-reviews {
    padding: 30px 0;
  }

  .home-reviews__title {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .home-reviews__placeholder {
    height: 143px;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
  }

  .home-reviews__placeholder-text {
    font-size: 20px;
  }

  .home-reviews__btn {
    height: 40px;
    font-size: 14px;
    width: 146px;
  }

  /* SEO */
  .home-seo__bg {
    border-radius: 50px 0 0 0;
    padding: 30px 0 40px;
  }

  .home-seo__title {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .home-seo__lead {
    font-size: 18px;
  }

  .home-seo__text {
    font-size: 16px;
  }

  .home-seo__swiper {
    margin-bottom: 30px;
  }

  .home-seo__photos {
    gap: 0;
    flex-wrap: nowrap;
  }

  .home-seo__photo.swiper-slide {
    width: 226px;
    height: 155px;
    border-radius: 19px;
  }

  .home-seo__principles-title {
    font-size: 24px;
  }

  .home-seo__principles-bold {
    font-size: 16px;
  }

  .home-seo__principles-text {
    font-size: 16px;
  }

  /* Contacts */
  .home-contacts {
    padding: 0 0 40px 0;
  }

  .home-contacts__title {
    font-size: 30px;
    margin-bottom: 0;
  }

  .home-contacts__grid {
    flex-direction: column;
    gap: 30px;
  }

  .home-contacts__info {
    flex: none;
    width: 100%;
    gap: 20px;
  }

  .home-contacts__value {
    font-size: 16px;
  }

  .home-contacts__value--phone {
    font-size: 24px;
  }

  .home-contacts__map {
    min-height: 300px;
    border-radius: 24px;
  }

  /* Footer */
  .site-footer__bg {
    border-radius: 50px 0 0 0;
    padding: 35px 0;
  }

  .site-footer__bg::before {
    border-radius: 50px 0 0 0;
  }

  .site-footer__grid {
    flex-direction: column;
    gap: 30px;
  }

  .footer-info {
    max-width: 100%;
  }

  .footer-info__logo img {
    height: 32px;
  }

  .footer-info__desc {
    font-size: 16px;
    max-width: 340px;
  }

  .footer-info__disclaimer {
    font-size: 13px;
    color: #585C66;
    max-width: 340px;
  }

  .footer-socials {
    gap: 15px;
  }

  .footer-socials__icon {
    width: 31px !important;
    height: 31px !important;
  }

  /* Nav accordion */
  .footer-nav {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  .footer-nav__col {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    gap: 0;
  }

  .footer-nav__col:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .footer-nav__title {
    font-size: 18px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    cursor: pointer;
    margin: 0;
  }

  .footer-nav__title::after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
    transform: rotate(45deg);
    transition: transform 0.25s;
    margin-top: -3px;
    flex-shrink: 0;
  }

  .footer-nav__title.active::after {
    transform: rotate(-135deg);
    margin-top: 3px;
  }

  .footer-nav__links {
    display: none;
    padding-bottom: 14px;
  }

  .footer-nav__links.active {
    display: block;
  }

  .footer-nav__links a {
    font-size: 16px;
    line-height: 180%;
    color: #313338;
  }

  .footer-nav__col .footer-nav__title~.footer-nav__title {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }

  .site-footer__watermark-text {
    font-size: 80px;
  }

  /* Floating buttons */
  .btn-to-top {
    width: 39px;
    height: 39px;
    font-size: 16px;
  }

  .btn-chat {
    width: 50px;
    height: 50px;
    filter: drop-shadow(0px 10px 30px rgba(35, 130, 255, 0.5));
  }

  .floating-buttons {
    bottom: 85px;
    right: 15px;
  }

  /* Cookie banner */
  #cookieBanner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 30px;
    max-width: 340px;
    width: 90%;
    min-height: 120px;
    bottom: 20px;
    padding: 23px 20px;
  }

  .cookie-banner__text {
    font-size: 12px;
    line-height: 130%;
    max-width: 218px;
  }

  .cookie-banner__btn {
    font-size: 12px;
    min-width: 69px;
    height: 40px;
    padding: 10px 20px;
  }
}


/* ==========================================================================
   STATUS TOOLTIP "?"  (замечание клиента 15.04 — пояснение к статусу товара)
   Добавлено сессией аудита (раунд 2)
   ========================================================================== */
.sp-status-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #E9ECFC;
  color: #6773B6;
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  transition: background 0.15s, color 0.15s;
}

.sp-status-tooltip:hover,
.sp-status-tooltip:focus-visible,
.sp-status-tooltip.is-open {
  background: #2344FF;
  color: #fff;
  outline: none;
}

.sp-status-tooltip__text {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  max-width: 280px;
  padding: 10px 14px;
  background: #1E2033;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s, visibility 0.2s;
  z-index: 100;
  white-space: normal;
  text-align: left;
}

.sp-status-tooltip__text::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1E2033;
}

.sp-status-tooltip:hover .sp-status-tooltip__text,
.sp-status-tooltip:focus-visible .sp-status-tooltip__text,
.sp-status-tooltip.is-open .sp-status-tooltip__text {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .sp-status-tooltip__text {
    min-width: 160px;
    max-width: 220px;
    font-size: 11px;
    padding: 8px 12px;
  }
}


/* === EXIT-SPRINT FIXES === */
/* Глобальная блокировка горизонтальной прокрутки, чтобы декоративные волны
   слайдеров и выступающие товарные карточки не создавали scroll */
html,
body {
  overflow-x: hidden;
  /* fallback: brauzer overflow:clip'ni qo'llamasa (eski Safari) */
  overflow-x: clip;
  /* zamonaviy brauzerlar: sticky buzilmaydi */
}

.home-slider,
.home-tabs,
.home-categories {
  overflow-x: hidden;
  overflow-x: clip;
}

/* Подвал: не даём колонкам сжиматься, чтобы "iPhone 15 Pro Max" не ломался
   на каждом слове на viewport <1440px. flex-wrap даёт перенос во 2 ряд
   вместо сжатия. В мобильном media-queries выше перекрывает flex-direction:column. */
@media (min-width: 901px) {
  .footer-nav {
    flex-wrap: wrap;
  }

  .footer-nav__col {
    flex-shrink: 0;
    min-width: 0;
  }

  .footer-nav__links a {
    white-space: nowrap;
  }
}

/* ===  FIXES: ТЗ-соответствие === */

/* Популярные запросы под полем поиска */
.ajax-search-popular {
  display: none;
  margin-top: 8px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #E6E8EE;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 100;
}

.ajax-search-popular[hidden] {
  display: none !important;
}

.ajax-search-popular__title {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  color: #919B9F;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ajax-search-popular__items {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ajax-search-popular__item {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  background: #F3F5FC;
  color: #2344FF;
  border: none;
  border-radius: 999px;
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s;
}

.ajax-search-popular__item:hover {
  background: #E6E8FC;
}

/* Чекбокс согласия в CF7-формах (acceptance) */
.sp-form-consent {
  margin-top: 6px;
}

.sp-form-consent .sp-consent-label {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

.sp-form-consent .sp-consent-label span {
  color: #94979F;
  font-family: "Wix Madefor Display";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 16.9px */
  letter-spacing: -0.13px;
}

.sp-consent-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #6B7280;
  cursor: pointer;
  user-select: none;
}

.sp-consent-label .wpcf7-list-item {
  margin: 0;
}

.sp-consent-label .wpcf7-list-item-label {
  display: none;
}

.sp-consent-label input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8px;
  border: 1px solid #C5C9D2;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(184, 200, 224, 0.22);
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}

.sp-consent-label input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'><path d='M12.25 1L4.75 8.5L1 4.75' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 10px;
}

.sp-consent-label input[type="checkbox"]:focus-visible {
  outline: 2px solid #2344FF;
  outline-offset: 2px;
}



.sp-consent-label a {
  color: #2344FF;
  text-decoration: underline;
}

.sp-consent-label a:hover {
  text-decoration: none;
}

/* Пометка "Без RuStore" при массовом режиме — тот же стиль, что и per-product */


/* Скрытие иконок в мега-меню по настройке «Каталог без иконок» */
.mega-menu-wrapper--no-icons .mega-sub-item i,
.mega-menu-wrapper--no-icons .mega-sub-item img,
.mega-menu-wrapper--no-icons .mega-cat-item>i,
.mega-menu-wrapper--no-icons .mega-cat-item>i img {
  display: none !important;
}

.mega-menu-wrapper--no-icons .mega-sub-item,
.mega-menu-wrapper--no-icons .mega-cat-item {
  padding-left: 0;
}


/* === 404 page === */
.error-404 {
  max-width: 720px;
  margin: 60px auto 80px;
  padding: 40px 24px;
  text-align: center;
}

.error-404__illustration {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.error-404__code {
  font-family: 'Wix Madefor Display', sans-serif;
  font-weight: 800;
  font-size: 120px;
  line-height: 1;
  background: linear-gradient(135deg, #2344FF 0%, #FF3A09 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -4px;
}

.error-404__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #222;
  margin: 0 0 12px;
}

.error-404__desc {
  font-size: 16px;
  color: #6E7280;
  line-height: 1.5;
  margin: 0 auto 28px;
  max-width: 520px;
}

.error-404__search {
  display: flex;
  gap: 8px;
  max-width: 500px;
  margin: 0 auto 28px;
  background: #F3F5FC;
  border-radius: 12px;
  padding: 6px;
}

.error-404__search input {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 12px 14px;
  font-size: 15px;
  color: #222;
  outline: none;
  min-width: 0;
}

.error-404__search button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #2344FF;
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease;
}

.error-404__search button:hover {
  background: #1a35cc;
}

.error-404__quick {
  margin: 0 0 28px;
}

.error-404__quick-label {
  display: block;
  font-size: 13px;
  color: #919B9F;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.error-404__quick-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.error-404__quick-list a {
  display: inline-block;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid #D7DAE3;
  border-radius: 999px;
  font-size: 14px;
  color: #222;
  text-decoration: none;
  transition: all .15s ease;
}

.error-404__quick-list a:hover {
  border-color: #2344FF;
  color: #2344FF;
}

.error-404__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.error-404__actions .btn {
  min-width: 180px;
}

@media (max-width: 600px) {
  .error-404 {
    margin: 30px auto 50px;
    padding: 20px 16px;
  }

  .error-404__code {
    font-size: 88px;
  }

  .error-404__title {
    font-size: 24px;
  }

  .error-404__desc {
    font-size: 14px;
  }

  .error-404__search button span {
    display: none;
  }

  .error-404__actions .btn {
    width: 100%;
    min-width: 0;
  }
}

/* === /404 page === */

/* === Search results page === */
.search-results {
  padding: 40px 0 60px;
}

.search-results__header {
  margin-bottom: 32px;
}

.search-results__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #0F1A2A;
  margin: 0 0 8px;
  line-height: 1.2;
}

.search-results__title span {
  color: #2344FF;
}

.search-results__meta {
  color: #6E7280;
  font-size: 16px;
  margin: 0 0 20px;
}

.search-results__form {
  display: flex;
  gap: 8px;
  max-width: 520px;
  background: #F3F5FC;
  border-radius: 12px;
  padding: 6px;
}

.search-results__form input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 12px 16px;
  font-size: 15px;
  outline: none;
}

.search-results__form button {
  background: #2344FF;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 22px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.search-results__form button:hover {
  background: #1c37cc;
}

.search-results__section {
  margin-top: 40px;
}

.search-results__section-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #0F1A2A;
  margin: 0 0 20px;
}

.search-results__count {
  color: #919B9F;
  font-weight: 400;
  font-size: 18px;
}

.search-results__pages {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.search-results__page-item {
  background: #F3F5FC;
  border-radius: 12px;
  transition: background 0.2s;
}

.search-results__page-item:hover {
  background: #E8ECF6;
}

.search-results__page-link {
  display: block;
  padding: 18px 22px;
  text-decoration: none;
  color: inherit;
}

.search-results__page-link h3 {
  margin: 0 0 6px;
  font-size: 17px;
  color: #2344FF;
  font-weight: 600;
}

.search-results__page-link p {
  margin: 0;
  color: #6E7280;
  font-size: 14px;
}

.search-results__empty {
  text-align: center;
  padding: 40px 0;
}

.search-results__quick {
  margin-bottom: 24px;
}

.search-results__quick-label {
  display: block;
  color: #919B9F;
  margin-bottom: 12px;
  font-size: 14px;
}

.search-results__quick-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.search-results__quick-list a {
  display: inline-block;
  padding: 8px 18px;
  background: #F3F5FC;
  border-radius: 100px;
  color: #2344FF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s;
}

.search-results__quick-list a:hover {
  background: #2344FF;
  color: #fff;
}

.search-results__home-btn {
  display: inline-block;
  margin-top: 16px;
}

@media (max-width: 600px) {
  .search-results__title {
    font-size: 26px;
  }

  .search-results__section-title {
    font-size: 20px;
  }
}

/* === Empty cart page === */
.cart-empty {
  padding: 60px 0;
  text-align: center;
}

.cart-empty__inner {
  max-width: 600px;
  margin: 0 auto;
}

.cart-empty__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.cart-empty__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #0F1A2A;
  margin: 0 0 12px;
}

.cart-empty__desc {
  color: #6E7280;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 28px;
}

.cart-empty__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.cart-empty__categories {
  padding-top: 28px;
  border-top: 1px solid #E1E5F2;
}

.cart-empty__categories-label {
  display: block;
  color: #919B9F;
  margin-bottom: 14px;
  font-size: 14px;
}

.cart-empty__cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.cart-empty__cat-list a {
  display: inline-block;
  padding: 8px 18px;
  background: #F3F5FC;
  border-radius: 100px;
  color: #2344FF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
}

.cart-empty__cat-list a:hover {
  background: #2344FF;
  color: #fff;
}

@media (max-width: 600px) {
  .cart-empty {
    padding: 40px 0;
  }

  .cart-empty__title {
    font-size: 24px;
  }

  .cart-empty__icon svg {
    width: 90px;
    height: 90px;
  }
}


/* === Search results page === */
.search-results {
  padding: 40px 0 60px;
}

.search-results__header {
  margin-bottom: 32px;
}

.search-results__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #0F1A2A;
  margin: 0 0 8px;
  line-height: 1.2;
}

.search-results__title span {
  color: #2344FF;
}

.search-results__meta {
  color: #6E7280;
  font-size: 16px;
  margin: 0 0 20px;
}

.search-results__form {
  display: flex;
  gap: 8px;
  max-width: 520px;
  background: #F3F5FC;
  border-radius: 12px;
  padding: 6px;
}

.search-results__form input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 12px 16px;
  font-size: 15px;
  outline: none;
}

.search-results__form button {
  background: #2344FF;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 22px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.search-results__form button:hover {
  background: #1c37cc;
}

.search-results__section {
  margin-top: 40px;
}

.search-results__section-title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #0F1A2A;
  margin: 0 0 20px;
}

.search-results__count {
  color: #919B9F;
  font-weight: 400;
  font-size: 18px;
}

.search-results__pages {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.search-results__page-item {
  background: #F3F5FC;
  border-radius: 12px;
  transition: background 0.2s;
}

.search-results__page-item:hover {
  background: #E8ECF6;
}

.search-results__page-link {
  display: block;
  padding: 18px 22px;
  text-decoration: none;
  color: inherit;
}

.search-results__page-link h3 {
  margin: 0 0 6px;
  font-size: 17px;
  color: #2344FF;
  font-weight: 600;
}

.search-results__page-link p {
  margin: 0;
  color: #6E7280;
  font-size: 14px;
}

.search-results__empty {
  text-align: center;
  padding: 40px 0;
}

.search-results__quick {
  margin-bottom: 24px;
}

.search-results__quick-label {
  display: block;
  color: #919B9F;
  margin-bottom: 12px;
  font-size: 14px;
}

.search-results__quick-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.search-results__quick-list a {
  display: inline-block;
  padding: 8px 18px;
  background: #F3F5FC;
  border-radius: 100px;
  color: #2344FF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.2s;
}

.search-results__quick-list a:hover {
  background: #2344FF;
  color: #fff;
}

.search-results__home-btn {
  display: inline-block;
  margin-top: 16px;
}

@media (max-width: 600px) {
  .search-results__title {
    font-size: 26px;
  }

  .search-results__section-title {
    font-size: 20px;
  }
}

/* === Empty cart page === */
.cart-empty {
  padding: 60px 0;
  text-align: center;
}

.cart-empty__inner {
  max-width: 600px;
  margin: 0 auto;
}

.cart-empty__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.cart-empty__title {
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #0F1A2A;
  margin: 0 0 12px;
}

.cart-empty__desc {
  color: #6E7280;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 28px;
}

.cart-empty__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.cart-empty__categories {
  padding-top: 28px;
  border-top: 1px solid #E1E5F2;
}

.cart-empty__categories-label {
  display: block;
  color: #919B9F;
  margin-bottom: 14px;
  font-size: 14px;
}

.cart-empty__cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.cart-empty__cat-list a {
  display: inline-block;
  padding: 8px 18px;
  background: #F3F5FC;
  border-radius: 100px;
  color: #2344FF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
}

.cart-empty__cat-list a:hover {
  background: #2344FF;
  color: #fff;
}

@media (max-width: 600px) {
  .cart-empty {
    padding: 40px 0;
  }

  .cart-empty__title {
    font-size: 24px;
  }

  .cart-empty__icon svg {
    width: 90px;
    height: 90px;
  }
}



/* ====================================================================== */
/* === десктоп-верстка главной ====== */
/* ====================================================================== */

/* --- 1. Slider dots (Figma: 6x6 inactive, 30x6 active, #D8DBE4 / #2344FF) --- */
.home-slider__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

.home-slider__dot {
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background: #D8DBE4;
  transition: width 0.3s ease, background 0.3s ease;
  cursor: pointer;
}

.home-slider__dot.active {
  width: 30px;
  height: 6px;
  background: #2344FF;
  border-radius: 50px;
}

/* --- 2. "Выгодная цена." выделена жирным --- */
.home-why__subtitle-bold {
  font-weight: 700;
  color: #353535;
}

/* --- 3. Brand cards — равная ширина, влезают в контейнер --- */
@media (min-width: 769px) {
  .home-store__brands {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    width: 100%;
  }

  .home-store__brand-card {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    box-sizing: border-box;
    flex-shrink: 1;
  }
}

/* --- 4. SEO trust photos — равная ширина в 4 колонки, влезают в контейнер --- */
@media (min-width: 769px) {
  .home-seo__photos {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    width: 100%;
  }

  .home-seo__photo {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    height: 250px;
    box-sizing: border-box;
    flex-shrink: 1;
  }
}

/* --- 5. Footer: адаптивный padding и grid 2-х блоков (info + nav) --- */
@media (min-width: 901px) {
  .site-footer__grid {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(0, 2.4fr);
    gap: 40px;
    align-items: start;
  }

  .footer-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    flex-wrap: nowrap;
  }

  .footer-nav__col {
    min-width: 0;
    gap: 12px;
  }

  .footer-nav__title--secondary {
    margin-top: 28px;
  }

  .footer-nav__links a {
    white-space: normal;
    word-break: keep-all;
  }
}

@media (min-width: 1280px) {
  .footer-nav {
    gap: 40px;
  }
}

/* --- 6. home-categories: prev/next arrows в шапке блока --- */
.home-categories__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 16px 0;
}

.home-categories__head .home-categories__title {
  margin: 0;
}

.home-categories__nav {
  display: flex;
  gap: 8px;
}

.home-categories__arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #EFF1F7;
  border: none;
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, opacity 0.2s;
  flex-shrink: 0;
}

.home-categories__arrow:hover {
  background: #E2E5EE;
}

.home-categories__arrow:disabled,
.home-categories__arrow.is-disabled {
  opacity: 0.4;
  cursor: default;
}

@media (max-width: 768px) {
  .home-categories__nav {
    display: none;
  }
}

/* === уточнения по обходу пользователя === */

/* --- 11.1 Slider: показываем 2 слайда одновременно на десктопе --- */

/* --- 11.2 Apple-карточка: уменьшаем картинку, чтобы не закрывала список товаров --- */
.home-store__brand-card:first-child .home-store__brand-img {
  width: 120px;
  right: -10px;
  bottom: -10px;
}

.home-store__brand-list,
.home-store__brand-name {
  position: relative;
  z-index: 2;
}

/* --- 11.3 home-categories: скрыть стрелки если карточки умещаются (нет переполнения) --- */
.home-categories__nav.is-hidden {
  display: none !important;
}

/* --- 11.4 Footer: убрать «бугорок» AirPods под Информацией если высота колонок не сходится --- */
@media (min-width: 901px) {
  .footer-nav__col .footer-nav__title--secondary {
    margin-top: 24px;
  }
}



/* === мобильная верстка главной === */

/* --- 12.1 Бургер: 2 белые линии (вместо 3), позиция СЛЕВА от логотипа --- */
.mobile-burger-btn {
  align-items: center;
  justify-content: center;
  gap: 5.8px;
  flex-direction: column;
  padding: 0;
  border: none;
  cursor: pointer;
}

.mobile-burger-btn__line {
  display: block !important;
  width: 16px !important;
  height: 1.5px !important;
  background: #FFFFFF !important;
  border-radius: 20px !important;
  margin: 0 !important;
}

@media (max-width: 768px) {

  /* burger — ПЕРВЫЙ в ряду */
  .mobile-burger-btn {
    order: 0 !important;
    margin-right: 10px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5.8px !important;
    background: #2344FF !important;
    border: none !important;
    border-radius: 10px !important;
    width: 33px !important;
    height: 33px !important;
    min-width: 33px !important;
    padding: 0 !important;
    cursor: pointer !important;
  }

  .logo {
    order: 1 !important;
    flex: 0 0 auto;
    text-align: left;
  }

  .header-mobile-icons {
    order: 2 !important;
    margin-left: auto;
    gap: 10px;
  }

  /* поиск СЛЕВА, адрес СПРАВА (swap) */
  .header-icon--mobile-search {
    order: 0 !important;
  }

  .header-icon--mobile-location {
    order: 1 !important;
  }
}

/* --- 12.2 Слайдер: горизонтальная лента на мобильном (а НЕ колонка) ---
   Был flex-direction: column → translateX не смещал и 2-й слайд был недоступен.
   Возвращаем row + каждый слайд 100% ширины. */
@media (max-width: 768px) {
  .home-slider__track {
    flex-direction: row !important;
    gap: 0 !important;
  }

}

/* --- 12.3 Скрыть блок "Интернет магазин" на мобильном (до "Широкой линейки") --- */
@media (max-width: 768px) {
  .home-intro {
    padding: 0 !important;
    background: transparent !important;
  }

  .home-intro .container>* {
    display: none !important;
  }

  .home-intro .home-intro__title {
    display: block !important;
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}

/* --- 12.4 Карточки товаров в табах: 2 колонки (grid) на контейнере home-products__grid --- */
@media (max-width: 768px) {
  .home-tabs__panel {
    display: block !important;
  }

  .home-tabs__panel:not(.active) {
    display: none !important;
  }

  .home-products__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
    flex-wrap: wrap;
    align-items: start;
  }

  .home-products__grid>.product-card,
  .home-products__grid>li.product {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .home-products__grid .product-card__image-link,
  .home-products__grid .product-card__thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  .home-products__grid img {
    max-width: 100% !important;
    width: 137px;
    height: auto !important;
    object-fit: contain;
  }
}

/* --- 12.5 "Почему выбирают нас?" — Figma типографика + исправить наложение текста --- */
@media (max-width: 768px) {
  .home-why__title {
    font-family: 'Wix Madefor Display', sans-serif !important;
    font-weight: 600 !important;
    font-size: 30px !important;
    line-height: 100% !important;
    letter-spacing: -0.03em !important;
    color: #000 !important;
    max-width: 217px;
  }

  /* Разводим 100% оригинал и подписью — увеличиваем карточку и расставляем */
  .home-why__image-card {
    height: 280px !important;
    padding: 24px;
    position: relative;
  }

  .home-why__icon-check {
    top: 24px !important;
    left: 24px !important;
    bottom: auto !important;
    width: 28px !important;
    height: 28px !important;
  }

  .home-why__image-title {
    top: 60px !important;
    bottom: auto !important;
    left: 24px !important;
    font-size: 22px !important;
    line-height: 110% !important;
  }

  .home-why__image-text {
    top: 100px !important;
    bottom: auto !important;
    left: 24px !important;
    font-size: 13px !important;
    line-height: 125% !important;
    width: calc(100% - 48px) !important;
    max-width: 220px;
  }

  .home-why__iphone {
    right: -20px;
    bottom: 0;
    max-height: 220px;
    width: auto;
  }
}

/* --- 12.6 "Заходите в наши магазины" — фото НЕ должны закрывать текст --- */
@media (max-width: 768px) {
  .home-store__visit {
    position: relative;
    padding: 0 20px !important;
  }

  /* фото СНИЗУ в потоке, НЕ абсолютом */
}

/* --- 12.7 Форма "Не нашли что искали?" — выравнивание --- */
@media (max-width: 768px) {
  .home-store__callback {
    padding: 0 20px;
  }

  .home-store__callback-inner {
    padding: 28px 22px !important;
    border-radius: 24px !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .home-store__callback-illustration {
    display: none !important;
  }

  .home-store__callback-swirl {
    display: none !important;
  }

  .home-store__callback-title {
    font-size: 22px !important;
    line-height: 110% !important;
    text-align: left;
    max-width: 220px;
  }

  .home-store__callback-subtitle {
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 18px;
  }

  .home-store__callback-subtitle span {
    font-size: 13px !important;
    line-height: 130%;
  }

  .home-store__callback-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  .home-store__callback-form input[type="text"],
  .home-store__callback-form input[type="tel"],
  .home-store__callback-form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box;
  }

  .home-store__callback-form button,
  .home-store__callback-form .btn {
    width: 100% !important;
    box-sizing: border-box;
  }
}

/* --- 12.8 Footer: выравнивание колонок на мобильном --- */
@media (max-width: 768px) {
  .footer-nav__col {
    align-items: flex-start;
    text-align: left;
  }

  .footer-nav__title,
  .footer-nav__title--secondary {
    text-align: left;
  }

  .footer-nav__title--secondary {
    margin-top: 20px;
  }

  .footer-nav__links {
    align-items: flex-start;
  }
}


/* === (b): fix product grid nesting === */
@media (max-width: 768px) {
  .home-tabs__panel {
    display: block !important;
  }

  .home-tabs__panel .home-products__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .home-tabs__panel .home-products__grid .product-card,
  .home-products__grid .product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0;
  }

  /* перебиваем абс-позиционирование внутренних элементов карточки на мобильном */
  .home-products__grid .product-card__image-link,
  .home-tabs__panel .product-card__image-link {
    position: relative !important;
    margin: 0 auto 0 !important;
    width: 82% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
    padding: 0;
  }
}

/* === (c): slide 2 content visible === */
@media (max-width: 768px) {

  /* Второй слайд имеет светлый фон (slide2-bg.jpg) — делаем контент тёмным, чтобы был виден */
  .home-slide.home-slide-1 .home-slide__title,
  .home-slide.home-slide-1 .home-slide__desc {
    color: #000 !important;
  }

  .home-slide.home-slide-1 .home-slide__btn {
    border-color: #000 !important;
    background: rgba(0, 0, 0, 0.05);
  }

  .home-slide.home-slide-1 .home-slide__btn svg path {
    stroke: #000 !important;
  }

  /* Сжимаем картинку продукта, чтобы не уезжала за границы */
  /* Figma: картинка товара во всю высоту карточки, не резонно */
  .home-slide__product {
    max-width: 55% !important;
    height: 100% !important;
    width: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    object-fit: contain !important;
    object-position: right bottom !important;
  }
}


/* === mobile fixes === */
@media (max-width: 768px) {

  /* 13.1 Точно 2 ряда карточек товаров = 4 штуки, остальное скрыть */
  .home-products__grid> :nth-child(n+5) {
    display: none !important;
  }

  /* 13.2 "Почему выбирают нас?" — заголовок по левому краю блока */
  .home-why__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
  }

  .home-why__title {
    text-align: left !important;
    max-width: none !important;
    position: relative;
    z-index: 4;
  }

  .home-why__subtitle {
    text-align: left !important;
  }

  /* 13.3 Картинка iPhone в карточке "100% оригинал" — видна, справа */
  .home-why__image-card {
    height: 320px !important;
    overflow: hidden !important;
    background-size: cover !important;
  }

  .home-why__iphone {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    left: auto !important;
    height: 100% !important;
    max-height: none !important;
    width: 60% !important;
    max-width: 60% !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    display: block !important;
    z-index: 1 !important;
    opacity: 1 !important;
    loading: eager !important;
  }

  .home-why__icon-check,
  .home-why__image-title,
  .home-why__image-text {
    z-index: 2 !important;
  }

  /* 13.4 Форма callback — все элементы от единой левой кромки */
  .home-store__callback-inner {
    padding: 24px 20px !important;
  }

  .home-store__callback-field {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-store__callback-label {
    display: block !important;
    text-align: left !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
  }

  .home-store__callback-input {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .home-store__callback-btn {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  .home-store__callback-consent {
    margin: 14px 0 0 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
  }

  .home-store__callback-socials {
    margin: 16px 0 0 0 !important;
    padding: 0 !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 10px !important;
  }

  /* 13.5 Footer mobile — полная перестройка как в Figma */
  /* Верхняя полоса: лого + ↑ + telegram */
  .footer-mobile-top {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    margin-bottom: 18px;
  }

  .footer-mobile-top__logo img {
    height: 26px;
    width: auto;
    display: block;
  }

  .footer-mobile-top__right {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .footer-mobile-top__scroll {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #101828;
  }

  .footer-mobile-top__tg {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #2344FF;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-mobile-top__tg svg {
    width: 18px;
    height: 18px;
    fill: #fff;
  }

  /* Скрываем лого и заглушку "STORE180" водяной знак */
  .footer-info__logo {
    display: none !important;
  }

  .site-footer__watermark {
    display: none !important;
  }

  /* Footer-nav — одна колонка, все h3 полноразмерные, ul под ними */
  .site-footer__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 20px !important;
  }

  .footer-nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
    order: 1 !important;
  }

  .footer-nav__col {
    display: contents !important;
  }

  .footer-nav__title,
  .footer-nav__title--secondary {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    font-size: 16px !important;
    cursor: pointer !important;
    width: fit-content;
  }

  .footer-nav__title::after,
  .footer-nav__title--secondary::after {
    content: "вЊ„";
    font-size: 20px;
    line-height: 0.5;
    color: #101828;
    transition: transform 0.2s;
  }

  .footer-nav__links {
    display: none !important;
    list-style: none;
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
  }

  .footer-nav__title.is-open::after,
  .footer-nav__title--secondary.is-open::after {
    transform: rotate(45deg);
  }

  /* Порядок секций в Figma: Инфо, iPhone, iPad, AirPods, Mac, Аксессуары */
  .footer-nav__col:nth-child(1)>h3:nth-of-type(1) {
    order: 1 !important;
  }

  /* Информация */
  .footer-nav__col:nth-child(1)>ul:nth-of-type(1) {
    order: 2 !important;
  }

  .footer-nav__col:nth-child(1)>h3:nth-of-type(2) {
    order: 7 !important;
  }

  /* AirPods */
  .footer-nav__col:nth-child(1)>ul:nth-of-type(2) {
    order: 8 !important;
  }

  .footer-nav__col:nth-child(2)>h3:nth-of-type(1) {
    order: 3 !important;
  }

  /* iPhone */
  .footer-nav__col:nth-child(2)>ul:nth-of-type(1) {
    order: 4 !important;
  }

  .footer-nav__col:nth-child(2)>h3:nth-of-type(2) {
    order: 9 !important;
  }

  /* Mac */
  .footer-nav__col:nth-child(2)>ul:nth-of-type(2) {
    order: 10 !important;
  }

  .footer-nav__col:nth-child(3)>h3:nth-of-type(1) {
    order: 5 !important;
  }

  /* iPad */
  .footer-nav__col:nth-child(3)>ul:nth-of-type(1) {
    order: 6 !important;
  }

  .footer-nav__col:nth-child(3)>h3:nth-of-type(2) {
    order: 11 !important;
  }

  /* Аксессуары */
  .footer-nav__col:nth-child(3)>ul:nth-of-type(2) {
    order: 12 !important;
  }

  /* Info-блок идёт ПОСЛЕ навигации (описание + соцсети + дисклеймер) */
  .footer-info {
    order: 2 !important;
    padding: 20px 0 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 14px;
  }

  .footer-info__desc {
    font-size: 14px !important;
    line-height: 140% !important;
    margin: 0 0 14px 0 !important;
  }

  .footer-socials {
    display: flex !important;
    gap: 10px !important;
    margin: 0 0 16px 0 !important;
  }

  .footer-info__disclaimer {
    font-size: 12px !important;
    line-height: 140% !important;
    color: #6b7280 !important;
  }
}

/* Скрыть блок верхней мобильной полосы на десктопе */
.footer-mobile-top {
  display: none;
}

/* === b: слайдер на мобильном — полная ширина viewport, один слайд активен === */
@media (max-width: 768px) {
  .home-slider {
    width: 100%;
    overflow: hidden;
  }

  .home-slider .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .home-slider__outer {
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box;
    gap: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  .home-slider__outer .swiper {
    margin: 0;
  }

  .home-slider__track {
    display: flex !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .home-slide {
    box-sizing: border-box !important;
    padding: 24px 20px !important;
  }

  .home-slide__content {
    max-width: 55% !important;
  }
}

/* ===  — мобильные правки (палочка, карта, карточки) === */
@media (max-width: 768px) {

  /* 14.1 Разделитель под контактным баром (Figma Rectangle 294 #D9D9D9) */
  .mobile-contact-bar {
    border-bottom: 1px solid #D9D9D9 !important;
  }

  /* 14.2 Блок Яндекс.карты: задать фактическую высоту (не только min-height),
	       чтобы дочерний #yandex-map с height:100% корректно раскрывался */
  .home-contacts__map {
    height: 300px !important;
    min-height: 300px !important;
  }

  .home-contacts__map>#yandex-map,
  .home-contacts__map>div {
    height: 100% !important;
    min-height: 300px !important;
    width: 100% !important;
  }

  /* 14.3 Карточки товаров: бейджи переносятся, не обрезаются */
  .product-card__badges {
    flex-wrap: wrap !important;
    row-gap: 3px !important;
    column-gap: 4px !important;
    max-width: calc(100% - 16px) !important;
  }

  .product-card__badges .badge {
    font-size: 9.5px !important;
    padding: 3px 7px !important;
    line-height: 1.1 !important;
    white-space: nowrap;
  }

  /* Названия — до 3 строк чтобы длинные не обрезались ключевые слова */
  .product-card__title {
    -webkit-line-clamp: 3 !important;
    font-size: 12.5px !important;
    line-height: 1.15 !important;
  }

  /* Цена с диапазоном — не «ломать» жирный блок на куски */
  .product-card__price {
    font-size: 15px !important;
    line-height: 1.05 !important;
    word-break: normal !important;
  }

  .product-card__price-range {
    font-size: 14px !important;
    white-space: normal !important;
  }

  /* Предотвратить накладывание плавающих FAB на карточки:
	   добавить нижний отступ у грида, чтобы последний ряд не оказывался под кнопкой */
  .home-products__grid {
    padding-bottom: 70px !important;
  }
}


/* === b === */
@media (max-width: 768px) {

  /* 14b.1 Палочка — между лого и соц.строкой (поверх, не снизу) */
  .mobile-contact-bar {
    border-top: 1px solid #D9D9D9 !important;
    border-bottom: 1px solid #D9D9D9 !important;
  }

  /* 14b.2 Карточки — не перекрывать ряд низом */
  .home-products__grid {
    padding-bottom: 10px !important;
  }

  /* 14b.3 Кнопка купить — компактнее и не перекрывает цену */
  .product-card__bottom {
    gap: 6px !important;
    align-items: center !important;
  }

  .product-card__action {
    flex-shrink: 0;
  }

  .product-card__price-box {
    min-width: 0;
    flex: 1 1 auto;
  }

  .product-card__price,
  .product-card__price-range {
    font-size: 13.5px !important;
    line-height: 1.1 !important;
    word-break: keep-all;
  }

  .btn-add-to-cart {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
  }

  .btn-add-to-cart svg {
    width: 16px !important;
    height: 16px !important;
  }
}

/* === c — разрешаем карточкам расти под контент, чтобы цена не обрезалась === */
@media (max-width: 768px) {
  .product-card {
    height: 100% !important;
    min-height: 301px !important;
  }

  .product-card__inner {
    height: auto !important;
    min-height: 100%;
  }

  /* Футер сайта и навигация снизу не должны перекрывать последний ряд */
  body.home {
    padding-bottom: 20px;
  }
}


/* ===  — попап адреса по Figma (мобильный) === */
@media (max-width: 768px) {
  .mobile-address-popover {
    display: none;
    /* показывается через JS как flex */
    position: absolute !important;
    top: 61px !important;
    left: 30px !important;
    right: 30px !important;
    max-width: 340px;
    margin: 0 auto;
    background: #FFFFFF !important;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2) !important;
    border-radius: 20px !important;
    padding: 17px 25px 12px !important;
    z-index: 1000;
    animation: fadeIn 0.25s ease-out;
  }

  .mobile-address-popover__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100%;
    padding-right: 18px;
    /* место под крестик */
  }

  .mobile-address-popover__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px 6px !important;
    background: #2344FF !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    font-family: 'Wix Madefor Display', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    letter-spacing: -0.02em !important;
    text-transform: none;
    flex: none;
  }

  .mobile-address-popover__text {
    font-family: 'Manrope', 'Wix Madefor Display', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 130% !important;
    letter-spacing: -0.01em !important;
    color: #353535 !important;
    flex: none;
    width: 100%;
  }

  .mobile-address-popover__close {
    position: absolute;
    top: 10px;
    right: 14px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: transparent;
    color: #353535;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
  }
}

/* ====Mobile submenu (drill-down) list items fix ==== */
@media (max-width: 768px) {
  .mobile-submenu__list li {
    height: auto !important;
    min-height: 42px;
    padding: 8px 0;
    align-items: flex-start !important;
  }

  .mobile-submenu__list a {
    line-height: 130% !important;
    align-items: center !important;
    padding: 6px 0;
  }

  .mobile-submenu__rec-list {
    gap: 4px !important;
  }

  .mobile-submenu__rec-list li {
    min-height: 48px;
  }
}

/* ====Mobile search popover (Figma Rectangle 197) ==== */
@media (max-width: 768px) {

  /* Снимаем clip на оверлее: результаты внутри него должны рисоваться полностью */
  .mobile-search-overlay {
    overflow: visible !important;
    max-height: none !important;
    border-radius: 12px !important;
    box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.3) !important;
    width: 340px !important;
  }

  .mobile-search-overlay__inner {
    padding: 16px 18px 20px !important;
    max-height: calc(100vh - 80px);
    /* fallback */
    max-height: calc(100dvh - 80px);
    /* brauzer panelini hisobga oladi */
    overflow-y: auto;
  }

  /* Результаты внутри мобильного оверлея — НЕ fixed, а в потоке формы */
  .mobile-search-overlay .ajax-search-results.mobile-search-results {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-height: none !important;
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid #EBEDF3;
    box-shadow: none;
    border-radius: 0;
  }

  /* Верхние pills (токены запроса) — СИНИЕ по Figma */
  .mobile-search-overlay .search-pills {
    gap: 4px;
    margin-bottom: 13px;
    flex-wrap: wrap;
  }

  .mobile-search-overlay .search-pill {
    border: 1px solid #2344FF !important;
    color: #353535 !important;
    padding: 6px 10px !important;
    border-radius: 800px !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    line-height: 130% !important;
  }

  /* Заголовки секций */
  .mobile-search-overlay .search-results-title {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #919B9F;
    margin: 13px 0 10px;
  }

  /* Товары */
  .mobile-search-overlay .search-product-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 13px;
  }

  .mobile-search-overlay .search-product-item {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
  }

  .mobile-search-overlay .search-product-item img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .mobile-search-overlay .search-product-item span {
    font-family: 'Wix Madefor Display', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 110% !important;
    letter-spacing: -0.02em !important;
    color: #000000 !important;
  }

  /* "показать еще больше" */
  .mobile-search-overlay .search-show-more {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #C6CADD;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: 13px;
  }

  /* Нижние категории — серая рамка #94979F */
  .mobile-search-overlay .search-categories {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
  }

  .mobile-search-overlay .search-category-pill {
    border: 1px solid #94979F !important;
    color: #353535 !important;
    padding: 6px 10px !important;
    border-radius: 800px !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    line-height: 130% !important;
    text-decoration: none;
  }
}

/* ==== b: Wrap mobile search form so results go below input ==== */
@media (max-width: 768px) {
  .mobile-search-overlay .mobile-search-form {
    flex-wrap: wrap !important;
  }

  .mobile-search-overlay .mobile-search-form>.ajax-search-results,
  .mobile-search-overlay .mobile-search-form>.ajax-search-popular {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* ====Contacts page — decorative "Vector" pattern on map background ==== */
.page-contacts .contacts-info-block {
  position: relative;
}

.page-contacts .contacts-info__left,
.page-contacts .contacts-info__right {
  position: relative;
  z-index: 1;
}

/* ========================================================================Галочка согласия «по умолчанию ВЫКЛ» для кастомных форм (ТЗ п.13)
   ======================================================================== */
.form-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 12px;
  color: #94979F;
  font-family: 'Manrope';
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 16.9px */
  letter-spacing: -0.13px;
  cursor: pointer;
  user-select: none;
  max-width: 599px;
}

.form-consent input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 1px 0 0;
  border: 1px solid #C5C9D2;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(184, 200, 224, 0.22);
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: background .15s ease, border-color .15s ease;
}

.form-consent input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid #575757;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form-consent input[type=checkbox]:focus-visible {
  outline: 2px solid #2344FF;
  outline-offset: 2px;
}

.form-consent__text a {
  color: #94979F;
  text-decoration: underline
}

.form-consent__text a:hover {
  text-decoration: none
}

/* ========================================================================WCAG 2.4.7 «Focus Visible» — глобальный :focus-visible ring.
   В теме 23 CSS-селектора с `outline: none` (формы, селекты, input-ы,
   модалки), что ломает keyboard-navigation для клавиатурных и screen-reader
   пользователей. Возвращаем видимый фокус через :focus-visible (не :focus,
   чтобы не мешать мышиной навигации).
   Стиль: 2px сплошная рамка брендового синего #2344FF + offset 2px —
   видно на любом фоне, не меняет расположение элементов.
   ======================================================================== */
*:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.sp-input:focus-visible,
.ajax-search-input:focus-visible,
.mobile-search-input:focus-visible,
.callback-input:focus-visible,
.price-input-wrap input:focus-visible,
.sp-select:focus-visible,
.archive-sort select:focus-visible,
.archive-top-selectors select:focus-visible,
.home-contact-form .wpcf7-form-control:focus-visible,
.callback-section__form .wpcf7-form-control:focus-visible {
  outline: 2px solid #2344FF !important;
  outline-offset: 2px !important;
  border-radius: 2px;
}

/* Для input-ов внутри стилизованных обёрток offset отрицательный,
   чтобы рамка не «вылезала» за контейнер. */
.sp-input:focus-visible,
.ajax-search-input:focus-visible,
.mobile-search-input:focus-visible,
.callback-input:focus-visible {
  outline-offset: 0 !important;
}

/*Skip-to-content (WCAG 2.4.1 Level A) */
.skip-link.screen-reader-text {
  position: absolute !important;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.skip-link.screen-reader-text:focus,
.skip-link.screen-reader-text:focus-visible {
  position: fixed !important;
  left: 16px;
  top: 16px;
  z-index: 100000;
  width: auto;
  height: auto;
  padding: 12px 20px;
  background: #2344FF;
  color: #fff !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
  clip: auto;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

main[tabindex="-1"]:focus {
  outline: none;
}


/* === мобильный аудит — фикс overflow хедера + читабельность мелких подписей === */

/* 43.1 Header на узких мобильных (<=480): убираем overflow иконок вправо за viewport.
   Причина: burger(33) + logo(~175) + icons(76) + gap 30x2 = 344px при inner ~308px. */
@media (max-width: 480px) {
  .header-main__inner {
    gap: 10px !important;
  }

  /* чуть уменьшаем логотип, чтобы гарантированно помещались все элементы */
  .logo-img {
    height: 32px;
    margin-top: -8px;
  }
}

/* 43.2 Мелкие подписи на мобильном — поднимаем до читаемого минимума (WCAG-ориентир 12px). */
@media (max-width: 768px) {

  .badge--sale,
  .badge {
    font-size: 11px !important;
  }

  .price-label {
    font-size: 11px !important;
  }
}

/* 43.3 Touch-targets: минимум 32px высота для кнопок фильтра и крестика меню (WCAG 2.5.5). */
@media (max-width: 768px) {
  .mobile-menu__close {
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .home-tabs__btn {
    min-height: 32px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

/* === SEO + a11y финальные мелочи === */

/* 44.1 Generic .screen-reader-text — визуально скрыт, но доступен для screen-readers.
   Нужен для <h1 class="screen-reader-text"> на главной и <span> в пагинации. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* 44.2 Хлебные крошки (breadcrumbs) — поднимаем шрифт с 11px до 12px на мобильном. */
@media (max-width: 768px) {

  .woocommerce-breadcrumb,
  .woocommerce-breadcrumb a,
  .breadcrumbs,
  .breadcrumbs a {
    font-size: 12px !important;
  }
}

/* === регрессия мобильного контакт-бара ===
   Проблема: телефон +7(958)496-44-26 в .mobile-contact-bar был 18px Manrope 700
   с letter-spacing -0.01em → на узких экранах (320–360px) ширина телефона ~169px
   + соцсети ~148px + gap превышали контейнер 280–320px, телефон «прилипал»
   к иконкам и переносился на 2 строки. Фикс: уменьшаем кегль до 16px и запрещаем
   перенос номера, уменьшаем gap у соцсетей на узких экранах. */
@media (max-width: 480px) {
  .mobile-contact-bar__phone {
    font-size: 16px !important;
    letter-spacing: 0 !important;
    gap: 5px !important;
    flex: 0 0 auto;
  }

  .mobile-contact-bar__phone a {
    white-space: nowrap !important;
  }

  .mobile-contact-bar__socials {
    gap: 10px !important;
    flex: 0 0 auto;
  }

  .mobile-contact-bar__inner {
    gap: 12px;
  }
}

@media (max-width: 360px) {
  .mobile-contact-bar__phone {
    font-size: 15px !important;
  }

  .mobile-contact-bar__socials {
    gap: 8px !important;
  }

  .social-icon--small {
    width: 20px !important;
    height: 20px !important;
  }
}

/* === мобильные tap-targets, FAB и визуальные мелочи === */

/* 46.1 Кнопка "?" статуса товара (.sp-status-tooltip): визуально 16×16, но tap-area 32×32
   через ::before pseudo. WCAG 2.5.5 (Target Size AAA) — 24px min recommended. */
.sp-status-tooltip::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
}

/* 46.2 Соцсети в блоке "Заходите к нам в наш магазин" (.home-store__social) на мобильном:
   было 27×27, теперь 32×32 для полноценного tap target. Иконка внутри без изменений. */
@media (max-width: 768px) {
  .home-store__social {
    width: 32px !important;
    height: 32px !important;
  }
}

/* 46.3 Соцсети в футере (.footer-socials__icon) на мобильном: 31→32px. */
@media (max-width: 768px) {
  .footer-socials__icon {
    width: 32px !important;
    height: 32px !important;
  }
}

/* 46.4 Кнопка "показать ещё больше" (.home-seo__more) на мобильном: визуальная высота
   была ~27px (16px текст + 8px padding + 1px border), teперь 36px min для tap-target. */
@media (max-width: 768px) {
  .home-seo__more {
    padding: 8px 0;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
  }
}

/* 46.5 Декоративный водяной знак "STORE180" (.home-store__bg) на мобильном: 200px font
   обрезался некрасиво на экранах <450px. Плавно уменьшаем кегль и прижимаем к центру. */
@media (max-width: 480px) {
  .home-store__bg {
    font-size: 120px !important;
  }
}

@media (max-width: 360px) {
  .home-store__bg {
    font-size: 100px !important;
  }
}

/* ===== Product page, mobile ===== */
@media (max-width: 768px) {

  /* Help-socials in product sidebar: 25в†’32 tap targets */
  .sp-buybox__help .soc {
    width: 32px !important;
    height: 32px !important;
  }

  .sp-buybox__help .soc svg {
    width: 16px;
    height: 16px;
  }

  /* "Нашли дешевле?" — enlarge tap target without breaking layout */
  .found-cheaper-link {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 32px;
  }

  /* Trade-in "подробнее >" inline link — make hit area compliant */
  .sp-buybox__tradein .ti-text a {
    display: inline-block;
    padding: 6px 0;
    min-height: 32px;
    line-height: 20px;
  }

  /* Status tooltip popover — prevent right-edge overflow by right-anchoring on mobile */
  .sp-status-tooltip__text {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
    max-width: min(260px, calc(100vw - 32px)) !important;
  }

  .sp-status-tooltip__text::after {
    left: auto !important;
    right: 4px !important;
    transform: none !important;
  }
}

/* ===== — product card mobile fixes ===== */
@media (max-width: 768px) {

  /* Fix #1: badges overlap title when wrapped to 2 rows.
       Cause: flex-item badges shrunk by parent (flex-column) — height collapsed.
       Fix: prevent shrinking so wrapped rows expand container height, pushing title down. */
  .product-card__badges {
    flex-shrink: 0 !important;
    align-self: flex-start !important;
  }

  /* Fix #2: status tooltip popover clipped by .product-card { overflow:hidden }.
       Anchor tooltip to availability line (static button) — fits inside card width. */
  .product-card .product-card__availability {
    position: relative;
    padding-bottom: 4px;
  }

  .product-card .sp-status-tooltip {
    position: static !important;
  }

  .product-card .sp-status-tooltip__text {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    top: auto !important;
    bottom: calc(100% + 8px) !important;
    transform: none !important;
  }

  .product-card .sp-status-tooltip__text::after {
    left: auto !important;
    right: 14px !important;
    transform: none !important;
  }
}


/* ===  — SALE CARD PRICE FITS INSIDE CARD === */
/* Баг: на мобильной версии карточки с .sale (есть <del> + <ins>) новая цена
   обрезалась или наслаивалась на кнопку. Cause: карточка имеет фиксированную
   height: 301px + overflow: hidden; блок .product-card__bottom (top: 249px)
   получал всего 52px room, а label + del + ins + padding занимали ~57px.
   Fix: на .sale в мобильной версии явно ставим del и ins в отдельные строки
   (display: block) уменьшённым шрифтом 11px и уменьшаем вертикальный padding
   .product-card__bottom, чтобы всё уместилось в 52px слот под separator'ом. */
@media (max-width: 768px) {
  .product-card.sale .product-card__bottom {
    padding-top: 2px !important;
    padding-bottom: 6px !important;
  }

  .product-card.sale .product-card__price {
    display: block;
    line-height: 1.1;
  }

  .product-card.sale .product-card__price del,
  .product-card.sale .product-card__price ins {
    display: block;
    font-size: 11px;
    line-height: 1.15;
    text-decoration-thickness: 1px;
  }

  .product-card.sale .product-card__price del .amount,
  .product-card.sale .product-card__price ins .amount {
    font-size: inherit;
  }
}



/* === Унификация цен в карточках ===
   Диагностика: на главной карточки выглядели разнородно:
   - простые (AirPods 2, Watch Ultra) — «69 900 ₽» 20px bold
   - скидочные (AirPods Pro 3) — «24 900 ₽» (del) + «19 900 ₽» (ins)
   - вариативные (iPhone 17 Pro Max) — «131 350 ₽ – 135 600 ₽» (диапазон)
   Разница форматов + перенос длинного диапазона делали layout неровным.

   Решение (комплексное):
   1) PHP-шаблон content-product.php: для variable-товаров рендерим
      «от <min price>» одним ценником вместо диапазона.
   2) CSS (ниже) — минимальные правила:
      * префикс «от » — жирный, но чуть меньше (15px) чем сумма (20px),
        чтобы акцент был на цифрах;
      * white-space:nowrap на .amount, чтобы сумма «131 350 ₽» не рвалась
        по середине числа;
      * на мобильном префикс уменьшаем пропорционально (до 11px). */
.product-card__price .price-from-prefix {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.02em;
}

.product-card__price .amount {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .product-card__price .price-from-prefix {
    font-size: 11px;
  }
}

.woocommerce img,
.woocommerce-page img {
  max-width: fit-content;
  height: auto;
}


.woocommerce-product-gallery__image--placeholder img {
  width: 100%;
  height: auto;
}

/* === Tap-area + fixed layers (safe) ===
   1) На карточках каталога кнопка корзины визуально 30-32px.
    Делаем больше реальную зону нажатия через pseudo без изменения дизайна.
   2) Cookie banner на мобильном не должен перекрывать нижнюю fixed-навигацию (72px). */
@media (max-width: 768px) {
  .product-card .btn-add-to-cart {
    position: relative;
    z-index: 1;
  }

  .product-card .btn-add-to-cart::before {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: inherit;
  }

  #cookieBanner {
    bottom: calc(72px + env(safe-area-inset-bottom, 0px) + 24px) !important;
  }
}



/* === Mobile form UX: fix iOS zoom-on-focus ===
   Диагностика (mobile audit, 375×812):
   Safari/iOS автоматически зумит страницу при фокусе на input/select
   c font-size < 16px — пользователь после ввода видит "уехавшую" вёрстку
   и вынужден крутить страницу обратно. Это болит везде, где пользователь
   тапает в поле: поиск, фильтры каталога (цена, сортировка), выбор
   варианта (цвет / память), формы CF7.
   
   Найденные "виновники" (font-size по измерениям):
   * input[name="s"] — 14px (поиск в шапке)
   * select[name="orderby"] — 14px (сортировка в каталоге)
   * input[name="min_price"], [name="max_price"] — 14px (ценовой фильтр)
   * select[name="attribute_pa_*"] — 13.33px (варианты товара)
   * CF7 text/tel/url — 15px (формы связи)

   Решение: @media (max-width: 768px) задаёт font-size: 16px для всех
   полей ввода — это единственный размер, при котором iOS НЕ зумит.
   Десктоп не трогаем, визуальный дизайн почти не меняется (14→16 px
   на мобилке практически незаметно на компактных формах, но убирает
   раздражающий зум). Scope узкий: только поля ввода внутри форм. */
@media (max-width: 768px) {

  .header-search input[type="search"],
  .header-search input[type="text"],
  input[name="s"],
  .woocommerce-ordering select,
  select[name="orderby"],
  .woocommerce .widget_price_filter input[type="text"],
  .price_slider_amount input,
  input[name="min_price"],
  input[name="max_price"],
  .variations select,
  .variations td.value select,
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="email"],
  .wpcf7-form input[type="tel"],
  .wpcf7-form input[type="url"],
  .wpcf7-form input[type="number"],
  .wpcf7-form textarea,
  .wpcf7-form select {
    font-size: 16px !important;
  }
}



/* new css  */
@media (max-width:1570px) {
  .home-slider__outer {
    margin: 0 -30px;
  }
}

@media (max-width: 1340px) {
  .container {
    max-width: 960px;
  }

  .top-bar__inner {
    flex-wrap: wrap;
    gap: 20px;
  }

  .header-nav ul {
    flex-wrap: wrap;
    justify-content: start;
  }

  .swiper-slide.home-slide {
    padding-top: 16px;
    padding-left: 45px;
  }

  .home-products__grid {
    flex-wrap: wrap !important;
  }

  .home-why__grid {
    flex-wrap: wrap;
  }

  .home-store__brands {
    flex-wrap: wrap;
  }

  .home-store__brand-card {
    flex: inherit;
    width: calc(50% - 7px);
  }

  .home-store__visit {
    position: relative;

  }

  .home-store__visit-photos {
    position: absolute;
    right: 0;
    top: -18%;
  }

  .home-store__visit-photo--1 {
    width: 200px;
    height: fit-content;
  }

  .home-store__visit-photo--2 {
    height: fit-content;
    width: 200px;
  }

  .archive-content ul.products li.product,
  .archive-content ul.products .product {
    width: calc(50% - 7px) !important;
    flex: inherit !important;
  }

  .sp-cart-layout {
    flex-direction: column;
  }

  .sp-cart-items-col {
    max-width: fit-content;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 720px;
  }

  .header-main__inner {
    flex-wrap: wrap;
    gap: 20px;
  }

  .home-tabs__nav {
    overflow-x: scroll;
  }

  .home-tabs__nav::-webkit-scrollbar {
    display: none;
  }

  .home-tabs__nav {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .home-products__grid .product-card {
    width: calc(50% - 7px) !important;
    flex: inherit !important;
  }

  .home-why__header {
    flex-wrap: wrap;
    gap: 21px;
  }

  .home-why__image-card {
    width: 100%;
    min-width: fit-content;
  }

  .home-store__visit-title {
    max-width: 400px;
  }

  .home-store__visit-photo--2 {
    width: 150px;
  }

  .home-store__visit-photo--1 {
    width: 150px;
  }

  .home-store__visit-photos {
    top: -13%;
  }

  .home-contacts__grid {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 27px;
  }

  .home-contacts__info {
    flex: inherit;
  }

  .home-contacts__map {
    flex: inherit;
  }

  .site-footer__blur-img {
    height: calc(100% + 110px) !important;
    top: -30px;
  }

  .site-footer__grid {
    gap: 15px;
  }

  .footer-nav {
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .swiper-slide.home-category-card {
    height: 155px;
  }

  .home-products-tabs .container {
    z-index: 3;
  }

  .home-products-bg {
    left: -300px;
  }


  .home-store__visit-photo--1 {
    width: 93px;
    height: 109px;
    border-radius: 24px;
    margin-top: 0;
    transform: translateX(21px);
  }

  .home-store__visit-photo--2 {
    width: 89px;
    height: 101px;
    border-radius: 24px;
    margin-top: -15px;
  }

  .home-store__visit-photos {
    position: absolute;
    top: 0;
    right: 0;
    gap: 5px;
  }

  .home-store__visit-title {
    max-width: 201px;
  }

  .home-store__store180-text {
    bottom: 468px;
  }

  .site-footer__blur-img {
    top: -90px;
  }

  ul.products li.product,
  ul.products .product,
  .archive-content ul.products li.product,
  .archive-content ul.products .product {
    width: auto !important;
    flex: none !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .product-card__image {
    width: 137px;
    height: 137px !important;
  }

  .reviews-box span {
    font-size: 20px !important;
  }

  .single-product-layout {
    padding-top: 15px;
    background-color: #fff;
    border-radius: 50px 0 0 0;
    backdrop-filter: blur(12.446763038635254px);
  }

  .single-product-bg {
    display: none;
  }
}

/* Product tabs mobile accordion */
.sp-bottom-wrapper .product-tabs .product-accordion-title {
  display: none;
}

@media (max-width: 768px) {
  .sp-bottom-wrapper .product-tabs .tabs {
    display: none;
  }

  .sp-bottom-wrapper .product-tabs .product_tab-content,
  .sp-bottom-wrapper .product-tabs .product_tab-content.active {
    display: none;
    max-width: 100%;
    padding: 10px 0 24px;
  }

  .sp-bottom-wrapper .product-tabs .product_tab-content.is-open {
    display: block;
  }

  .sp-bottom-wrapper .product-tabs .product-accordion-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 16px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #E5E7EB;
    background: transparent;
    cursor: pointer;
    text-align: left;
    color: #000;
    font-family: "Wix Madefor Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.36px;
  }

  .sp-bottom-wrapper .product-tabs .product-accordion-title:last-of-type {
    border-bottom: 1px solid #E5E7EB;
  }

  .sp-bottom-wrapper .product-tabs .product-accordion-title::after {
    content: '';
    width: 5px;
    height: 5px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform 0.25s ease;
    margin-bottom: 4px;
    margin-right: 4px;
  }

  .sp-bottom-wrapper .product-tabs .product-accordion-title.is-open::after {
    transform: rotate(-135deg);
    margin-top: 4px;
    margin-bottom: 0;
  }

  .sp-bottom-wrapper .product-tabs .product_tab-content h2 {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.4px;
    margin: 0 0 21px;
  }

  .sp-bottom-wrapper .product-tabs .product_tab-content .specifications li {
    color: #000;
    font-family: "Wix Madefor Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 15.4px */
    letter-spacing: -0.28px;
  }

  .sp-bottom-wrapper .product-tabs .product_tab-content .specifications {
    margin-top: 20px;
  }

  .sp-buybox__price-section {
    margin-bottom: 0;
  }

  .product-tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .related.products ul.products .products-bg {
    display: none;
  }

  .related.products {
    border-radius: 50px 0 0 0;
    background: #F1F4FA;
    backdrop-filter: blur(12.446763038635254px);
    padding-top: 21px;
  }

  .sp-bottom-wrapper .sp-reviews .reviews-header h2 {
    font-size: 30px;
  }

  .sp-bottom-wrapper .sp-reviews .reviews-header {
    align-items: start;
  }

  .sp-modal--one-click .sp-modal__bg-form .sp-input-wrapper {
    flex-direction: column;
  }

  .sp-modal--one-click .sp-modal__bg-form .sp-input {
    height: 50px;
  }

  .sp-cart-page .sp-cart-bg {
    display: none;
  }

  .sp-cart-page:after {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 100%;
    border-radius: 50px 0 0 0;
    background: #FFF;
    backdrop-filter: blur(12.446763038635254px);
    z-index: -1;
  }

  .archive-sort svg,
  .archive-sort .sort-label {
    display: none;
  }

  .social-icon--small,
  .social-icon {
    width: 22px;
    height: 22px;
  }

  .social-icon--small svg {
    width: 12px;
    height: 12px;
  }
}

/* ============================================================
 * Contact Form 7 в модалках "Купить в 1 клик" / "Нашли дешевле".
 * Form-tag'lar (wpcf7-form-control) bizning .sp-input/.sp-modal__submit-btn
 * class'larini meros qiladi, lekin <p> wrapper'lari va validation matnlari
 * uchun alohida CSS kerak.
 * ============================================================ */

.sp-modal__cf7-wrap .wpcf7-form>p {
  margin: 0 0 16px;
  color: #000;
  font: 600 16px/1 'Wix Madefor Display', sans-serif;
  letter-spacing: -0.02em;
}

.sp-modal__cf7-wrap .wpcf7-form>p:last-of-type {
  margin-bottom: 0;
}

/* sp-input (text/tel/url) — modal ichidagi oq input */
.sp-modal__cf7-wrap .sp-input {
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #C5C9D2;
  border-radius: 15px;
  padding: 0 22px;
  font: 400 17px/1 'Wix Madefor Display', sans-serif;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s;
  margin-top: 8px;
}

.sp-modal__cf7-wrap .sp-input:focus {
  border-color: #2344FF;
}

/* Apelsin Submit tugma */
.sp-modal__cf7-wrap .sp-modal__submit-btn {
  height: 60px;
  background: #FF3A09;
  border: none;
  border-radius: 15px;
  padding: 0 32px;
  font: 700 16px/1 'Manrope', sans-serif;
  color: #FFFFFF;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.sp-modal__cf7-wrap .sp-modal__submit-btn:hover {
  opacity: 0.9;
}

/* "Купить в 1 клик" modal — telefon input + submit bir qatorda */
.sp-modal__cf7-wrap .sp-input-row p {
  display: flex;
  gap: 15px;
  align-items: stretch;
  margin: 8px 0 16px;
}

.sp-modal__cf7-wrap .sp-input-row .wpcf7-form-control-wrap {
  flex: 1;
  display: block;
}

.sp-modal__cf7-wrap .sp-input-row .sp-input {
  margin-top: 0;
}

.sp-modal__cf7-wrap .sp-input-row .sp-modal__submit-btn {
  flex: 0 0 auto;
}

/* "Нашли дешевле" modal — submit alohida qatorda, to'liq kenglikda */
.sp-modal__cf7-wrap .wpcf7-form>p:has(> .wpcf7-submit) .sp-modal__submit-btn {
  width: 100%;
}

/* Consent checkbox: kichik kulrang matn + custom checkmark
 * (statik dizayn .sp-policy-checkmark style'iga mos). */
.sp-modal__cf7-wrap .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}

.sp-modal__cf7-wrap .wpcf7-checkbox label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-weight: 400;
}

.sp-modal__cf7-wrap .wpcf7-list-item-label {
  font: 500 13px/1.3 'Manrope', sans-serif;
  color: #94979F;
  letter-spacing: -0.01em;
}

/* Default browser checkbox o'rniga custom kvadrat + checkmark icon. */
.sp-modal__cf7-wrap .wpcf7-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #C5C9D2;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(184, 200, 224, 0.22);
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}

.sp-modal__cf7-wrap .wpcf7-checkbox input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'><path d='M12.25 1L4.75 8.5L1 4.75' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 10px;
}

.sp-modal__cf7-wrap .wpcf7-checkbox input[type="checkbox"]:focus-visible {
  outline: 2px solid #2344FF;
  outline-offset: 2px;
}

/* CF7 validation: red text below input, no native browser tooltip (novalidate filtri ulangan) */
.sp-modal__cf7-wrap .wpcf7-not-valid-tip {
  color: #FF3A09;
  font-size: 12px;
  margin-top: 6px;
  display: block;
}

.sp-modal__cf7-wrap .wpcf7-form-control-wrap {
  position: relative;
}

/* AJAX response: yashil/qizil banner */
.sp-modal__cf7-wrap .wpcf7-response-output {
  margin: 12px 0 0 !important;
  padding: 10px 14px !important;
  border-radius: 10px;
  font-size: 13px;
  border-width: 1px !important;
}

/* CF7 spinner ko'rinishi — submit yonida loader */
.sp-modal__cf7-wrap .wpcf7-spinner {
  background-color: #FF3A09;
  display: none;
}


.woocommerce a.remove:hover {
  background: transparent !important;
}

/* Single product buybox'da WC default "X in stock" / "Out of stock" matnini yashirish.
 * Biz buybox top'da o'zimizning custom statusimizni ko'rsatamiz (TZ #10 helper bilan). */
.sp-native-add-to-cart .stock,
.sp-buybox__actions .stock,
.single_variation_wrap .stock {
  display: none !important;
}


#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  padding: 0;
}

.woocommerce-breadcrumb {
  padding: 0;
  color: #919B9F;
}

/* ============================================================
 * Generic page.php — WP editor kontenti uchun asosiy stillar.
 * Гарантия, Доставка и оплата va boshqa statik sahifalar shu yerda.
 * ============================================================ */
.sp-static-page {
  padding-bottom: 60px;
}

.sp-static-page .sp-page-title {
  margin: 10px 0 30px;
}

.sp-static-page__content {
  max-width: 1240px;
  font-family: 'Wix Madefor Display', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
}

.sp-static-page__content h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 30px 0 14px;
  letter-spacing: -0.02em;
}

.sp-static-page__content h3 {
  font-size: 19px;
  font-weight: 600;
  margin: 24px 0 10px;
  letter-spacing: -0.01em;
}

.sp-static-page__content p {
  margin: 0 0 14px;
}

.sp-static-page__content ul,
.sp-static-page__content ol {
  margin: 0 0 16px;
  padding-left: 24px;
}

.sp-static-page__content li {
  margin-bottom: 6px;
}

.sp-static-page__content a {
  color: #2344FF;
  text-decoration: underline;
}

.sp-static-page__content a:hover {
  text-decoration: none;
}

.sp-static-page__content strong,
.sp-static-page__content b {
  font-weight: 600;
}

.sp-static-page__content blockquote {
  margin: 20px 0;
  padding: 12px 18px;
  border-left: 3px solid #2344FF;
  background: #F3F5FC;
  color: #444;
  font-style: italic;
}


.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  line-height: normal;
  border: none;
  display: flex;
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #2344FF;
  color: #fff;
}

/* ============================================================
 * Buyurtma qabul qilindi (order-received / thankyou) — sodda success ekran.
 * ============================================================ */
.sp-order-success {
  max-width: 560px;
  margin: 48px auto 90px;
  padding: 0 16px;
  text-align: center;
}

.sp-order-success__icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 24px;
}

.sp-order-success__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 14px;
}

.sp-order-success__desc {
  font-size: 16px;
  color: #444;
  margin: 0 0 16px;
}

.sp-order-success__note {
  font-size: 13px;
  color: #8a8f98;
  line-height: 1.55;
  margin: 0 0 28px;
}

.sp-order-success__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
}

@media (max-width: 600px) {
  .sp-order-success__title {
    font-size: 24px;
  }
}

/* Rozilik (consent) checkbox xatosi — trade-in / callback / modal formalar. */
.sp-consent-msg {
  color: #d32f2f;
  font-size: 13px;
  margin-top: 6px;
  line-height: 1.4;
}

.sp-consent-invalid .checkmark {
  border-color: #d32f2f !important;
  box-shadow: 0 0 0 2px rgba(211, 45, 46, .15);
}