/* Start:/local/components/qfast/heroblock/templates/.default/style.css?17747461676915*/
/* ========== HEROBLOCK — fluid responsive component ========== */

/* ========== ROOT CONTAINER ========== */

.heroblock {
  width: 100%;
  position: relative;
  background: #E8EFE4;
  overflow: hidden;
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
  aspect-ratio: 1920 / 1100;
  height: 100vh;
}

/* ========== BACKGROUND IMAGES ========== */

.heroblock__bg-blur,
.heroblock__bg-main {
  position: absolute;
  top: 0;
  /* Картинка шире контейнера — двигаем через left */
  /* left: -15% = центр. Меньше = левее, больше = правее */
  left: -25%;
  width: 130%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}

.heroblock__bg-blur {
  z-index: 1;
  filter: blur(2.5px);
}

.heroblock__bg-main {
  z-index: 3;
}

/* ========== TITLE FRAME ========== */
/* 80/1920 = 4.167%,  259/1100 = 23.545% */

@keyframes heroblock-title-slide {
  from { top: 23.545%; }
  to   { top: 8.545%; }
}

@keyframes heroblock-title-top-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.heroblock__title-frame {
  position: absolute;
  z-index: 2;
  left: 4.167%;
  top: 23.545%;
  width: 91.667%; /* (1920 - 160) / 1920 */
  will-change: top;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.667vw; /* 32/1920 */
}

.heroblock--loaded .heroblock__title-frame {
  top: 8.545%;
  animation: heroblock-title-slide 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.heroblock__title-top {
  width: 100%;
  text-align: center;
  color: #E2F397;
  font-size: clamp(15px, 1.25vw, 24px);
  opacity: 0;
  font-family: Inter, sans-serif;
  font-weight: 900;
  line-height: 110%;
}

.heroblock--loaded .heroblock__title-top {
  animation: heroblock-title-top-fade 1.5s ease-out 0.5s forwards;
}

/* ========== VECTOR LETTERS "ЯРКУЮ ЖИЗНЬ" ========== */
/* Container: 1623.62 x 180 at 1920 → 84.56% width, aspect-ratio 9.02 */

.heroblock__title-vectors {
  position: relative;
  width: 84.56%;
  aspect-ratio: 1623.62 / 180;
}

.heroblock__title-vectors img {
  position: absolute;
}

/* Positions as % of vectors container (1623.62 x 180) */
.heroblock__v1  { left: 0%;      top: 0%;     width: 9.919%;  height: 100%; }
.heroblock__v2  { left: 11.292%; top: 1.350%; width: 8.199%;  height: 96.43%; }
.heroblock__v3  { left: 20.340%; top: 3.122%; width: 8.911%;  height: 92.56%; }
.heroblock__v4  { left: 29.003%; top: 4.894%; width: 8.211%;  height: 90.27%; }
.heroblock__v5  { left: 37.719%; top: 6.100%; width: 10.953%; height: 86.72%; }
.heroblock__v6  { left: 50.681%; top: 6.667%; width: 12.177%; height: 85.36%; }
.heroblock__v7  { left: 63.397%; top: 5.228%; width: 7.942%;  height: 88.57%; }
.heroblock__v8  { left: 72.179%; top: 1.672%; width: 7.795%;  height: 95.02%; }
.heroblock__v9  { left: 81.044%; top: 1.689%; width: 8.727%;  height: 95.44%; }
.heroblock__v10 { left: 91.258%; top: 0.800%; width: 8.727%;  height: 97.34%; }

/* ========== SUBTITLE ========== */

@keyframes heroblock-subtitle-slide {
  from { bottom: -15.5%; opacity: 0; }
  to   { bottom: 6.5%; opacity: 1; }
}

.heroblock__subtitle {
  position: absolute;
  z-index: 4;
  left: 4.167%;
  bottom: -15.5%;
  width: 28.646%; /* 550/1920 */
  color: white;
  font-size: clamp(15px, 1.25vw, 24px);
  font-family: Inter, sans-serif;
  font-weight: 900;
  line-height: 110%;
  opacity: 0;
  will-change: bottom, opacity;
}

.heroblock--loaded .heroblock__subtitle {
  bottom: 6.5%;
  animation: heroblock-subtitle-slide 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.heroblock__mobile-icons {
  z-index: 4;
}

/* ========== MOBILE ICONS — hidden on desktop/tablet ========== */

.heroblock__mobile-icons {
  display: none;
}

/* ==========================================================================
   @media (max-width: 1200px) — Tablet
   ========================================================================== */

@media (max-width: 1200px) {

  .heroblock {
    aspect-ratio: 1200 / 650;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .heroblock__bg-blur {
    filter: blur(1.56px);
  }

  /* title-frame: 50/1200 = 4.167%, 161.9/650 = 24.908% */
  .heroblock__title-frame {
    left: 4.167%;
    top: 24.908%;
    width: 91.663%;
    gap: 1.667vw;
  }

  .heroblock__title-top {
    font-size: clamp(13px, 1.25vw, 15px);
  }

  /* vectors: same proportions, just different % of container width */
  /* 1014.76/1200 = 84.56% — same ratio */
  .heroblock__title-vectors {
    width: 84.56%;
  }

  /* subtitle: 20/1200=1.667%, 589.5/650=90.69% from top → bottom ~9.3% */
  .heroblock__subtitle {
    left: 1.667%;
    bottom: auto;
    top: 90.692%;
    width: 34.889%; /* 418.67/1200 */
    font-size: clamp(14px, 1.5vw, 18px);
  }
}

/* ==========================================================================
   @media (max-width: 767px) — Mobile
   ========================================================================== */

@media (max-width: 767px) {

  @keyframes heroblock-bg-zoom-mobile {
    from { left: -25%; width: 130%; object-position: center 20%; }
    to   { left: -43%; width: 160%; object-position: center 34%; }
  }

  .heroblock {
    aspect-ratio: 360 / 650;
    background: #094141;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .heroblock__bg-blur,
  .heroblock__bg-main {
    left: -25%;
    width: 130%;
    object-position: center 20%;
    will-change: left, width;
  }

  .heroblock--loaded .heroblock__bg-blur,
  .heroblock--loaded .heroblock__bg-main {
    left: -43%;
    width: 160%;
    object-position: center 34%;
    animation: heroblock-bg-zoom-mobile 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }

  .heroblock__bg-blur {
    filter: blur(0.48px);
  }

  /* title-frame: 4/360=1.117%, 100/650=15.385% */
  .heroblock__title-frame {
    left: 1.117%;
    top: 15.385%;
    width: 97.769%;
    gap: 2.222vw;
  }

  .heroblock__title-top {
    font-size: clamp(12px, 3.889vw, 14px);
    white-space: nowrap;
  }

  /* vectors: 280/360=77.778% — narrower on mobile */
  .heroblock__title-vectors {
    width: 77.778%;
  }

  /* subtitle: 14.59/360=4.053%, positioned just below container */
  .heroblock__subtitle {
    left: 4.053%;
    bottom: auto;
    top: auto;
    /* below the fold — clipped by overflow:hidden as in design */
    bottom: -2%;
    width: 62.383%; /* 224.58/360 */
    font-size: clamp(12px, 3.889vw, 14px);
  }

  /* Mobile icon buttons — show */
  .heroblock__mobile-icons {
    display: inline-flex;
    position: absolute;
    right: 5.556%; /* (360-260-80)/360 ≈ right side */
    bottom: -5%;
    width: 22.222%; /* 80/360 */
    aspect-ratio: 80 / 25;
    background: rgba(239, 239, 239, 0.80);
    border-radius: 1000px;
    align-items: center;
  }

  .heroblock__mobile-icon {
    width: 50%;
    height: 100%;
    border-radius: 1000px;
  }
}

/* End */


/* Start:/local/components/qfast/separator/templates/.default/style.css?1774747547250*/
/* ========== SEPARATOR ========== */

.separator {
  height: var(--sep-d, 160px);
}

@media (max-width: 1200px) {
  .separator {
    height: var(--sep-t, 85px);
  }
}

@media (max-width: 767px) {
  .separator {
    height: var(--sep-m, 80px);
  }
}

/* End */


/* Start:/local/components/qfast/news/templates/.default/style.css?17747564265107*/
/* ========== NEWS — blog/articles slider ========== */

.news {
  width: 100%;
  position: relative;
  background: #6E56A4;
  overflow: clip;
  border-radius: 32px;
  padding: 80px;
}

/* ===== SVG backgrounds ===== */
.news__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.news__bg--desktop { display: block; }
.news__bg--tablet  { display: none; }
.news__bg--mobile  { display: none; }

/* ===== Inner layout ===== */
.news__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

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

.news__title {
  color: white;
  font-size: clamp(32px, 2.5vw, 48px);
  font-family: Inter, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 110%;
  margin: 0;
  white-space: nowrap;
}

.news__subtitle {
  max-width: 223px;
  color: white;
  font-size: clamp(14px, 1.04vw, 20px);
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  margin: 0;
}

/* ===== Content ===== */
.news__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ===== Cards row ===== */
.news__cards {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.news__cards::-webkit-scrollbar { display: none; }

/* ===== Card ===== */
.news__card {
  flex: 0 0 564px;
  scroll-snap-align: start;
  background: white;
  border-radius: 30px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease;
}
.news__card:hover {
  transform: translateY(-4px);
}

.news__card-image {
  width: 100%;
  aspect-ratio: 500 / 400;
  background: #C8C8C8;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 17px 19px;
}

.news__tag {
  padding: 8px 20px;
  border-radius: 1000px;
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.8px;
  white-space: nowrap;
}

.news__tag--category {
  background: #E2F397;
  color: #094141;
}

.news__tag--time {
  background: white;
  color: #094141;
}

.news__card-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news__card-title {
  color: #094141;
  font-size: clamp(18px, 1.25vw, 24px);
  font-family: Inter, sans-serif;
  font-weight: 900;
  line-height: 110%;
}

.news__card-desc {
  color: #094141;
  font-size: clamp(14px, 1.04vw, 20px);
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
}

/* ===== Scrollbar / slider ===== */
.news__progress {
  position: relative;
  height: 10px;
  background: white;
  border-radius: 1000px;
  cursor: pointer;
}

.news__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 33%;
  background: #094141;
  border-radius: 1000px;
  cursor: grab;
}

.news__progress-bar:active {
  cursor: grabbing;
}

/* ==========================================================================
   @media (max-width: 1200px) — Tablet
   ========================================================================== */

@media (max-width: 1200px) {
  .news {
    border-radius: 24px;
    padding: 60px 20px;
  }

  .news__bg--desktop { display: none; }
  .news__bg--tablet  { display: block; }

  .news__inner { gap: 40px; }

  .news__subtitle {
    max-width: 160px;
    letter-spacing: -0.7px;
  }

  .news__content { gap: 20px; }

  .news__cards { gap: 24px; }

  .news__card {
    flex: 0 0 368px;
    padding: 24px;
    border-radius: 24px;
    gap: 24px;
  }

  .news__card-image {
    aspect-ratio: 1 / 1;
    padding: 10px;
  }

  .news__tag { font-size: 14px; letter-spacing: -0.7px; }

  .news__card-text { gap: 8px; }

  .news__progress { height: 6px; }
  .news__progress-bar { height: 100%; }
}

/* ==========================================================================
   @media (max-width: 767px) — Mobile
   ========================================================================== */

@media (max-width: 767px) {
  .news {
    border-radius: 12px;
    padding: 60px 20px;
  }

  .news__bg--desktop { display: none; }
  .news__bg--tablet  { display: none; }
  .news__bg--mobile  { display: block; }

  .news__inner { gap: 40px; }

  .news__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .news__title {
    color: #E2F397;
    white-space: normal;
  }

  .news__subtitle {
    max-width: none;
    color: #E2F397;
    letter-spacing: -0.7px;
  }

  .news__cards { gap: 12px; }

  .news__card {
    flex: 0 0 308px;
    padding: 12px 12px 32px;
    border-radius: 12px;
    gap: 24px;
  }

  .news__card-image {
    aspect-ratio: 1 / 1;
    padding: 10px;
  }

  .news__tag {
    font-size: 12px;
    letter-spacing: -0.6px;
    padding: 4px 12px;
  }

  .news__card-text { gap: 8px; }

  .news__progress { display: none; }
}

/* End */


/* Start:/local/templates/qfast/components/bitrix/catalog.section/smart/style.css?177475579011402*/
/* smart — catalog.section template */
/* Base: 1920px desktop */

.smart__mobile-only {
  display: none;
}

.smart {
  width: 100%;
  height: 1080px;
  position: relative;
  background: #094141;
  overflow: hidden;
  border-radius: 32px;
  margin: 0 auto;
}

/* Background image */
.smart__bg {
  width: 120.7%;
  height: 111.3%;
  left: -10.4%;
  top: -9.3%;
  position: absolute;
  object-fit: cover;
}

/* Title "Выбери свою Qleva" */
.smart__title {
  position: absolute;
  left: 80px;
  top: 80px;
  color: #E2F397;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
}

/* Decorative text line 1 "УМНАЯ" */
.smart__deco-line1 {
  width: 673.49px;
  height: 155.90px;
  left: 367.52px;
  top: 367.95px;
  position: absolute;
}

.smart__deco-line1 img:nth-child(1) { width: 138.92px; height: 155.22px; left: 0; top: 0; position: absolute; }
.smart__deco-line1 img:nth-child(2) { width: 160.39px; height: 149.15px; left: 147.69px; top: 4.50px; position: absolute; }
.smart__deco-line1 img:nth-child(3) { width: 112.51px; height: 144.21px; left: 327.30px; top: 10.34px; position: absolute; }
.smart__deco-line1 img:nth-child(4) { width: 122.40px; height: 139.82px; left: 447.80px; top: 15.40px; position: absolute; }
.smart__deco-line1 img:nth-child(5) { width: 103.52px; height: 136.14px; left: 569.97px; top: 19.76px; position: absolute; }

/* Decorative text line 2 "СИСТЕМА" */
.smart__deco-line2 {
  width: 970px;
  height: 166.85px;
  left: 80px;
  top: 563.07px;
  position: absolute;
}

.smart__deco-line2 img:nth-child(1) { width: 154.21px; height: 165.61px; left: 0; top: 1.24px; position: absolute; }
.smart__deco-line2 img:nth-child(2) { width: 138.59px; height: 155.90px; left: 169.05px; top: 4.05px; position: absolute; }
.smart__deco-line2 img:nth-child(3) { width: 138.48px; height: 156.60px; left: 323.48px; top: 0; position: absolute; }
.smart__deco-line2 img:nth-child(4) { width: 107.34px; height: 146.90px; left: 464.43px; top: 2.70px; position: absolute; }
.smart__deco-line2 img:nth-child(5) { width: 99.70px; height: 144.99px; left: 584.02px; top: 2.14px; position: absolute; }
.smart__deco-line2 img:nth-child(6) { width: 146.01px; height: 142.18px; left: 698.78px; top: 1.35px; position: absolute; }
.smart__deco-line2 img:nth-child(7) { width: 117.23px; height: 137.80px; left: 852.77px; top: 0.90px; position: absolute; }

/* Product card */
.smart__card {
  max-width: 544px;
  min-width: 544px;
  height: 812px;
  padding: 32px;
  left: 1271px;
  top: 160px;
  position: absolute;
  background: #EFEFEF;
  box-shadow: 0px 4px 8px rgba(3, 26, 26, 0.10);
  border-radius: 32px;
  backdrop-filter: blur(7.50px);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.smart__card-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
  position: relative;
}

.smart__card-image {
  width: 480px;
  height: 480px;
  border-radius: 8px;
  object-fit: cover;
}

.smart__card-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.smart__card-name {
  color: #094141;
  font-size: 32px;
  font-family: Inter, sans-serif;
  font-weight: 900;
  line-height: 110%;
}

.smart__card-color {
  color: #094141;
  font-size: 24px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.20px;
}

.smart__card-prices {
  display: inline-flex;
  align-items: center;
  gap: 13px;
}

.smart__card-price {
  color: #094141;
  font-size: 24px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.20px;
  white-space: nowrap;
}

.smart__card-old-price {
  position: relative;
  opacity: 0.50;
  color: #094141;
  font-size: 24px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.20px;
  white-space: nowrap;
}

.smart__card-old-price-line {
  position: absolute;
  left: -1px;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #094141;
}

/* Buttons row */
.smart__card-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.smart__btn-cart {
  width: 220px;
  height: 52px;
  background: #094141;
  border-radius: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 24px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.48px;
  text-decoration: none;
  white-space: nowrap;
}

.smart__btn-detail {
  width: 220px;
  height: 52px;
  background: white;
  border-radius: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #094141;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.40px;
  text-decoration: none;
  white-space: nowrap;
}

.smart__btn-favorite {
  width: 52px;
  height: 52px;
  position: absolute;
  right: 32px;
  top: 32px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  z-index: 1;
}

.smart__btn-favorite svg {
  width: 100%;
  height: 100%;
}

/* ============================================
   @media 1440px — tablet overrides
   ============================================ */

@media (max-width: 1440px) {
  .smart {
    max-width: 1440px;
    height: 100vh;
    border-radius: 24px;
  }

  .smart__title {
    left: 20px;
    top: 60px;
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  .smart__deco-line1 {
    width: 420.93px;
    height: 97.44px;
    left: 199.70px;
    top: calc(40%);
  }

  .smart__deco-line1 img:nth-child(1) { width: 86.83px; height: 97.01px; }
  .smart__deco-line1 img:nth-child(2) { width: 100.25px; height: 93.22px; left: 92.31px; top: 2.81px; }
  .smart__deco-line1 img:nth-child(3) { width: 70.32px; height: 90.13px; left: 204.57px; top: 6.46px; }
  .smart__deco-line1 img:nth-child(4) { width: 76.50px; height: 87.39px; left: 279.87px; top: 9.63px; }
  .smart__deco-line1 img:nth-child(5) { width: 64.70px; height: 85.09px; left: 356.23px; top: 12.35px; }

  .smart__deco-line2 {
    width: 606.25px;
    height: 104.28px;
    left: 20px;
    top: calc(50%);
  }

  .smart__deco-line2 img:nth-child(1) { width: 96.38px; height: 103.51px; top: 0.77px; }
  .smart__deco-line2 img:nth-child(2) { width: 86.62px; height: 97.44px; left: 105.66px; top: 2.53px; }
  .smart__deco-line2 img:nth-child(3) { width: 86.55px; height: 97.88px; left: 202.18px; top: 0; }
  .smart__deco-line2 img:nth-child(4) { width: 67.09px; height: 91.82px; left: 290.27px; top: 1.69px; }
  .smart__deco-line2 img:nth-child(5) { width: 62.31px; height: 90.62px; left: 365.02px; top: 1.34px; }
  .smart__deco-line2 img:nth-child(6) { width: 91.25px; height: 88.87px; left: 436.74px; top: 0.84px; }
  .smart__deco-line2 img:nth-child(7) { width: 73.27px; height: 86.13px; left: 532.98px; top: 0.56px; }

  .smart__card {
    max-width: 368px;
    min-width: 368px;
    height: auto;
    max-height: 554px;
    padding: 24px;
    left: inherit;
    right: 20px;
    top: 27%;
    background: white;
    border-radius: 24px;
    gap: 24px;
  }

  .smart__card-image {
    width: 320px;
    height: 320px;
  }

  .smart__card-name {
    font-size: 18px;
  }

  .smart__card-color {
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  .smart__card-prices {
    gap: 8px;
  }

  .smart__card-price {
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  .smart__card-old-price {
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  .smart__card-old-price-line {
    height: 1px;
  }

  .smart__card-buttons {
    gap: 8px;
  }

  .smart__btn-cart {
    width: 150px;
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.32px;
  }

  .smart__btn-detail {
    width: 150px;
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.32px;
    outline: 1px #094141 solid;
    outline-offset: -1px;
  }

  .smart__btn-favorite {
    width: 35px;
    height: 35px;
    right: 24px;
    top: 24px;
  }
}

/* ============================================
   @media 480px — mobile overrides
   ============================================ */

@media (max-width: 480px) {
  .smart__desktop-only {
    display: none;
  }

  .smart__mobile-only {
    display: block;
  }

  .smart {
    max-width: 360px;
    height: 750px;
    background: white;
    border-radius: 12px;
  }

  .smart__bg {
    width: 1100px;
    height: 750px;
    left: 0;
    top: 0;
  }

  .smart__title {
    width: 320px;
    left: 20px;
    top: 62px;
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  /* Mobile deco line 1 "УМНАЯ" */
  .smart__deco-line1 {
    width: 215.24px;
    height: 49.82px;
    left: 116.88px;
    top: 102.8px;
  }

  .smart__deco-line1 img:nth-child(1) { width: 44.40px; height: 49.61px; left: 0; top: 0; }
  .smart__deco-line1 img:nth-child(2) { width: 51.26px; height: 47.67px; left: 47.20px; top: 1.44px; }
  .smart__deco-line1 img:nth-child(3) { width: 35.96px; height: 46.09px; left: 104.60px; top: 3.31px; }
  .smart__deco-line1 img:nth-child(4) { width: 39.12px; height: 44.69px; left: 143.11px; top: 4.92px; }
  .smart__deco-line1 img:nth-child(5) { width: 33.08px; height: 43.51px; left: 182.16px; top: 6.31px; }

  /* Mobile deco line 2 "СИСТЕМА" */
  .smart__deco-line2 {
    width: 310px;
    height: 53.32px;
    left: 25px;
    top: 165.16px;
  }

  .smart__deco-line2 img:nth-child(1) { width: 49.28px; height: 52.93px; left: 0; top: 0.40px; }
  .smart__deco-line2 img:nth-child(2) { width: 44.29px; height: 49.82px; left: 54.03px; top: 1.29px; }
  .smart__deco-line2 img:nth-child(3) { width: 44.25px; height: 50.05px; left: 103.38px; top: 0; }
  .smart__deco-line2 img:nth-child(4) { width: 34.30px; height: 46.95px; left: 148.43px; top: 0.86px; }
  .smart__deco-line2 img:nth-child(5) { width: 31.86px; height: 46.34px; left: 186.64px; top: 0.68px; }
  .smart__deco-line2 img:nth-child(6) { width: 46.66px; height: 45.44px; left: 223.32px; top: 0.43px; }
  .smart__deco-line2 img:nth-child(7) { width: 37.47px; height: 44.04px; left: 272.54px; top: 0.29px; }

  .smart__card {
    width: 310px;
    max-width: 310px;
    min-width: 310px;
    height: 470px;
    padding: 24px;
    left: 25px;
    top: 242.48px;
    background: #EFEFEF;
    box-shadow: 0px 2.21px 5.53px rgba(9, 65, 65, 0.10);
    border-radius: 17.70px;
    backdrop-filter: blur(4.15px);
    gap: 24px;
  }

  .smart__card-inner {
    gap: 13.27px;
  }

  .smart__card-image {
    width: 260px;
    height: 260px;
    border-radius: 4.42px;
  }

  .smart__card-info {
    gap: 8px;
  }

  .smart__card-name {
    font-size: 18px;
  }

  .smart__card-color {
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  .smart__card-prices {
    gap: 7px;
  }

  .smart__card-price {
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  .smart__card-old-price {
    font-size: 14px;
    letter-spacing: -0.70px;
  }

  .smart__card-old-price-line {
    height: 1.17px;
  }

  .smart__card-buttons {
    gap: 5.53px;
  }

  .smart__btn-cart {
    height: 30px;
    width: 114px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .smart__btn-detail {
    height: 30px;
    width: 114px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .smart__btn-favorite {
    width: 30px;
    height: 30px;
    right: 24px;
    top: 24px;
  }
}

/* End */


/* Start:/local/components/qfast/gdekupit/templates/.default/style.css?17747466483009*/
/* ========== GDEKUPIT — "Где найти Qleva?" ========== */

.gdekupit {
  width: 100%;
  background: white;
  overflow: hidden;
  padding: 0 0 10px;
}

.gdekupit__inner {
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.gdekupit__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 656px;
}

.gdekupit__title {
  text-align: center;
  color: #094141;
  font-size: clamp(32px, 2.5vw, 48px);
  font-family: Inter, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 110%;
  margin: 0;
}

.gdekupit__subtitle {
  text-align: center;
  color: #094141;
  font-size: clamp(14px, 1.04vw, 20px);
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  margin: 0;
}

/* ========== ICONS ROW ========== */

.gdekupit__icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.gdekupit__icon {
  position: relative;
  width: 150px;
  height: 70px;
  display: block;
  text-decoration: none;
}

.gdekupit__icon-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.gdekupit__icon-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 33%;
  width: auto;
}

/* Ozon has multiple letter SVGs in a group */
.gdekupit__icon-ozon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55%;
  height: 26%;
  display: flex;
  align-items: center;
  gap: 0;
}

.gdekupit__icon-ozon img {
  height: 100%;
  width: auto;
}

/* ==========================================================================
   @media (max-width: 1200px) — Tablet
   ========================================================================== */

@media (max-width: 1200px) {
  .gdekupit__inner {
    max-width: 560px;
    gap: 24px;
  }

  .gdekupit__text {
    max-width: 410px;
    gap: 8px;
  }

  .gdekupit__subtitle {
    letter-spacing: -0.70px;
  }

  .gdekupit__icons {
    gap: 12.5px;
  }

  .gdekupit__icon {
    width: 102px;
    height: 48px;
  }
}

/* ==========================================================================
   @media (max-width: 767px) — Mobile
   ========================================================================== */

@media (max-width: 767px) {
  .gdekupit {
    padding: 80px 20px 60px;
  }

  .gdekupit__inner {
    max-width: 320px;
    align-items: flex-start;
    gap: 32px;
  }

  .gdekupit__text {
    max-width: 283px;
    align-items: flex-start;
    gap: 4px;
  }

  .gdekupit__title {
    text-align: left;
    font-size: 28px;
    white-space: nowrap;
  }

  .gdekupit__subtitle {
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.70px;
    white-space: nowrap;
  }

  .gdekupit__icons {
    justify-content: center;
    gap: 4px;
    align-self: stretch;
  }

  .gdekupit__icon {
    width: 100px;
    height: 48px;
  }
}

/* End */


/* Start:/local/components/qfast/musik/templates/.default/style.css?177475252724728*/
/* ========== MUSIK SLIDER — split-panel before/after ========== */

.musik-wrap {
  width: 100%;
  overflow: hidden;
  border-radius: 32px;
}

.animatsiya-muzyka {
  width: 1920px;
  height: 1080px;
  position: relative;
  background: #094141;
  overflow: hidden;
  transform-origin: top left;
}

/* ========== LEFT BACKGROUND (energetic guy) — z:1 ========== */

.animatsiya-muzyka__group-2043683175 {
  width: 1948.54px;
  height: 2922.46px;
  left: -28.54px;
  top: -911.23px;
  position: absolute;
  z-index: 1;
}

.animatsiya-muzyka__qleva9708-5 {
  width: 1948.54px;
  height: 2922.46px;
  left: 0px;
  top: 0px;
  position: absolute;
  filter: blur(3.17px);
}

.animatsiya-muzyka__qleva9708-7 {
  width: 1948.54px;
  height: 2922.46px;
  left: 0px;
  top: 0px;
  transition: filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  position: absolute;
}


/* ========== GREEN TEXT "Махи шваброй" (left side) — z:3 ========== */

.animatsiya-muzyka__group-2043683159 {
  width: 755px;
  height: 243px;
  left: 80px;
  top: 390px;
  position: absolute;
  z-index: 3;
  transition: filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.animatsiya-muzyka__svg-2 {
  width: 755px;
  height: 191px;
  left: 0px;
  top: 52px;
  position: absolute;
}

.animatsiya-muzyka__vector-5  { width: 133.26px; height: 168.27px; left: 0px;      top: 0px;    position: absolute; }
.animatsiya-muzyka__vector-6  { width: 160.55px; height: 164.48px; left: 118.02px; top: 2.91px; position: absolute; }
.animatsiya-muzyka__vector-7  { width: 133.09px; height: 160.47px; left: 288.40px; top: 4.92px; position: absolute; }
.animatsiya-muzyka__vector-8  { width: 142.37px; height: 183.43px; left: 442.17px; top: 7.57px; position: absolute; }
.animatsiya-muzyka__vector-9  { width: 38.68px;  height: 148.18px; left: 716.32px; top: 12.22px; position: absolute; }
.animatsiya-muzyka__vector-10 { width: 110.11px; height: 151.53px; left: 598.76px; top: 10.22px; position: absolute; }

.animatsiya-muzyka__makhi-shvabroy-pod-ritmichnye {
  left: 192px;
  top: 0px;
  position: absolute;
  color: #E2F397;
  font-size: 24px;
  font-family: Inter;
  font-weight: 900;
  line-height: 110%;
  white-space: nowrap;
}


/* ========== RIGHT PANEL (zen girl) — z:5, overflow:hidden ========== */
/* Images clipped to panel bounds. Blue text (dzen) inside — peeks at edge */

.animatsiya-muzyka__mask-group {
  width: 629.49px;
  height: 1100px;
  left: 1304.33px;
  top: 0px;
  position: absolute;
  z-index: 5;
  overflow: hidden;
  transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              width 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.animatsiya-muzyka__rectangle-3976566 {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  background: #D9D9D9;
}

.animatsiya-muzyka__group-2043683177 {
  width: 1940.26px;
  height: 2909.81px;
  left: -1304.33px;
  top: -753.31px;
  position: absolute;
  transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.animatsiya-muzyka__qleva9642-2 {
  width: 1940.26px;
  height: 2909.81px;
  left: 0px;
  top: 0px;
  position: absolute;
  filter: blur(2.91px);
}

.animatsiya-muzyka__qleva9642-3 {
  width: 1940.26px;
  height: 2909.81px;
  left: 0px;
  top: 0px;
  position: absolute;
  filter: blur(4px);
  transition: filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* State 1: right panel (inactive) blurred — text too */
.animatsiya-muzyka__dzen {
  filter: blur(4px);
  transition: filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* State 2: left blurs, right sharpens */
.animatsiya-muzyka--state-2 .animatsiya-muzyka__qleva9708-7 {
  filter: blur(4px);
}
.animatsiya-muzyka--state-2 .animatsiya-muzyka__qleva9642-3 {
  filter: none;
}
.animatsiya-muzyka--state-2 .animatsiya-muzyka__dzen {
  filter: none;
}
.animatsiya-muzyka--state-2 .animatsiya-muzyka__group-2043683159 {
  filter: blur(4px);
}

/* Blue text "Мой дом мой храм" — inside mask-group, peeks from edge */
.animatsiya-muzyka__dzen {
  width: 615.43px;
  height: 255.67px;
  left: 1220px;
  top: 1143.31px;
  position: absolute;
}

.animatsiya-muzyka__moy-dom-moy-khram {
  left: 187.71px;
  top: 0px;
  position: absolute;
  color: #BDEEFF;
  font-size: 24px;
  font-family: Inter;
  font-weight: 900;
  line-height: 110%;
  white-space: nowrap;
}

.animatsiya-muzyka__svg {
  width: 615.43px;
  height: 202.11px;
  left: 0px;
  top: 53.56px;
  position: absolute;
  overflow: hidden;
}

.animatsiya-muzyka__vector   { width: 161.03px; height: 192.48px; left: 0px;      top: 9.63px; position: absolute; }
.animatsiya-muzyka__vector-2 { width: 130.97px; height: 173.58px; left: 168.59px; top: 3.45px; position: absolute; }
.animatsiya-muzyka__vector-3 { width: 126.22px; height: 172.29px; left: 316.19px; top: 3.52px; position: absolute; }
.animatsiya-muzyka__vector-4 { width: 154px;    height: 178.33px; left: 461.43px; top: 0px;    position: absolute; }


/* ========== BUTTONS (root level) — z:8 ========== */

.animatsiya-muzyka__knopki {
  width: 220px;
  height: 52px;
  padding-left: 60px;
  padding-right: 60px;
  left: 850px;
  top: 968px;
  position: absolute;
  z-index: 8;
  background: #E2F397;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.5s ease;
}
.animatsiya-muzyka__knopki:hover { opacity: 0.85; }

.animatsiya-muzyka__v-katalog {
  color: #094141;
  font-size: 20px;
  font-family: Inter;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.40px;
  white-space: nowrap;
}

.animatsiya-muzyka__knopki-2 {
  width: 220px;
  height: 52px;
  padding-left: 60px;
  padding-right: 60px;
  left: 850px;
  top: 968px;
  position: absolute;
  z-index: 8;
  background: #BDEEFF;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.animatsiya-muzyka__knopki-2:hover { opacity: 0.85; }

.animatsiya-muzyka__v-katalog-2 {
  color: #094141;
  font-size: 20px;
  font-family: Inter;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.40px;
  white-space: nowrap;
}


/* ========== DIVIDER WITH ARROWS — z:10 ========== */

.animatsiya-muzyka__group-2043683174 {
  width: 111.38px;
  height: 1100px;
  left: 1250px;
  top: -10px;
  position: absolute;
  z-index: 10;
  transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.animatsiya-muzyka__rectangle-3976563 {
  width: 3px;
  height: 1100px;
  left: 54.19px;
  top: 0px;
  position: absolute;
  background: white;
}

.animatsiya-muzyka__ikonki {
  height: 40px;
  max-width: 111.38px;
  min-width: 111.38px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 5px;
  padding-bottom: 5px;
  left: 0px;
  top: 524.50px;
  position: absolute;
  background: white;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: inline-flex;
}

.animatsiya-muzyka__arrow-3-stroke {
  width: 19.69px;
  height: 20px;
  cursor: pointer;
}

.animatsiya-muzyka__arrow-3-stroke-2 {
  width: 19.69px;
  height: 20px;
  transform: rotate(-3deg);
  transform-origin: top left;
  cursor: pointer;
}


/* ========== TITLE — z:6 ========== */

.animatsiya-muzyka__frame-34871 {
  width: 665.67px;
  max-height: 149px;
  min-height: 149px;
  left: 80px;
  top: 80px;
  position: absolute;
  z-index: 6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
}

.animatsiya-muzyka__qleva-radio {
  align-self: stretch;
  color: white;
  font-size: 48px;
  font-family: Inter;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 110%;
  word-wrap: break-word;
}

.animatsiya-muzyka__uborka-pod-muzyku-eto-50-k-skorosti-i-10 {
  width: 575.54px;
  color: white;
  font-size: 20px;
  font-family: Inter;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  word-wrap: break-word;
}


/* ========== STATE 2: right panel expands, divider moves ========== */

.animatsiya-muzyka--state-2 .animatsiya-muzyka__mask-group {
  left: 615.67px;
  width: 1304.33px;
}

.animatsiya-muzyka--state-2 .animatsiya-muzyka__group-2043683177 {
  left: -615.67px;
}

.animatsiya-muzyka--state-2 .animatsiya-muzyka__group-2043683174 {
  left: 560px;
}

.animatsiya-muzyka--state-2 .animatsiya-muzyka__knopki {
  opacity: 0;
  pointer-events: none;
}

.animatsiya-muzyka--state-2 .animatsiya-muzyka__knopki-2 {
  opacity: 1;
  pointer-events: auto;
}


/* ========== MOBILE-ONLY: hidden on desktop ========== */

.animatsiya-muzyka__m-card-1,
.animatsiya-muzyka__m-card-2,
.animatsiya-muzyka__m-knopki,
.animatsiya-muzyka__m-knopki-2,
.animatsiya-muzyka__m-nav {
  display: none;
}


/* =====================================================
   @media — Tablet (max-width: 1440px)
   ===================================================== */

@media (max-width: 1440px) {

  .musik-wrap { border-radius: 24px; }

  .animatsiya-muzyka { width: 1200px; height: 675px; }

  /* Left bg */
  .animatsiya-muzyka__group-2043683175 {
    width: 1217.84px; height: 1826.54px;
    left: -17.84px; top: -569.52px;
  }
  .animatsiya-muzyka__qleva9708-5 { width: 1217.84px; height: 1826.54px; filter: blur(1.98px); }
  .animatsiya-muzyka__qleva9708-7 { width: 1217.84px; height: 1826.54px; }

  /* Green text */
  .animatsiya-muzyka__group-2043683159 {
    width: 471.88px; height: auto;
    max-height: 163.38px; min-height: 163.38px;
    left: 20px; top: 243.75px;
    flex-direction: column; justify-content: flex-start;
    align-items: center; gap: 24px; display: inline-flex;
  }
  .animatsiya-muzyka__makhi-shvabroy-pod-ritmichnye {
    left: auto; top: auto; position: static;
    align-self: stretch; text-align: center;
    font-size: 18px; white-space: normal; word-wrap: break-word;
  }
  .animatsiya-muzyka__svg-2 { width: 471.88px; height: 119.38px; left: auto; top: auto; position: relative; }
  .animatsiya-muzyka__vector-5  { width: 83.29px;  height: 105.17px; }
  .animatsiya-muzyka__vector-6  { width: 100.34px; height: 102.80px; left: 73.77px;  top: 1.82px; }
  .animatsiya-muzyka__vector-7  { width: 83.18px;  height: 100.29px; left: 180.25px; top: 3.07px; }
  .animatsiya-muzyka__vector-8  { width: 88.98px;  height: 114.65px; left: 276.36px; top: 4.73px; }
  .animatsiya-muzyka__vector-9  { width: 24.18px;  height: 92.61px;  left: 447.70px; top: 7.64px; }
  .animatsiya-muzyka__vector-10 { width: 68.82px;  height: 94.71px;  left: 374.23px; top: 6.39px; }

  /* Right panel */
  .animatsiya-muzyka__mask-group { width: 393.43px; height: 687.50px; left: 815.20px; }
  .animatsiya-muzyka__group-2043683177 {
    width: 1212.66px; height: 1818.63px;
    left: -815.20px; top: -470.82px;
  }
  .animatsiya-muzyka__qleva9642-2 { width: 1212.66px; height: 1818.63px; filter: blur(1.82px); }
  .animatsiya-muzyka__qleva9642-3 { width: 1212.66px; height: 1818.63px; }

  .animatsiya-muzyka__dzen {
    width: 384.64px; height: auto;
    max-height: 170.32px; min-height: 170.32px;
    left: 790.50px; top: 714.57px;
    flex-direction: column; justify-content: flex-start;
    align-items: center; gap: 24px; display: inline-flex;
  }
  .animatsiya-muzyka__moy-dom-moy-khram {
    left: auto; top: auto; position: static;
    align-self: stretch; text-align: center;
    font-size: 18px; white-space: normal; word-wrap: break-word;
  }
  .animatsiya-muzyka__svg { width: 384.64px; height: 126.32px; left: auto; top: auto; position: relative; }
  .animatsiya-muzyka__vector   { width: 100.65px; height: 120.30px; top: 6.02px; }
  .animatsiya-muzyka__vector-2 { width: 81.86px;  height: 108.49px; left: 105.37px; top: 2.16px; }
  .animatsiya-muzyka__vector-3 { width: 78.89px;  height: 107.68px; left: 197.62px; top: 2.20px; }
  .animatsiya-muzyka__vector-4 { width: 96.25px;  height: 111.46px; left: 288.39px; top: 0px; }

  /* Buttons */
  .animatsiya-muzyka__knopki,
  .animatsiya-muzyka__knopki-2 {
    width: auto; height: 40px;
    max-width: 150px; min-width: 150px;
    padding-left: 40px; padding-right: 40px;
    left: 525px; top: 595px;
  }
  .animatsiya-muzyka__v-katalog,
  .animatsiya-muzyka__v-katalog-2 { font-size: 16px; letter-spacing: -0.32px; }

  /* Divider */
  .animatsiya-muzyka__group-2043683174 {
    width: 69.62px; height: 687.50px;
    left: 781.25px; top: -5.75px;
  }
  .animatsiya-muzyka__rectangle-3976563 { width: 1.88px; height: 687.50px; left: 33.87px; }
  .animatsiya-muzyka__ikonki {
    height: 25px; max-width: 69.62px; min-width: 69.62px;
    padding-left: 15px; padding-right: 15px;
    padding-top: 3.13px; padding-bottom: 3.13px;
    top: 327.31px; border-radius: 625px; gap: 15px;
  }
  .animatsiya-muzyka__arrow-3-stroke   { width: 12.31px; height: 12.50px; }
  .animatsiya-muzyka__arrow-3-stroke-2 { width: 12.31px; height: 12.50px; }

  /* Title */
  .animatsiya-muzyka__frame-34871 {
    width: 416.05px; max-height: 98px; min-height: 98px;
    left: 20px; top: 60px; gap: 12px;
  }
  .animatsiya-muzyka__qleva-radio { font-size: 32px; }
  .animatsiya-muzyka__uborka-pod-muzyku-eto-50-k-skorosti-i-10 {
    width: 359.71px; font-size: 14px; letter-spacing: -0.70px;
  }

  /* Tablet state 2 */
  .animatsiya-muzyka--state-2 .animatsiya-muzyka__mask-group {
    left: 393.43px; width: 815.20px;
  }
  .animatsiya-muzyka--state-2 .animatsiya-muzyka__group-2043683177 {
    left: -393.43px;
  }
  .animatsiya-muzyka--state-2 .animatsiya-muzyka__group-2043683174 {
    left: 359px;
  }
}


/* =====================================================
   @media — Mobile (max-width: 767px)
   ===================================================== */

@media (max-width: 767px) {

  .musik-wrap { border-radius: 12px 12px 0 0; }

  .animatsiya-muzyka { width: 360px; height: 725px; background: #EFEFEF; }

  /* Hide desktop elements */
  .animatsiya-muzyka__group-2043683175,
  .animatsiya-muzyka__mask-group,
  .animatsiya-muzyka__group-2043683174,
  .animatsiya-muzyka__group-2043683159,
  .animatsiya-muzyka__knopki,
  .animatsiya-muzyka__knopki-2 {
    display: none;
  }

  /* Title mobile */
  .animatsiya-muzyka__frame-34871 {
    width: 320px; max-height: 115px; min-height: 115px;
    left: 20px; top: 60px; gap: 12px;
  }
  .animatsiya-muzyka__qleva-radio { color: #094141; font-size: 32px; }
  .animatsiya-muzyka__uborka-pod-muzyku-eto-50-k-skorosti-i-10 {
    width: 313.85px; color: #094141; font-size: 14px; letter-spacing: -0.70px;
  }

  /* Show mobile elements */
  .animatsiya-muzyka__m-card-1,
  .animatsiya-muzyka__m-card-2,
  .animatsiya-muzyka__m-knopki,
  .animatsiya-muzyka__m-knopki-2,
  .animatsiya-muzyka__m-nav { display: block; }

  /* Card 1 */
  .animatsiya-muzyka__m-card-1 { width: 360px; height: 480px; left: 0px; top: 217px; position: absolute; }
  .animatsiya-muzyka__m-rect-left { width: 285.04px; height: 480px; left: 0; top: 0; position: absolute; background: #D9D9D9; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
  .animatsiya-muzyka__m-group-bg-1 { width: 1000px; height: 1562.17px; left: -329.56px; top: -366.56px; position: absolute; }
  .animatsiya-muzyka__m-qleva9708-5 { width: 1000px; height: 1562.17px; left: 0; top: 0; position: absolute; filter: blur(6.55px); }
  .animatsiya-muzyka__m-qleva9708-7 { width: 1000px; height: 1562.17px; left: 0; top: 0; position: absolute; }
  .animatsiya-muzyka__m-text-block-1 { width: 320px; max-height: 109.95px; min-height: 109.95px; left: 349.56px; top: 386.56px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; display: inline-flex; }
  .animatsiya-muzyka__m-makhi-shvabroy { align-self: stretch; text-align: center; color: #E2F397; font-size: 14px; font-family: Inter; font-weight: 700; line-height: 120%; letter-spacing: -0.28px; word-wrap: break-word; }
  .animatsiya-muzyka__m-svg-1 { width: 320px; height: 80.95px; position: relative; }
  .animatsiya-muzyka__m-vector-1 { width: 56.48px; height: 71.32px; left: 0; top: 0; position: absolute; }
  .animatsiya-muzyka__m-vector-2 { width: 68.05px; height: 69.71px; left: 50.02px; top: 1.23px; position: absolute; }
  .animatsiya-muzyka__m-vector-3 { width: 56.41px; height: 68.01px; left: 122.24px; top: 2.08px; position: absolute; }
  .animatsiya-muzyka__m-vector-4 { width: 60.34px; height: 77.75px; left: 187.41px; top: 3.21px; position: absolute; }
  .animatsiya-muzyka__m-vector-5 { width: 16.40px; height: 62.81px; left: 303.61px; top: 5.18px; position: absolute; }
  .animatsiya-muzyka__m-vector-6 { width: 46.67px; height: 64.22px; left: 253.78px; top: 4.33px; position: absolute; }
  .animatsiya-muzyka__m-rect-right { width: 74.96px; height: 480px; left: 285.04px; top: 0; position: absolute; background: #D9D9D9; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
  .animatsiya-muzyka__m-group-bg-2 { width: 653.68px; height: 980.32px; left: -114.23px; top: -162.76px; position: absolute; }
  .animatsiya-muzyka__m-qleva9642-2 { width: 653.68px; height: 980.32px; left: 0; top: 0; position: absolute; filter: blur(2.91px); }
  .animatsiya-muzyka__m-qleva9642-3 { width: 653.68px; height: 980.32px; left: 0; top: 0; position: absolute; }
  .animatsiya-muzyka__m-dzen-wrap { width: 320px; height: 109px; left: 134.23px; top: 182.76px; position: absolute; }
  .animatsiya-muzyka__m-dzen-inner { width: 320px; max-height: 109px; min-height: 109px; left: 0; top: 0; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; display: inline-flex; }
  .animatsiya-muzyka__m-moy-dom { align-self: stretch; text-align: center; color: #BDEEFF; font-size: 14px; font-family: Inter; font-weight: 700; line-height: 120%; letter-spacing: -0.28px; word-wrap: break-word; }
  .animatsiya-muzyka__m-svg-dzen { width: 243.60px; height: 80px; position: relative; overflow: hidden; }
  .animatsiya-muzyka__m-dzen-v1 { width: 63.74px; height: 76.19px; left: 0; top: 3.81px; position: absolute; }
  .animatsiya-muzyka__m-dzen-v2 { width: 51.84px; height: 68.71px; left: 66.73px; top: 1.37px; position: absolute; }
  .animatsiya-muzyka__m-dzen-v3 { width: 49.96px; height: 68.20px; left: 125.15px; top: 1.39px; position: absolute; }
  .animatsiya-muzyka__m-dzen-v4 { width: 60.96px; height: 70.59px; left: 182.64px; top: 0; position: absolute; }

  /* Mobile button 1 */
  .animatsiya-muzyka__m-knopki { height: 30px; max-width: 110px; min-width: 110px; padding-left: 24px; padding-right: 24px; left: 110.44px; top: 647px; position: absolute; background: #E2F397; border-radius: 1000px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; text-decoration: none; cursor: pointer; }
  .animatsiya-muzyka__m-v-katalog { color: #094141; font-size: 14px; font-family: Inter; font-weight: 700; line-height: 120%; letter-spacing: -0.28px; white-space: nowrap; }

  /* Card 2 */
  .animatsiya-muzyka__m-card-2 { width: 360px; height: 510px; left: 0; top: 215px; position: absolute; }
  .animatsiya-muzyka__m-rect-left-2 { width: 285.04px; height: 510px; left: 0; top: 0; position: absolute; background: #D9D9D9; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
  .animatsiya-muzyka__m-group-bg-3 { width: 1000px; height: 1562.17px; left: -329.56px; top: -366.56px; position: absolute; }
  .animatsiya-muzyka__m-qleva9708-5-2 { width: 1000px; height: 1562.17px; left: 0; top: 0; position: absolute; filter: blur(6.55px); }
  .animatsiya-muzyka__m-qleva9708-7-2 { width: 1000px; height: 1562.17px; left: 0; top: 0; position: absolute; }
  .animatsiya-muzyka__m-text-block-2 { width: 320px; max-height: 109.95px; min-height: 109.95px; left: 349.56px; top: 406.56px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; display: inline-flex; }
  .animatsiya-muzyka__m-makhi-shvabroy-2 { align-self: stretch; text-align: center; color: #E2F397; font-size: 14px; font-family: Inter; font-weight: 700; line-height: 120%; letter-spacing: -0.28px; word-wrap: break-word; }
  .animatsiya-muzyka__m-svg-1-2 { width: 320px; height: 80.95px; position: relative; }
  .animatsiya-muzyka__m-vector-1-2 { width: 56.48px; height: 71.32px; left: 0; top: 0; position: absolute; }
  .animatsiya-muzyka__m-vector-2-2 { width: 68.05px; height: 69.71px; left: 50.02px; top: 1.23px; position: absolute; }
  .animatsiya-muzyka__m-vector-3-2 { width: 56.41px; height: 68.01px; left: 122.24px; top: 2.08px; position: absolute; }
  .animatsiya-muzyka__m-vector-4-2 { width: 60.34px; height: 77.75px; left: 187.41px; top: 3.21px; position: absolute; }
  .animatsiya-muzyka__m-vector-5-2 { width: 16.40px; height: 62.81px; left: 303.61px; top: 5.18px; position: absolute; }
  .animatsiya-muzyka__m-vector-6-2 { width: 46.67px; height: 64.22px; left: 253.78px; top: 4.33px; position: absolute; }
  .animatsiya-muzyka__m-rect-right-2 { width: 74.96px; height: 510px; left: 285.04px; top: 0; position: absolute; background: #D9D9D9; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
  .animatsiya-muzyka__m-group-bg-4 { width: 653.68px; height: 980.32px; left: -114.23px; top: -162.76px; position: absolute; }
  .animatsiya-muzyka__m-qleva9642-2-2 { width: 653.68px; height: 980.32px; left: 0; top: 0; position: absolute; filter: blur(2.91px); }
  .animatsiya-muzyka__m-qleva9642-3-2 { width: 653.68px; height: 980.32px; left: 0; top: 0; position: absolute; }
  .animatsiya-muzyka__m-dzen-wrap-2 { width: 320px; height: 109px; left: 134.23px; top: 202.76px; position: absolute; }
  .animatsiya-muzyka__m-dzen-inner-2 { width: 320px; max-height: 109px; min-height: 109px; left: 0; top: 0; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; display: inline-flex; }
  .animatsiya-muzyka__m-moy-dom-2 { align-self: stretch; text-align: center; color: #BDEEFF; font-size: 14px; font-family: Inter; font-weight: 700; line-height: 120%; letter-spacing: -0.28px; word-wrap: break-word; }
  .animatsiya-muzyka__m-svg-dzen-2 { width: 243.60px; height: 80px; position: relative; overflow: hidden; }
  .animatsiya-muzyka__m-dzen-v1-2 { width: 63.74px; height: 76.19px; left: 0; top: 3.81px; position: absolute; }
  .animatsiya-muzyka__m-dzen-v2-2 { width: 51.84px; height: 68.71px; left: 66.73px; top: 1.37px; position: absolute; }
  .animatsiya-muzyka__m-dzen-v3-2 { width: 49.96px; height: 68.20px; left: 125.15px; top: 1.39px; position: absolute; }
  .animatsiya-muzyka__m-dzen-v4-2 { width: 60.96px; height: 70.59px; left: 182.64px; top: 0; position: absolute; }

  /* Mobile button 2 */
  .animatsiya-muzyka__m-knopki-2 { height: 30px; max-width: 110px; min-width: 110px; padding-left: 24px; padding-right: 24px; left: 110.44px; top: 655px; position: absolute; background: #E2F397; border-radius: 1000px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; text-decoration: none; cursor: pointer; }
  .animatsiya-muzyka__m-v-katalog-2 { color: #094141; font-size: 14px; font-family: Inter; font-weight: 700; line-height: 120%; letter-spacing: -0.28px; white-space: nowrap; }

  /* Mobile nav */
  .animatsiya-muzyka__m-nav { width: 72px; height: 510px; left: 249.45px; top: 215px; position: absolute; z-index: 10; }
  .animatsiya-muzyka__m-nav-line { width: 1px; height: 510px; left: 35.50px; top: 0; position: absolute; background: white; }
  .animatsiya-muzyka__m-nav-icons { height: 30.60px; max-width: 72px; min-width: 72px; padding-left: 14px; padding-right: 14px; padding-top: 3.75px; padding-bottom: 3.75px; left: 0; top: 214.83px; position: absolute; background: white; border-radius: 750.17px; justify-content: center; align-items: center; gap: 14px; display: inline-flex; }
  .animatsiya-muzyka__m-arrow-1 { width: 15px; height: 15px; cursor: pointer; }
  .animatsiya-muzyka__m-arrow-2 { width: 15px; height: 15px; transform: rotate(-3deg); transform-origin: top left; cursor: pointer; }

  /* Mobile slider */
  .animatsiya-muzyka__m-card-1,
  .animatsiya-muzyka__m-card-2,
  .animatsiya-muzyka__m-knopki,
  .animatsiya-muzyka__m-knopki-2 {
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
  }
  .animatsiya-muzyka__m-card-2 { transform: translateX(100%); }
  .animatsiya-muzyka__m-knopki-2 { opacity: 0; pointer-events: none; }
  .animatsiya-muzyka--state-2 .animatsiya-muzyka__m-card-1 { transform: translateX(-100%); }
  .animatsiya-muzyka--state-2 .animatsiya-muzyka__m-card-2 { transform: translateX(0); }
  .animatsiya-muzyka--state-2 .animatsiya-muzyka__m-knopki { opacity: 0; pointer-events: none; }
  .animatsiya-muzyka--state-2 .animatsiya-muzyka__m-knopki-2 { opacity: 1; pointer-events: auto; }
}

/* End */


/* Start:/local/components/qfast/slider-catalog/templates/.default/style.css?17747538889893*/
/* slider-catalog */

.slider-catalog {
  width: 100%;
  background: #EFE9DD;
  border-radius: 32px;
  overflow: hidden;
}

.slider-catalog__inner {
  padding: 180px 80px 160px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

/* Header */
.slider-catalog__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.slider-catalog__title {
  color: #094141;
  font-size: 48px;
  font-family: Inter, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 110%;
  white-space: nowrap;
  margin: 0;
}

/* Tabs */
.slider-catalog__tabs {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.slider-catalog__tab {
  height: 52px;
  padding: 0 60px;
  background: white;
  border: none;
  cursor: pointer;
  color: #094141;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s;
}

.slider-catalog__tab:first-child {
  border-radius: 1000px 0 0 1000px;
}

.slider-catalog__tab:last-child {
  border-radius: 0 1000px 1000px 0;
}

.slider-catalog__tab--active {
  background: #094141;
  color: white;
}

.slider-catalog__tab-divider {
  width: 1px;
  height: 52px;
  background: #094141;
  flex-shrink: 0;
}

/* Slider viewport */
.slider-catalog__slider {
  overflow: hidden;
}

/* Cards row */
.slider-catalog__cards {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}

.slider-catalog__cards::-webkit-scrollbar {
  display: none;
}

/* Card */
.slider-catalog__card {
  min-width: 544px;
  max-width: 544px;
  padding: 32px;
  background: white;
  box-shadow: 0 4px 8px rgba(9, 65, 65, 0.1);
  border-radius: 32px;
  backdrop-filter: blur(7.5px);
  display: flex;
  flex-direction: column;
  gap: 32px;
  scroll-snap-align: start;
  flex-shrink: 0;
}

.slider-catalog__card[hidden] {
  display: none !important;
}

.slider-catalog__card--sold-out {
  opacity: 0.85;
}

/* Card top: image + info */
.slider-catalog__card-top {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}

.slider-catalog__card-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  object-fit: cover;
}

.slider-catalog__card-image--placeholder {
  background: #D9D9D9;
}

/* Favorite button */
.slider-catalog__card-favorite {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-catalog__card-favorite svg path {
  transition: fill 0.2s;
}

.slider-catalog__card-favorite:hover svg path {
  fill: #E2F397;
}

/* Badge */
.slider-catalog__card-badge {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 20px;
  background: #E2F397;
  border-radius: 8px;
  color: #094141;
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.8px;
  white-space: nowrap;
}

.slider-catalog__card-badge--sold-out {
  background: #5A8080;
  color: white;
}

/* Card info */
.slider-catalog__card-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.slider-catalog__card-name {
  color: #094141;
  font-size: 32px;
  font-family: Inter, sans-serif;
  font-weight: 900;
  line-height: 110%;
  word-wrap: break-word;
}

.slider-catalog__card-color {
  color: #094141;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
}

/* Prices */
.slider-catalog__card-prices {
  display: flex;
  align-items: center;
  gap: 13px;
}

.slider-catalog__card-price {
  color: #094141;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  white-space: nowrap;
}

.slider-catalog__card-old-price {
  position: relative;
  color: #094141;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  white-space: nowrap;
  opacity: 0.5;
}

.slider-catalog__card-old-price-line {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1.5px;
  background: #094141;
}

/* Card buttons */
.slider-catalog__card-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.slider-catalog__btn-cart {
  width: 220px;
  height: 52px;
  background: #094141;
  border-radius: 1000px;
  color: white;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
}

.slider-catalog__btn-cart:hover {
  opacity: 0.85;
}

.slider-catalog__btn-cart--disabled {
  background: #5A8080;
  cursor: default;
  pointer-events: none;
}

.slider-catalog__btn-detail {
  width: 220px;
  height: 52px;
  background: white;
  border-radius: 1000px;
  outline: 2px #094141 solid;
  outline-offset: -2px;
  color: #094141;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.2s;
}

.slider-catalog__btn-detail:hover {
  background: #f5f5f0;
}

/* Pagination dots */
.slider-catalog__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.slider-catalog__dot {
  width: 12px;
  height: 12px;
  background: #5A8080;
  border-radius: 1000px;
  cursor: pointer;
  transition: width 0.3s, background 0.3s;
}

.slider-catalog__dot--active {
  width: 64px;
  background: #094141;
}

/* ========== Tablet: max-width 1599px ========== */
@media (max-width: 1599px) {

  .slider-catalog {
    border-radius: 24px;
  }

  .slider-catalog__inner {
    padding: 110px 20px 73px;
    gap: 40px;
  }

  .slider-catalog__title {
    font-size: 30px;
  }

  .slider-catalog__tabs {
    max-width: 427px;
  }

  .slider-catalog__tab {
    height: 40px;
    padding: 0 40px;
    font-size: 16px;
    letter-spacing: -0.32px;
  }

  .slider-catalog__tab-divider {
    height: 40px;
  }

  .slider-catalog__cards {
    gap: 15px;
  }

  .slider-catalog__card {
    min-width: 368px;
    max-width: 368px;
    padding: 24px;
    border-radius: 24px;
    gap: 24px;
  }

  .slider-catalog__card-image {
    border-radius: 8px;
  }

  .slider-catalog__card-favorite {
    width: 35px;
    height: 35px;
  }

  .slider-catalog__card-favorite svg {
    width: 35px;
    height: 35px;
  }

  .slider-catalog__card-badge {
    max-height: 33px;
    font-size: 14px;
    letter-spacing: -0.7px;
  }

  .slider-catalog__card-name {
    font-size: 18px;
  }

  .slider-catalog__card-color {
    font-size: 14px;
    letter-spacing: -0.7px;
  }

  .slider-catalog__card-price {
    font-size: 14px;
    letter-spacing: -0.7px;
  }

  .slider-catalog__card-old-price {
    font-size: 14px;
    letter-spacing: -0.7px;
  }

  .slider-catalog__card-prices {
    gap: 8px;
  }

  .slider-catalog__card-buttons {
    gap: 8px;
  }

  .slider-catalog__btn-cart {
    width: 150px;
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.32px;
  }

  .slider-catalog__btn-detail {
    width: 150px;
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.32px;
    outline-width: 1px;
    outline-offset: -1px;
  }

  .slider-catalog__dot {
    width: 8px;
    height: 8px;
    gap: 3.75px;
  }

  .slider-catalog__dot--active {
    width: 42.67px;
  }
}

/* ========== Mobile: max-width 767px ========== */
@media (max-width: 767px) {

  .slider-catalog {
    border-radius: 0;
  }

  .slider-catalog__inner {
    padding: 60px 20px 40px;
    gap: 20px;
  }

  .slider-catalog__header {
    flex-direction: column;
    gap: 20px;
  }

  .slider-catalog__title {
    font-size: 28px;
    white-space: normal;
    max-width: 200px;
  }

  .slider-catalog__tabs {
    max-width: 321px;
  }

  .slider-catalog__tab {
    width: 160px;
    height: 30px;
    padding: 0 24px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .slider-catalog__tab-divider {
    height: 30px;
  }

  .slider-catalog__cards {
    gap: 13px;
  }

  .slider-catalog__card {
    min-width: 316px;
    max-width: 316px;
    height: 480px;
    padding: 24px;
    border-radius: 24px;
    box-shadow: 0 2.24px 5.59px rgba(9, 65, 65, 0.1);
    backdrop-filter: blur(4.19px);
  }

  .slider-catalog__card-top {
    flex: 1;
  }

  .slider-catalog__card-image {
    border-radius: 12px;
  }

  .slider-catalog__card-favorite {
    width: 30px;
    height: 30px;
  }

  .slider-catalog__card-favorite svg {
    width: 30px;
    height: 30px;
  }

  .slider-catalog__card-badge {
    padding: 4px 12px;
    font-size: 12px;
    letter-spacing: -0.6px;
  }

  .slider-catalog__card-info {
    gap: 4px;
  }

  .slider-catalog__card-name {
    font-size: 18px;
  }

  .slider-catalog__card-color {
    font-size: 14px;
    letter-spacing: -0.7px;
  }

  .slider-catalog__card-prices {
    gap: 7.27px;
  }

  .slider-catalog__card-price,
  .slider-catalog__card-old-price {
    font-size: 14px;
    letter-spacing: -0.7px;
  }

  .slider-catalog__card-buttons {
    gap: 5.59px;
  }

  .slider-catalog__btn-cart {
    width: 114px;
    height: 30px;
    padding: 0 24px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .slider-catalog__btn-detail {
    width: 114px;
    height: 30px;
    padding: 0 24px;
    font-size: 14px;
    letter-spacing: -0.28px;
    outline-width: 1px;
    outline-offset: -1px;
  }

  .slider-catalog__dots {
    display: none;
  }
}

/* End */
/* /local/components/qfast/heroblock/templates/.default/style.css?17747461676915 */
/* /local/components/qfast/separator/templates/.default/style.css?1774747547250 */
/* /local/components/qfast/news/templates/.default/style.css?17747564265107 */
/* /local/templates/qfast/components/bitrix/catalog.section/smart/style.css?177475579011402 */
/* /local/components/qfast/gdekupit/templates/.default/style.css?17747466483009 */
/* /local/components/qfast/musik/templates/.default/style.css?177475252724728 */
/* /local/components/qfast/slider-catalog/templates/.default/style.css?17747538889893 */