@charset "UTF-8";
/* line 1, theme.scss */
:root {
  --color-bg: #ffffff;
  --color-bg-alt: #f7f7f7;
  --color-bg-light: #f7f7f7;
  --color-text-main: #333333;
  --color-text-secondary: #535353;
  --color-text-muted: #a2a2a2;
  --color-accent-yellow: #ffe366;
  --color-accent-yellow-soft: #ffea8b;
  --color-accent-purple: #ba93df;
  --color-accent-red: #ff5656;
  --color-border: #3c3c3c;
  --color-border-light: #F5F5F8;
  --color-button-hover: #FFEA8B;
  --color-link-hover: #9747FF;
  --font-family-base: "PT Root UI", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 10px;
  --radius-l: 16px;
  --radius-xl: 20px;
  --radius-full: 100px;
  --container-width: 1920px;
  --layout-width: 1134px;
  --layout-padding-x: 393px;
  --gap-xxs: 4px;
  --gap-xs: 6px;
  --gap-s: 8px;
  --gap-m: 10px;
  --gap-l: 15px;
  --gap-xl: 20px;
  --gap-xxl: 30px;
  --gap-3xl: 40px;
  --gap-4xl: 50px;
  --gap-5xl: 60px;
  --gap-6xl: 50px;
  --header-top-height: 62px;
  --header-bottom-height: 62px; }

/* line 46, theme.scss */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 52, theme.scss */
html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; }

/* line 59, theme.scss */
body.page {
  margin: 0;
  background-color: var(--color-bg);
  color: var(--color-text-main);
  font-family: var(--font-family-base);
  font-size: 15px;
  line-height: 1.4; }

/* line 68, theme.scss */
.page__wrapper {
  /* width: var(--container-width); */
  /* width: min(1920px, calc(100vw - 62px)); */
  margin: 0 auto; }

/* line 74, theme.scss */
img {
  /* max-width: 100%; */
  display: block; }

/* line 79, theme.scss */
button {
  font-family: inherit; }

/* line 83, theme.scss */
a {
  color: var(--color-text-main);
  text-decoration: none; }

/* line 88, theme.scss */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Общие блоки */
/* line 97, theme.scss */
.main {
  padding-top: 40px;
  padding-bottom: 80px; }

/* line 102, theme.scss */
.main-for-razdely {
  padding-top: 30px; }

/* line 106, theme.scss */
.main .layout__content {
  padding: 0; }

/* line 110, theme.scss */
.bread_crumbs {
  width: var(--layout-width);
  display: flex;
  justify-content: flex-start;
  margin: 0 auto 49px;
  gap: 8px;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%; }

/* line 122, theme.scss */
.crumb_round {
  width: 6px;
  height: 6px;
  background-color: #F5F5F7;
  border-radius: 100%; }

/* line 129, theme.scss */
.first_crumb {
  color: #B8B8BD;
  cursor: pointer; }

/* line 134, theme.scss */
.first_crumb:hover {
  color: #9625A8; }

/* line 138, theme.scss */
.central_crumb {
  color: #9625A8;
  cursor: pointer; }

/* line 143, theme.scss */
.last_crumb {
  color: var(--color-text-main); }

/* line 147, theme.scss */
.section-heading {
  width: var(--layout-width);
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-xl); }

/* line 156, theme.scss */
.section-heading__title {
  margin: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 140%; }

/* line 163, theme.scss */
.section-heading__actions {
  display: flex;
  align-items: center;
  gap: var(--gap-3xl); }

/* Кнопка */
/* line 171, theme.scss */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
  padding: 12px 20px;
  border-radius: var(--radius-m);
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em; }

/* line 185, theme.scss */
.button__icon-image {
  width: 20px;
  height: 20px; }

/* line 190, theme.scss */
.button_theme_yellow {
  background-color: var(--color-accent-yellow);
  color: var(--color-text-main) !important; }

/* line 195, theme.scss */
.button_theme_outline {
  background-color: transparent;
  color: var(--color-text-main);
  border-radius: var(--radius-m);
  border: 1px solid #E7E7F3; }

/* line 202, theme.scss */
.button_theme_outline-small {
  display: flex;
  padding: 12px 16px;
  border-radius: var(--radius-m);
  background-color: var(--color-bg-light);
  color: var(--color-text-main);
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  gap: 8px;
  transition: 0.5s ease; }

/* line 215, theme.scss */
.button_theme_outline-small:hover {
  background-color: var(--color-button-hover); }

/* line 219, theme.scss */
.outline-arrow__icon {
  width: 16px;
  height: 16px; }

/* Иконки кнопок */
/* line 226, theme.scss */
.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-m);
  border: none;
  background-color: #F7F7F7;
  padding: 12px;
  gap: 16px;
  cursor: pointer;
  transition: 0.5s ease; }

/* line 241, theme.scss */
.white-button {
  background-color: var(--color-bg); }

/* line 245, theme.scss */
.icon-button:hover {
  background-color: var(--color-button-hover); }

/* line 249, theme.scss */
.icon-button__icon {
  width: 20px;
  height: 20px; }

/* Мега-меню (выпадающий каталог) */
/* line 255, theme.scss */
.header-main {
  position: relative; }

/* line 259, theme.scss */
.mega-menu {
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);
  transform: translateX(-50%);
  width: 1140px;
  max-width: calc(100vw - 24px);
  background: #fff;
  border-radius: 10px;
  border: 1px solid #E9EAF2;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  z-index: 2000; }

/* line 277, theme.scss */
.mega-menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0); }

/* line 284, theme.scss */
.mega-menu__inner {
  padding: 28px 28px; }

/* line 288, theme.scss */
.mega-menu__list {
  display: flex;
  flex-direction: column; }

/* line 293, theme.scss */
.mega-menu__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px; }

/* line 299, theme.scss */
.mega-menu__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 1rem;
  row-gap: 0rem; }

/* line 306, theme.scss */
.mega-menu__col--row2 {
  grid-row: 2; }

/* line 310, theme.scss */
.mega-menu__heading {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-main);
  text-decoration: none;
  margin-bottom: 5px; }

/* line 319, theme.scss */
.mega-menu__list {
  list-style: none;
  margin: 0;
  padding: 0; }

/* line 325, theme.scss */
.mega-menu__link {
  display: inline-block;
  font-size: 12.25px;
  line-height: 140%;
  color: #6B7280;
  text-decoration: none;
  padding-bottom: 3px; }

/* line 334, theme.scss */
.mega-menu__heading:hover,
.mega-menu__link:hover {
  color: var(--color-accent-purple); }

/* "Показать все / Скрыть" */
/* line 340, theme.scss */
.mega-menu__toggle {
  margin-top: 3px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #FFE366; }

/* line 354, theme.scss */
.mega-menu__toggle .mega-menu__toggle-text--hide {
  display: none; }

/* line 358, theme.scss */
.mega-menu__chev {
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  transition: transform .2s ease;
  vertical-align: middle; }

/* line 367, theme.scss */
.mega-menu__chev::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(-50%, -60%) rotate(45deg); }

/* скрытые пункты iPhone */
/* line 381, theme.scss */
.mega-menu__extra {
  display: none; }

/* line 385, theme.scss */
.mega-menu__col--expanded .mega-menu__extra {
  display: list-item;
  list-style: none; }

/* line 390, theme.scss */
.mega-menu__col--expanded .mega-menu__toggle-text--show {
  display: none; }

/* line 393, theme.scss */
.mega-menu__col--expanded .mega-menu__toggle-text--hide {
  display: inline; }

/* line 396, theme.scss */
.mega-menu__col--expanded .mega-menu__chev {
  transform: rotate(180deg) translateY(-3px); }

/* Затемнение фона при открытии меню */
/* line 401, theme.scss */
.site-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.3s ease; }

/* line 413, theme.scss */
.site-overlay.is-open {
  opacity: 1; }

/* Хедер (Шапка) */
/* line 422, theme.scss */
.header-top {
  background-color: #FFFFFF;
  color: #000000;
  height: var(--header-top-height);
  margin-top: 20px; }

/* line 429, theme.scss */
.header-top__inner {
  width: var(--layout-width);
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-6xl); }

/* line 439, theme.scss */
.header-top__left {
  display: flex;
  align-items: center;
  gap: 10px; }

/* line 445, theme.scss */
.header-top__social {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-m);
  background-color: #F7F7F7;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  gap: 16px;
  transition: 0.5s ease; }

/* line 459, theme.scss */
.header-top__social-icon {
  width: 20px;
  height: 20px; }

/* line 464, theme.scss */
.header-top__social:nth-child(1):hover {
  background: #25D366; }

/* line 465, theme.scss */
.header-top__social:nth-child(2):hover {
  background: #27A7E7; }

/* line 466, theme.scss */
.header-top__social:nth-child(3):hover {
  background: #0077FF; }

/* line 468, theme.scss */
.header-top__social:hover .header-top__social-icon {
  filter: brightness(0) invert(1); }

/* line 472, theme.scss */
.header-top__center {
  display: flex;
  align-items: center;
  gap: 65px;
  font-size: 14px; }

/* line 479, theme.scss */
.header-top__info-item {
  display: flex;
  align-items: center;
  gap: 8px; }

/* line 485, theme.scss */
.header-top__info-text {
  color: var(--color-text-main); }

/* line 489, theme.scss */
.info-text-two {
  display: none; }

/* line 493, theme.scss */
.header-top__info-link {
  transition: 0.5s ease; }

/* line 497, theme.scss */
.header-top__info-link:hover {
  color: var(--color-link-hover); }

/* line 501, theme.scss */
.header-top__info-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.15; }

/* line 509, theme.scss */
.header-top__right {
  display: flex;
  align-items: center;
  gap: 20px; }

/* line 515, theme.scss */
.header-top__phone-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px; }

/* line 522, theme.scss */
.header-top__phone {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  transition: 0.5s ease; }

/* line 529, theme.scss */
.header-top__phone:hover {
  color: var(--color-link-hover); }

/* line 533, theme.scss */
.header-top__schedule {
  font-size: 13px;
  color: #595959; }

/* line 538, theme.scss */
.button_theme_white {
  background-color: #ffffff;
  color: var(--color-text-main); }

/* line 543, theme.scss */
.header-top__call-button {
  min-width: 154px;
  border: 2px solid #E7E7F3;
  cursor: pointer;
  transition: 0.5s ease;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 16px 12px 12px;
  gap: 4px; }

/* line 554, theme.scss */
.header-top__call-button:hover {
  color: #9625A8;
  border-color: #9625A8; }

/* line 559, theme.scss */
.call__icon-image {
  transition: filter 0.09s linear; }

/* line 563, theme.scss */
.header-top__call-button:hover .call__icon-image {
  filter: brightness(0) saturate(100%) invert(20%) sepia(80%) saturate(2596%) hue-rotate(278deg) brightness(90%) contrast(96%); }

/* line 567, theme.scss */
.header-main {
  color: var(--color-text-main);
  margin-top: 20px; }

/* line 572, theme.scss */
.header-main__inner {
  width: var(--layout-width);
  margin: 0 auto;
  height: var(--header-bottom-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-xl); }

/* line 582, theme.scss */
.header__logo {
  display: flex;
  align-items: center;
  transform: translateY(-5px); }

/* line 589, theme.scss */
.header__logo-image {
  height: 43px;
  width: auto;
  display: block;
  margin-right: 11px; }

/* line 596, theme.scss */
.header-main__center {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 10px; }

/* line 603, theme.scss */
.header-main__catalog {
  flex-shrink: 0; }

/* line 607, theme.scss */
.header-main__search {
  flex: 1 1 auto; }

/* line 611, theme.scss */
.header-main__actions {
  display: flex;
  align-items: center;
  gap: 10px; }

/* line 617, theme.scss */
.header-main__cart {
  /* min-width: 159px; */ }

/* line 621, theme.scss */
.header-main__compare {
  position: relative; }

/* line 625, theme.scss */
.header-main__badge {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  background-color: var(--color-accent-red);
  color: #ffffff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 642, theme.scss */
.header-nav {
  border-top: 1px solid var(--color-border-light);
  box-shadow: 0px 4px 4px 0px #0000000A;
  margin-top: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }

/* line 653, theme.scss */
.header-nav__inner {
  width: var(--layout-width);
  margin: 0 auto;
  height: 52px;
  display: flex;
  align-items: center; }

/* line 661, theme.scss */
.header-nav__list {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 0;
  font-size: 16px;
  font-weight: 700; }

/* line 671, theme.scss */
.header-nav__link {
  color: var(--color-text-main);
  transition: 0.5s ease; }

/* line 676, theme.scss */
.header-nav__link:hover {
  color: var(--color-link-hover); }

/* line 680, theme.scss */
.catalog-button {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-s);
  padding: 12px 20px 12px 16px;
  border-radius: var(--radius-m);
  border: none;
  background-color: var(--color-accent-yellow);
  color: #37233a;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: 0.5s ease;
  z-index: 2000; }

/* line 696, theme.scss */
.catalog-button:hover {
  background-color: var(--color-button-hover); }

/* line 700, theme.scss */
.catalog-button__icon-image {
  width: 18px;
  height: 18px; }

/* line 705, theme.scss */
.search {
  display: flex;
  align-items: stretch;
  border-radius: var(--radius-m); }

/* line 711, theme.scss */
.search__input {
  flex: 1 1 auto;
  border: 2px solid var(--color-accent-yellow);
  border-right: none;
  padding: 12px 16px;
  font-size: 14px;
  color: var(--color-text-main);
  border-radius: var(--radius-m) 0 0 var(--radius-m);
  transition: 0.5s ease; }

/* line 722, theme.scss */
.search__input::placeholder {
  color: var(--color-text-muted);
  transition: 0.5s ease; }

/* line 727, theme.scss */
.search__input:focus {
  outline: none; }

/* line 732, theme.scss */
.search__button {
  flex: 0 0 auto;
  padding: 12px;
  border: none;
  background-color: var(--color-accent-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0 var(--radius-m) var(--radius-m) 0;
  transition: 0.5s ease; }

/* line 746, theme.scss */
.search:hover .search__input,
.search:focus-within .search__input {
  border-color: var(--color-button-hover); }

/* line 751, theme.scss */
.search:hover .search__button,
.search:focus-within .search__button {
  background: var(--color-button-hover); }

/* line 756, theme.scss */
.search:hover .search__input::placeholder,
.search:focus-within .search__input::placeholder {
  color: var(--color-text-main); }

/* line 762, theme.scss */
.search__icon {
  width: 20px;
  height: 20px; }

/* line 767, theme.scss */
.cart-button {
  display: inline-flex;
  align-items: stretch;
  height: 44px;
  border-radius: var(--radius-m);
  overflow: hidden;
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  margin-right: 10px; }

/* line 781, theme.scss */
.cart-button__main {
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
  background: #F7F7F7;
  border: none;
  transition: background-color 0.5s ease; }

/* line 790, theme.scss */
.cart-button:hover .cart-button__main {
  background-color: var(--color-button-hover); }

/* line 795, theme.scss */
.cart-button__icon-image {
  width: 20px;
  height: 20px; }

/* line 801, theme.scss */
.cart-button__text {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700; }

/* line 807, theme.scss */
.cart-button__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding: 12px;
  background: var(--color-accent-yellow);
  color: var(--color-text-main);
  font-size: 13px;
  font-weight: 700; }

/* Секция "Каталог" */
/* line 825, theme.scss */
.catalog {
  margin-top: 80px;
  margin-bottom: 50px; }

/* line 830, theme.scss */
.catalog-for-razdely {
  margin-top: 0; }

/* line 834, theme.scss */
.catalog__heading {
  margin-bottom: 40px; }

/* line 838, theme.scss */
.catalog__grid {
  width: var(--layout-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 271px repeat(4, 195.75px);
  grid-auto-rows: 187px 126px;
  gap: 20px; }

/* line 847, theme.scss */
.catalog_grid_for_razdely {
  width: var(--layout-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

/* Стили активной карточки */
/* line 859, theme.scss */
.catalog-subcard.is-active {
  background-color: #ffe366 !important;
  border: 2px solid #ffe366 !important;
  pointer-events: none;
  /* Опционально: отключаем клик по уже выбранной */ }

/* line 865, theme.scss */
.catalog-subcard.is-active .catalog-subcard__title {
  color: #9625A8 !important;
  font-weight: bold; }

/* line 870, theme.scss */
.catalog-card {
  position: relative;
  border-radius: var(--radius-l);
  background-color: #F5F5F7;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: box-shadow 0.5s ease; }

/* line 880, theme.scss */
.catalog-subcard {
  position: relative;
  border-radius: var(--radius-l);
  background-color: #F5F5F7;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: box-shadow 0.5s ease;
  padding: 16px 24px 16px 16px;
  gap: 14px; }

/* line 892, theme.scss */
.catalog-subcard__image {
  width: 46px; }

/* line 896, theme.scss */
.catalog-subcard a {
  display: flex;
  align-items: center;
  gap: 14px; }

/* line 902, theme.scss */
.catalog-card::before,
.catalog-subcard::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, #F6F6FF 48.56%, #E8E8F8 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none; }

/* line 914, theme.scss */
.catalog-card > *,
.catalog-subcard > * {
  position: relative;
  z-index: 1; }

/* line 920, theme.scss */
.catalog-card:hover::before,
.catalog-subcard:hover::before {
  opacity: 1; }

/* line 925, theme.scss */
.catalog-card:hover,
.catalog-subcard:hover {
  box-shadow: 0px 10px 30px -15px #47316359; }

/* iPhone и верхний ряд */
/* line 931, theme.scss */
.catalog-card_size_large,
.catalog-card_type_airpods,
.catalog-card_type_ipad,
.catalog-card_type_watch,
.catalog-card_type_macbook {
  padding: 24px; }

/* нижний ряд */
/* line 940, theme.scss */
.catalog-card_type_ps5,
.catalog-card_type_dyson,
.catalog-card_type_accessories {
  padding: 20px 30px; }

/* line 947, theme.scss */
.catalog-card_size_large {
  grid-column: 1;
  grid-row: 1 / span 2; }

/* line 952, theme.scss */
.catalog-card_type_airpods {
  grid-column: 2;
  grid-row: 1; }

/* line 953, theme.scss */
.catalog-card_type_ipad {
  grid-column: 3;
  grid-row: 1; }

/* line 954, theme.scss */
.catalog-card_type_watch {
  grid-column: 4;
  grid-row: 1; }

/* line 955, theme.scss */
.catalog-card_type_macbook {
  grid-column: 5;
  grid-row: 1; }

/* .catalog-card_type_ps5 {
  grid-column: 2 / span 2;
  grid-row: 2;
}

.catalog-card_type_dyson {
  grid-column: 4;
  grid-row: 2;
}

.catalog-card_type_accessories {
  grid-column: 5;
  grid-row: 2;
} */
/* .catalog-card_type_ps5 { width: 307.6667px; justify-self: start; }
.catalog-card_type_dyson { width: 217.6667px; justify-self: start; }
.catalog-card_type_accessories { width: 277.6667px; justify-self: start; }

.catalog-card_type_ps5 { grid-column: 2; grid-row: 2; }
.catalog-card_type_dyson { grid-column: 3; grid-row: 2; }
.catalog-card_type_accessories { grid-column: 4; grid-row: 2; } */
/* line 981, theme.scss */
.catalog__bottom {
  grid-column: 2 / 6;
  grid-row: 2;
  display: flex;
  gap: 20px; }

/* line 988, theme.scss */
.catalog-card_type_ps5 {
  width: 307.6667px; }

/* line 989, theme.scss */
.catalog-card_type_dyson {
  width: 217.6667px; }

/* line 990, theme.scss */
.catalog-card_type_accessories {
  width: 277.6667px; }

/* line 994, theme.scss */
.catalog-card__image-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 1001, theme.scss */
.catalog-card__image {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: contain; }

/* line 1009, theme.scss */
.catalog-card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block; }

/* line 1017, theme.scss */
.catalog-card_type_iphone .catalog-card__image {
  width: 223px;
  height: 240px; }

/* line 1022, theme.scss */
.catalog-card_type_airpods .catalog-card__image,
.catalog-card_type_ipad .catalog-card__image,
.catalog-card_type_watch .catalog-card__image,
.catalog-card_type_macbook .catalog-card__image {
  width: 147.75px;
  height: 94px; }

/* line 1030, theme.scss */
.catalog-card_type_ps5 .catalog-card__image,
.catalog-card_type_dyson .catalog-card__image,
.catalog-card_type_accessories .catalog-card__image {
  width: 86px;
  height: 86px; }

/* line 1038, theme.scss */
.catalog-card {
  --pad-x: 24px;
  --pad-y: 24px; }

/* line 1039, theme.scss */
.catalog-card_type_ps5,
.catalog-card_type_dyson,
.catalog-card_type_accessories {
  --pad-x: 30px;
  --pad-y: 20px; }

/* line 1043, theme.scss */
.catalog-card__content {
  position: static;
  text-align: center;
  margin-top: 20px; }

/* line 1050, theme.scss */
.catalog-card_type_ps5,
.catalog-card_type_dyson,
.catalog-card_type_accessories {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px; }

/* line 1060, theme.scss */
.catalog-card_type_ps5 .catalog-card__image-wrapper,
.catalog-card_type_dyson .catalog-card__image-wrapper,
.catalog-card_type_accessories .catalog-card__image-wrapper {
  flex: 0 0 auto;
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 1071, theme.scss */
.catalog-card_type_ps5 .catalog-card__content,
.catalog-card_type_dyson .catalog-card__content,
.catalog-card_type_accessories .catalog-card__content {
  flex: 1;
  text-align: left;
  margin: 0; }

/* line 1080, theme.scss */
.catalog-card_type_ps5 .catalog-card__title {
  white-space: nowrap; }

/* line 1085, theme.scss */
.catalog-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  transition: 0.5s ease; }

/* line 1092, theme.scss */
.catalog-subcard__title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  transition: 0.5s ease;
  text-wrap: nowrap; }

/* line 1100, theme.scss */
.catalog-card__title:hover,
.catalog-subcard__title:hover {
  color: var(--color-link-hover); }

/* line 1106, theme.scss */
.tabs {
  display: inline-flex;
  gap: 10px; }

/* line 1111, theme.scss */
.tabs__item {
  min-width: 74px;
  padding: 14px 20px;
  border-radius: var(--radius-m);
  border: 1px solid #E7E7F4;
  background-color: transparent;
  color: var(--color-text-main);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  gap: 8px;
  transition: 0.5s ease; }

/* line 1125, theme.scss */
.tabs__item_active {
  color: #9625A8;
  border: 1px solid #9625A8; }

/* line 1130, theme.scss */
.tabs__item:hover {
  color: #9625A8;
  border: 1px solid #9625A8; }

/* Секция "Покупают чаще всего" */
/* .popular-products-categories {
  margin-top: 50px;
} */
/* line 1142, theme.scss */
.popular-products__heading {
  margin-bottom: 45px; }

/* line 1146, theme.scss */
.popular-products__controls {
  width: var(--layout-width);
  margin: 0 auto 0;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  flex-direction: column-reverse;
  position: relative; }

/* line 1156, theme.scss */
.arrows {
  display: flex;
  gap: 10px; }

/* Контейнер слайдера */
/* line 1163, theme.scss */
.popular-products__slider {
  width: 100%;
  overflow: hidden;
  /* Обязательно для слайдера */
  position: relative; }

/* Wrapper — Swiper сам сделает его flex, просто убираем ваш Grid */
/* line 1170, theme.scss */
.swiper-wrapper {
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  /* Расстояние между слайдами лучше задавать в JS через spaceBetween */ }

/* Карточка товара в режиме слайда */
/* line 1177, theme.scss */
.product-card.swiper-slide {
  height: auto;
  /* Чтобы карточки были одной высоты */
  display: flex;
  flex-direction: column;
  /* Ширину слайда не задаем вручную, это сделает Swiper */ }

/* Ограничение для картинок, чтобы не распирало */
/* line 1185, theme.scss */
.product-card__image-wrapper img {
  max-width: 100%;
  height: auto;
  display: block; }

/* line 1190, theme.scss */
.product-card {
  position: relative;
  width: 261px !important;
  border-radius: var(--radius-xl);
  background-color: #F5F5F7;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid #F5F5F7;
  cursor: pointer;
  transition: box-shadow 0.5s ease; }

/* line 1204, theme.scss */
.product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 2px solid #FFE366;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  z-index: 0; }

/* line 1216, theme.scss */
.product-card > * {
  position: relative;
  z-index: 1; }

/* line 1221, theme.scss */
.product-card:hover::before {
  opacity: 1; }

/* line 1226, theme.scss */
.product-card:hover {
  box-shadow: 0px 10px 30px -15px #47316333; }

/* line 1230, theme.scss */
.product-card__badge {
  position: absolute;
  height: 21px;
  padding: 4px 8px;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  margin-left: 10px;
  z-index: 2; }

/* line 1245, theme.scss */
.product-card__badge_type_discount {
  background-color: var(--color-accent-red);
  color: #ffffff; }

/* line 1250, theme.scss */
.product-card__badge_type_discount:empty {
  display: none; }

/* line 1254, theme.scss */
.product-card__image-wrapper {
  width: 213px;
  height: 213px;
  border-radius: var(--radius-l);
  overflow: hidden; }

/* line 1261, theme.scss */
product-card__image-wrapper img {
  width: 100%; }

/* line 1265, theme.scss */
.product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* line 1271, theme.scss */
.product-card__rating {
  margin-top: 6px; }

/* line 1275, theme.scss */
.rating {
  display: flex;
  gap: 4px; }

/* line 1280, theme.scss */
.rating__star {
  width: 16px;
  height: 16px; }

/* line 1285, theme.scss */
.rating__star_muted {
  color: #D2D2E7; }

/* line 1289, theme.scss */
.product-card__title {
  margin: 0;
  font-size: 16px;
  font-weight: 500; }

/* line 1296, theme.scss */
.product-card__prices {
  display: flex;
  align-items: center;
  gap: 20px; }

/* line 1302, theme.scss */
.product-card__price-current {
  font-size: 24px;
  font-weight: 700; }

/* line 1307, theme.scss */
.product-card__price-old {
  position: relative;
  font-size: 17px;
  font-weight: 500;
  color: var(--color-text-muted);
  line-height: 140%;
  margin-top: 2px; }

/* line 1316, theme.scss */
.price-strike-line {
  position: absolute;
  height: 6px;
  left: 0;
  top: 8px;
  pointer-events: none;
  width: 100%; }

/* line 1325, theme.scss */
.price-strike-line svg {
  display: block;
  width: 100%;
  height: 100%; }

/* line 1331, theme.scss */
.line__icon {
  position: absolute;
  width: 72px;
  height: 4px;
  left: 61%; }

/* line 1338, theme.scss */
.line__icon_search {
  position: absolute;
  display: flex;
  align-self: flex-end;
  margin-top: 18px;
  margin-right: 15px;
  gap: 10px;
  z-index: 2; }

/* line 1348, theme.scss */
.icon-search {
  width: 24px;
  height: 24px; }

/* line 1353, theme.scss */
.product-card__footer {
  /* margin-top: auto; */
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 10px; }

/* line 1361, theme.scss */
.product-card__button {
  flex: 1;
  cursor: pointer;
  text-wrap: nowrap;
  transition: 0.5s ease; }

/* line 1368, theme.scss */
.product-card__button:hover {
  background-color: var(--color-button-hover); }

/* line 1372, theme.scss */
.product-card__icons {
  display: flex;
  gap: 10px; }

/* Стрелки слайдера */
/* line 1379, theme.scss */
.slider-arrow {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-m);
  border: none;
  background-color: var(--color-bg-alt);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
  transition: 0.5s ease; }

/* line 1393, theme.scss */
.slider-arrow:hover {
  background-color: var(--color-button-hover); }

/* line 1397, theme.scss */
.slider-arrow__icon {
  /* width: 18px;
  height: 18px; */ }

/* Боковой Каталог и фильтры для страниц разделов */
/* line 1406, theme.scss */
.catalog-page {
  width: var(--layout-width);
  margin: 50px auto; }

/* line 1412, theme.scss */
.catalog-page__layout {
  display: flex;
  align-items: flex-start;
  gap: 30px; }

/* Сайдбар */
/* line 1419, theme.scss */
.sidebar {
  width: 261px; }

/* line 1423, theme.scss */
.sidebar__block {
  margin-bottom: 22px; }

/* line 1427, theme.scss */
.sidebar__title {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #111; }

/* Меню каталога */
/* line 1435, theme.scss */
.sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: 7px; }

/* line 1441, theme.scss */
.sidebar-menu__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border: 0;
  padding: 6px 0;
  font-size: 14px;
  color: var(--color-text-main);
  text-align: left;
  cursor: pointer;
  transition: 0.5s ease;
  border-bottom: 1px solid var(--color-border-light); }

/* line 1457, theme.scss */
.sidebar-menu__item:hover {
  color: var(--color-accent-purple); }

/* line 1461, theme.scss */
.sidebar-menu__text {
  display: inline-block;
  margin-bottom: 3px; }

/* “стрелка вниз” справа */
/* line 1467, theme.scss */
.sidebar-menu__chevron,
.filter__chevron {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-right: 1.5px solid var(--color-text-main);
  border-bottom: 1.5px solid var(--color-text-main);
  transform: rotate(45deg);
  margin-left: 10px;
  opacity: 0.9;
  margin-bottom: 5px; }

/* Фильтры */
/* line 1481, theme.scss */
.filters {
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* line 1487, theme.scss */
.filter__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #111;
  text-align: left;
  cursor: pointer;
  transition: 0.5s ease;
  border-bottom: 1px solid var(--color-border-light); }

/* line 1503, theme.scss */
.filter__head:hover {
  color: var(--color-accent-purple); }

/* line 1507, theme.scss */
.filter__title {
  line-height: 1.2;
  margin-bottom: 3px; }

/* Кнопка Применить */
/* line 1513, theme.scss */
.filters__apply {
  margin-top: 18px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: var(--color-accent-yellow);
  color: var(--color-text-main);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s ease; }

/* line 1526, theme.scss */
.filters__apply:hover {
  background-color: var(--color-button-hover); }

/*Выпадающие элемента каталога и фильтров */
/* line 1532, theme.scss */
.sidebar-menu__item-wrapper {
  position: relative; }

/* line 1536, theme.scss */
.sidebar-menu__submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  margin-left: 15px; }

/* line 1543, theme.scss */
.sidebar-menu__submenu.open {
  max-height: none; }

/* line 1547, theme.scss */
.sidebar-menu__sublist {
  list-style: none;
  padding: 0;
  margin: 5px 0 10px; }

/* line 1553, theme.scss */
.sidebar-menu__subitem {
  border-bottom: 1px solid var(--color-border-light);
  list-style: none; }

/* line 1558, theme.scss */
.sidebar-menu__subitem::marker {
  display: none; }

/* line 1562, theme.scss */
.sidebar-menu__subitem:last-child {
  border-bottom: none; }

/* line 1566, theme.scss */
.sidebar-menu__subitem-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }

/* line 1572, theme.scss */
.sidebar-menu__sublink {
  display: block;
  padding: 6px 0;
  font-size: 14px;
  color: var(--color-text-main);
  text-decoration: none;
  transition: color 0.3s ease;
  flex: 1; }

/* line 1582, theme.scss */
.sidebar-menu__sublink:hover {
  color: var(--color-accent-purple); }

/* line 1586, theme.scss */
.sidebar-menu__subitem:hover > .sidebar-menu__subitem-wrapper .sidebar-menu__sublink {
  color: var(--color-accent-purple); }

/* line 1590, theme.scss */
.sidebar-menu__subtoggle {
  background: transparent;
  border: none;
  padding: 6px 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-main);
  transition: color 0.3s ease; }

/* line 1602, theme.scss */
.sidebar-menu__subtoggle .sidebar-menu__chevron {
  transform: rotate(45deg);
  margin: 0;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  margin-bottom: 5px; }

/* line 1613, theme.scss */
.sidebar-menu__subtoggle.open .sidebar-menu__chevron {
  transform: rotate(-135deg); }

/* Третий уровень (подменю внутри подменю) */
/* line 1618, theme.scss */
.sidebar-menu__submenu .sidebar-menu__submenu {
  margin-left: 15px; }

/* Выпадающие блоки фильтров */
/* line 1623, theme.scss */
.filter {
  margin-bottom: 0; }

/* line 1627, theme.scss */
.filter__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  /* padding-left: 12px; */ }

/* line 1634, theme.scss */
.filter__body.open {
  max-height: none; }

/* line 1638, theme.scss */
.filter__list {
  padding: 8px 0 4px; }

/* line 1642, theme.scss */
.filter__option {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--color-text-main);
  margin-bottom: 6px;
  cursor: pointer; }

/* line 1652, theme.scss */
.filter__option input[type="checkbox"] {
  margin: 0.1rem 0.5rem 0 0; }

/* line 1657, theme.scss */
.filter__checkbox {
  -webkit-appearance: none;
  appearance: none;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 5px;
  background-color: var(--color-bg-alt);
  cursor: pointer;
  display: inline-grid;
  place-content: center;
  vertical-align: middle;
  transition: all 0.2s ease;
  flex-shrink: 0; }

/* line 1672, theme.scss */
.filter__checkbox:hover {
  background-color: #ddd; }

/* line 1676, theme.scss */
.filter__checkbox:checked {
  background-color: var(--color-accent-yellow); }

/* line 1680, theme.scss */
.filter__checkbox::after {
  content: "";
  width: 0.35rem;
  height: 0.7rem;
  border: solid var(--color-text-main);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 120ms ease;
  margin-left: 0.05rem;
  margin-top: -0.2rem; }

/* line 1693, theme.scss */
.filter__checkbox:checked::after {
  opacity: 1; }

/* line 1698, theme.scss */
.filter__range {
  display: flex;
  align-items: center;
  justify-content: space-between; }

/* Контейнер для инпута и префикса */
/* line 1706, theme.scss */
.filter__range-field {
  display: flex;
  width: 49%;
  align-items: center;
  padding: 4px 6px;
  border-radius: var(--radius-m);
  border: 3px solid var(--color-bg);
  background: var(--color-bg-alt);
  cursor: text;
  transition: 0.4s ease; }

/* line 1718, theme.scss */
.filter__range-prefix {
  color: #999;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 2px;
  user-select: none; }

/* line 1726, theme.scss */
.filter__range-input {
  border: none;
  outline: none;
  padding: 0;
  width: 100%;
  color: var(--color-text-main);
  font-size: 12px;
  font-weight: 500;
  background: transparent; }

/* line 1737, theme.scss */
.filter__range-field:focus-within {
  outline: none;
  border: 3px solid var(--color-bg-alt);
  background: var(--color-bg); }

/* Стили для ползунка цены */
/* Контейнер ползунка */
/* line 1747, theme.scss */
.filter__slider {
  position: relative;
  width: auto;
  height: 20px;
  margin: 10px 10px; }

/* Общие стили для обеих дорожек (серой и желтой) */
/* line 1755, theme.scss */
.filter__slider-bg,
.filter__slider-track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  border-radius: 2px;
  z-index: 1; }

/* Серая подложка (фон) */
/* line 1766, theme.scss */
.filter__slider-bg {
  width: 100%;
  left: 0;
  background-color: #999; }

/* Активная желтая часть */
/* line 1773, theme.scss */
.filter__slider-track {
  background-color: var(--color-accent-yellow, #ffd966);
  left: 0;
  right: 0; }

/* Стили для ручек */
/* line 1780, theme.scss */
.filter__slider-handle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 2px solid #ffd966;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 2; }

/* line 1794, theme.scss */
.filter__slider-handle--left {
  left: 0%; }

/* line 1798, theme.scss */
.filter__slider-handle--right {
  left: 100%; }

/* line 1803, theme.scss */
.sidebar-menu__submenu,
.filter__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out; }

/* Поворот стрелки при открытии */
/* line 1812, theme.scss */
.sidebar-menu__item.open .sidebar-menu__chevron,
.filter__head.open .filter__chevron {
  transform: rotate(-135deg); }

/* Скрытые пункты в фильтрах */
/* line 1819, theme.scss */
.filter__option {
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, margin 0.3s ease-out, padding 0.3s ease-out;
  overflow: hidden; }

/* line 1825, theme.scss */
.filter__option.option_hide {
  max-height: 0;
  opacity: 0;
  margin: 0;
  padding: 0; }

/* line 1832, theme.scss */
.filter__option.option_hide.is-visible {
  max-height: 50px;
  opacity: 1;
  margin: 6px 0; }

/* line 1838, theme.scss */
.filter__toggle .filter__toggle-text--hide {
  display: none; }

/* line 1841, theme.scss */
.filter__toggle.is-open .filter__toggle-text--show {
  display: none; }

/* line 1844, theme.scss */
.filter__toggle.is-open .filter__toggle-text--hide {
  display: inline; }

/* Кнопка Показать/Скрыть все */
/* line 1849, theme.scss */
.filter__toggle {
  border: none;
  background: transparent;
  color: var(--color-accent-purple);
  cursor: pointer;
  font-size: 13px;
  transition: .2s; }

/* Контент */
/* line 1866, theme.scss */
.catalog-products-content {
  min-width: 0; }

/* line 1871, theme.scss */
.filter__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  padding: 20px 24px;
  margin-bottom: 30px;
  background: #F5F5F7;
  border-radius: var(--radius-l); }

/* line 1885, theme.scss */
.numbers__tabs {
  display: flex;
  gap: 10px; }

/* line 1890, theme.scss */
.number__tab {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  transition: 0.5s ease; }

/* line 1900, theme.scss */
.number__tab__active {
  color: var(--color-link-hover); }

/* line 1904, theme.scss */
.number__tab:hover {
  color: var(--color-link-hover); }

/* line 1909, theme.scss */
.plates {
  display: flex;
  gap: 10px; }

/* line 1914, theme.scss */
.plates a {
  cursor: pointer;
  transition: filter 0.11s ease; }

/* line 1919, theme.scss */
.plate-active {
  filter: invert(35%) sepia(58%) saturate(4139%) hue-rotate(249deg) brightness(99%) contrast(105%); }

/* line 1923, theme.scss */
.plates a:hover {
  filter: invert(35%) sepia(58%) saturate(4139%) hue-rotate(249deg) brightness(99%) contrast(105%); }

/* line 1929, theme.scss */
.show__controls {
  min-width: 843px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
  margin-bottom: 30px; }

/* line 1937, theme.scss */
.show__controls::-webkit-scrollbar {
  height: 3px; }

/* line 1941, theme.scss */
.show__controls::-webkit-scrollbar-thumb {
  background: #9747FF;
  border-radius: 999px; }

/* line 1946, theme.scss */
.show__controls::-webkit-scrollbar-track {
  background: transparent; }

/* line 1951, theme.scss */
.tabs__content {
  min-height: 41px;
  padding: 10px 16px;
  border-radius: var(--radius-m);
  border: 1px solid #E7E7F4;
  background-color: transparent;
  color: var(--color-text-main);
  font-size: 13.3px;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
  gap: 8px;
  transition: 0.5s ease;
  text-wrap: nowrap; }

/* line 1967, theme.scss */
.tabs__content_active {
  color: #9625A8;
  border: 1px solid #9625A8; }

/* line 1972, theme.scss */
.tabs__content:hover {
  color: #9625A8;
  border: 1px solid #9625A8; }

/* line 1977, theme.scss */
.filter-bar {
  width: 690px;
  gap: 10px;
  display: none; }

/* line 1983, theme.scss */
.filter-item {
  width: 100%;
  border-radius: var(--radius-m);
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #E2E3EE;
  color: var(--color-text-main);
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  gap: 15px;
  margin-bottom: 20px;
  cursor: pointer; }

/* line 2000, theme.scss */
.filter-button {
  display: flex;
  align-items: center;
  gap: var(--gap-s);
  padding: 14px 30px 14px 26px;
  border-radius: var(--radius-m);
  border: none;
  background-color: var(--color-accent-yellow);
  color: var(--color-text-main);
  font-weight: 700;
  font-size: 15px;
  gap: 8px;
  cursor: pointer;
  transition: 0.5s ease;
  height: 52px;
  display: none; }

/* line 2018, theme.scss */
.filter-button:hover {
  background-color: var(--color-button-hover); }

/* line 2022, theme.scss */
.filter-item {
  position: relative; }

/* line 2026, theme.scss */
.filter-dropdown {
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  border: 1px solid #E2E3EE;
  border-radius: 0 0 10px 10px;
  background: #fff;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  z-index: 10;
  border-top: none; }

/* line 2042, theme.scss */
.filter-item.active {
  border-radius: 10px 10px 0 0; }

/* line 2046, theme.scss */
.filter-item.active .filter-dropdown {
  max-height: 500px;
  opacity: 1; }

/* line 2051, theme.scss */
.drop-filter-option {
  padding: 16px 24px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  transform: 0.3s ease; }

/* line 2059, theme.scss */
.filter-option:hover {
  background: #F5F6FB; }

/* line 2063, theme.scss */
.sidebar-menu__chevron {
  transition: transform 0.3s ease; }

/* line 2067, theme.scss */
.filter-item.active .sidebar-menu__chevron {
  transform: rotate(225deg); }

/* line 2072, theme.scss */
.title__cards {
  display: flex;
  text-wrap: nowrap;
  margin-top: 30px;
  margin-bottom: 30px; }

/* line 2079, theme.scss */
.additional__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  margin: 0; }

/* Сетка товаров: 3 колонки*/
/* line 2087, theme.scss */
.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px; }

/* Карточки для плитки 2 в ряд */
/* line 2094, theme.scss */
.two-products-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  min-width: 843px;
  gap: 30px; }

/* line 2102, theme.scss */
.product-card-two {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-xl);
  background-color: #F5F5F7;
  padding: 24px;
  /* gap: 20px; */
  border: 1px solid #F5F5F7;
  cursor: pointer;
  /* transition: box-shadow 0.5s ease; */ }

/* line 2115, theme.scss */
.product-card__image-wrapper-two {
  min-width: 358px;
  border-radius: var(--radius-l);
  overflow: hidden;
  margin-bottom: 20px; }

/* line 2122, theme.scss */
.product-card__title-two {
  margin-block-start: 16px;
  margin-block-end: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%; }

/* line 2131, theme.scss */
.product-card__prices-two {
  display: flex;
  align-items: center;
  margin: 12px 0;
  gap: 20px; }

/* line 2138, theme.scss */
.line__icon-two {
  position: absolute;
  width: 72px;
  height: 4px;
  left: 38%; }

/* Карточки для плитки 4 в ряд */
/* line 2150, theme.scss */
.products__grid-four {
  display: grid;
  grid-template-columns: repeat(4, 203.25px);
  min-width: 843px;
  gap: 10px;
  margin-bottom: 50px; }

/* line 2158, theme.scss */
.product-card-four {
  display: flex;
  flex-direction: column;
  padding: 18.7px;
  /* gap: 20px; */
  border: 1px solid #F5F5F7;
  border-radius: var(--radius-xl);
  background: #F5F5F7;
  cursor: pointer; }

/* line 2170, theme.scss */
.product-card__image-wrapper-four {
  min-width: 164px;
  border-radius: var(--radius-l);
  overflow: hidden;
  margin-bottom: 20px; }

/* line 2177, theme.scss */
.product-card__footer-four {
  display: flex;
  align-items: center;
  gap: 15.63px; }

/* line 2183, theme.scss */
.button-four {
  width: 44px; }

/* line 2188, theme.scss */
.product-card__icons-four {
  display: flex;
  gap: 15.63px; }

/* line 2193, theme.scss */
.product-card__title-four {
  margin-block-start: 16px;
  margin-block-end: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; }

/* line 2201, theme.scss */
.product-card__badge-four {
  position: absolute;
  height: 21px;
  padding: 4px 8px;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  z-index: 2; }

/* line 2214, theme.scss */
.product-card__prices-four {
  display: flex;
  flex-direction: column;
  margin: 12px 0;
  min-height: 58px; }

/* line 2221, theme.scss */
.line__icon-four {
  position: relative;
  width: 72px;
  height: 4px;
  bottom: 25%; }

/* line 2228, theme.scss */
.product-card__price-current-four {
  font-size: 20px;
  font-weight: 700; }

/* line 2233, theme.scss */
.bottom_text {
  /* margin-block-start: 20px; */
  margin-block-end: 0;
  font-size: 14px;
  font-weight: 400;
  color: #C2C2D1; }

/* Пагинация */
/* line 2244, theme.scss */
.bootom__controls {
  min-width: 843px;
  display: grid;
  justify-content: center;
  justify-items: center; }

/* line 2251, theme.scss */
.item__number {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-m);
  border: 1px solid #E7E7F3;
  background-color: transparent;
  color: var(--color-text-main);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
  transition: 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 2268, theme.scss */
.item__number:hover {
  background-color: var(--color-button-hover); }

/* line 2273, theme.scss */
.item__number_active {
  background: var(--color-accent-yellow); }

/* line 2277, theme.scss */
.item__number_next {
  background: var(--color-bg-alt);
  color: var(--color-accent-purple); }

/* line 2282, theme.scss */
.show_more {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 149px;
  padding: 10px 20px 10px 14px;
  border: 1px solid #E7E7F3;
  border-radius: var(--radius-m);
  gap: 8px;
  cursor: pointer;
  background: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  text-wrap: nowrap;
  transition: 0.5s ease; }

/* line 2300, theme.scss */
.icon_more {
  width: 24px;
  height: 24px; }

/* line 2305, theme.scss */
.show_more:hover {
  background-color: var(--color-button-hover); }

/* line 2309, theme.scss */
.bottom-order {
  margin-bottom: 100px; }

/* Страница "Карточка товара" */
/* line 2319, theme.scss */
.product-detail {
  width: var(--layout-width);
  margin: 0 auto 100px; }

/* line 2324, theme.scss */
.product-detail__inner {
  display: grid;
  grid-template-columns: 455px 1fr;
  grid-template-areas: "media panel" ".     note";
  gap: 30px;
  align-items: start; }

/* Общая карточка */
/* line 2335, theme.scss */
.product-detail__media,
.product-detail__panel,
.product-detail__note {
  border: 1px solid #E7E7F3;
  border-radius: var(--radius-xl);
  background: #fff; }

/* Левый блок - картинка */
/* line 2344, theme.scss */
.product-detail__media {
  grid-area: media;
  overflow: hidden; }

/* line 2349, theme.scss */
.product-detail__media-image img {
  width: 100%; }

/* Правый блок */
/* line 2354, theme.scss */
.product-detail__panel {
  grid-area: panel;
  padding: 30px; }

/* line 2359, theme.scss */
.product-detail__panel-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* gap: 30px; */ }

/* line 2366, theme.scss */
.product-detail__rating {
  display: flex;
  align-items: center;
  gap: 6px; }

/* line 2372, theme.scss */
.product-detail__stars {
  display: flex;
  gap: 6px; }

/* line 2377, theme.scss */
.product-detail__star {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: #E6E6F2;
  display: inline-block; }

/* line 2384, theme.scss */
.product-detail__star_active {
  background: #FFC145; }

/* line 2386, theme.scss */
.product-detail__reviews {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-link-hover); }

/* line 2392, theme.scss */
.product-detail__actions {
  display: flex;
  gap: 12px; }

/* line 2397, theme.scss */
.product-detail__action {
  display: flex;
  padding: 10px 12px;
  border-radius: var(--radius-m);
  border: 1px solid #E7E7F3;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s ease;
  gap: 8px; }

/* line 2409, theme.scss */
.product-detail__action:hover {
  background: var(--color-button-hover);
  border-color: transparent; }

/* line 2414, theme.scss */
.product-detail__title {
  margin: 35px 0 30px;
  font-size: 32px;
  font-weight: 600;
  line-height: 140%;
  text-wrap: nowrap; }

/* line 2422, theme.scss */
.product-detail__options {
  display: grid;
  gap: 16px;
  margin-bottom: 18px; }

/* line 2428, theme.scss */
.product-detail__row {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 18px;
  align-items: center;
  text-wrap: nowrap; }

/* line 2436, theme.scss */
.product-detail__label {
  font-size: 14px;
  font-weight: 700; }

/* line 2441, theme.scss */
.product-detail__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

/* line 2447, theme.scss */
.product-detail__chip {
  padding: 10px 14px;
  border-radius: var(--radius-m);
  border: 1px solid #E7E7F4;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s ease; }

/* line 2458, theme.scss */
.product-detail__chip_active {
  border-color: #9625A8;
  color: #9625A8; }

/* line 2463, theme.scss */
.product-detail__chip:not(.product-detail__chip_disabled):hover {
  border-color: #9625A8;
  color: #9625A8; }

/* line 2468, theme.scss */
.product-detail__chip_disabled {
  opacity: .8;
  cursor: not-allowed; }

/* line 2473, theme.scss */
.product-detail__prices {
  display: flex;
  align-items: baseline;
  gap: 16px; }

/* line 2479, theme.scss */
.product-detail__price-current {
  font-size: 32px;
  font-weight: 700; }

/* line 2484, theme.scss */
.product-detail__price-old {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-muted); }

/* line 2490, theme.scss */
.product-detail-line__icon {
  position: relative;
  height: 9.4px;
  right: 15.7%; }

/* line 2496, theme.scss */
.product-detail__cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 16px; }

/* line 2503, theme.scss */
.product-detail__btn {
  padding: 18px 30px;
  transition: 0.5s ease;
  font-size: 16px;
  font-weight: 600; }

/* Первая кнопка */
/* line 2511, theme.scss */
.product-detail__btn:nth-child(1):hover {
  background: var(--color-button-hover); }

/* Вторая кнопка */
/* line 2516, theme.scss */
.product-detail__btn:nth-child(2):hover {
  border-color: #9625A8;
  color: #9625A8; }

/* Нижний блок */
/* line 2522, theme.scss */
.product-detail__note {
  grid-area: note;
  padding: 30px; }

/* line 2527, theme.scss */
.text__wrapper {
  display: grid;
  gap: 20px; }

/* line 2532, theme.scss */
.product-detail__note-title {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%; }

/* line 2539, theme.scss */
.product-detail__note-subtitle {
  margin: 0;
  color: #9625A8;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%; }

/* line 2547, theme.scss */
.product-detail__annotation-text {
  margin: 0;
  font-size: 14px;
  line-height: 140%;
  color: var(--color-text-secondary); }

/* line 2554, theme.scss */
.product-detail__note-text {
  margin: 0;
  font-size: 16px;
  line-height: 140%;
  color: var(--color-text-main); }

/* line 2561, theme.scss */
.product-detail__note-attention {
  margin: 0;
  font-size: 16px;
  line-height: 140%;
  color: var(--color-text-secondary); }

/* line 2568, theme.scss */
.product-detail__note-attention strong {
  color: #9625A8; }

/* Доставка и оплата */
/* line 2577, theme.scss */
.info-panel {
  width: var(--layout-width);
  margin: 0 auto; }

/* Обёртка нужна, чтобы табы “висели” над карточкой */
/* line 2583, theme.scss */
.info-panel__wrap {
  /* position: relative; */ }

/* Таб-линия поверх карточки */
/* line 2588, theme.scss */
.info-panel-tabs {
  display: flex;
  justify-content: center; }

/* Кнопки табов */
/* line 2594, theme.scss */
.info-panel-tabs__item {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 10px 30px 14px 30px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-main);
  line-height: 140%; }

/* Активный таб + жёлтая линия снизу */
/* line 2606, theme.scss */
.info-panel-tabs__item_active {
  border-bottom: 2px solid #FFE366; }

/* Карточка */
/* line 2612, theme.scss */
.info-panel__card {
  display: grid;
  background: transparent;
  border: 1px solid #E7E7F3;
  border-radius: var(--radius-xl);
  padding: 40px; }

/* Заголовки секций */
/* line 2622, theme.scss */
.info-panel__title {
  margin: 0 0 30px;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
  color: var(--color-text-main); }

/* Разделитель */
/* line 2631, theme.scss */
.info-panel__divider {
  height: 1px;
  background: #E7E7F3;
  margin-top: 40px;
  margin-bottom: 30px; }

/* Сетки */
/* line 2639, theme.scss */
.delivery-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px; }

/* line 2645, theme.scss */
.payment-grid {
  display: grid;
  grid-template-columns: 260px 260px 474px;
  gap: 30px; }

/* Элемент */
/* line 2652, theme.scss */
.info-item {
  color: var(--color-text-main); }

/* line 2656, theme.scss */
.info-item__icon {
  width: 54px;
  height: 54px;
  padding: 10px;
  border-radius: 12px;
  background: #F5F5F7;
  border: 1px solid #F5F5F7;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px; }

/* line 2669, theme.scss */
.info-item__icon-img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block; }

/* line 2676, theme.scss */
.info-item__heading {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%; }

/* line 2683, theme.scss */
.info-item__text {
  margin: 0;
  font-size: 15.9px;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-text-main); }

/* Доставка: иконка слева */
/* line 2692, theme.scss */
.info-item_type_row {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 30px;
  /* align-items: start; */ }

/* Оплата: иконка сверху */
/* line 2700, theme.scss */
.info-item_type_col {
  display: flex;
  flex-direction: column;
  /* gap: 12px; */ }

/* line 2706, theme.scss */
.payment-icon {
  margin-bottom: 20px; }

/* line 2710, theme.scss */
.payment-grid .info-item__heading {
  font-size: 20px; }

/* Форма обратной связи */
/* line 2717, theme.scss */
.feedback-section {
  width: var(--layout-width);
  margin: 60px auto 80px; }

/* line 2722, theme.scss */
.feedback-section__grid {
  display: grid;
  grid-template-columns: 455px 1fr;
  gap: 30px;
  align-items: stretch; }

/* Карточки */
/* line 2730, theme.scss */
.feedback-card {
  background: transparent;
  border: 1px solid #E7E7F3;
  border-radius: 20px;
  padding: 30px; }

/* ========== ЛЕВАЯ КАРТОЧКА (контакты) ========== */
/* line 2738, theme.scss */
.feedback-contacts .footer__phone-group {
  align-items: flex-start;
  /* gap: 6px; */ }

/* line 2743, theme.scss */
.feedback-contacts__phone {
  color: var(--color-text-main);
  font-weight: 700;
  font-size: 18px;
  line-height: 120%; }

/* line 2750, theme.scss */
.feedback-contacts__schedule {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: #BA93DF; }

/* Кнопка "Позвонить" справа от телефона */
/* line 2758, theme.scss */
.feedback-card__top .footer__phone-group {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "phone call" "schedule call";
  column-gap: 20px;
  align-items: center;
  min-width: 355px;
  justify-self: center; }

/* line 2770, theme.scss */
.feedback-card__top .feedback-contacts__phone {
  grid-area: phone;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  align-items: center; }

/* line 2778, theme.scss */
.feedback-card__top .feedback-contacts__schedule {
  grid-area: schedule;
  display: flex;
  justify-content: end;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%; }

/* line 2787, theme.scss */
.feedback-card__top .feedback-contacts__call {
  grid-area: call;
  margin-top: 0;
  height: 44px;
  min-width: 172px;
  padding: 12px 16px 12px 12px;
  justify-content: center;
  gap: 4px; }

/* Адрес/почта */
/* line 2798, theme.scss */
.feedback-contacts__info {
  margin-top: 40px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-self: center;
  min-width: 355px;
  gap: 24px; }

/* line 2808, theme.scss */
.feedback-contacts__info-item {
  margin-bottom: 0 !important; }

/* .feedback-contacts__info.footer__mail__soc{
  margin-left: 0;
} */
/* line 2816, theme.scss */
.feedback-contacts__label .footer__info-title {
  color: #BA93DF;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%; }

/* line 2823, theme.scss */
.feedback-contacts__info .footer__info-text,
.feedback-contacts__info .footer__info-link {
  color: var(--color-text-main);
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px; }

/* ========== КНОПКИ МЕССЕНДЖЕРОВ ========== */
/* line 2832, theme.scss */
.feedback-messengers {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 355px;
  justify-self: center;
  gap: 20px; }

/* line 2841, theme.scss */
.feedback-messengers__btn {
  width: 167.5px;
  height: 48px;
  padding: 12px 20px;
  border-radius: var(--radius-m);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: #fff;
  transition: 0.5s ease; }

/* line 2857, theme.scss */
.feedback-messengers__btn_tg {
  background: #27A7E7; }

/* line 2861, theme.scss */
.feedback-messengers__btn_wa {
  background: #25D366; }

/* line 2865, theme.scss */
.feedback-messengers__btn:hover {
  filter: brightness(0.92); }

/* ========== ПРАВАЯ КАРТОЧКА (форма) ========== */
/* line 2871, theme.scss */
.feedback-form__title {
  margin: 0 0 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%; }

/* line 2878, theme.scss */
.feedback-form__subtitle {
  margin: 0 0 30px;
  max-width: 599px;
  font-size: 16px;
  line-height: 140%;
  color: var(--color-text-secondary); }

/* два поля в ряд */
/* line 2887, theme.scss */
.feedback-form__grid {
  display: grid;
  grid-template-columns: 1fr 289.5px;
  gap: 20px;
  margin-bottom: 30px; }

/* line 2894, theme.scss */
.feedback-form__field {
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* line 2900, theme.scss */
.feedback-form__label {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  color: var(--color-text-main); }

/* инпуты: белые, с тонким бордером */
/* line 2908, theme.scss */
.feedback-form__input {
  height: 52px;
  border-radius: var(--radius-m);
  border: 1px solid #E2E3EE;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-text-main);
  background: transparent;
  transition: 0.5s ease;
  /* плавный переход */ }

/* Базовые стили плейсхолдера */
/* line 2922, theme.scss */
.feedback-form__input::placeholder {
  color: #C2C2D1;
  transition: 0.5s ease; }

/* Стили при фокусе */
/* line 2928, theme.scss */
.feedback-form__input:focus {
  outline: none;
  border-color: #D0D0DE; }

/* Стили при наведении на инпут */
/* line 2934, theme.scss */
.feedback-form__input:hover {
  border: 1px solid #D0D0DE;
  box-shadow: 0px 0px 10px 0px #5B64761A inset; }

/* Стили плейсхолдера при наведении на инпут */
/* line 2940, theme.scss */
.feedback-form__input:hover::placeholder {
  color: var(--color-text-main); }

/* низ формы: чекбокс слева, кнопка справа */
/* line 2946, theme.scss */
.feedback-form__bottom {
  display: grid;
  grid-template-columns: 1fr 289.5px;
  gap: 20px;
  align-items: center; }

/* line 2953, theme.scss */
.feedback-form__agree {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 16px;
  user-select: none; }

/* Стили чекбокса */
/* line 2963, theme.scss */
.feedback-form__checkbox {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1.5px solid #E2E3EE;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease; }

/* line 2977, theme.scss */
.feedback-form__checkbox:hover {
  border: 1px solid #D0D0DE;
  box-shadow: 0px 0px 10px 0px #5B64761A inset; }

/* Галочка (по умолчанию скрыта) */
/* line 2983, theme.scss */
.feedback-form__checkbox::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 13px;
  border: solid transparent;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
  opacity: 0;
  transition: opacity 0.5s ease; }

/* ===================== */
/* СОСТОЯНИЕ 2: Невыбранный + ховер */
/* line 2999, theme.scss */
.feedback-form__checkbox:hover:not(:checked)::after {
  border-color: #9625A8;
  opacity: 1; }

/* ===================== */
/* СОСТОЯНИЕ 3: Выбранный (кликнули) */
/* line 3006, theme.scss */
.feedback-form__checkbox:checked {
  background: #9625A8;
  border-color: #9625A8; }

/* line 3011, theme.scss */
.feedback-form__checkbox:checked::after {
  border-color: white;
  opacity: 1; }

/* ===================== */
/* СОСТОЯНИЕ 4: Выбранный + ховер */
/* line 3018, theme.scss */
.feedback-form__checkbox:checked:hover {
  background: #E2E3EE;
  border-color: #E2E3EE; }

/* line 3023, theme.scss */
.feedback-form__checkbox:checked:hover::after {
  border-color: white;
  opacity: 1; }

/* 1) Откатываем hover-стили у чекбокса, если курсор на тексте */
/* line 3029, theme.scss */
.feedback-form__agree:has(.feedback-form__agree-text:hover) .feedback-form__checkbox {
  border: 1.5px solid #E2E3EE;
  box-shadow: none; }

/* 2) Убираем “ховер-галочку” при наведении на текст */
/* line 3035, theme.scss */
.feedback-form__agree:has(.feedback-form__agree-text:hover) .feedback-form__checkbox:not(:checked)::after {
  opacity: 0;
  border-color: transparent; }

/* 3) Если чекбокс уже отмечен — сохраняем отмеченный вид, но без hover-перекраски */
/* line 3041, theme.scss */
.feedback-form__agree:has(.feedback-form__agree-text:hover) .feedback-form__checkbox:checked {
  background: #9625A8;
  border-color: #9625A8; }

/* line 3045, theme.scss */
.feedback-form__agree:has(.feedback-form__agree-text:hover) .feedback-form__checkbox:checked::after {
  opacity: 1;
  border-color: #fff; }

/* line 3052, theme.scss */
.feedback-form__agree-text {
  font-size: 12px;
  line-height: 140%;
  font-weight: 400;
  color: var(--color-text-secondary); }

/* line 3059, theme.scss */
.feedback-form__link {
  color: #9625A8;
  text-decoration: none; }

/* line 3065, theme.scss */
.feedback-form__submit {
  height: 58px;
  padding: 18px 10px;
  border-radius: var(--radius-m);
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  gap: 8px;
  transition: 0.5s ease; }

/* line 3076, theme.scss */
.feedback-form__submit:hover {
  background: var(--color-button-hover); }

/* Секция "Аналогичные товары" */
/* line 3081, theme.scss */
.analog-products {
  margin-top: 20px;
  margin-bottom: 90px; }

/* Секция "Обмен и возврат" */
/* line 3089, theme.scss */
.exchange-panel {
  margin-top: 80px; }

/* line 3093, theme.scss */
.exchange_title {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  margin-block-start: 0px;
  margin-block-end: 24px;
  color: var(--color-text-main); }

/* line 3102, theme.scss */
.exchange_text {
  max-width: 1054px;
  display: grid;
  gap: 20px;
  margin-bottom: 40px; }

/* line 3109, theme.scss */
.text_item {
  margin: 0;
  font-weight: 400;
  font-size: 15.9px;
  line-height: 140%;
  text-align: justify;
  color: var(--color-text-secondary); }

/* line 3118, theme.scss */
.text_link {
  text-decoration: solid underline;
  color: var(--color-link-hover);
  cursor: pointer; }

/* line 3124, theme.scss */
.exchange_list {
  display: grid;
  list-style: disc;
  list-style-position: outside;
  gap: 14px;
  padding-left: 20px; }

/* line 3132, theme.scss */
.exchange_list li::marker {
  font-size: 0.75em;
  color: var(--color-text-secondary); }

/* line 3137, theme.scss */
.text_list_item {
  font-weight: 400;
  font-size: 15.83px;
  line-height: 140%;
  color: var(--color-text-secondary); }

/* line 3144, theme.scss */
.exchange_point {
  margin-top: 40px;
  margin-bottom: 30px; }

/* line 3149, theme.scss */
.term_item {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: var(--color-text-secondary); }

/* line 3160, theme.scss */
.term_item:not(:nth-child(3)) {
  border-bottom: 1.5px solid var(--color-text-muted); }

/* line 3164, theme.scss */
.exchange_bottom {
  margin-bottom: 30px; }

/* Секция "Гарантия" */
/* line 3173, theme.scss */
.garantee-panel {
  margin-bottom: 120px; }

/* line 3177, theme.scss */
.garantee_list {
  margin-bottom: 40px; }

/* line 3181, theme.scss */
.text_item span {
  color: var(--color-link-hover);
  font-size: 16px;
  font-weight: 700;
  line-height: 140%; }

/* Промо блоки */
/* line 3192, theme.scss */
.promo {
  width: var(--layout-width);
  margin: 0 auto;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 30px;
  gap: 30px; }

/* line 3202, theme.scss */
.promo__inner {
  position: relative;
  overflow: hidden;
  width: 552px;
  height: 346px;
  border-radius: var(--radius-xl);
  background: radial-gradient(700px 520px at 90% 35%, rgba(86, 86, 183, 0.08) 0%, rgba(86, 86, 183, 0) 70%), radial-gradient(520px 420px at 78% 88%, rgba(108, 120, 214, 0.07) 0%, rgba(108, 120, 214, 0) 72%), linear-gradient(90deg, rgba(86, 86, 183, 0.055) 0%, rgba(86, 86, 183, 0) 22%), linear-gradient(90deg, rgba(86, 86, 183, 0) 0%, rgba(86, 86, 183, 0.035) 100%), linear-gradient(0deg, rgba(245, 245, 247, 0.98), rgba(245, 245, 247, 0.98)), #F5F5F7;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-3xl);
  padding: 50px;
  color: var(--color-text-main); }

/* line 3246, theme.scss */
.promo__image-wrapper {
  flex: 0 0 435px; }

/* line 3250, theme.scss */
.promo__image {
  position: absolute;
  height: 316px;
  object-fit: contain; }

/* line 3257, theme.scss */
.promo__image-group {
  position: relative;
  width: 435px;
  height: 410px; }

/* line 3263, theme.scss */
.promo__image_main {
  height: 172px;
  position: absolute;
  left: 35px;
  top: 124px;
  object-fit: contain; }

/* line 3271, theme.scss */
.promo__image_overlay {
  height: 172px;
  position: absolute;
  left: 35px;
  bottom: 288px;
  object-fit: contain; }

/* line 3280, theme.scss */
.promo__image_exchange {
  position: absolute;
  height: 100px;
  top: 75px;
  left: 65px;
  object-fit: contain;
  z-index: 1; }

/* line 3290, theme.scss */
.promo__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0; }

/* line 3299, theme.scss */
.promo__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  margin: 0; }

/* line 3306, theme.scss */
.promo__inner:nth-of-type(2) .promo__content {
  position: relative; }

/* line 3310, theme.scss */
.promo__inner:nth-of-type(2) .promo__title {
  font-size: 32px;
  width: 282px; }

/* line 3315, theme.scss */
.promo__inner:nth-of-type(2) .promo__image {
  top: 30px;
  right: 30px; }

/* line 3320, theme.scss */
.promo__text {
  width: 211px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  color: #9625A8;
  font-size: 20px;
  line-height: 140%; }

/* line 3330, theme.scss */
.promo__button {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  padding: 16px 24px;
  align-self: flex-start;
  border-radius: var(--radius-m);
  gap: 8px;
  margin-top: 10px; }

/* line 3341, theme.scss */
.promo__inner .promo__button {
  background: #FFFFFF;
  color: var(--color-text-main);
  transition: 0.5s ease;
  cursor: pointer; }

/* line 3348, theme.scss */
.promo__inner .promo__button:hover {
  background: var(--color-button-hover); }

/* Страницы "Отзывы" */
/* line 3355, theme.scss */
.comments {
  margin-bottom: 120px; }

/* line 3359, theme.scss */
.comments__title {
  margin-bottom: 40px; }

/* line 3363, theme.scss */
.comment_btn {
  display: flex;
  max-width: 177px;
  padding: 18px 30px;
  background: var(--color-accent-yellow);
  color: var(--color-text-main);
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-wrap: nowrap;
  border: none;
  border-radius: 12px;
  gap: 8px;
  cursor: pointer;
  transition: 0.5s ease; }

/* line 3380, theme.scss */
.comment_btn:hover {
  background: var(--color-button-hover); }

/* line 3385, theme.scss */
.comment__grid {
  width: var(--layout-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, auto);
  gap: 30px; }

/* Строка 1: Юлия (1), Макс (2), Олег (3) */
/* line 3395, theme.scss */
.comment__item:nth-child(12n+1) {
  grid-row: 1;
  grid-column: 1; }

/* line 3396, theme.scss */
.comment__item:nth-child(12n+2) {
  grid-row: 1;
  grid-column: 2; }

/* line 3397, theme.scss */
.comment__item:nth-child(12n+3) {
  grid-row: 1;
  grid-column: 3; }

/* Строка 2: Макс (5), Олег (6), Юлия (4) */
/* line 3400, theme.scss */
.comment__item:nth-child(12n+5) {
  grid-row: 2;
  grid-column: 1; }

/* line 3401, theme.scss */
.comment__item:nth-child(12n+6) {
  grid-row: 2;
  grid-column: 2; }

/* line 3402, theme.scss */
.comment__item:nth-child(12n+4) {
  grid-row: 2;
  grid-column: 3; }

/* Строка 3: Юлия (7), Макс (8), Олег (9) */
/* line 3405, theme.scss */
.comment__item:nth-child(12n+7) {
  grid-row: 3;
  grid-column: 1; }

/* line 3406, theme.scss */
.comment__item:nth-child(12n+8) {
  grid-row: 3;
  grid-column: 2; }

/* line 3407, theme.scss */
.comment__item:nth-child(12n+9) {
  grid-row: 3;
  grid-column: 3; }

/* Строка 4: Макс (11), Олег (12), Юлия (10) */
/* line 3410, theme.scss */
.comment__item:nth-child(12n+11) {
  grid-row: 4;
  grid-column: 1; }

/* line 3411, theme.scss */
.comment__item:nth-child(12n+12) {
  grid-row: 4;
  grid-column: 2; }

/* line 3412, theme.scss */
.comment__item:nth-child(12n+10) {
  grid-row: 4;
  grid-column: 3; }

/* line 3414, theme.scss */
.comment__item {
  max-width: 358px;
  display: grid;
  border: 1px solid #E7E7F3;
  padding: 30px;
  border-radius: var(--radius-xl);
  gap: 20px; }

/* line 3423, theme.scss */
.comment_text {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%; }

/* line 3430, theme.scss */
.comment_details {
  display: grid;
  align-items: end;
  grid-template-columns: 1fr 238px;
  gap: 16px; }

/* line 3437, theme.scss */
.comment_from {
  display: grid;
  gap: 4px; }

/* line 3442, theme.scss */
.comment_name {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%; }

/* line 3449, theme.scss */
.comment_place {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BA93DF;
  cursor: pointer; }

/* line 3457, theme.scss */
.comment_img {
  width: 44px;
  height: 44px; }

/* line 3462, theme.scss */
.comments-control {
  margin-top: 50px; }

/* line 3466, theme.scss */
.comments-feedback-form {
  margin-bottom: 140px; }

/* Секция "Как заказать" */
/* line 3474, theme.scss */
.how-to-order {
  margin-top: 60px;
  padding-bottom: 40px; }

/* line 3479, theme.scss */
.how-to-order__heading {
  margin-bottom: 60px; }

/* line 3483, theme.scss */
.how-to-order__list {
  width: var(--layout-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  counter-reset: howto; }

/* line 3492, theme.scss */
.how-to-order__item {
  border-radius: var(--radius-xl);
  background: linear-gradient(109.74deg, #F8F8FF 11.62%, rgba(245, 245, 247, 0) 54.94%);
  padding: 90px 40px 40px;
  display: block;
  position: relative;
  overflow: hidden;
  min-height: 216px; }

/* line 3503, theme.scss */
.how-to-order__item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(245, 245, 247, 0) 25%, rgba(226, 227, 238, 0.6) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2; }

/* line 3521, theme.scss */
.how-to-order__step-number {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 600;
  font-size: 140px;
  line-height: 120%;
  background: linear-gradient(180deg, #E3E3F2 49.52%, #F5F5F7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0.75;
  z-index: 0;
  position: absolute;
  left: 30px;
  top: -7px;
  pointer-events: none;
  user-select: none; }

/* line 3539, theme.scss */
.how-to-order__content {
  position: relative;
  z-index: 1; }

/* line 3545, theme.scss */
.how-to-order__title {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  color: var(--color-text-main);
  margin-bottom: 16px; }

/* line 3554, theme.scss */
.how-to-order__text {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-text-secondary); }

/* Секция "Статьи" */
/* line 3564, theme.scss */
.articles {
  margin-top: 60px;
  margin-bottom: 60px; }

/* line 3569, theme.scss */
.articles__heading {
  margin-bottom: 60px; }

/* line 3573, theme.scss */
.articles__controls {
  display: flex;
  align-items: center;
  gap: 8px; }

/* line 3579, theme.scss */
.articles__grid {
  width: var(--layout-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 435px 299.5px 299.5px;
  gap: 50px; }

/* line 3587, theme.scss */
.article-card {
  border-radius: var(--radius-xl);
  display: flex;
  flex-direction: column; }

/* line 3593, theme.scss */
.article-card_size_large {
  grid-row: span 2;
  position: relative; }

/* line 3598, theme.scss */
.article-card_size_large .article-card__content {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 105px;
  margin-top: 0;
  z-index: 2;
  color: #fff; }

/* line 3609, theme.scss */
.article-card__image-wrapper {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: inherit; }

/* line 3616, theme.scss */
.article-card_size_large .article-card__image-wrapper {
  height: 410px;
  position: relative;
  border-radius: inherit; }

/* line 3622, theme.scss */
.article-card_size_large .article-card__image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(55, 35, 58, 0) 0%, #37233A 100%);
  z-index: 1; }

/* line 3630, theme.scss */
.article-card_size_large .article-card__image {
  position: relative;
  z-index: 0; }

/* line 3635, theme.scss */
.article-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* line 3641, theme.scss */
.article-card__content {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* line 3648, theme.scss */
.article-card__data {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: var(--color-accent-purple); }

/* line 3655, theme.scss */
.article-card__title {
  margin: 0;
  font-size: 19.5px;
  font-weight: 600;
  line-height: 130%;
  cursor: pointer; }

/* line 3663, theme.scss */
.article-card__title:hover {
  color: var(--color-link-hover); }

/* line 3667, theme.scss */
.article-card__text {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%; }

/* line 3674, theme.scss */
.article-card_size_large .article-card__data {
  color: var(--color-accent-yellow); }

/* line 3678, theme.scss */
.article-card .article-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

/* line 3685, theme.scss */
.article-card .article-card__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden; }

/* Футер (Подвал)" */
/* line 3696, theme.scss */
.footer {
  border-top: 1px solid var(--color-border);
  background-color: #333333;
  padding: 50px 0 30px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }

/* line 3705, theme.scss */
.footer {
  color: #fff; }

/* .footer span,  */
/* line 3710, theme.scss */
.footer a {
  color: inherit;
  transition: 0.5s ease; }

/* line 3715, theme.scss */
.footer a:hover {
  color: var(--color-link-hover); }

/* line 3720, theme.scss */
.footer__social {
  display: flex;
  align-items: center;
  gap: 10px; }

/* line 3726, theme.scss */
.footer__top {
  width: var(--layout-width);
  margin: 0 auto 50px;
  display: grid;
  grid-template-columns: 164px 155px 156px 1fr 1fr;
  gap: 30px;
  /* grid-template-columns:
  164px
  30px
  155px
  30px
  156px
  0px
  1fr
  32px
  1fr;
gap: 0; */ }

/* .footer__top > * { grid-column: span 1; }

.footer__top > :nth-child(1) { grid-column: 1; }
.footer__top > :nth-child(2) { grid-column: 3; }
.footer__top > :nth-child(3) { grid-column: 5; }
.footer__top > :nth-child(4) { grid-column: 7; }
.footer__top > :nth-child(5) { grid-column: 9; } */
/* line 3755, theme.scss */
.footer__mail__soc {
  margin-left: 125px; }

/* line 3759, theme.scss */
.phone-group-wrapper {
  display: contents; }

/* line 3764, theme.scss */
.footer__title {
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 700; }

/* line 3770, theme.scss */
.footer__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px; }

/* line 3777, theme.scss */
.footer__location__icon-image,
.footer__mail__icon-image {
  width: 20px;
  height: 20px; }

/* line 3784, theme.scss */
.footer__bottom-inner {
  width: var(--layout-width);
  margin: 0 auto;
  display: flex;
  border-top: 1px solid var(--color-border);
  gap: 99.5px;
  padding-top: 20px; }

/* line 3793, theme.scss */
.footer__logo-image {
  height: 43px;
  width: auto;
  margin-bottom: 5px; }

/* line 3799, theme.scss */
.footer__legal {
  flex: 1;
  display: flex;
  flex-direction: column;
  /* gap: 6px; */
  font-size: 15px;
  font-weight: 400;
  line-height: 140%; }

/* line 3809, theme.scss */
.footer__copy {
  display: flex;
  gap: 99.5px; }

/* line 3814, theme.scss */
.footer__info-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px; }

/* line 3822, theme.scss */
.footer__info-label {
  display: flex;
  /* align-items:center; */
  gap: 8px; }

/* line 3828, theme.scss */
.footer__info-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: #B9B9B9; }

/* line 3835, theme.scss */
.footer__info-text {
  width: 233px;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; }

/* line 3843, theme.scss */
.footer__info-link {
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%; }

/* line 3852, theme.scss */
.footer__phone-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  font-size: 14px; }

/* line 3860, theme.scss */
.footer__phone {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%; }

/* line 3866, theme.scss */
.footer__schedule {
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  color: #BA93DF; }

/* line 3873, theme.scss */
.footer__callback-button {
  width: 163px;
  padding: 12px 16px 12px 12px;
  margin-top: 20px;
  gap: 4px;
  transition: 0.5s ease; }

/* line 3881, theme.scss */
.footer__callback-button:hover {
  background-color: var(--color-button-hover); }

/* line 3885, theme.scss */
.footer__call__icon-image {
  width: 20px;
  height: 20px; }

/* Скрытые элементы/кнопки/меню */
/* line 3895, theme.scss */
.tablet_wrapper {
  display: none;
  margin: 0 auto;
  width: 768px;
  position: fixed;
  z-index: 2010;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 3906, theme.scss */
.search_tablet {
  display: none;
  padding: 24px 39px;
  height: 92px;
  border-top: 1px solid #E7E7F3;
  border-bottom: 1px solid #E7E7F3;
  box-shadow: 0px -10px 10px 0px #0000000A;
  background-color: var(--color-bg);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(0);
  transition: all 0.3s ease;
  z-index: -1;
  visibility: hidden; }

/* line 3925, theme.scss */
.search_tablet.is-open {
  transform: translateY(-99%);
  visibility: visible; }

/* line 3931, theme.scss */
.header-tablet__actions {
  display: flex;
  margin: 0 auto;
  align-items: center;
  text-align: center;
  padding: 24px 39px;
  justify-content: space-between;
  background: #F5F5F7;
  border-top: 1px solid #F5F5F7;
  height: 91px; }

/* line 3943, theme.scss */
.tablet__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  border: none;
  background: none;
  gap: 10px;
  cursor: pointer;
  transition: 0.5s ease;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%; }

/* line 3959, theme.scss */
.tablet_action_badge {
  position: absolute;
  top: 23%;
  transform: translateY(-50%);
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  background-color: var(--color-accent-red);
  color: #ffffff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 3976, theme.scss */
.tablet__icon {
  width: 24px;
  height: 24px; }

/* line 3981, theme.scss */
.shoping_badge {
  right: -1px; }

/* line 3985, theme.scss */
.tablet__action:hover img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(73%) saturate(5779%) hue-rotate(252deg) brightness(102%) contrast(101%); }

/* line 3989, theme.scss */
.tablet-top {
  display: none;
  height: 100%;
  border-bottom: 1px solid #F5F5F8; }

/* line 3995, theme.scss */
.tablet-inner {
  display: flex;
  gap: 10px;
  width: 768px;
  padding: 20px 39px; }

/* line 4002, theme.scss */
.tablet-logo-image {
  margin-right: 0; }

/* line 4006, theme.scss */
.actions_768 {
  gap: 20px; }

/* line 4010, theme.scss */
.tablet-top > .tablet-inner > .actions_768 > .header-main__icon-button {
  background: var(--color-accent-yellow);
  transition: 0.5s ease; }

/* line 4015, theme.scss */
.header-main__icon-button:hover {
  background: var(--color-button-hover); }

/* line 4019, theme.scss */
.hidden-icon {
  display: none;
  background: var(--color-accent-yellow);
  transition: 0.5s ease; }

/* line 4025, theme.scss */
.bottom-social {
  display: none; }

/* line 4029, theme.scss */
.hidden-button {
  display: none; }

/* line 4034, theme.scss */
.hidden-badge {
  display: none; }

/* line 4039, theme.scss */
.filters-close {
  display: none; }

/* Каталог для разрешения 768px и меньше */
/* line 4046, theme.scss */
.catalog__tablet-grid {
  display: none;
  grid-template-columns: repeat(4, 165px);
  grid-template-rows: repeat(2, 175px);
  gap: 10px;
  margin: 0 auto;
  width: 690px; }

/* line 4055, theme.scss */
.catalog-tablet-card {
  padding: 20px;
  display: flex;
  gap: 20px; }

/* line 4061, theme.scss */
.card__content_tablet {
  margin-top: 0; }

/* line 4065, theme.scss */
.catalog-tablet-image {
  width: 125px;
  height: 94px; }

/* line 4070, theme.scss */
.card_tablet_title {
  font-size: 15px;
  font-weight: 700;
  line-height: 140%; }

/* Открывающееся бургер-меню */
/* line 4079, theme.scss */
.open_burger_wrapper {
  width: 100%;
  height: 100%;
  margin: 0px auto;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 2001;
  transform: translateY(-100%);
  transition: all 0.3s ease;
  visibility: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }

/* line 4096, theme.scss */
.open_burger_wrapper.is-open {
  transform: translateY(0);
  visibility: visible; }

/* line 4101, theme.scss */
.no-scroll {
  overflow: hidden !important; }

/* line 4105, theme.scss */
.open-bureger-nav {
  height: 403px; }

/* line 4109, theme.scss */
.open_bureger_list {
  display: flex;
  flex-direction: column;
  padding-right: 39px;
  padding-left: 39px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%; }

/* line 4119, theme.scss */
.close-burger {
  display: flex;
  background: #F7F7F7;
  border: none;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 10px;
  gap: 16px;
  margin: 20px 0;
  align-self: flex-end;
  cursor: pointer;
  transition: 0.5s ease; }

/* line 4136, theme.scss */
.close-burger:hover {
  background: var(--color-button-hover); }

/* line 4140, theme.scss */
.close-burger__icon {
  width: 24px;
  height: 24px; }

/* line 4145, theme.scss */
.burger-item {
  padding: 20px 0;
  border-bottom: 1px solid #E7E7F3; }

/* line 4150, theme.scss */
.burger-item:nth-of-type(1) {
  border-top: 1px solid #E7E7F3; }

/* line 4154, theme.scss */
.burger-contact-info {
  margin: 40px 0px 0px;
  width: 690px;
  flex-direction: row; }

/* line 4160, theme.scss */
.burger__info-item {
  width: 330px;
  padding: 16px;
  border-radius: var(--radius-xl);
  border: 1px solid #E7E7F3;
  display: flex;
  /* justify-content: center; */
  /* gap: 8px; */ }

/* line 4170, theme.scss */
.burger__info-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: #B9B9B9; }

/* line 4177, theme.scss */
.burger__info-text {
  max-width: 270px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  padding-left: 30px; }

/* line 4185, theme.scss */
.burger__info-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  padding-left: 30px; }

/* line 4192, theme.scss */
.burger__info-link:hover {
  color: #9747FF; }

/* Каталог-меню для мобильного/планшета */
/* line 4198, theme.scss */
.catalog-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 2001;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 0 20px rgba(0, 0, 0, 0.15); }

/* line 4213, theme.scss */
.catalog-menu.is-open {
  transform: translateX(0); }

/* line 4217, theme.scss */
.catalog-menu__inner {
  height: 100%;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column; }

/* line 4225, theme.scss */
.catalog-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px; }

/* line 4232, theme.scss */
.catalog-menu__title {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-main); }

/* line 4239, theme.scss */
.catalog-menu__close {
  width: 44px;
  height: 44px;
  border: none;
  background: #f7f7f7;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease; }

/* line 4252, theme.scss */
.catalog-menu__close:hover {
  background-color: var(--color-button-hover); }

/* line 4256, theme.scss */
.catalog-menu__close-icon {
  width: 24px;
  height: 24px; }

/* line 4261, theme.scss */
.catalog-menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1; }

/* line 4268, theme.scss */
.catalog-menu__item {
  border-bottom: 1px solid #f0f0f0; }

/* line 4272, theme.scss */
.catalog-menu__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0; }

/* line 4279, theme.scss */
.catalog-menu__row:hover a {
  color: var(--color-accent-purple); }

/* line 4283, theme.scss */
.catalog-menu__submenu > li:hover a {
  color: var(--color-accent-purple); }

/* line 4287, theme.scss */
.catalog-menu__link {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-main);
  text-decoration: none;
  flex: 1; }

/* line 4295, theme.scss */
.catalog-menu__toggle {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

/* line 4306, theme.scss */
.catalog-menu__arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: transform 0.3s; }

/* line 4316, theme.scss */
.catalog-menu__item.is-open .catalog-menu__arrow {
  transform: rotate(-135deg); }

/* line 4320, theme.scss */
.catalog-menu__submenu {
  list-style: none;
  padding: 0 0 12px 20px;
  margin: 0;
  display: none; }

/* line 4327, theme.scss */
.catalog-menu__item.is-open .catalog-menu__submenu {
  display: block; }

/* line 4331, theme.scss */
.catalog-menu__submenu li {
  margin-bottom: 12px; }

/* line 4335, theme.scss */
.catalog-menu__submenu a {
  font-size: 13px;
  color: #6b7280;
  text-decoration: none;
  transition: color 0.2s; }

/* line 4342, theme.scss */
.catalog-menu__submenu a:hover {
  color: var(--color-link-hover); }

/* Скрытые пункты (для "Показать все") */
/* line 4347, theme.scss */
.catalog-menu__submenu-extra {
  display: none; }

/* line 4351, theme.scss */
.catalog-menu__item.expanded .catalog-menu__submenu-extra {
  display: list-item; }

/* Блок "Показать все / Скрыть" */
/* line 4356, theme.scss */
.catalog-menu__show-more {
  padding: 8px 0 16px 20px;
  display: none; }

/* line 4361, theme.scss */
.catalog-menu__item[data-has-children] .catalog-menu__show-more {
  display: block; }

/* line 4365, theme.scss */
.catalog-menu__show-more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ffe366;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer; }

/* line 4375, theme.scss */
.catalog-menu__show-more-text-hide {
  display: none; }

/* line 4379, theme.scss */
.catalog-menu__item.expanded .catalog-menu__show-more-text-show {
  display: none; }

/* line 4382, theme.scss */
.catalog-menu__item.expanded .catalog-menu__show-more-text-hide {
  display: inline; }

/* line 4386, theme.scss */
.catalog-menu__show-more-arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #ffe366;
  border-bottom: 2px solid #ffe366;
  transform: rotate(45deg);
  transition: transform 0.3s; }

/* line 4396, theme.scss */
.catalog-menu__item.expanded .catalog-menu__show-more-arrow {
  transform: rotate(-135deg); }

/* Футер с контактами */
/* line 4401, theme.scss */
.catalog-menu__footer {
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
  padding-top: 24px; }

/* line 4407, theme.scss */
.catalog-menu__info-item {
  margin-bottom: 24px; }

/* line 4411, theme.scss */
.catalog-menu__info-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #b9b9b9;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px; }

/* line 4421, theme.scss */
.catalog-menu__info-label img {
  width: 20px;
  height: 20px; }

/* line 4426, theme.scss */
.catalog-menu__info-text,
.catalog-menu__info-link {
  padding-left: 28px;
  font-size: 14px;
  color: var(--color-text-main);
  text-decoration: none;
  line-height: 1.4; }

/* line 4435, theme.scss */
.catalog-menu__info-link:hover {
  color: var(--color-link-hover); }

/* Затемнение фона (уже есть .site-overlay, добавим состояние is-open) */
/* line 4440, theme.scss */
.site-overlay.is-open {
  opacity: 1;
  visibility: visible; }

/* На десктопе меню скрыто, т.к. кнопка каталога там отсутствует */
@media (min-width: 769px) {
  /* line 4447, theme.scss */
  .catalog-menu {
    display: none; } }
/* Адаптив */
/* Ширина экрана c 992px до 769px */
/* --- Для Главной страницы --- */
@media (min-width: 769px) and (max-width: 992px) {
  /* line 4467, theme.scss */
  :root {
    --layout-width: 100%; }

  /* line 4471, theme.scss */
  .page__wrapper {
    margin: 0 31px; }

  /* line 4475, theme.scss */
  .header-top__inner {
    gap: 20px; }

  /* line 4479, theme.scss */
  .header-top__center {
    gap: 20px; }

  /* line 4483, theme.scss */
  .header-top__info-text {
    display: none; }

  /* line 4487, theme.scss */
  .info-text-two {
    display: block; }

  /* line 4491, theme.scss */
  .header-nav {
    padding: 0 31px; }

  /* line 4495, theme.scss */
  .main {
    padding-top: 0; }

  /* line 4499, theme.scss */
  .catalog__grid {
    grid-template-columns: 210px repeat(4, 170px);
    grid-auto-rows: 179px 106px;
    gap: 10px; }

  /* line 4505, theme.scss */
  .catalog-card_type_iphone .catalog-card__image {
    width: 170px;
    height: 150px; }

  /* line 4510, theme.scss */
  .card__content_large {
    margin-top: 0; }

  /* line 4514, theme.scss */
  .catalog-card_size_large,
  .catalog-card_type_airpods,
  .catalog-card_type_ipad,
  .catalog-card_type_watch,
  .catalog-card_type_macbook {
    padding: 20px; }

  /* line 4522, theme.scss */
  .large-wrapper {
    flex: 0; }

  /* line 4526, theme.scss */
  .catalog-card_size_large {
    display: flex;
    justify-content: center; }

  /* line 4531, theme.scss */
  .catalog-card_type_airpods .catalog-card__image,
  .catalog-card_type_ipad .catalog-card__image,
  .catalog-card_type_watch .catalog-card__image,
  .catalog-card_type_macbook .catalog-card__image {
    width: 130px;
    height: 94px; }

  /* line 4540, theme.scss */
  .catalog__bottom {
    grid-template-columns: 1;
    grid-row: 2;
    display: flex;
    gap: 10px; }

  /* line 4547, theme.scss */
  .catalog-card_type_ps5,
  .catalog-card_type_dyson,
  .catalog-card_type_accessories {
    width: 230px;
    padding: 20px; }

  /* line 4554, theme.scss */
  .catalog-card_type_ps5 .catalog-card__title {
    white-space: wrap; }

  /* line 4558, theme.scss */
  .catalog-card_type_ps5 .catalog-card__image-wrapper,
  .catalog-card_type_dyson .catalog-card__image-wrapper,
  .catalog-card_type_accessories .catalog-card__image-wrapper {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center; }

  /* line 4567, theme.scss */
  .catalog-card_type_ps5 .catalog-card__image,
  .catalog-card_type_dyson .catalog-card__image,
  .catalog-card_type_accessories .catalog-card__image {
    width: 66px;
    height: 66px; }

  /* line 4574, theme.scss */
  .popular-products {
    padding-top: 30px; }

  /* line 4578, theme.scss */
  .popular-products__heading {
    margin-bottom: 39px; }

  /* line 4582, theme.scss */
  .product-card {
    width: 290px; }

  /* line 4586, theme.scss */
  .hidden-card {
    display: none; }

  /* line 4590, theme.scss */
  .product-card__image-wrapper {
    width: 242px;
    height: 242px; }

  /* line 4595, theme.scss */
  .line__icon {
    left: 54.5%; }

  /* line 4599, theme.scss */
  .promo {
    padding-top: 0;
    padding-bottom: 20px; }

  /* line 4604, theme.scss */
  .promo__inner {
    width: 450px;
    height: 290px;
    padding: 30px; }

  /* line 4610, theme.scss */
  .promo__title,
  .promo__inner:nth-of-type(2) .promo__title {
    font-size: 30px; }

  /* line 4615, theme.scss */
  .promo__image_overlay,
  .promo__image_main {
    height: 144px;
    left: 0; }

  /* line 4621, theme.scss */
  .promo__image_overlay {
    bottom: 296px; }

  /* line 4625, theme.scss */
  .promo__image_main {
    top: 116px; }

  /* line 4629, theme.scss */
  .promo__image_exchange {
    left: 22px; }

  /* line 4634, theme.scss */
  .promo__inner:nth-of-type(2) .promo__image {
    right: 10px;
    width: 216px;
    height: 260px; }

  /* line 4640, theme.scss */
  .how-to-order__heading {
    margin-bottom: 50px; }

  /* line 4644, theme.scss */
  .how-to-order__list {
    gap: 10px; }

  /* line 4648, theme.scss */
  .how-to-order__item {
    padding: 90px 30px 30px;
    min-height: 206px; }

  /* line 4653, theme.scss */
  .articles {
    margin-top: 40px; }

  /* line 4657, theme.scss */
  .articles__heading {
    margin-bottom: 50px; }

  /* line 4661, theme.scss */
  .articles__grid {
    gap: 30px;
    grid-template-columns: 370px 290px 290px; }

  /* line 4667, theme.scss */
  .footer {
    padding: 40px 31px 20px; }

  /* line 4671, theme.scss */
  .footer__top {
    grid-template-columns: 156px 156px 156px 180px 165px;
    margin-bottom: 30px; }

  /* line 4676, theme.scss */
  .footer .footer__mail__soc {
    margin-left: 0; }

  /* line 4680, theme.scss */
  .footer .footer__info-text {
    width: 165px; }

  /* line 4684, theme.scss */
  .footer__copy {
    display: inline;
    text-align: end; }

  /* line 4689, theme.scss */
  .footer__copy p {
    margin: 0; }

  /* --- Для Страницы разделов --- */
  /* line 4701, theme.scss */
  .catalog-subcard__image {
    width: 36px; }

  /* line 4705, theme.scss */
  .catalog-subcard__title {
    font-size: 13.3px;
    text-wrap: inherit; }

  /* line 4710, theme.scss */
  .sidebar {
    max-width: 210px; }

  /* line 4714, theme.scss */
  .filter__controls {
    display: none; }

  /* line 4718, theme.scss */
  .filter-bar {
    display: flex; }

  /* line 4722, theme.scss */
  .products-grid {
    grid-template-columns: repeat(2, 1fr); }

  /* line 4726, theme.scss */
  .card-sections {
    width: 330px; }

  /* line 4730, theme.scss */
  .hidden-card {
    display: none; }

  /* line 4734, theme.scss */
  .product-wrapper {
    width: 282px;
    height: 282px; }

  /* line 4739, theme.scss */
  .product-card__title {
    font-size: 15.8px;
    display: flex;
    align-items: center; }

  /* line 4745, theme.scss */
  .page_type_razdely .main-for-razdely .catalog-page .catalog-products-content .products-grid .product-card.card-sections .line__icon {
    left: 46.5%; }

  /* line 4749, theme.scss */
  .title__cards {
    display: none; }

  /* line 4753, theme.scss */
  .two-products-cards {
    display: none; }

  /* line 4757, theme.scss */
  .products__grid-four {
    display: none; }

  /* line 4761, theme.scss */
  .bootom__controls {
    min-width: 689px;
    margin-top: 30px; } }
@media (max-width: 768px) {
  /* Выезжающие Фильтры по кнопке */
  /* line 4774, theme.scss */
  .sidebar__title {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    color: var(--color-text-main); }

  /* line 4781, theme.scss */
  .filter__title {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-main); }

  /* line 4787, theme.scss */
  .filter__option,
  .option_hide {
    font-size: 13px; }

  /* line 4792, theme.scss */
  aside.sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 2001;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.15); }

  /* line 4807, theme.scss */
  aside.sidebar.is-open {
    transform: translateX(0); }

  /* line 4811, theme.scss */
  aside.sidebar .sidebar__block:first-child {
    display: none; }

  /* Контейнер фильтров с прокруткой и закреплённой кнопкой */
  /* line 4818, theme.scss */
  aside.sidebar .sidebar__block:last-child {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    overflow: hidden; }

  /* line 4826, theme.scss */
  aside.sidebar .filters {
    flex: 1;
    overflow-y: auto;
    padding-right: 8px;
    margin-bottom: 60px; }

  /* Кнопка "Применить" фиксируется внизу */
  /* line 4834, theme.scss */
  aside.sidebar .filters__apply {
    width: 100%;
    padding: 22px;
    font-size: 16px;
    font-weight: 600;
    background-color: var(--color-accent-yellow);
    color: #000;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s;
    flex-shrink: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    bottom: 0; }

  /* line 4854, theme.scss */
  aside.sidebar .filters__apply:hover {
    background-color: var(--color-button-hover, #e0b43a); }

  /* Заголовок фильтров + крестик */
  /* line 4859, theme.scss */
  .filters-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px; }

  /* line 4866, theme.scss */
  .filters-close {
    width: 44px;
    height: 44px;
    border: none;
    background: #f7f7f7;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease; }

  /* line 4880, theme.scss */
  .filters-close:hover {
    background-color: var(--color-button-hover); }

  /* line 4884, theme.scss */
  .filter__chevron {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: transform 0.3s; } }
/* Ширина экрана c 768px до 577px */
/* --- Для Главной страницы --- */
@media (min-width: 577px) and (max-width: 768px) {
  /* line 4902, theme.scss */
  :root {
    --layout-width: 100%; }

  /* line 4906, theme.scss */
  .main {
    padding-top: 0;
    padding-bottom: 0; }

  /* line 4911, theme.scss */
  .tablet-top {
    display: flex; }

  /* line 4915, theme.scss */
  .tablet_wrapper {
    display: block; }

  /* line 4919, theme.scss */
  .search_tablet {
    display: block; }

  /* line 4923, theme.scss */
  .catalog__tablet-grid {
    display: grid; }

  /* line 4927, theme.scss */
  .open_burger_wrapper {
    display: block; }

  /* line 4932, theme.scss */
  .hidden-header,
  .catalog__grid {
    display: none; }

  /* line 4937, theme.scss */
  .catalog {
    margin-top: 60px; }

  /* line 4941, theme.scss */
  .catalog__tablet-grid {
    display: grid; }

  /* line 4946, theme.scss */
  .section-heading__title {
    font-size: 36px; }

  /* line 4950, theme.scss */
  .popular-products {
    margin: 0 39px;
    padding: 0; }

  /* line 4955, theme.scss */
  .popular-products__heading {
    margin-bottom: 20px; }

  /* line 4959, theme.scss */
  .popular-products__controls {
    margin-bottom: 30px; }

  /* line 4963, theme.scss */
  .arrows {
    display: none; }

  /* line 4967, theme.scss */
  .popular-products__grid {
    gap: 10px; }

  /* line 4971, theme.scss */
  .product-card {
    width: 270px; }

  /* line 4975, theme.scss */
  .hidden-card {
    display: none; }

  /* line 4979, theme.scss */
  .product-card__image-wrapper {
    width: 222px;
    height: 222px; }

  /* line 4985, theme.scss */
  .line__icon {
    left: 59.5%; }

  /* line 4990, theme.scss */
  .promo {
    padding: 0 39px;
    margin-top: 60px; }

  /* line 4995, theme.scss */
  .promo__inner {
    width: 330px;
    height: 375px;
    padding: 20px; }

  /* line 5001, theme.scss */
  .promo__inner:nth-of-type(1) .promo__content {
    position: relative;
    top: 55%; }

  /* line 5006, theme.scss */
  .promo__content {
    gap: 0; }

  /* line 5010, theme.scss */
  .promo__title,
  .promo__inner:nth-of-type(2) .promo__title {
    font-size: 24px; }

  /* line 5015, theme.scss */
  .promo__text {
    font-size: 16px;
    width: 290px;
    margin: 10px auto; }

  /* line 5021, theme.scss */
  .promo__inner:nth-of-type(1) .promo__text {
    padding-right: 19%; }

  /* line 5025, theme.scss */
  .promo__button {
    font-size: 14px; }

  /* line 5029, theme.scss */
  .promo__inner .promo__button {
    padding: 14px 20px; }

  /* line 5033, theme.scss */
  .promo__inner:nth-of-type(1) .promo__button {
    min-width: 290px; }

  /* line 5037, theme.scss */
  .promo__image-group {
    width: 330px;
    rotate: 90deg;
    right: 92%;
    bottom: 71%; }

  /* line 5044, theme.scss */
  .promo__image_overlay,
  .promo__image_main {
    height: 164px; }

  /* line 5049, theme.scss */
  .promo__image_exchange {
    rotate: 90deg; }

  /* line 5053, theme.scss */
  .promo__inner:nth-of-type(2) .promo__image {
    max-height: 248px;
    top: 126px;
    right: 10px; }

  /* line 5059, theme.scss */
  .promo__inner:nth-of-type(2) .promo__button {
    min-width: 160px; }

  /* line 5063, theme.scss */
  .how-to-order {
    margin: 60px 39px 0px;
    padding: 0; }

  /* line 5068, theme.scss */
  .how-to-order__heading {
    margin-bottom: 40px; }

  /* line 5072, theme.scss */
  .how-to-order__item {
    padding: 90px 30px 30px; }

  /* line 5076, theme.scss */
  .how-to-order__list {
    gap: 10px; }

  /* line 5080, theme.scss */
  .articles {
    margin: 60px 39px 80px; }

  /* line 5083, theme.scss */
  .articles__heading {
    margin-bottom: 40px; }

  /* line 5087, theme.scss */
  .articles__grid {
    grid-template-columns: repeat(3, 270px);
    gap: 30px; }

  /* line 5092, theme.scss */
  .article-card_size_large .article-card__content {
    bottom: 80px; }

  /* line 5096, theme.scss */
  .articles__controls {
    display: none; }

  /* line 5100, theme.scss */
  .footer {
    padding: 40px 39px 120px; }

  /* line 5104, theme.scss */
  .footer__top {
    grid-template-columns: 210px 1fr 1fr;
    margin-bottom: 0; }

  /* line 5109, theme.scss */
  .footer .footer__mail__soc {
    display: flex;
    margin-left: 0;
    gap: 20px; }

  /* line 5115, theme.scss */
  .footer .footer__social {
    display: none; }

  /* line 5119, theme.scss */
  .footer__contacts {
    grid-column: span 2;
    display: flex;
    justify-content: flex-end; }

  /* line 5125, theme.scss */
  .footer__list {
    padding-right: 3%; }

  /* line 5129, theme.scss */
  .footer .footer__info-item {
    border: 1px solid #3C3C3C;
    border-radius: 6px;
    padding: 16px;
    gap: 8px; }

  /* line 5136, theme.scss */
  .footer__phone-group {
    gap: 6px; }

  /* line 5140, theme.scss */
  .footer__callback-button {
    margin-top: 5px; }

  /* line 5145, theme.scss */
  .footer .footer__info-text {
    width: 250px;
    padding-right: 1%; }

  /* line 5150, theme.scss */
  .footer__logo {
    display: none; }

  /* line 5154, theme.scss */
  .footer .bottom-social {
    display: flex; }

  /* line 5159, theme.scss */
  .footer__copy {
    display: inline;
    text-align: start;
    max-width: 338px; }

  /* line 5165, theme.scss */
  .footer__copy p {
    margin: 0; }

  /* --- Для Страницы разделов --- */
  /* line 5176, theme.scss */
  .bread_crumbs {
    margin: 0 39px 29px; }

  /* line 5180, theme.scss */
  .catalog__heading {
    margin: 0 39px 30px; }

  /* line 5184, theme.scss */
  .catalog_grid_for_razdely {
    margin: 0 39px;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab; }

  /* line 5193, theme.scss */
  .catalog_grid_for_razdely:active {
    cursor: grabbing; }

  /* line 5197, theme.scss */
  .catalog_grid_for_razdely::-webkit-scrollbar {
    display: none; }

  /* line 5201, theme.scss */
  .catalog-subcard {
    flex: 0 0 auto; }

  /* line 5205, theme.scss */
  .catalog-subcard__image {
    width: 36px; }

  /* line 5209, theme.scss */
  .catalog-page {
    margin: 30px auto; }

  /* line 5213, theme.scss */
  .sidebar {
    display: none; }

  /* line 5217, theme.scss */
  .show__controls {
    margin: 0 39px 20px;
    position: relative; }

  /* line 5222, theme.scss */
  .show__controls.is-mobile {
    overflow-x: hidden !important; }

  /* line 5226, theme.scss */
  .show__controls.is-mobile .tabs {
    display: flex;
    width: max-content;
    will-change: transform;
    cursor: grab; }

  /* line 5233, theme.scss */
  .show__controls.is-mobile .tabs:active {
    cursor: grabbing; }

  /* line 5237, theme.scss */
  .filter__controls {
    display: none; }

  /* line 5241, theme.scss */
  .filter-bar {
    margin: 0 39px;
    justify-content: space-between; }

  /* line 5246, theme.scss */
  .filters_span {
    display: flex;
    gap: 10px; }

  /* line 5251, theme.scss */
  .filter-item {
    min-width: 260px; }

  /* line 5255, theme.scss */
  .filter-bar,
  .filter-button {
    display: flex; }

  /* line 5260, theme.scss */
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    margin: 0 39px; }

  /* line 5266, theme.scss */
  .products-grid > *:nth-child(n+9) {
    display: none; }

  /* line 5270, theme.scss */
  .card-sections {
    width: 330px; }

  /* line 5274, theme.scss */
  .product-wrapper {
    width: 282px;
    height: 282px; }

  /* line 5279, theme.scss */
  .hidden-badge {
    display: flex; }

  /* line 5283, theme.scss */
  .product-card__title {
    font-size: 15.8px;
    display: flex;
    align-items: center; }

  /* line 5289, theme.scss */
  .page_type_razdely .main-for-razdely .catalog-page .catalog-products-content .products-grid .product-card.card-sections .line__icon {
    left: 46.5%; }

  /* line 5293, theme.scss */
  .title__cards {
    display: none; }

  /* line 5297, theme.scss */
  .two-products-cards {
    display: none; }

  /* line 5301, theme.scss */
  .products__grid-four {
    display: none; }

  /* line 5305, theme.scss */
  .bootom__controls {
    min-width: 689px;
    margin: 30px 39px 0; }

  /* line 5310, theme.scss */
  .bottom-order {
    margin-bottom: 80px; } }
/* Ширина экрана c 576px до 436px */
/* --- Для Главной страницы --- */
@media (min-width: 436px) and (max-width: 576px) {
  /* line 5325, theme.scss */
  :root {
    --layout-width: 100%; }

  /* line 5329, theme.scss */
  .main {
    padding-top: 0;
    padding-bottom: 0; }

  /* line 5334, theme.scss */
  .tablet-top {
    display: flex; }

  /* line 5338, theme.scss */
  .tablet-inner {
    padding: 20px 33px; }

  /* line 5342, theme.scss */
  .tablet_wrapper {
    display: block;
    width: 100%; }

  /* line 5347, theme.scss */
  .search_tablet {
    display: block; }

  /* line 5351, theme.scss */
  .catalog__tablet-grid {
    display: grid; }

  /* line 5355, theme.scss */
  .open_burger_wrapper {
    display: block; }

  /* line 5359, theme.scss */
  .header-tablet__actions {
    padding: 20px 33px; }

  /* line 5363, theme.scss */
  .header .tablet-left > .header-top__social {
    display: none; }

  /* line 5367, theme.scss */
  .burger-contact-info {
    max-width: 510px;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px; }

  /* line 5374, theme.scss */
  .burger__info-item {
    min-width: 510px;
    max-height: 78px; }

  /* line 5379, theme.scss */
  .burger__info-text {
    text-wrap: nowrap; }

  /* line 5383, theme.scss */
  .hidden-header,
  .catalog__grid {
    display: none; }

  /* line 5388, theme.scss */
  .hidden-icon {
    display: block; }

  /* line 5392, theme.scss */
  .actions_768 > .icon-button:nth-of-type(1) {
    display: none; }

  /* line 5396, theme.scss */
  .catalog {
    margin: 50px 33px 55px; }

  /* line 5400, theme.scss */
  .catalog__tablet-grid {
    display: grid;
    grid-template-columns: repeat(8, 150px);
    grid-template-rows: 175px;
    grid-column-gap: 10px; }

  /* line 5407, theme.scss */
  .catalog-tablet-image {
    width: 110px;
    height: 94px; }

  /* line 5412, theme.scss */
  .section-heading__title {
    font-size: 36px; }

  /* line 5416, theme.scss */
  .popular-products {
    margin: 0 33px;
    padding: 0; }

  /* line 5421, theme.scss */
  .popular-products__heading {
    margin-bottom: 20px; }

  /* line 5425, theme.scss */
  .popular-products__controls {
    margin-bottom: 30px; }

  /* line 5429, theme.scss */
  .arrows {
    display: none; }

  /* line 5433, theme.scss */
  .popular-products__grid {
    gap: 10px; }

  /* line 5437, theme.scss */
  .product-card {
    width: 250px; }

  /* line 5441, theme.scss */
  .hidden-card {
    display: none; }

  /* line 5445, theme.scss */
  .product-card__image-wrapper {
    width: 202px;
    height: 202px; }

  /* line 5450, theme.scss */
  .product-card__price-old {
    font-size: 16px; }

  /* line 5454, theme.scss */
  .product-card__button {
    max-width: 94px; }

  /* line 5458, theme.scss */
  .line__icon {
    left: 63.5%; }

  /* line 5462, theme.scss */
  .promo {
    padding: 0 33px;
    margin-top: 50px;
    display: grid; }

  /* line 5468, theme.scss */
  .promo__inner {
    width: 510px;
    height: 290px;
    padding: 30px; }

  /* line 5474, theme.scss */
  .promo__content {
    gap: 0; }

  /* line 5478, theme.scss */
  .promo__text {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px; }

  /* line 5484, theme.scss */
  .promo__title {
    font-size: 32px; }

  /* line 5488, theme.scss */
  .promo__image_main,
  .promo__image_overlay {
    height: 144px; }

  /* line 5493, theme.scss */
  .promo__image-group {
    bottom: 3%;
    left: 4%; }

  /* line 5498, theme.scss */
  .promo__inner:nth-of-type(2) .promo__image {
    max-height: 260px;
    right: 28px; }

  /* line 5503, theme.scss */
  .how-to-order {
    margin: 50px 33px 0px;
    padding: 0; }

  /* line 5508, theme.scss */
  .how-to-order__heading {
    margin-bottom: 40px; }

  /* line 5512, theme.scss */
  .how-to-order__list {
    display: flex;
    flex-direction: column;
    gap: 20px; }

  /* line 5518, theme.scss */
  .how-to-order__item {
    display: flex;
    align-items: center;
    padding: 30px;
    min-height: 146px; }

  /* line 5525, theme.scss */
  .articles {
    margin: 40px 33px 70px; }

  /* line 5529, theme.scss */
  .articles__heading {
    margin-bottom: 40px; }

  /* line 5533, theme.scss */
  .articles__grid {
    grid-template-columns: repeat(3, 240px);
    gap: 20px; }

  /* line 5538, theme.scss */
  .article-card_size_large .article-card__content {
    bottom: 72px;
    left: 31px;
    right: 31px; }

  /* line 5544, theme.scss */
  .articles__controls {
    display: none; }

  /* line 5549, theme.scss */
  .footer {
    padding: 40px 39px 120px; }

  /* line 5553, theme.scss */
  .footer__top {
    grid-template-columns: 150px 1fr 1fr;
    margin-bottom: 30px; }

  /* line 5558, theme.scss */
  .footer .footer__mail__soc {
    display: flex;
    margin-left: 0;
    gap: 30px; }

  /* line 5564, theme.scss */
  .footer .footer__social {
    display: none; }

  /* line 5568, theme.scss */
  .footer__contacts {
    grid-column: span 3;
    display: flex;
    justify-content: flex-end; }

  /* line 5575, theme.scss */
  .footer .footer__info-item {
    border: 1px solid #3C3C3C;
    border-radius: 6px;
    padding: 16px;
    gap: 4px; }

  /* line 5582, theme.scss */
  .footer__location__icon-image,
  .footer__mail__icon-image {
    margin-bottom: 8px; }

  /* line 5587, theme.scss */
  .footer__phone-group {
    gap: 30px;
    display: flex;
    flex-direction: row; }

  /* line 5593, theme.scss */
  .phone-group-wrapper {
    display: grid;
    text-align: end;
    gap: 6px;
    align-self: center; }

  /* line 5600, theme.scss */
  .footer__callback-button {
    margin-top: 0px;
    min-width: 240px; }

  /* line 5605, theme.scss */
  .footer .footer__info-text {
    width: 200px; }

  /* line 5610, theme.scss */
  .footer .footer__info-link {
    width: 200px; }

  /* line 5614, theme.scss */
  .footer .footer__info-label {
    display: block; }

  /* line 5618, theme.scss */
  .footer .footer__info-text,
  .footer .footer__info-link {
    padding-left: 0; }

  /* line 5624, theme.scss */
  .footer__logo {
    display: none; }

  /* line 5628, theme.scss */
  .footer .bottom-social {
    display: flex; }

  /* line 5633, theme.scss */
  .footer__copy {
    display: inline;
    text-align: start;
    max-width: 328px; }

  /* line 5639, theme.scss */
  .footer__bottom-inner {
    gap: 0; }

  /* line 5643, theme.scss */
  .footer__copy p {
    margin: 0; }

  /* --- Для Страницы разделов --- */
  /* line 5652, theme.scss */
  .bread_crumbs {
    margin: 0 33px 29px; }

  /* line 5656, theme.scss */
  .catalog__heading {
    margin: 0 33px 30px; }

  /* line 5660, theme.scss */
  .catalog_grid_for_razdely {
    margin: 0 33px;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab; }

  /* line 5669, theme.scss */
  .catalog_grid_for_razdely:active {
    cursor: grabbing; }

  /* line 5673, theme.scss */
  .catalog_grid_for_razdely::-webkit-scrollbar {
    display: none; }

  /* line 5677, theme.scss */
  .catalog-subcard {
    flex: 0 0 auto; }

  /* line 5681, theme.scss */
  .catalog-subcard__image {
    width: 36px; }

  /* line 5685, theme.scss */
  .catalog-page {
    margin: 20px auto; }

  /* line 5689, theme.scss */
  .sidebar {
    display: none; }

  /* line 5693, theme.scss */
  .show__controls {
    margin: 0 33px 20px;
    position: relative; }

  /* line 5699, theme.scss */
  .show__controls.is-mobile {
    overflow-x: hidden !important; }

  /* line 5703, theme.scss */
  .show__controls.is-mobile .tabs {
    display: flex;
    width: max-content;
    will-change: transform;
    cursor: grab; }

  /* line 5710, theme.scss */
  .show__controls.is-mobile .tabs:active {
    cursor: grabbing; }

  /* line 5714, theme.scss */
  .filter__controls {
    display: none; }

  /* line 5718, theme.scss */
  .filter-bar {
    margin: 0 33px; }

  /* line 5722, theme.scss */
  .filter-bar,
  .filter-button {
    display: flex;
    flex-direction: column-reverse;
    max-width: 510px; }

  /* line 5729, theme.scss */
  .filter-button {
    flex-direction: row;
    justify-content: center; }

  /* line 5734, theme.scss */
  .filters_span {
    display: flex;
    gap: 10px; }

  /* line 5739, theme.scss */
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    margin: 0 33px;
    gap: 10px; }

  /* line 5746, theme.scss */
  .products-grid > *:nth-child(n+9) {
    display: none; }

  /* line 5750, theme.scss */
  .hidden-badge {
    display: flex; }

  /* line 5754, theme.scss */
  .title__cards {
    display: none; }

  /* line 5758, theme.scss */
  .two-products-cards {
    display: none; }

  /* line 5762, theme.scss */
  .products__grid-four {
    display: none; }

  /* line 5766, theme.scss */
  .bootom__controls {
    min-width: 510px;
    margin: 30px 33px 0; }

  /* line 5771, theme.scss */
  .bottom__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

  /* line 5777, theme.scss */
  .bottom__tabs .show_more {
    flex: 0 0 100%;
    order: 2; }

  /* line 5782, theme.scss */
  .bottom__tabs > .item__number:nth-last-child(3) {
    display: none; }

  /* line 5786, theme.scss */
  .bottom-order {
    margin-bottom: 70px; } }
/* Ширина экрана c 435px и ниже*/
/* --- Для Главной странице --- */
@media (min-width: 381px) and (max-width: 435px) {
  /* line 5798, theme.scss */
  :root {
    --layout-width: 100%; }

  /* line 5802, theme.scss */
  .main {
    padding-top: 0;
    padding-bottom: 0; }

  /* line 5807, theme.scss */
  .tablet-top {
    display: flex; }

  /* line 5811, theme.scss */
  .tablet-inner {
    padding: 15px 20px; }

  /* line 5815, theme.scss */
  .open-burger-nav {
    max-width: 380px;
    margin: 0 auto; }

  /* line 5820, theme.scss */
  .open_bureger_list {
    padding-left: 20px;
    padding-right: 20px; }

  /* line 5825, theme.scss */
  .tablet_wrapper {
    display: block;
    width: 100%; }

  /* line 5830, theme.scss */
  .search_tablet {
    display: block;
    padding: 20px; }

  /* line 5835, theme.scss */
  .catalog__tablet-grid {
    display: grid; }

  /* line 5839, theme.scss */
  .open_burger_wrapper {
    display: block; }

  /* line 5843, theme.scss */
  .header-tablet__actions {
    padding: 20px; }

  /* line 5847, theme.scss */
  .header .tablet-left > .header-top__social {
    display: none; }

  /* line 5851, theme.scss */
  .burger-contact-info {
    min-width: auto;
    width: auto;
    flex-direction: column;
    gap: 10px;
    margin: 30px 0 0; }

  /* line 5859, theme.scss */
  .burger__info-item {
    min-width: 340px; }

  /* line 5863, theme.scss */
  .burger__info-text {
    text-wrap: nowrap; }

  /* line 5867, theme.scss */
  .hidden-header,
  .catalog__grid {
    display: none; }

  /* line 5872, theme.scss */
  .hidden-icon {
    display: block; }

  /* line 5876, theme.scss */
  .actions_768 > .icon-button:nth-of-type(1) {
    display: none; }

  /* line 5880, theme.scss */
  .catalog {
    margin: 40px 20px 40px; }

  /* line 5884, theme.scss */
  .catalog__tablet-grid {
    display: grid;
    grid-template-columns: repeat(8, 150px);
    grid-template-rows: 175px;
    grid-column-gap: 10px; }

  /* line 5891, theme.scss */
  .catalog-tablet-image {
    width: 110px;
    height: 94px; }

  /* line 5896, theme.scss */
  .section-heading__title {
    font-size: 32px;
    text-wrap: nowrap; }

  /* line 5901, theme.scss */
  .popular-products {
    margin: 0 20px;
    padding: 0; }

  /* line 5906, theme.scss */
  .popular-products__heading {
    margin-bottom: 20px; }

  /* line 5910, theme.scss */
  .popular-products__controls {
    margin-bottom: 25px; }

  /* line 5914, theme.scss */
  .arrows {
    display: none; }

  /* line 5918, theme.scss */
  .popular-products__grid {
    gap: 10px; }

  /* line 5922, theme.scss */
  .product-card {
    width: 250px;
    padding: 20px; }

  /* line 5927, theme.scss */
  .hidden-card {
    display: none; }

  /* line 5931, theme.scss */
  .product-card__image-wrapper {
    width: 210px;
    height: 210px; }

  /* line 5936, theme.scss */
  .product-card__price-old {
    font-size: 16px; }

  /* line 5940, theme.scss */
  .product-card__button {
    max-width: 101px; }

  /* line 5944, theme.scss */
  .line__icon {
    left: 61%; }

  /* line 5948, theme.scss */
  .promo {
    padding: 0 20px;
    margin-top: 40px;
    display: grid;
    gap: 20px;
    justify-content: center; }

  /* line 5956, theme.scss */
  .promo__inner {
    width: 340px;
    height: 220px;
    padding: 20px; }

  /* line 5962, theme.scss */
  .promo__content {
    gap: 0; }

  /* line 5966, theme.scss */
  .promo__text {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px; }

  /* line 5972, theme.scss */
  .promo__title {
    font-size: 24px; }

  /* line 5976, theme.scss */
  .promo__inner:nth-of-type(2) .promo__title {
    font-size: 24px;
    padding-right: 7%; }

  /* line 5981, theme.scss */
  .promo__button {
    padding: 14px 20px;
    min-width: 160px;
    font-size: 14px; }

  /* line 5987, theme.scss */
  .promo__image_main,
  .promo__image_overlay {
    height: 109px; }

  /* line 5992, theme.scss */
  .promo__image-group {
    bottom: 19%;
    right: 31%; }

  /* line 5997, theme.scss */
  .promo__image_exchange {
    height: 90px;
    top: 21%;
    left: 93%; }

  /* line 6003, theme.scss */
  .promo__inner:nth-of-type(2) .promo__image {
    max-height: 203px;
    left: 59%;
    top: 8%; }

  /* line 6009, theme.scss */
  .how-to-order {
    margin: 50px 20px 0px;
    padding: 0; }

  /* line 6014, theme.scss */
  .how-to-order__heading {
    justify-content: center;
    margin-bottom: 30px; }

  /* line 6019, theme.scss */
  .how-to-order__list {
    display: flex;
    flex-direction: column;
    gap: 20px; }

  /* line 6025, theme.scss */
  .how-to-order__item {
    display: flex;
    align-items: center;
    padding: 30px;
    min-height: 162px; }

  /* line 6032, theme.scss */
  .how-to-order__title {
    margin: 0 0 10px; }

  /* line 6036, theme.scss */
  .articles {
    margin: 50px 20px 60px; }

  /* line 6040, theme.scss */
  .articles__heading {
    justify-content: center;
    margin-bottom: 30px; }

  /* line 6045, theme.scss */
  .section-heading__actions {
    display: none; }

  /* line 6049, theme.scss */
  .articles__grid {
    grid-template-columns: repeat(3, 240px);
    gap: 20px; }

  /* line 6054, theme.scss */
  .article-card_size_large .article-card__content {
    bottom: 72px;
    left: 31px;
    right: 31px; }

  /* line 6060, theme.scss */
  .articles__controls {
    display: none; }

  /* line 6064, theme.scss */
  .hidden-button {
    display: flex;
    justify-self: center;
    padding: 14px 20px;
    min-width: 340px;
    margin-top: 10px; }

  /* line 6072, theme.scss */
  .footer {
    padding: 30px 20px 120px; }

  /* line 6076, theme.scss */
  .footer__top {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 20px; }

  /* line 6084, theme.scss */
  .footer__column_catalog .footer__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 120px; }

  /* line 6091, theme.scss */
  .footer__column_catalog .footer__item {
    width: 50%; }

  /* line 6095, theme.scss */
  footer__link {
    color: #fff; }

  /* line 6099, theme.scss */
  .footer__column_help .footer__item:first-child .footer__link {
    padding-right: 54%; }

  /* line 6103, theme.scss */
  .footer__column_help .footer__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 120px; }

  /* line 6110, theme.scss */
  .footer__column_help .footer__item {
    width: 50%; }

  /* line 6116, theme.scss */
  .footer .footer__mail__soc {
    margin-left: 0;
    display: grid;
    gap: 20px; }

  /* line 6122, theme.scss */
  .footer .footer__social {
    display: none; }

  /* line 6126, theme.scss */
  .footer__contacts {
    grid-column: span 3;
    display: flex;
    justify-content: center; }

  /* line 6133, theme.scss */
  .footer .footer__info-item {
    border: 1px solid #3C3C3C;
    border-radius: 6px;
    padding: 16px;
    gap: 4px;
    margin-bottom: 0; }

  /* line 6141, theme.scss */
  .footer .footer__location__icon-image,
  .footer .footer__mail__icon-image {
    margin-bottom: 8px; }

  /* line 6146, theme.scss */
  .footer__phone-group {
    gap: 20px;
    display: flex; }

  /* line 6151, theme.scss */
  .phone-group-wrapper {
    display: grid;
    text-align: center;
    gap: 6px;
    align-self: center; }

  /* line 6158, theme.scss */
  .footer__callback-button {
    margin-top: 0px;
    min-width: 340px; }

  /* line 6163, theme.scss */
  .footer .footer__info-text {
    /* width: 200px; */ }

  /* line 6168, theme.scss */
  .footer .footer__info-link {
    /* width: 200px; */ }

  /* line 6172, theme.scss */
  .footer .footer__info-label {
    /* display: block; */ }

  /* line 6176, theme.scss */
  .footer .footer__info-text,
  .footer .footer__info-link {
    padding-left: 28px; }

  /* line 6182, theme.scss */
  .footer__logo {
    display: none; }

  /* line 6186, theme.scss */
  .footer .bottom-social {
    display: flex; }

  /* line 6191, theme.scss */
  .footer__copy {
    display: inline;
    text-align: center;
    max-width: 340px; }

  /* line 6197, theme.scss */
  .footer__bottom-inner {
    gap: 20px;
    flex-direction: column-reverse;
    align-items: center; }

  /* line 6203, theme.scss */
  .footer__copy p {
    margin: 0; }

  /* --- Для Страница разделов --- */
  /* line 6212, theme.scss */
  .main-for-razdely {
    padding-top: 20px; }

  /* line 6216, theme.scss */
  .bread_crumbs {
    margin: 0 auto 20px;
    display: flex;
    justify-content: center; }

  /* line 6222, theme.scss */
  .catalog__heading {
    margin: 0 auto 20px;
    justify-content: center; }

  /* line 6227, theme.scss */
  .section-heading__title {
    text-align: center; }

  /* line 6231, theme.scss */
  .section-heading__title span {
    display: block; }

  /* line 6235, theme.scss */
  .catalog_grid_for_razdely {
    margin: 0 20px;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab; }

  /* line 6244, theme.scss */
  .catalog_grid_for_razdely:active {
    cursor: grabbing; }

  /* line 6248, theme.scss */
  .catalog_grid_for_razdely::-webkit-scrollbar {
    display: none; }

  /* line 6252, theme.scss */
  .catalog-subcard {
    flex: 0 0 auto; }

  /* line 6256, theme.scss */
  .catalog-subcard__image {
    width: 36px; }

  /* line 6260, theme.scss */
  .catalog-page {
    margin: 20px 20px; }

  /* line 6264, theme.scss */
  .sidebar {
    display: none; }

  /* line 6268, theme.scss */
  .show__controls {
    padding-bottom: 0; }

  /* line 6272, theme.scss */
  .show__controls.is-mobile {
    overflow-x: hidden !important; }

  /* line 6276, theme.scss */
  .show__controls.is-mobile .tabs {
    display: flex;
    width: max-content;
    will-change: transform;
    cursor: grab; }

  /* line 6283, theme.scss */
  .show__controls.is-mobile .tabs:active {
    cursor: grabbing; }

  /* line 6287, theme.scss */
  .filter__controls {
    display: none; }

  /* .filter-bar {
    margin: 0 20px;
  } */
  /* line 6295, theme.scss */
  .filter-bar,
  .filter-button {
    display: flex;
    flex-direction: column-reverse;
    max-width: 380px; }

  /* line 6302, theme.scss */
  .filter-button {
    flex-direction: row;
    justify-content: center; }

  /* line 6307, theme.scss */
  .filters_span {
    display: flex;
    gap: 10px; }

  /* line 6312, theme.scss */
  .filter-item {
    max-width: 185px;
    width: 100%; }

  /* line 6317, theme.scss */
  .filter-item .filter-item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0; }

  /* line 6325, theme.scss */
  .drop-filter-option {
    padding: 16px 16px; }

  /* line 6329, theme.scss */
  .products-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    /* margin: 0 20px; */
    gap: 10px; }

  /* line 6336, theme.scss */
  .products-grid > *:nth-child(4),
  .products-grid > *:nth-child(7),
  .products-grid > *:nth-child(8),
  .products-grid > *:nth-child(12) {
    display: none; }

  /* line 6343, theme.scss */
  .card-sections {
    width: 380px;
    padding: 24px; }

  /* line 6348, theme.scss */
  .product-wrapper {
    width: 332px;
    height: 332px; }

  /* line 6353, theme.scss */
  .hidden-badge {
    display: flex; }

  /* line 6357, theme.scss */
  .product-card__button {
    max-width: 292px; }

  /* line 6361, theme.scss */
  .razdely__price-old {
    font-size: 17px; }

  /* line 6365, theme.scss */
  .page_type_razdely .main-for-razdely .catalog-page .catalog-products-content .products-grid .product-card.card-sections .line__icon {
    left: 39.5%; }

  /* line 6369, theme.scss */
  .product-card__title {
    display: flex;
    align-items: center; }

  /* line 6374, theme.scss */
  .title__cards {
    display: none; }

  /* line 6378, theme.scss */
  .two-products-cards {
    display: none; }

  /* line 6382, theme.scss */
  .products__grid-four {
    display: none; }

  /* line 6386, theme.scss */
  .bootom__controls {
    min-width: 340px;
    margin: 30px 20px 20px; }

  /* line 6391, theme.scss */
  .bottom__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5.33px; }

  /* line 6397, theme.scss */
  .bottom__tabs .show_more {
    flex: 0 0 100%;
    order: 2; }

  /* line 6402, theme.scss */
  .bottom__tabs > .item__number:nth-last-child(3),
  .bottom__tabs > .item__number:nth-child(5),
  .bottom__tabs > .item__number:nth-child(6) {
    display: none; }

  /* line 6408, theme.scss */
  .show_more {
    margin-top: 10px; }

  /* line 6412, theme.scss */
  .bottom-order {
    margin-bottom: 60px; } }
/* Ширина экрана c 380px и ниже*/
/* --- Для Главной страницы --- */
@media (max-width: 380px) {
  /* line 6423, theme.scss */
  :root {
    --layout-width: 100%; }

  /* line 6427, theme.scss */
  .main {
    padding-top: 0;
    padding-bottom: 0; }

  /* line 6432, theme.scss */
  .tablet-top {
    display: flex; }

  /* line 6436, theme.scss */
  .tablet-inner {
    padding: 15px 20px; }

  /* line 6440, theme.scss */
  .open_bureger_list {
    padding-left: 20px;
    padding-right: 20px; }

  /* line 6445, theme.scss */
  .tablet_wrapper {
    display: block;
    width: 100%; }

  /* line 6450, theme.scss */
  .search_tablet {
    display: block;
    padding: 20px; }

  /* line 6455, theme.scss */
  .catalog__tablet-grid {
    display: grid; }

  /* line 6459, theme.scss */
  .open_burger_wrapper {
    display: block; }

  /* line 6463, theme.scss */
  .header-tablet__actions {
    padding: 20px; }

  /* line 6467, theme.scss */
  .header .tablet-left > .header-top__social {
    display: none; }

  /* line 6471, theme.scss */
  .burger-contact-info {
    min-width: auto;
    width: 340px;
    flex-direction: column;
    gap: 10px;
    margin: 30px 0 0; }

  /* line 6479, theme.scss */
  .burger__info-item {
    width: 340px; }

  /* line 6483, theme.scss */
  .burger__info-text {
    text-wrap: nowrap; }

  /* line 6487, theme.scss */
  .hidden-header,
  .catalog__grid {
    display: none; }

  /* line 6492, theme.scss */
  .hidden-icon {
    display: block; }

  /* line 6496, theme.scss */
  .actions_768 > .icon-button:nth-of-type(1) {
    display: none; }

  /* line 6500, theme.scss */
  .catalog {
    margin: 40px 20px 40px; }

  /* line 6504, theme.scss */
  .catalog__tablet-grid {
    display: grid;
    grid-template-columns: repeat(8, 150px);
    grid-template-rows: 175px;
    grid-column-gap: 10px; }

  /* line 6511, theme.scss */
  .catalog-tablet-image {
    width: 110px;
    height: 94px; }

  /* line 6516, theme.scss */
  .section-heading__title {
    font-size: 32px;
    text-wrap: nowrap; }

  /* line 6521, theme.scss */
  .popular-products {
    margin: 0 20px;
    padding: 0; }

  /* line 6526, theme.scss */
  .popular-products__heading {
    margin-bottom: 20px; }

  /* line 6530, theme.scss */
  .popular-products__controls {
    margin-bottom: 25px; }

  /* line 6534, theme.scss */
  .arrows {
    display: none; }

  /* line 6538, theme.scss */
  .popular-products__grid {
    gap: 10px; }

  /* line 6542, theme.scss */
  .product-card {
    width: 250px;
    padding: 20px; }

  /* line 6547, theme.scss */
  .hidden-card {
    display: none; }

  /* line 6551, theme.scss */
  .product-card__image-wrapper {
    width: 210px;
    height: 210px; }

  /* line 6556, theme.scss */
  .product-card__price-old {
    font-size: 16px; }

  /* line 6560, theme.scss */
  .product-card__button {
    max-width: 101px; }

  /* line 6564, theme.scss */
  .line__icon {
    left: 61%; }

  /* line 6568, theme.scss */
  .promo {
    padding: 0 20px;
    margin-top: 40px;
    display: grid;
    gap: 20px; }

  /* line 6575, theme.scss */
  .promo__inner {
    width: 340px;
    height: 220px;
    padding: 20px; }

  /* line 6581, theme.scss */
  .promo__content {
    gap: 0; }

  /* line 6585, theme.scss */
  .promo__text {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px; }

  /* line 6591, theme.scss */
  .promo__title {
    font-size: 24px; }

  /* line 6595, theme.scss */
  .promo__inner:nth-of-type(2) .promo__title {
    font-size: 24px;
    padding-right: 7%; }

  /* line 6600, theme.scss */
  .promo__button {
    padding: 14px 20px;
    min-width: 160px;
    font-size: 14px; }

  /* line 6606, theme.scss */
  .promo__image_main,
  .promo__image_overlay {
    height: 109px; }

  /* line 6611, theme.scss */
  .promo__image-group {
    bottom: 19%;
    right: 31%; }

  /* line 6616, theme.scss */
  .promo__image_exchange {
    height: 90px;
    top: 21%;
    left: 93%; }

  /* line 6622, theme.scss */
  .promo__inner:nth-of-type(2) .promo__image {
    max-height: 203px;
    left: 59%;
    top: 8%; }

  /* line 6628, theme.scss */
  .how-to-order {
    margin: 50px 20px 0px;
    padding: 0; }

  /* line 6633, theme.scss */
  .how-to-order__heading {
    justify-content: center;
    margin-bottom: 30px; }

  /* line 6638, theme.scss */
  .how-to-order__list {
    display: flex;
    flex-direction: column;
    gap: 20px; }

  /* line 6644, theme.scss */
  .how-to-order__item {
    display: flex;
    align-items: center;
    padding: 30px;
    min-height: 162px; }

  /* line 6651, theme.scss */
  .how-to-order__title {
    margin: 0 0 10px; }

  /* line 6655, theme.scss */
  .articles {
    margin: 50px 20px 60px; }

  /* line 6659, theme.scss */
  .articles__heading {
    justify-content: center;
    margin-bottom: 30px; }

  /* line 6664, theme.scss */
  .section-heading__actions {
    display: none; }

  /* line 6668, theme.scss */
  .articles__grid {
    grid-template-columns: repeat(3, 240px);
    gap: 20px; }

  /* line 6673, theme.scss */
  .article-card_size_large .article-card__content {
    bottom: 72px;
    left: 31px;
    right: 31px; }

  /* line 6679, theme.scss */
  .articles__controls {
    display: none; }

  /* line 6683, theme.scss */
  .hidden-button {
    display: flex;
    justify-self: center;
    padding: 14px 20px;
    min-width: 340px;
    margin-top: 10px; }

  /* line 6691, theme.scss */
  .footer {
    padding: 30px 20px 120px; }

  /* line 6695, theme.scss */
  .footer__top {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 20px; }

  /* line 6703, theme.scss */
  .footer__column_catalog .footer__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 120px; }

  /* line 6710, theme.scss */
  .footer__column_catalog .footer__item {
    width: 50%; }

  /* line 6714, theme.scss */
  .footer__column_help .footer__item:first-child .footer__link {
    padding-right: 54%; }

  /* line 6718, theme.scss */
  .footer__column_help .footer__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 120px; }

  /* line 6725, theme.scss */
  .footer__column_help .footer__item {
    width: 50%; }

  /* line 6731, theme.scss */
  .footer .footer__mail__soc {
    margin-left: 0;
    display: grid;
    gap: 20px; }

  /* line 6737, theme.scss */
  .footer .footer__social {
    display: none; }

  /* line 6741, theme.scss */
  .footer__contacts {
    grid-column: span 3;
    display: flex;
    justify-content: center; }

  /* line 6748, theme.scss */
  .footer .footer__info-item {
    border: 1px solid #3C3C3C;
    border-radius: 6px;
    padding: 16px;
    gap: 4px;
    margin-bottom: 0; }

  /* line 6756, theme.scss */
  .footer .footer__location__icon-image,
  .footer .footer__mail__icon-image {
    margin-bottom: 8px; }

  /* line 6761, theme.scss */
  .footer__phone-group {
    gap: 20px;
    display: flex; }

  /* line 6766, theme.scss */
  .phone-group-wrapper {
    display: grid;
    text-align: center;
    gap: 6px;
    align-self: center; }

  /* line 6773, theme.scss */
  .footer__callback-button {
    margin-top: 0px;
    min-width: 340px; }

  /* line 6778, theme.scss */
  .footer .footer__info-text,
  .footer .footer__info-link {
    padding-left: 28px; }

  /* line 6784, theme.scss */
  .footer__logo {
    display: none; }

  /* line 6788, theme.scss */
  .footer .bottom-social {
    display: flex; }

  /* line 6793, theme.scss */
  .footer__copy {
    display: inline;
    text-align: center;
    max-width: 340px; }

  /* line 6799, theme.scss */
  .footer__bottom-inner {
    gap: 20px;
    flex-direction: column-reverse;
    align-items: center; }

  /* line 6805, theme.scss */
  .footer__copy p {
    margin: 0; }

  /* --- Для Страница разделов --- */
  /* line 6814, theme.scss */
  .main-for-razdely {
    padding-top: 20px; }

  /* line 6818, theme.scss */
  .bread_crumbs {
    margin: 0 auto 20px;
    display: flex;
    justify-content: center; }

  /* line 6824, theme.scss */
  .catalog__heading {
    margin: 0 auto 20px;
    justify-content: center; }

  /* line 6829, theme.scss */
  .section-heading__title {
    text-align: center; }

  /* line 6833, theme.scss */
  .section-heading__title span {
    display: block; }

  /* line 6837, theme.scss */
  .catalog_grid_for_razdely {
    margin: 0 20px;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab; }

  /* line 6846, theme.scss */
  .catalog_grid_for_razdely:active {
    cursor: grabbing; }

  /* line 6850, theme.scss */
  .catalog_grid_for_razdely::-webkit-scrollbar {
    display: none; }

  /* line 6854, theme.scss */
  .catalog-subcard {
    flex: 0 0 auto; }

  /* line 6858, theme.scss */
  .catalog-subcard__image {
    width: 36px; }

  /* line 6862, theme.scss */
  .catalog-page {
    margin: 20px 20px; }

  /* line 6866, theme.scss */
  .sidebar {
    display: none; }

  /* line 6870, theme.scss */
  .show__controls {
    padding-bottom: 0; }

  /* line 6874, theme.scss */
  .show__controls.is-mobile {
    overflow-x: hidden !important; }

  /* line 6878, theme.scss */
  .show__controls.is-mobile .tabs {
    display: flex;
    width: max-content;
    will-change: transform;
    cursor: grab; }

  /* line 6885, theme.scss */
  .show__controls.is-mobile .tabs:active {
    cursor: grabbing; }

  /* line 6889, theme.scss */
  .filter__controls {
    display: none; }

  /* .filter-bar {
    margin: 0 20px;
  } */
  /* line 6897, theme.scss */
  .filter-bar,
  .filter-button {
    display: flex;
    flex-direction: column-reverse;
    max-width: 340px; }

  /* line 6904, theme.scss */
  .filter-button {
    flex-direction: row;
    justify-content: center; }

  /* line 6909, theme.scss */
  .filters_span {
    display: flex;
    gap: 10px; }

  /* line 6914, theme.scss */
  .filter-item {
    max-width: 165px;
    width: 100%; }

  /* line 6919, theme.scss */
  .filter-item .filter-item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0; }

  /* line 6927, theme.scss */
  .drop-filter-option {
    padding: 16px 6px; }

  /* line 6931, theme.scss */
  .products-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    /* margin: 0 20px; */
    gap: 10px; }

  /* line 6938, theme.scss */
  .products-grid > *:nth-child(4),
  .products-grid > *:nth-child(7),
  .products-grid > *:nth-child(8),
  .products-grid > *:nth-child(12) {
    display: none; }

  /* line 6945, theme.scss */
  .card-sections {
    width: 340px;
    padding: 24px; }

  /* line 6950, theme.scss */
  .product-wrapper {
    width: 292px;
    height: 292px; }

  /* line 6955, theme.scss */
  .hidden-badge {
    display: flex; }

  /* line 6959, theme.scss */
  .product-card__button {
    max-width: 184px; }

  /* line 6963, theme.scss */
  .product-card__title {
    font-size: 15.5px; }

  /* line 6967, theme.scss */
  .razdely__price-old {
    font-size: 17px; }

  /* line 6971, theme.scss */
  .page_type_razdely .main-for-razdely .catalog-page .catalog-products-content .products-grid .product-card.card-sections .line__icon {
    left: 45%; }

  /* line 6975, theme.scss */
  .product-card__title {
    display: flex;
    align-items: center; }

  /* line 6980, theme.scss */
  .title__cards {
    display: none; }

  /* line 6984, theme.scss */
  .two-products-cards {
    display: none; }

  /* line 6988, theme.scss */
  .products__grid-four {
    display: none; }

  /* line 6992, theme.scss */
  .bootom__controls {
    min-width: 340px;
    margin: 30px auto 20px; }

  /* line 6997, theme.scss */
  .bottom__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5.33px; }

  /* line 7003, theme.scss */
  .bottom__tabs .show_more {
    flex: 0 0 100%;
    order: 2; }

  /* line 7008, theme.scss */
  .bottom__tabs > .item__number:nth-last-child(3),
  .bottom__tabs > .item__number:nth-child(5),
  .bottom__tabs > .item__number:nth-child(6) {
    display: none; }

  /* line 7014, theme.scss */
  .show_more {
    margin-top: 10px; }

  /* line 7018, theme.scss */
  .bottom-order {
    margin-bottom: 60px; } }
/* line 7024, theme.scss */
.header-main__badge:empty {
  display: none; }

/* line 7028, theme.scss */
.catalog-page__layout aside {
  max-width: 260px; }

/* Прячем элементы, индекс которых больше лимита */
/* line 7033, theme.scss */
.header__collections-submenu .header__collections-item.is-hide {
  display: none; }

/* Логика отображения текста внутри кнопки */
/* line 7038, theme.scss */
.header__collections-show-more-text-hide {
  display: none;
  /* Изначально текст "Скрыть" спрятан */ }

/* line 7042, theme.scss */
.js-show-more-subcollections.is-active .header__collections-show-more-text-show {
  display: none;
  /* Прячем "Показать еще", когда активно */ }

/* line 7046, theme.scss */
.js-show-more-subcollections.is-active .header__collections-show-more-text-hide {
  display: inline;
  /* Показываем "Скрыть", когда активно */ }

/* Поворот иконки при раскрытии */
/* line 7051, theme.scss */
.js-show-more-subcollections.is-active .icon-angle-down {
  transform: rotate(180deg);
  display: inline-block; }

/* line 7056, theme.scss */
.main .layout {
  padding: 0 !important; }

/* line 7060, theme.scss */
.header__collections-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; }

/* line 7066, theme.scss */
.header__collections-menu .grid-list {
  max-width: 167px; }