/* Container for frame-150 to match site width */
.frame-150__container {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
}

/* Базовые стили для frame-150 */
.frame-150,
.frame-150 * {
  box-sizing: border-box;
}

.frame-150 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.frame-150__frame-118 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-150__shaggy {
  color: var(--frame-150-title-color);
  text-align: left;
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-5xl);
  line-height: var(--line-height-tight);
  font-weight: var(--font-weight-normal);
  position: relative;
  align-self: stretch;
  text-shadow: var(--frame-150-title-shadow);
}

.frame-150__frame-117 {
  border-radius: var(--border-radius-xl);
  align-self: stretch;
  flex-shrink: 0;
  height: var(--size-596px);
  position: relative;
  overflow: hidden;
}

.frame-150___456254747 {
  width: var(--size-1324px);
  height: var(--size-596px);
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.frame-150__vector-9 {
  width: var(--size-146px);
  height: var(--size-147px);
  position: absolute;
  left: 792px;
  top: 188px;
  overflow: visible;
}

.frame-150__vector-12 {
  width: var(--size-135px);
  height: var(--size-102px);
  position: absolute;
  left: 1005px;
  top: 485px;
  transform: translate(-140.33px, -107.33px);
  overflow: visible;
}

.frame-150__frame-28 {
  background: var(--frame-150-card-bg);
  border-radius: var(--frame-150-card-radius);
  padding: var(--frame-150-card-padding);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  align-items: flex-start;
  justify-content: flex-start;
  width: var(--size-315px);
  position: absolute;
  left: 938px;
  top: 144px;
  box-shadow: var(--frame-150-card-shadow);
  border: var(--frame-150-card-border);
  animation-delay: var(--animation-delay-0);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.frame-150___04 {
  color: var(--frame-150-number-color);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-base);
  line-height: var(--line-height-loose);
  font-weight: var(--frame-150-number-weight);
  position: relative;
}

.frame-150__div {
  color: var(--frame-150-text-color-light);
  text-align: left;
  font-family: var(--font-family-inter-light);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-light);
  position: relative;
  align-self: stretch;
}

.frame-150__frame-85 {
  background: var(--frame-150-card-bg);
  border-radius: var(--frame-150-card-radius);
  padding: var(--frame-150-card-padding);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 1004px;
  top: 445px;
  box-shadow: var(--frame-150-card-shadow);
  border: var(--frame-150-card-border);
  animation-delay: var(--animation-delay-1);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.frame-150___05 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--body-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--body-medium-font-size, 16px);
  line-height: var(--body-medium-line-height, 145%);
  font-weight: var(--body-medium-font-weight, 500);
  position: relative;
}

.frame-150__div2 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--font-family-inter-light);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-light);
  position: relative;
}

.frame-150__vector-10 {
  width: 0;
  height: var(--size-194px);
  position: absolute;
  left: 592px;
  top: 110px;
  overflow: visible;
}

.frame-150__vector-13 {
  width: var(--size-108px);
  height: var(--size-132px);
  position: absolute;
  left: 303px;
  top: 188px;
  overflow: visible;
}

.frame-150__frame-83 {
  background: rgba(255, 255, 255, 0.8);
  border-radius: var(--border-radius-10px);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5px);
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 438px;
  top: 42px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation-delay: 0.2s;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.frame-150___03 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--body-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--body-medium-font-size, 16px);
  line-height: var(--body-medium-line-height, 145%);
  font-weight: var(--body-medium-font-weight, 500);
  position: relative;
}

.frame-150__frame-84 {
  background: rgba(255, 255, 255, 0.8);
  border-radius: var(--border-radius-10px);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5px);
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 120px;
  top: 142px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation-delay: 0.3s;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.frame-150___02 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--body-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--body-medium-font-size, 16px);
  line-height: var(--body-medium-line-height, 145%);
  font-weight: var(--body-medium-font-weight, 500);
  position: relative;
}

.frame-150__group-79 {
  position: absolute;
  inset: 0;
}

.frame-150__vector-11 {
  width: var(--size-168px);
  height: 93px;
  position: absolute;
  left: 303px;
  top: 400px;
  overflow: visible;
}

.frame-150__frame-86 {
  background: rgba(255, 255, 255, 0.8);
  border-radius: var(--border-radius-10px);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5px);
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 45px;
  top: 356px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation-delay: 0.4s;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.frame-150___01 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--body-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--body-medium-font-size, 16px);
  line-height: var(--body-medium-line-height, 145%);
  font-weight: var(--body-medium-font-weight, 500);
  position: relative;
}

.frame-150__div3 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--font-family-inter-light);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-light);
  position: relative;
  width: var(--size-234px);
}

.frame-150__frame-149 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin: 0 auto;
  /* Дополнительное центрирование */
}

.frame-150__frame-147 {
  flex-shrink: 0;
  width: var(--size-650px);
  height: var(--size-390px);
  position: relative;
}

.frame-150___456254750 {
  background: var(--video-gradient-1);
  border-radius: var(--border-radius-xl);
  width: var(--size-650px);
  height: var(--size-390px);
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.frame-150__play-icon-product-card {
  width: var(--video-play-icon-size);
  height: var(--video-play-icon-size);
  position: absolute;
  left: 305px;
  top: 165px;
  overflow: visible;
}

.frame-150__div4 {
  color: var(--video-text-color);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-4xl);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-medium);
  position: absolute;
  left: 30px;
  top: 30px;
  width: var(--size-427px);
}

.frame-150__frame-148 {
  flex-shrink: 0;
  width: var(--size-650px);
  height: var(--size-390px);
  position: relative;
}

.frame-150___4562547502 {
  background: linear-gradient(-69.42deg, rgba(47, 33, 25, 0.2) 0%, rgba(47, 33, 25, 0.8) 100%);
  border-radius: var(--border-radius-xl);
  width: var(--size-650px);
  height: var(--size-390px);
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.frame-150__play-icon-product-card2 {
  width: var(--size-60px);
  height: var(--size-60px);
  position: absolute;
  left: 305px;
  top: 165px;
  overflow: visible;
}

.frame-150__shaggy2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--h3-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--h3-desctop-font-size, 28px);
  line-height: var(--h3-desctop-line-height, 130%);
  font-weight: var(--h3-desctop-font-weight, 500);
  position: absolute;
  left: 30px;
  top: 30px;
  width: var(--size-526px);
}

/* ===================================
   СТИЛИ ДЛЯ ПК ВЕРСИИ FRAME-150 (ПРЕИМУЩЕСТВА КИЛИМОВ) - ПРИОРИТЕТНЫЕ
   =================================== */

/* Стили для ПК версии (большие экраны) - загружаются первыми */
@media (min-width: 1024px) {

  /* Принудительно устанавливаем размеры видео блоков для ПК */
  .frame-150__frame-147,
  .frame-150__frame-148 {
    width: 650px !important;
    height: 390px !important;
    flex-shrink: 0 !important;
  }

  .frame-150___456254750,
  .frame-150___4562547502 {
    width: 650px !important;
    height: 390px !important;
  }

  .frame-150__container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
  }

  .frame-150 {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-shrink: 0 !important;
    position: relative !important;
  }

  .frame-150__frame-118 {
    display: flex !important;
    flex-direction: column !important;
    gap: 60px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    align-self: stretch !important;
    flex-shrink: 0 !important;
    position: relative !important;
  }

  .frame-150__shaggy {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Regular", sans-serif !important;
    font-size: 48px !important;
    line-height: 110% !important;
    font-weight: 400 !important;
    position: relative !important;
    align-self: stretch !important;
  }

  .frame-150__frame-117 {
    border-radius: var(--border-radius-xl) !important;
    align-self: stretch !important;
    flex-shrink: 0 !important;
    height: 596px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .frame-150___456254747 {
    width: 1324px !important;
    height: 596px !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    object-fit: cover !important;
  }

  .frame-150__frame-28 {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 315px !important;
    position: absolute !important;
    left: 938px !important;
    top: 144px !important;
  }

  .frame-150___04 {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 16px !important;
    line-height: 145% !important;
    font-weight: 500 !important;
    position: relative !important;
  }

  .frame-150__div {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Light", sans-serif !important;
    font-size: 14px !important;
    line-height: 145% !important;
    font-weight: 300 !important;
    position: relative !important;
    align-self: stretch !important;
  }

  .frame-150__frame-85 {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: absolute !important;
    left: 1004px !important;
    top: 445px !important;
  }

  .frame-150___05 {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 16px !important;
    line-height: 145% !important;
    font-weight: 500 !important;
    position: relative !important;
  }

  .frame-150__div2 {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Light", sans-serif !important;
    font-size: 14px !important;
    line-height: 145% !important;
    font-weight: 300 !important;
    position: relative !important;
  }

  .frame-150__frame-83 {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: absolute !important;
    left: 438px !important;
    top: 42px !important;
  }

  .frame-150___03 {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 16px !important;
    line-height: 145% !important;
    font-weight: 500 !important;
    position: relative !important;
  }

  .frame-150__frame-84 {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: absolute !important;
    left: 120px !important;
    top: 142px !important;
  }

  .frame-150___02 {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 16px !important;
    line-height: 145% !important;
    font-weight: 500 !important;
    position: relative !important;
  }

  .frame-150__frame-86 {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: absolute !important;
    left: 45px !important;
    top: 356px !important;
  }

  .frame-150___01 {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 16px !important;
    line-height: 145% !important;
    font-weight: 500 !important;
    position: relative !important;
  }

  .frame-150__div3 {
    color: #272727 !important;
    text-align: left !important;
    font-family: "Inter-Light", sans-serif !important;
    font-size: 14px !important;
    line-height: 145% !important;
    font-weight: 300 !important;
    position: relative !important;
    width: 234px !important;
  }

  .frame-150__frame-149 {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin: 0 auto !important;
    /* Дополнительное центрирование */
  }

  .frame-150__frame-147 {
    flex-shrink: 0 !important;
    width: 650px !important;
    height: 390px !important;
    position: relative !important;
  }

  .frame-150___456254750 {
    background: linear-gradient(-71.26deg, rgba(47, 33, 25, 0.3) 0%, rgba(47, 33, 25, 0.9) 100%) !important;
    border-radius: var(--border-radius-xl) !important;
    width: 650px !important;
    height: 390px !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    object-fit: cover !important;
  }

  .frame-150__play-icon-product-card {
    width: 60px !important;
    height: 60px !important;
    position: absolute !important;
    left: 305px !important;
    top: 165px !important;
    overflow: visible !important;
  }

  .frame-150__div4 {
    color: #ffffff !important;
    text-align: left !important;
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 28px !important;
    line-height: 130% !important;
    font-weight: 500 !important;
    position: absolute !important;
    left: 30px !important;
    top: 30px !important;
    width: 427px !important;
  }

  .frame-150__frame-148 {
    flex-shrink: 0 !important;
    width: 650px !important;
    height: 390px !important;
    position: relative !important;
  }

  .frame-150___4562547502 {
    background: linear-gradient(-69.42deg, rgba(47, 33, 25, 0.2) 0%, rgba(47, 33, 25, 0.8) 100%) !important;
    border-radius: var(--border-radius-xl) !important;
    width: 650px !important;
    height: 390px !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    object-fit: cover !important;
  }

  .frame-150__play-icon-product-card2 {
    width: 60px !important;
    height: 60px !important;
    position: absolute !important;
    left: 305px !important;
    top: 165px !important;
    overflow: visible !important;
  }

  .frame-150__shaggy2 {
    color: #ffffff !important;
    text-align: left !important;
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 28px !important;
    line-height: 130% !important;
    font-weight: 500 !important;
    position: absolute !important;
    left: 30px !important;
    top: 30px !important;
    width: 526px !important;
  }

  /* Стили для круглых белых кнопок play */
  .frame-150__play-icon-product-card::before,
  .frame-150__play-icon-product-card2::before {
    content: '' !important;
    width: 60px !important;
    height: 60px !important;
    left: 0px !important;
    top: 0px !important;
    position: absolute !important;
    background: rgba(255, 255, 255, 0.80) !important;
    border-radius: 9999px !important;
  }
}

/* Featured Section Custom Design - Based on design/style.css */

.frame-52,
.frame-52 * {
  box-sizing: border-box;
}

.frame-52 {
  background: var(--gray-bg, #f7f7f7);
  border-radius: var(--border-radius-40px);
  padding: 60px 60px 80px 60px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin: 48px 0;
  /* Увеличен отступ на 20% (40px -> 48px) */
  width: 100%;
  /* Full width */
  max-width: 100%;
  /* Ensure it doesn't exceed container */
}

.frame-52__catalog-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  max-width: var(--size-1320px);
  /* was 1200px */
  margin: 0 auto;
  /* Center content */
  width: 100%;
}

.frame-52__catalog-title-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-52__div {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h2-desctop-font-family, "Inter-Regular", sans-serif);
  font-size: var(--font-size-5xl);
  line-height: var(--h2-desctop-line-height, 110%);
  font-weight: var(--h2-desctop-font-weight, 400);
  position: relative;
}

/* Адаптированные стили для list-group навигации */
.frame-52__navigation {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Стили для ссылок-кнопок навигации */
.frame-52__frame-40,
.frame-52__frame-41,
.frame-52__frame-42 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  margin: 0;
  border: 0 !important;
  background: transparent;
  text-decoration: none;
  border-radius: var(--border-radius-full);
  line-height: 1.2;
  white-space: nowrap;
  transition: all 0.3s ease;
  cursor: pointer;
  color: inherit;
}

.frame-52__frame-40:hover,
.frame-52__frame-41:hover,
.frame-52__frame-42:hover {
  background: var(--gray-bg, #f7f7f7);
  text-decoration: none;
}

.frame-52__frame-40:active,
.frame-52__frame-41:active,
.frame-52__frame-42:active,
.frame-52__frame-40:focus,
.frame-52__frame-41:focus,
.frame-52__frame-42:focus {
  outline: none;
  text-decoration: none;
}

.frame-52__frame-40.active,
.frame-52__frame-41.active,
.frame-52__frame-42.active {
  background: var(--dark-accent, #6e3514);
}

.frame-52__frame-40.active .frame-52__div2,
.frame-52__frame-41.active .frame-52__shaggy-lux,
.frame-52__frame-42.active .frame-52__super-shaggy {
  color: var(--white, #ffffff) !important;
}

/* Стили для кнопок меню каталога */
.catalog-menu-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  width: max-content;
  line-height: 1;
}

.catalog-menu-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  margin: 0;
  border: 1px solid var(--gray-stroke, #b6b6b6);
  background: transparent;
  color: var(--black, #272727);
  text-decoration: none;
  border-radius: var(--border-radius-full);
  line-height: 1.2;
  white-space: nowrap;
  font-family: var(--font-family-inter-medium, "Inter-Medium", sans-serif);
  font-size: var(--font-size-base, 16px);
  font-weight: var(--font-weight-medium, 500);
  transition: all 0.3s ease;
  cursor: pointer;
}

.catalog-menu-btn:hover {
  background: var(--gray-bg, #f7f7f7);
  border-color: var(--dark-accent, #6e3514);
  color: var(--dark-accent, #6e3514);
}

.catalog-menu-btn:active,
.catalog-menu-btn.active {
  background: var(--dark-accent, #6e3514);
  color: var(--white, #ffffff);
  border-color: var(--dark-accent, #6e3514);
}

/* Force horizontal nav, prevent circle look */
.frame-52__navigation .list-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--spacing-sm);
  padding: 6px 6px;
  /* equal on all sides */
  margin: 0;
  border: 1px solid #dcdcdc;
  border-radius: var(--border-radius-full);
  width: max-content;
  /* shrink to content width, avoid tall pill */
  line-height: 1;
  /* normalize */
}

.frame-52__navigation .list-group-item,
.frame-52__navigation .list-group-item:visited {
  display: inline-flex !important;
  /* override bootstrap block */
  width: auto !important;
  /* override bootstrap 100% */
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  margin: 0;
  border: 0 !important;
  background: transparent;
  color: var(--color-secondary);
  text-decoration: none;
  border-radius: var(--border-radius-10px);
  line-height: 1.1;
  white-space: nowrap;
  /* keep on one line */
}

.frame-52__navigation .list-group-item.active {
  background: var(--dark-accent, #6e3514);
  color: var(--color-white);
  border-radius: var(--border-radius-full);
}

.frame-52__calalod {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-52__product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-52__shaggy-luxe {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h3-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-3xl);
  line-height: var(--h3-desctop-line-height, 120%);
  font-weight: var(--h3-desctop-font-weight, 500);
  position: relative;
}

.frame-52__product-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  /* Устанавливаем z-index выше футера */
}

.frame-52__product-card-block {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xl);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
  z-index: 2;
  /* Устанавливаем z-index выше футера */
}

.frame-52__product2 {
  background: var(--white, #ffffff);
  border-radius: var(--border-radius-xl);
  padding: 0px 0px 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 630px;
  position: relative;
  overflow: hidden;
  width: 427px;
  transition: all 0.3s ease;
  z-index: 2;
  /* Устанавливаем z-index выше футера */
}

.frame-52__product2:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

.frame-52__img-box {
  align-self: stretch;
  flex-shrink: 0;
  height: var(--size-424px);
  position: relative;
  overflow: hidden;
  width: 100%;
}

.frame-52__image {
  width: 100%;
  height: var(--size-424px);
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.frame-52__product2:hover .frame-52__image {
  transform: scale(1.05);
}

.frame-52__rectangle-11 {
  width: 100%;
  height: var(--size-424px);
  position: absolute;
  left: 0px;
  top: 0px;
}

.frame-52__info-block {
  padding: 0px 20px 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  width: 100%;
  position: relative;
}

/* Фиксированные стили для ПК */
@media (min-width: 769px) {
  .frame-52__info-block {
    padding: 0px 20px 0px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex: 1 !important;
    width: 100% !important;
    position: relative !important;
    margin: 20px 0px 20px 0 !important;
    box-sizing: border-box !important;
    min-height: 200px !important;
  }

  /* Обеспечиваем достаточное место для текста и кнопки */
  .frame-52__product2 {
    height: 650px !important;
    min-height: 650px !important;
  }

  .frame-52__info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 80px !important;
  }

  .frame-52__button {
    margin-top: auto !important;
    flex-shrink: 0 !important;
  }
}

.frame-52__info {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex;
}

.frame-52__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-52__beige {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h4-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-xl);
  line-height: var(--h4-desctop-line-height, 130%);
  font-weight: var(--h4-desctop-font-weight, 500);
  position: relative;
  align-self: stretch;
}

.frame-52__beige a {
  color: var(--black, #272727);
  text-decoration: none;
  transition: color 0.3s ease;
}

.frame-52__beige a:hover {
  color: var(--primary-color, #6e3514);
}

.frame-52__summ {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-52___900-2 {
  color: var(--gray-text, #454545);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-tight);
  font-weight: var(--font-weight-medium);
  position: relative;
}

/* Price spans should only affect featured section */
.frame-52 ._900-2-span {
  color: #454545;
  font-weight: var(--font-weight-semibold);
}

.frame-52 ._1350-2-span {
  color: var(--color-999);
}



.frame-52__button {
  background: var(--black, #272727);
  border-radius: var(--border-radius-full);
  padding: 15px 25px 15px 25px;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-10px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.frame-52__button:hover {
  background: var(--primary-color, #6e3514);
  transform: translateY(-2px);
}

.frame-52__button button {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: var(--body-medium-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-base);
  line-height: var(--body-medium-line-height, 145%);
  font-weight: var(--body-medium-font-weight, 500);
  position: relative;
  background: none;
  border: none;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.frame-52__button button.success {
  background: var(--success-color, #28a745);
}

.frame-52__button button.error {
  background: var(--danger-color, #dc3545);
}

.frame-52__tags {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5px);
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  width: var(--size-127px);
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: var(--z-10);
}

.frame-52__tag {
  background: #ffffff !important;
  border-radius: var(--border-radius-full);
  padding: 4px 12px 4px 12px;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-10px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.frame-52__div3 {
  color: #272727 !important;
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-medium);
  position: relative;
}

.frame-52__tag2 {
  background: var(--red-color, #ec4e0f);
  border-radius: var(--border-radius-full);
  padding: 4px 12px 4px 12px;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-10px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.frame-52__div4 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-base);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-medium);
  position: relative;
}

.frame-52__play-icon-product-card {
  flex-shrink: 0;
  width: var(--size-43px);
  height: var(--size-43px);
  position: absolute;
  left: 10px;
  top: 10px;
  overflow: visible;
  z-index: var(--z-10);
  cursor: pointer;
  transition: transform 0.3s ease;
}

.frame-52__play-icon-product-card:hover {
  transform: scale(1.1);
}

/* === Super Shaggy text styles (mapped to provided .frame-182) === */
.frame-182,
.frame-52__frame-182 {
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-top: 25px;
  /* Увеличенный отступ на 20% для разделения коллекций */
  margin-bottom: 48px;
  /* Одинаковый отступ снизу */
}

/* Мобильные стили - убираем отступы */
@media (max-width: 768px) {

  .frame-182,
  .frame-52__frame-182 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.frame-182__super-shaggy,
.frame-52__super-shaggy {
  color: #272727;
  text-align: left;
  font-family: Inter;
  font-size: 22px;
  line-height: 28.60px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  word-wrap: break-word;
}

.frame-182__div,
.frame-52__div5 {
  color: #454545;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20.30px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  word-wrap: break-word;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .frame-52 {
    padding: 40px 40px 60px 40px;
    margin: 40px 0;
    width: 100%;
  }

  .frame-52__div {
    font-size: var(--font-size-6xl);
  }

  .frame-52__product-card-block {
    gap: 20px;
  }

  .frame-52__product2 {
    flex: 1 1 calc(50% - 10px);
    /* 2 items per row on tablet */
    max-width: calc(50% - 10px);
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .frame-52 {
    padding: 30px 20px 40px 20px;
    border-radius: var(--border-radius-xl);
    margin: 30px 0;
    width: 100%;
    gap: 50px;
  }

  .frame-52__catalog-title-block {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    text-align: left;
  }

  /* Мобильные стили для кнопок меню */
  .catalog-menu-buttons {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
  }

  .catalog-menu-btn {
    padding: 8px 16px;
    font-size: var(--font-size-sm, 14px);
  }

  .frame-52__div {
    font-size: var(--font-size-4xl);
    line-height: var(--line-height-120);
    text-align: left;
  }

  .frame-52__navigation {
    width: 100%;
    justify-content: center;
  }

  .frame-52__navigation .list-group {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .frame-52__navigation .list-group-item {
    padding: 8px 14px;
    font-size: var(--font-size-sm);
  }

  .frame-52__calalod {
    gap: 40px;
  }

  .frame-52__product {
    gap: 30px;
  }

  .frame-52__shaggy-luxe,
  .frame-52__super-shaggy {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-120);
    text-align: left;
  }

  .frame-52__div5 {
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
    text-align: left;
  }

  .frame-52__product-block {
    gap: 25px;
  }

  .frame-52__product-card-block {
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .frame-52__product2 {
    flex: 1 1 calc(50% - 10px);
    /* 2 items per row on tablets */
    max-width: calc(50% - 10px);
    min-width: 300px;
    height: auto;
    min-height: 450px;
    width: calc(50% - 10px);
    border-radius: var(--border-radius-lg);
  }

  .frame-52__img-box {
    height: var(--size-280px);
    width: 100%;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
  }

  .frame-52__image {
    height: var(--size-280px);
    width: 100%;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
  }

  .frame-52__rectangle-11 {
    height: var(--size-280px);
    width: 100%;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
  }

  .frame-52__info-block {
    padding: 20px;
  }

  .frame-52__beige {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-normal);
    text-align: left;
  }

  .frame-52__beige a {
    text-align: left;
  }

  .frame-52__summ {
    justify-content: center;
    gap: var(--spacing-15px);
  }

  .frame-52___900-2 {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-120);
  }

  .frame-52___1350-2 {
    font-size: var(--font-size-base);
    line-height: var(--line-height-120);
  }

  .frame-52__button {
    margin-top: 15px;
  }

  .frame-52__button button {
    width: 100%;
    padding: 14px 20px;
    font-size: var(--font-size-base);
    border-radius: var(--border-radius-base);
  }

  .frame-52__tags {
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
  }

  .frame-52__tag,
  .frame-52__tag2 {
    padding: 6px 12px;
    border-radius: var(--border-radius-sm);
  }

  .frame-52__div3,
  .frame-52__div4 {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-120);
  }
}

@media (max-width: 480px) {
  .frame-52 {
    padding: 20px 15px 30px 15px;
    margin: 20px 0;
    width: 100%;
    gap: 40px;
    border-radius: var(--border-radius-lg);
  }

  .frame-52__catalog-title-block {
    gap: var(--spacing-15px);
  }

  .frame-52__div {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-115);
  }

  .frame-52__navigation {
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }

  .frame-52__navigation .list-group {
    gap: var(--spacing-sm);
  }

  .frame-52__navigation .list-group-item {
    padding: 6px 10px;
    font-size: var(--font-size-13px);
  }

  .frame-52__calalod {
    gap: 30px;
  }

  .frame-52__product {
    gap: 25px;
  }

  .frame-52__shaggy-luxe,
  .frame-52__super-shaggy {
    font-size: 22px;
    line-height: 120% !important;
    text-align: left;
  }

  .frame-52__div5 {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }

  .frame-52__product-block {
    gap: var(--spacing-lg);
  }

  .frame-52__product-card-block {
    flex-direction: column;
    gap: var(--spacing-15px);
    align-items: center;
  }

  .frame-52__product2 {
    flex: 1 1 100%;
    /* 1 item per row on mobile */
    min-height: 400px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-radius: var(--border-radius-base);
  }

  .frame-52__img-box {
    height: var(--size-220px);
    width: 100%;
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
  }

  .frame-52__image {
    height: var(--size-220px);
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
  }

  .frame-52__rectangle-11 {
    height: var(--size-220px);
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
  }

  .frame-52__info-block {
    padding: 15px;
  }

  .frame-52__beige {
    font-size: var(--font-size-base);
    line-height: var(--line-height-125);
  }

  .frame-52__summ {
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: center;
  }

  .frame-52___900-2 {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-115);
  }

  .frame-52___1350-2 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-115);
  }

  .frame-52__button button {
    padding: 4px;
    font-size: var(--font-size-15px);
    border-radius: var(--border-radius-10px);
  }

  .frame-52__tags {
    gap: var(--spacing-sm);
    margin-top: 12px;
  }

  .frame-52__tag,
  .frame-52__tag2 {
    padding: 5px 10px;
    border-radius: var(--border-radius-6px);
  }

  .frame-52__div3,
  .frame-52__div4 {
    font-size: var(--font-size-11px);
    line-height: var(--line-height-115);
  }
}

@media (max-width: 360px) {
  .frame-52 {
    padding: 15px 12px 25px 12px;
    margin: 15px 0;
    gap: 30px;
    border-radius: var(--border-radius-base);
  }

  .frame-52__catalog-title-block {
    gap: 12px;
  }

  .frame-52__div {
    font-size: var(--font-size-2xl);
    line-height: var(--line-height-tight);
  }

  .frame-52__navigation {
    gap: var(--spacing-6px);
  }

  .frame-52__navigation .list-group {
    gap: var(--spacing-6px);
  }

  .frame-52__navigation .list-group-item {
    padding: 5px 8px;
    font-size: var(--font-size-xs);
  }

  .frame-52__calalod {
    gap: 25px;
  }

  .frame-52__product {
    gap: 20px;
  }

  .frame-52__shaggy-luxe,
  .frame-52__super-shaggy {
    font-size: 22px;
    line-height: 120%;
    text-align: left;
  }

  .frame-52__div5 {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }

  .frame-52__product-block {
    gap: 15px;
  }

  .frame-52__product-card-block {
    gap: 12px;
  }

  .frame-52__product2 {
    min-height: 380px;
    border-radius: var(--border-radius-10px);
  }

  .frame-52__img-box {
    height: var(--size-200px);
    border-radius: var(--border-radius-10px) var(--border-radius-10px) 0 0;
  }

  .frame-52__image {
    height: var(--size-200px);
    border-radius: var(--border-radius-10px) var(--border-radius-10px) 0 0;
  }

  .frame-52__rectangle-11 {
    height: var(--size-200px);
    border-radius: var(--border-radius-10px) var(--border-radius-10px) 0 0;
  }

  .frame-52__info-block {
    padding: 12px;
  }

  .frame-52__beige {
    font-size: var(--font-size-15px);
    line-height: var(--line-height-120);
  }

  .frame-52__summ {
    gap: var(--spacing-6px);
  }

  .frame-52___900-2 {
    font-size: var(--font-size-17px);
    line-height: var(--line-height-tight);
  }

  .frame-52___1350-2 {
    font-size: var(--font-size-13px);
    line-height: var(--line-height-tight);
  }

  .frame-52__button button {
    padding: 10px 16px;
    font-size: var(--font-size-sm);
    border-radius: var(--border-radius-sm);
  }

  .frame-52__tags {
    gap: var(--spacing-6px);
    margin-top: 10px;
  }

  .frame-52__tag,
  .frame-52__tag2 {
    padding: 4px 8px;
    border-radius: var(--border-radius-5px);
  }

  .frame-52__div3,
  .frame-52__div4 {
    font-size: var(--font-size-10px);
    line-height: var(--line-height-tight);
  }
}




/* Container for frame-30 to match site width */
.frame-30__container {
  max-width: var(--size-1320px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  /* top spacing as requested */
}

/* Frame-30 Section styles - Updated to match design */
.frame-30,
.frame-30 * {
  box-sizing: border-box;
}

.frame-30 {
  background: var(--gray-bg, #f7f7f7);
  border-radius: 30px;
  padding: 20px 20px 20px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  height: 461px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0.119deg) scale(1, 1);
}

.frame-30__frame-115 {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 614px;
  position: relative;
}

.frame-30__shaggy-luxe {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h2-desctop-font-family, "Inter-Regular", sans-serif);
  font-size: var(--h2-desctop-font-size, 48px);
  line-height: var(--h2-desctop-line-height, 110%);
  font-weight: var(--h2-desctop-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.frame-30__frame-116 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.frame-30__list-block {
  border-style: solid;
  border-color: var(--black, #272727);
  border-width: 0px 0px 0px 2px;
  padding: 10px 0px 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 568px;
  position: relative;
}

.frame-30__list {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 490px;
  position: relative;
}

.frame-30__list2 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-30__icon,
.frame-30__icon2 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
  overflow: visible;
}

.frame-30___3500 {
  text-align: left;
  font-family: var(--h4-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--h4-desctop-font-size, 20px);
  line-height: var(--h4-desctop-line-height, 130%);
  font-weight: var(--h4-desctop-font-weight, 500);
  position: relative;
  flex: 1;
}

.frame-30___3 {
  text-align: left;
  font-family: var(--h4-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--h4-desctop-font-size, 20px);
  line-height: var(--h4-desctop-line-height, 130%);
  font-weight: var(--h4-desctop-font-weight, 500);
  position: relative;
  flex: 1;
}

._3500-span {
  color: var(--red-color, #ec4e0f);
  display: block;
  width: 490px;
}

._3500-span2 {
  color: var(--black, #272727);
  display: block;
  width: 490px;
}

._3-span {
  color: var(--red-color, #ec4e0f);
}

._3-span2 {
  color: var(--black, #272727);
}

.frame-30__button {
  background: var(--dark-accent, #6e3514);
  border-radius: 100px;
  padding: 15px 30px 15px 30px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.frame-30__div {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  font-weight: 500;
  position: relative;
}

.frame-30___456254747 {
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  width: 612px;
  position: relative;
  object-fit: cover;
}

/* Мобильная кнопка под картинкой - скрыта по умолчанию */
.frame-30__button-mobile {
  display: none;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .frame-30 {
    flex-direction: column;
    height: auto;
    gap: 20px;
    padding: 30px;
    width: 100%;
    max-width: 671px;
  }

  .frame-30__frame-115 {
    width: 100%;
  }

  .frame-30___456254747 {
    width: 100%;
    height: auto;
    max-height: 223px;
  }
}

/* Container for text-feedback to match site width */
.text-feedback__container {
  max-width: var(--size-1320px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  /* top spacing */
  position: relative;
  z-index: 1000;
  /* Увеличиваем z-index чтобы отзывы не перекрывались */
}

/* Container for video-feedback to match site width */
.video-feedback__container {
  max-width: var(--size-1320px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  /* top spacing */
  position: relative;
  z-index: 1000;
  /* Увеличиваем z-index чтобы видео-отзывы не перекрывались */
}

/* Text Feedback Section styles (from design/style.css) */
.text-feedback,
.text-feedback * {
  box-sizing: border-box;
}

.text-feedback {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
  overflow: visible;
}

.text-feedback___2000 {
  color: var(--black, #272727);
  text-align: center;
  font-family: var(--h2-desctop-font-family, "Inter-Regular", sans-serif);
  font-size: 22px;
  line-height: var(--h2-desctop-line-height, 110%);
  font-weight: var(--h2-desctop-font-weight, 400);
  position: static;
  margin-bottom: 20px;
}

.text-feedback__frame-137 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
}

.text-feedback__frame-121 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
  overflow: visible;
}

.text-feedback__feedback {
  border-radius: var(--border-radius-lg);
  border-style: solid;
  border-color: var(--gray-stroke, #b6b6b6);
  border-width: 1px;
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: static;
  /* Убираем relative позиционирование */
  overflow: visible;
  /* Убираем hidden */
  background: var(--color-white);
  /* Добавляем белый фон */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  /* Добавляем легкую тень */
}

.text-feedback__persone-info {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
}

.text-feedback__image {
  border-radius: 50%;
  flex-shrink: 0;
  width: var(--size-54px);
  height: var(--size-54px);
  position: static;
  /* Убираем relative позиционирование */
  object-fit: cover;
}

.text-feedback__frame-120 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: static;
  /* Убираем relative позиционирование */
}

.text-feedback__div {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--nav-link-font-family, "Inter-Medium", sans-serif);
  font-size: var(--nav-link-font-size, 18px);
  line-height: var(--nav-link-line-height, 145%);
  font-weight: var(--nav-link-font-weight, 500);
  position: static;
  /* Убираем relative позиционирование */
  align-self: stretch;
}

.text-feedback__stars {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
}

.text-feedback__icon,
.text-feedback__icon2,
.text-feedback__icon3,
.text-feedback__icon4,
.text-feedback__icon5,
.text-feedback__icon6,
.text-feedback__icon7,
.text-feedback__icon8,
.text-feedback__icon9,
.text-feedback__icon10,
.text-feedback__icon11,
.text-feedback__icon12,
.text-feedback__icon13,
.text-feedback__icon14,
.text-feedback__icon15 {
  flex-shrink: 0;
  width: var(--size-16px);
  height: var(--size-16px);
  position: static;
  /* Убираем relative позиционирование */
  overflow: visible;
}

.text-feedback__shaggy-luxe-24 {
  color: var(--gray-text, #454545);
  text-align: left;
  font-family: var(--body-light-font-family, "Inter-Light", sans-serif);
  font-size: var(--body-light-font-size, 16px);
  line-height: var(--body-light-line-height, 145%);
  font-weight: var(--body-light-font-weight, 300);
  position: static;
  /* Убираем relative позиционирование */
  align-self: stretch;
}

.text-feedback__slider-nav {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
}

.text-feedback__component-2 {
  flex-shrink: 0;
  width: var(--size-45px);
  height: var(--size-45px);
  position: static;
  /* Убираем relative позиционирование */
  /* Используются единые стили из nav-buttons.css */
}

.text-feedback__group-8 {
  height: auto;
  position: static;
  /* Убираем absolute позиционирование */
  left: auto;
  top: auto;
  overflow: visible;
  width: 100%;
  height: 100%;
  /* Дополнительные стили для согласованности */
  object-fit: contain;
  transition: all 0.3s ease;
}

/* Стили для текстовых отзывов - теперь наследуются от общих */
/* Стили для изображений в кнопках текстовых отзывов - теперь наследуются от общих */



/* Container for video-feedback to match site width */
.video-feedback__container {
  max-width: var(--size-1320px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  /* bottom spacing */
  position: relative;
  z-index: var(--z-1);
  /* Устанавливаем z-index для правильного слоя */
}

/* Video Feedback Section styles (from design/style.css) */
.video-feedback,
.video-feedback * {
  box-sizing: border-box;
}

.video-feedback {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
  overflow: visible;
}

.video-feedback__div {
  color: var(--black, #272727);
  text-align: center;
  font-family: var(--h2-desctop-font-family, "Inter-Regular", sans-serif);
  font-size: var(--font-size-5xl);
  line-height: var(--h2-desctop-font-size, 48px);
  font-weight: var(--h2-desctop-font-weight, 400);
  position: static;
  /* Убираем relative позиционирование */
  align-self: center;
  margin-bottom: 20px;
}

.video-feedback__frame-136 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
}

.video-feedback__frame-63 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
}

.video-feedback__frame-62 {
  display: flex;
  flex-direction: row;
  /* Делаем видео в ряд для ПК */
  gap: var(--spacing-3xl);
  align-items: center;
  justify-content: center;
  /* Центрируем видео */
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
  flex-wrap: wrap;
  /* Позволяем переносить на новую строку при необходимости */
}

/* Более специфичные селекторы для предотвращения переопределения */
.video-feedback .video-feedback__video,
.video-feedback__frame-62 .video-feedback__video {
  /* Основные стили для видео */
  width: 100% !important;
  height: 265px !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  transform: none !important;
  opacity: 1 !important;
  display: block !important;
  /* Дополнительные стили для правильного позиционирования дочерних элементов */
  min-height: 265px !important;
}

.video-feedback__image-5 {
  border-radius: 12px !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  /* Абсолютное позиционирование */
  top: 0 !important;
  left: 0 !important;
  object-fit: cover !important;
  z-index: 5 !important;
  /* Ниже кнопки Play */
  pointer-events: none !important;
  /* КРИТИЧНО: не блокировать клики */
}

.video-feedback__play-icon-product-card,
.video-feedback__play-icon-product-card2,
.video-feedback__play-icon-product-card3 {
  flex-shrink: 0;
  width: var(--size-60px);
  height: var(--size-60px);
  position: absolute;
  /* Абсолютное позиционирование для правильного размещения */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* Центрируем иконку */
  overflow: visible;
  z-index: 10;
  /* Высокий z-index для отображения поверх изображения */
  cursor: pointer;
  transition: transform 0.3s ease;
  touch-action: manipulation;
  /* Улучшенная отзывчивость на мобильных */
  -webkit-tap-highlight-color: transparent;
  /* Убираем подсветку на мобильных */
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 4px);
  /* Тень для лучшей видимости */
  pointer-events: none !important;
  /* КРИТИЧНО: не блокировать клики */
}

.video-feedback__play-icon-product-card:hover,
.video-feedback__play-icon-product-card2:hover,
.video-feedback__play-icon-product-card3:hover {
  transform: translate(-50%, -50%) scale(1.1);
  /* Эффект при наведении */
}

/* Стили для iframe контейнера */
.video-feedback__iframe-container {
  width: 100%;
  height: 100%;
  position: absolute;
  /* Абсолютное позиционирование для наложения на изображение */
  top: 0;
  left: 0;
  border-radius: 12px;
  overflow: hidden;
  display: none;
  /* По умолчанию скрыт */
  z-index: 15;
  /* Выше кнопки Play */
}

.video-feedback__iframe-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

/* Стили для видео-отзывов - теперь наследуются от общих */
.video-feedback__component-2 {
  flex-shrink: 0;
  width: var(--size-45px);
  height: var(--size-45px);
  position: static;
  /* Убираем relative позиционирование */
  cursor: pointer;
}

.video-feedback__group-8 {
  height: auto;
  position: static;
  /* Убираем absolute позиционирование */
  left: auto;
  top: auto;
  overflow: visible;
  width: 100%;
  height: 100%;
}

/* Стили для видео-отзывов - теперь наследуются от общих */
/* Стили для изображений в кнопках видео-отзывов - теперь наследуются от общих */

/* Исправляем проблемы с трансформацией и видимостью */
.video-feedback {
  transform: none;
  opacity: 1;
}

/* Стили для мобильной версии */
.video-feedback-mobile .video-feedback {
  transform: none;
  opacity: 1;
  position: static;
}

.video-feedback-mobile .video-feedback__video {
  transform: none;
  opacity: 1;
}

/* Дополнительные стили для мобильных устройств */
@media (max-width: 768px) {
  .video-feedback__frame-62 {
    flex-direction: column !important;
    /* Видео в столбец на мобильных */
    gap: 20px !important;
    align-items: center !important;
  }

  .video-feedback .video-feedback__video,
  .video-feedback__frame-62 .video-feedback__video {
    width: 341px !important;
    height: 211px !important;
    max-width: 335px !important;
    min-width: 367px !important;
    flex: none !important;
  }

  .video-feedback__play-icon-product-card3 {
    width: 50px !important;
    /* Меньший размер кнопки на мобильных */
    height: 50px !important;
    /* Предотвращаем конфликты со слайдером */
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .video-feedback__iframe-container iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
    /* Меньший радиус на мобильных */
    /* Улучшаем отображение на мобильных */
    border: none !important;
    background: #000 !important;
  }

  /* Контейнер видео должен получать клики */
  .video-feedback__video {
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  /* Специальные стили для предотвращения конфликтов со слайдером */
  .video-feedback__play-icon-product-card3 {
    /* Принудительно включаем события касания */
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    /* Предотвращаем перетаскивание */
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
  }

  /* Улучшаем отображение iframe на мобильных */
  .video-feedback__iframe-container {
    /* Обеспечиваем правильное отображение на мобильных */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 335px !important;
    height: 211px !important;
    z-index: 15 !important;
    background: #000 !important;
    border-radius: 8px !important;
  }

  .video-feedback__iframe-container iframe {
    /* Улучшаем отображение на мобильных */
    width: 335px !important;
    height: 211px !important;
    border: none !important;
    background: #000 !important;
    border-radius: 8px !important;
    /* Обеспечиваем полный контроль */
    allowfullscreen: true !important;
    webkitallowfullscreen: true !important;
    mozallowfullscreen: true !important;
  }

  /* Стили для изображений на мобильных */
  .video-feedback__image-5 {
    width: 335px !important;
    height: 211px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }
}

/* Containers for new sections */
.frame-65__container,
.gallery__container,
.faq-block__container,
.frame-27__container {
  max-width: var(--size-1320px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  /* bottom spacing */
  position: relative;
  z-index: var(--z-1);
  /* Устанавливаем z-index для правильного слоя */
}

/* Frame 65 styles */
.frame-65,
.frame-65 * {
  box-sizing: border-box;
}

.frame-65 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
  overflow: visible;
}

.frame-65__div {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h2-desctop-font-family, "Inter-Regular", sans-serif);
  font-size: var(--font-size-5xl);
  line-height: var(--h2-desctop-line-height, 110%);
  font-weight: var(--h2-desctop-font-weight, 400);
  position: static;
  /* Убираем relative позиционирование */
  align-self: stretch;
  margin-bottom: 20px;
}

.frame-65__frame-55 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
}

.frame-65___456254747 {
  border-radius: var(--border-radius-xl);
  align-self: stretch;
  flex: 1;
  position: static;
  /* Убираем relative позиционирование */
  object-fit: cover;
}

.frame-65__frame-139 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: var(--size-650px);
  position: static;
  /* Убираем relative позиционирование */
}

.frame-65__frame-28,
.frame-65__frame-29,
.frame-65__frame-30 {
  border-radius: var(--border-radius-xl);
  border: 1px solid var(--gray-stroke, #b6b6b6);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
  background: var(--color-white);
  /* Добавляем белый фон */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  /* Добавляем легкую тень */
}

.frame-65__frame-138 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-base);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: static;
  /* Убираем relative позиционирование */
}

.frame-65__icon,
.frame-65__icon2 {
  flex-shrink: 0;
  width: var(--size-36px);
  height: var(--size-36px);
  position: static;
  /* Убираем relative позиционирование */
  overflow: visible;
}

.frame-65___30,
.frame-65___2013 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--title-20-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-xl);
  line-height: var(--title-20-desctop-line-height, 140%);
  font-weight: var(--title-20-desctop-font-weight, 500);
  position: static;
  /* Убираем relative позиционирование */
}

.frame-65___302,
.frame-65___10-1500,
.frame-65__div3 {
  color: var(--gray-text, #454545);
  text-align: left;
  font-family: var(--body-light-font-family, "Inter-Light", sans-serif);
  font-size: var(--font-size-base);
  line-height: var(--body-light-line-height, 145%);
  font-weight: var(--body-light-font-weight, 300);
  position: static;
  /* Убираем relative позиционирование */
  align-self: stretch;
}

.frame-65__fi-16281416 {
  flex-shrink: 0;
  width: var(--size-36px);
  height: var(--size-36px);
  position: static;
  /* Убираем relative позиционирование */
  overflow: visible;
  /* Убираем hidden */
}

.frame-65__group-75 {
  width: 67.47%;
  height: 100%;
  position: static;
  /* Убираем absolute позиционирование */
  right: auto;
  left: auto;
  bottom: auto;
  top: auto;
  overflow: visible;
  margin: auto;
  /* Центрируем элемент */
}

.frame-65__div2 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--title-20-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-xl);
  line-height: var(--title-20-desctop-line-height, 140%);
  font-weight: var(--title-20-desctop-font-weight, 500);
  position: static;
  /* Убираем relative позиционирование */
}

.gallery__slider-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  height: 313px;
}

/* Единые стили для всех кнопок навигации */
.text-feedback__nav-button,
.video-feedback__nav-button,
.gallery__nav-button {
  flex-shrink: 0 !important;
  width: var(--size-45px) !important;
  height: var(--size-45px) !important;
  position: static !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.text-feedback__nav-button:hover,
.video-feedback__nav-button:hover,
.gallery__nav-button:hover {
  transform: scale(1.1) !important;
  filter: brightness(1.1) !important;
}

.text-feedback__nav-button:active,
.video-feedback__nav-button:active,
.gallery__nav-button:active {
  transform: scale(0.95) !important;
  filter: brightness(0.9) !important;
}

.text-feedback__nav-button.active,
.video-feedback__nav-button.active,
.gallery__nav-button.active {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: scale(0.95);
}

.text-feedback__nav-button:not(.active),
.video-feedback__nav-button:not(.active),
.gallery__nav-button:not(.active) {
  opacity: 1 !important;
  cursor: pointer !important;
  transform: scale(1);
}

/* Единые стили для изображений в кнопках */
.text-feedback__group-8,
.text-feedback__group-82,
.video-feedback__group-8,
.video-feedback__group-82,
.gallery__group-8,
.gallery__group-82 {
  height: auto !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  overflow: visible !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: all 0.3s ease !important;
}

/* Единые стили для контейнеров кнопок */
.text-feedback__slider-nav,
.video-feedback__slider-nav,
.gallery__slider-nav {
  display: flex !important;
  flex-direction: row !important;
  gap: var(--spacing-lg) !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  flex-shrink: 0 !important;
  position: static !important;
}

/* Мобильные стили для кнопок */
@media (max-width: 768px) {

  .text-feedback__nav-button,
  .video-feedback__nav-button,
  .gallery__nav-button {
    width: 40px !important;
    height: 40px !important;
  }

  .text-feedback__slider-nav,
  .video-feedback__slider-nav,
  .gallery__slider-nav {
    gap: 15px !important;
  }
}

/* Правильная карусель видео-отзывов */
.video-feedback__slider-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius-lg);
  height: var(--size-313px);
}

.video-feedback__slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 600%;
  /* 6 слайдов по 100% для мобильных */
  height: 100%;
}

.video-feedback__slide {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 9px;
  width: 16.666%;
  /* 100% / 6 = 16.666% для мобильных */
}

.video-feedback__slide .video-feedback__video {
  /* Стили для слайдов */
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* Убираем лишние стили для слайдов */
  margin-bottom: 0;
  padding: 0;
  min-height: auto;
}

.video-feedback__slide .video-feedback__image-5 {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-lg);
  object-fit: cover;
  max-width: var(--size-427px);
}

.video-feedback__slide .video-feedback__play-icon-product-card,
.video-feedback__slide .video-feedback__play-icon-product-card2,
.video-feedback__slide .video-feedback__play-icon-product-card3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-48px);
  height: var(--size-48px);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.video-feedback__slide .video-feedback__play-icon-product-card:hover,
.video-feedback__slide .video-feedback__play-icon-product-card2:hover,
.video-feedback__slide .video-feedback__play-icon-product-card3:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

/* Стили по умолчанию для слайдов */
.video-feedback__slide {
  display: none;
  /* По умолчанию скрываем все слайды */
}

/* Показываем десктопные слайды по умолчанию */
.desktop-slide {
  display: flex;
}

/* Стили для заголовка фото-галереи (в том же стиле, что и frame-65__div) */
.gallery__div {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h2-desctop-font-family, "Inter-Regular", sans-serif);
  font-size: var(--font-size-5xl, 48px);
  line-height: var(--h2-desctop-line-height, 110%);
  font-weight: var(--h2-desctop-font-weight, 400);
  position: static;
  align-self: stretch;
  margin-bottom: 20px;
}

/* Десктопные стили для видео-слайдера (3 видео в ряд) */
@media (min-width: 769px) {
  .video-feedback__slider-container {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .video-feedback__slider {
    width: 200%;
    /* 2 слайда по 100% для десктопа */
    display: flex;
    transition: transform 0.5s ease-in-out;
  }

  .video-feedback__slide {
    width: 50%;
    /* 100% / 2 = 50% для десктопа */
    padding: 0 15px;
    flex-shrink: 0;
    display: flex;
    gap: 20px;
  }

  .video-feedback__slide .video-feedback__video {
    width: calc(33.333% - 14px);
    /* 3 видео в ряд с отступами */
    height: 100%;
    min-height: 250px;
    position: relative;
    flex-shrink: 0;
  }

  .video-feedback__slide .video-feedback__image-5 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
  }

  .video-feedback__slide .video-feedback__play-icon-product-card3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  /* Скрываем мобильные слайды на десктопе */
  .mobile-slide {
    display: none !important;
  }

  /* Показываем десктопные слайды */
  .desktop-slide {
    display: flex !important;
  }

  /* Десктопные стили для заголовка фото-галереи */
  .gallery__div {
    font-size: 48px;
    font-weight: 400;
    line-height: 110%;
    text-align: left;
    margin-bottom: 20px;
    font-family: "Inter-Regular", sans-serif;
    color: #272727;
  }
}

/* Мобильные стили для видео-слайдера */
@media (max-width: 768px) {
  .video-feedback__slider-container {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .video-feedback__slider {
    width: 600%;
    /* 6 слайдов по 100% */
    display: flex;
    transition: transform 0.5s ease-in-out;
  }

  .video-feedback__slide {
    width: 16.666%;
    /* 100% / 6 = 16.666% */
    padding: 0 5px;
    flex-shrink: 0;
  }

  .video-feedback__slide .video-feedback__video {
    width: 100%;
    height: 100%;
    min-height: 200px;
    position: relative;
  }

  .video-feedback__slide .video-feedback__image-5 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
  }

  .video-feedback__slide .video-feedback__play-icon-product-card3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  /* Скрываем десктопные слайды на мобильных */
  .desktop-slide {
    display: none !important;
  }

  /* Показываем мобильные слайды */
  .mobile-slide {
    display: flex !important;
  }

  /* Мобильные стили для заголовка фото-галереи */
  .gallery__div {
    font-size: 22px;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
    margin-bottom: 30px;
    font-family: "Inter-Medium", sans-serif;
    color: #272727;
  }
}

.gallery__slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 200%;
  height: 100%;
}

.gallery__slide {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  width: 50%;
  height: 300px;
}

.gallery__slide img {
  width: calc(33.333% - 14px);
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
  max-width: none;
  flex-shrink: 0;
}

.gallery__slide.mobile-slide {
  display: none;
}

.gallery__frame-62 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: var(--size-313px);
  position: static;
  /* Убираем relative позиционирование */
  width: 100%;
}

/* Убираем специфичные стили для изображений внутри слайдов, чтобы не конфликтовать с основными стилями */
.gallery__slider-nav {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: static;
}

/* Стили для галереи - теперь наследуются от общих */

/* Стили для изображений в кнопках галереи - теперь наследуются от общих */



/* FAQ styles */
.faq-block,
.faq-block * {
  box-sizing: border-box;
}

.faq-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.faq-block__faq {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.faq-block__div {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h2-desctop-font-family, "Inter-Regular", sans-serif);
  font-size: var(--font-size-5xl);
  line-height: var(--h2-desctop-line-height, 110%);
  font-weight: var(--h2-desctop-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.faq-block__frame-123 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.faq-block__dropdown {
  background: var(--gray-bg, #f7f7f7);
  border-radius: var(--border-radius-lg);
  padding: 24px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.faq-block__frame-125 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3xl);
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.faq-block__div2 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--title-20-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-xl);
  line-height: var(--title-20-desctop-line-height, 140%);
  font-weight: var(--title-20-desctop-font-weight, 500);
  position: relative;
  flex: 1;
}

.faq-block__icon,
.faq-block__icon2 {
  flex-shrink: 0;
  width: var(--size-28px);
  height: var(--size-28px);
  position: relative;
  overflow: visible;
}

.faq-block__button {
  border: none !important;
  border-bottom: 1px solid var(--dark-accent, #6e3514) !important;
  padding: 2px !important;
  display: flex !important;
  flex-direction: row !important;
  gap: var(--spacing-xs) !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  outline: none !important;
  transition: all 0.3s ease !important;
}

.faq-block__button .faq-block__div3 {
  transition: all 0.3s ease !important;
}

.faq-block__div3 {
  color: var(--dark-accent, #6e3514);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-lg);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-medium);
  position: relative;
}

.faq-block__frame-130 {
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--gray-stroke, #b6b6b6);
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.faq-block__frame-79 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.faq-block__div4 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h3-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-3xl);
  line-height: var(--h3-desctop-line-height, 130%);
  font-weight: var(--h3-desctop-font-weight, 500);
  position: relative;
  align-self: stretch;
}

.faq-block__div5 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--body-light-font-family, "Inter-Light", sans-serif);
  font-size: var(--body-light-font-size, 16px);
  line-height: var(--body-light-line-height, 145%);
  font-weight: var(--body-light-font-weight, 300);
  position: relative;
  align-self: stretch;
}

.faq-block__button2 {
  background: var(--dark-accent, #6e3514) !important;
  border-radius: var(--border-radius-full) !important;
  padding: 15px 30px !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  outline: none !important;
  cursor: pointer !important;
}

.faq-block__div6 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-lg);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-medium);
  position: relative;
}



/* Frame 27 container styles (desktop version for bottom banner) */
.frame-27__container .frame-27 {
  padding: 55px 60px 0px 60px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  height: var(--size-497px);
  position: relative;
}

.frame-27__container .frame-27__image-1 {
  background: linear-gradient(-79.81deg, rgba(47, 33, 25, 0) 0%, rgba(47, 33, 25, 1) 100%);
  border-radius: var(--border-radius-xl);
  flex-shrink: 0;
  width: var(--size-1320px);
  height: var(--size-497px);
  position: absolute;
  left: 0px;
  top: 0px;
  object-fit: cover;
}

.frame-27__container .frame-27__frame-26 {
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.frame-27__container .frame-27__frame-25 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  flex: 1;
  max-width: 600px;
}

.frame-27__container .frame-27__frame-196 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.frame-27__container .frame-27__frame-189 {
  background: rgba(255, 255, 255, 0.8);
  border-radius: var(--border-radius-full);
  padding: 8px 20px 8px 20px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.frame-27__container .frame-27___33 {
  color: var(--red-color, #ec4e0f);
  text-align: left;
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-40px);
  line-height: var(--line-height-tight);
  font-weight: var(--font-weight-normal);
  position: relative;
}

.frame-27__container .frame-27__div {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--font-family-inter-regular);
  font-size: var(--font-size-40px);
  line-height: var(--line-height-tight);
  font-weight: var(--font-weight-normal);
  position: relative;
  align-self: stretch;
}

.frame-27__container .frame-27__div2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--title-20-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--title-20-desctop-font-size, 20px);
  line-height: var(--title-20-desctop-font-size, 20px);
  font-weight: var(--title-20-desctop-font-weight, 500);
  position: relative;
  width: auto;
  max-width: 500px;
}

.frame-27__container .frame-27__button {
  background: var(--red-color, #ec4e0f);
  border-radius: var(--border-radius-full);
  padding: 15px 30px 15px 30px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: var(--size-220px);
  height: 55px;
  flex-shrink: 0;
  align-self: flex-start;
}

.frame-27__container .frame-27__div3 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-lg);
  line-height: var(--line-height-loose);
  font-weight: var(--font-weight-medium);
  position: relative;
  white-space: nowrap;
}

/* Таймер для десктопной версии (справа) */
.frame-27__container .frame-27__frame-28--desktop {
  background: rgba(255, 255, 255, 0.8);
  border-radius: var(--border-radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: var(--size-335px);
  height: 123px;
  flex-shrink: 0;
  margin-left: auto;
}

/* Таймер для мобильной версии (в центре) */
.frame-27__container .frame-27__frame-28--mobile {
  display: none;
}

/* Стили для десктопного таймера */
.frame-27__container .frame-27__frame-28--desktop .frame-27__div4 {
  color: var(--black, #272727);
  text-align: center !important;
  /* Центрируем текст на ПК */
  font-family: var(--h4-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-xl);
  line-height: var(--h4-desctop-font-size, 20px);
  font-weight: var(--h4-desctop-font-weight, 500);
  position: relative;
  margin-bottom: 10px;
}

.frame-27__container .frame-27__div4 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--h4-desctop-font-family, "Inter-Medium", sans-serif);
  font-size: var(--font-size-xl);
  line-height: var(--h4-desctop-font-size, 20px);
  font-weight: var(--h4-desctop-font-weight, 500);
  position: relative;
}

.frame-27__container .frame-27__frame-141 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

/* Центрируем десктопный таймер */
.frame-27__container .frame-27__frame-28--desktop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.frame-27__container .frame-27__frame-28--desktop .frame-27__frame-141 {
  justify-content: center !important;
  /* Центрируем элементы таймера */
}

.frame-27__container .frame-27__frame-140,
.frame-27__container .frame-27__frame-1412,
.frame-27__container .frame-27__frame-142,
.frame-27__container .frame-27__frame-143 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: var(--size-48px);
  position: relative;
}

.frame-27__container .frame-27___2,
.frame-27__container .frame-27___08,
.frame-27__container .frame-27___25,
.frame-27__container .frame-27___34 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--font-family-inter-medium);
  font-size: var(--font-size-30px);
  line-height: var(--line-height-100);
  font-weight: var(--font-weight-medium);
  position: relative;
}

.frame-27__container .frame-27__div5 {
  color: var(--black, #272727);
  text-align: left;
  font-family: var(--font-family-inter-light);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-tight);
  font-weight: var(--font-weight-light);
  position: relative;
}

.frame-27__container .frame-27__frame-145,
.frame-27__container .frame-27__frame-146,
.frame-27__container .frame-27__frame-144 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  width: var(--size-9px);
  height: auto;
  position: relative;
  overflow: visible;
}

/* === Mobile styles for frame-27__container (preserve mobile version) === */
@media (max-width: 768px) {

  /* Показать мобильный таймер, скрыть десктопный */
  .frame-27__container .frame-27__frame-28--mobile {
    display: flex !important;
    background: transparent;
    border-radius: var(--border-radius-lg);
    padding: var(--spacing-sm) var(--spacing-lg);
    flex-direction: column;
    gap: var(--spacing-lg);
    align-items: center;
    justify-content: center;
    width: var(--size-335px);
    height: 123px;
    max-width: 100%;
    margin: 0 auto;
    outline: 1px white solid;
    outline-offset: -1px;
    position: relative;
  }

  .frame-27__container .frame-27__frame-28--desktop {
    display: none !important;
  }

  /* Центрируем заголовок на мобильных устройствах */
  .frame-27__container .frame-27__div {
    text-align: center !important;
  }

  /* Стили для элементов внутри мобильного таймера */
  .frame-27__container .frame-27__frame-28--mobile .frame-27__div4 {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-23px);
    font-weight: var(--font-weight-normal);
    position: relative;
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-141 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-140,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-1412,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-142,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-143 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: var(--size-48px);
    position: relative;
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27___2,
  .frame-27__container .frame-27__frame-28--mobile .frame-27___08,
  .frame-27__container .frame-27__frame-28--mobile .frame-27___25,
  .frame-27__container .frame-27__frame-28--mobile .frame-27___34 {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-30px);
    line-height: var(--line-height-30px);
    font-weight: var(--font-weight-medium);
    position: relative;
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27__div5 {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-sm);
    line-height: 15.40px;
    font-weight: var(--font-weight-light);
    position: relative;
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-145,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-146,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-144 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: var(--size-9px);
    height: auto;
    position: relative;
    overflow: visible;
  }

  .frame-27__container .frame-27 {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: var(--size-650px);
    position: relative;
  }

  .frame-27__container .frame-27__image-1 {
    background: none;
    border-radius: 0;
    width: 100%;
    height: var(--size-650px);
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
  }

  .frame-27__container .frame-27__frame-26 {
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    position: relative;
  }

  .frame-27__container .frame-27__frame-25 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
  }

  .frame-27__container .frame-27__frame-196 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
  }

  .frame-27__container .frame-27__frame-189 {
    background: var(--color-white);
    border-radius: var(--border-radius-full);
    padding: 4px 12px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    position: relative;
  }

  .frame-27__container .frame-27___33 {
    color: var(--color-accent);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-2xl);
    line-height: 28.60px;
    font-weight: var(--font-weight-medium);
    position: relative;
  }

  .frame-27__container .frame-27__div {
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-2xl);
    line-height: 28.60px;
    font-weight: var(--font-weight-medium);
    position: relative;
    width: 100%;
  }

  .frame-27__container .frame-27__div2 {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: 22.40px;
    font-weight: var(--font-weight-medium);
    position: relative;
    width: 100%;
    max-width: 280px;
    padding: 0 10px;
    margin: 0 auto;
  }

  .frame-27__container .frame-27__button {
    background: var(--color-accent);
    border-radius: var(--border-radius-full);
    padding: 15px 30px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    position: relative;
    overflow: hidden;
    align-self: center;
    margin: 0 auto;
  }

  .frame-27__container .frame-27__div3 {
    color: var(--color-f7f7f7);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-lg);
    line-height: 26.10px;
    font-weight: var(--font-weight-medium);
    position: relative;
    white-space: nowrap;
  }

  .frame-27__container .frame-27__frame-28 {
    background: transparent;
    border-radius: 0;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: var(--size-335px);
    height: 123px;
    max-width: 100%;
    margin: 0 auto;
    outline: 1px white solid;
    outline-offset: -1px;
    position: relative;
  }

  .frame-27__container .frame-27__div4 {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-23px);
    font-weight: var(--font-weight-normal);
    position: relative;
  }

  .frame-27__container .frame-27__frame-141 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .frame-27__container .frame-27__frame-140,
  .frame-27__container .frame-27__frame-1412,
  .frame-27__container .frame-27__frame-142,
  .frame-27__container .frame-27__frame-143 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: var(--size-48px);
    position: relative;
  }

  .frame-27__container .frame-27___2,
  .frame-27__container .frame-27___08,
  .frame-27__container .frame-27___25,
  .frame-27__container .frame-27___34 {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-30px);
    line-height: var(--line-height-30px);
    font-weight: var(--font-weight-medium);
    position: relative;
  }

  .frame-27__container .frame-27__div5 {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-sm);
    line-height: 15.40px;
    font-weight: var(--font-weight-light);
    position: relative;
  }

  .frame-27__container .frame-27__frame-145,
  .frame-27__container .frame-27__frame-146,
  .frame-27__container .frame-27__frame-144 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: var(--size-9px);
    height: auto;
    position: relative;
    overflow: visible;
  }
}

@media (max-width: 480px) {

  /* Стили для мобильного таймера */
  .frame-27__container .frame-27__frame-28--mobile {
    padding: 12px 15px;
    gap: 15px;
    position: relative;
    border-radius: var(--border-radius-lg);
  }

  .frame-27__container .frame-27 {
    height: var(--size-580px);
    padding: 0 10px;
  }

  .frame-27__container .frame-27__image-1 {
    height: var(--size-580px);
  }

  .frame-27__container .frame-27__frame-26 {
    gap: var(--spacing-4xl);
  }

  .frame-27__container .frame-27__frame-25 {
    gap: 25px;
  }

  .frame-27__container .frame-27__frame-189 {
    padding: 3px 8px;
  }

  .frame-27__container .frame-27___33 {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-22px);
  }

  .frame-27__container .frame-27__div {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-22px);
  }

  .frame-27__container .frame-27__div2 {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-18px);
    max-width: 250px;
    padding: 0 8px;
  }

  .frame-27__container .frame-27__button {
    padding: 12px 25px;
    width: auto;
    height: auto;
    align-self: center;
    margin: 0 auto;
  }

  .frame-27__container .frame-27__div3 {
    font-size: var(--font-size-base);
    line-height: var(--line-height-22px);
    white-space: nowrap;
  }

  .frame-27__container .frame-27__frame-28--mobile {
    padding: 12px 15px;
    gap: 15px;
    position: relative;
    border-radius: var(--border-radius-lg);
  }

  .frame-27__container .frame-27__div4 {
    font-size: var(--font-size-base);
    line-height: var(--line-height-20px);
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-140,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-1412,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-142,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-143 {
    width: var(--size-36px);
    justify-content: center;
    align-items: center;
    align-self: auto;
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27___2,
  .frame-27__container .frame-27__frame-28--mobile .frame-27___08,
  .frame-27__container .frame-27__frame-28--mobile .frame-27___25,
  .frame-27__container .frame-27__frame-28--mobile .frame-27___34 {
    font-size: var(--font-size-2xl);
    line-height: var(--line-height-24px);
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27__div5 {
    font-size: var(--font-size-10px);
    line-height: var(--line-height-12px);
  }

  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-145,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-146,
  .frame-27__container .frame-27__frame-28--mobile .frame-27__frame-144 {
    width: 2px;
    height: var(--size-12px);
    margin-bottom: 12px;
  }
}

/* === Main top banner styles (.frame-27) === */
body .frame-27 {
  height: var(--size-548px);
  padding: 55px 60px 0 30px;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  max-width: var(--size-1320px);
}

body .frame-27__image-1 {
  width: var(--size-1320px);
  height: var(--size-548px);
  left: 0px;
  top: 0px;
  position: absolute;
  background: linear-gradient(329deg, rgba(47, 33, 25, 0) 0%, #2F2119 100%);
  border-radius: var(--border-radius-xl);
  z-index: var(--z-1);
}

body .frame-27__frame-26 {
  width: var(--size-1229px);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 104px;
  display: flex;
  z-index: var(--z-2);
}

body .frame-27__div {
  color: var(--color-white);
  font-size: var(--font-size-84px);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-84px);
  word-wrap: break-word;
  width: 900px;
}

body .frame-27__frame-6 {
  padding: 10px 20px;
  left: 337px;
  top: 110px;
  position: absolute;
  background: var(--color-white);
  border-radius: var(--border-radius-full);
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

body .frame-27___33 {
  color: var(--color-accent);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  word-wrap: break-word;
}

body .frame-27___900-2 {
  color: var(--color-white);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  word-wrap: break-word;
}

body .frame-27___1350-2 {
  color: var(--color-b4b4b4);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  text-decoration: line-through;
  word-wrap: break-word;
}

body .frame-27__button {
  background: var(--color-accent);
  border-radius: var(--border-radius-full);
  padding: 15px 30px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

body .frame-27__button2 {
  background: var(--color-white);
  border-radius: var(--border-radius-full);
  padding: 15px 20px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

body .frame-27__div2 {
  color: var(--color-white);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  line-height: 26.10px;
  word-wrap: break-word;
}

body .frame-27__div3 {
  color: var(--color-secondary);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  line-height: 26.10px;
  word-wrap: break-word;
}

body .frame-27___3500 {
  color: var(--color-white);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  word-wrap: break-word;
  position: absolute;
  left: 60px;
  top: 476px;
  z-index: var(--z-2);
}

/* Ensure top banner price colors are correct */
.frame-27___900-2 {
  color: var(--white, #ffffff) !important;
}

.frame-27___1350-2 {
  color: #b4b4b4 !important;
}

.frame-27___900-2 ._900-2-span {
  color: var(--white, #ffffff) !important;
}

.frame-27___1350-2 ._1350-2-span {
  color: #b4b4b4 !important;
}

/* Fix play icon size in top banner */
.frame-27__play-icon {
  width: var(--size-26px);
  height: var(--size-26px);
  display: inline-block;
}

.frame-27__group-1 {
  width: var(--size-26px);
  height: var(--size-26px);
  display: block;
}

/* === Mobile styles moved to mobile-product-cards.css === */

/* ===================================
   МОБИЛЬНЫЕ СТИЛИ ДЛЯ FAQ БЛОКА
   =================================== */

/* Стили для мобильной версии */
.video-feedback-mobile .video-feedback {
  transform: none !important;
  opacity: 1 !important;
  position: static !important;
}

.video-feedback-mobile .video-feedback__video {
  transform: none !important;
  opacity: 1 !important;
}

/* Медиа-запрос для планшетов - видео в ряд */
@media (min-width: 769px) and (max-width: 1200px) {
  .video-feedback__frame-62 {
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .video-feedback .video-feedback__video,
  .video-feedback__frame-62 .video-feedback__video {
    width: 350px !important;
    /* Средняя ширина для планшетов */
    height: 265px !important;
    max-width: 350px !important;
    min-width: 350px !important;
    flex: none !important;
    /* Не растягиваемся */
  }
}

/* Медиа-запрос для больших экранов - видео в ряд */
@media (min-width: 1201px) {
  .video-feedback__frame-62 {
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    flex-wrap: nowrap;
    /* Не переносим на новую строку */
  }

  .video-feedback .video-feedback__video,
  .video-feedback__frame-62 .video-feedback__video {
    width: 427px !important;
    /* Фиксированная ширина для ПК */
    height: 265px !important;
    max-width: 427px !important;
    min-width: 427px !important;
    flex: none !important;
    /* Не растягиваемся */
  }
}

/* ===================================
   МЕДИА-ЗАПРОСЫ ДЛЯ КАТАЛОГА
   =================================== */

/* Медиа-запрос для больших экранов - 3 товара в ряд */
@media (min-width: 1201px) {
  .frame-52__product-card-block {
    justify-content: flex-start !important;
    gap: var(--spacing-3xl) !important;
    z-index: 2 !important;
    /* Устанавливаем z-index выше футера */
  }

  .frame-52__product2 {
    flex: 1 1 calc(33.333% - 26.67px) !important;
    /* 3 items per row with gap consideration */
    max-width: calc(33.333% - 26.67px) !important;
    min-width: 380px !important;
    z-index: 2 !important;
    /* Устанавливаем z-index выше футера */
  }
}

/* Медиа-запрос для средних экранов - 2 товара в ряд */
@media (min-width: 769px) and (max-width: 1200px) {
  .frame-52__product-card-block {
    justify-content: flex-start !important;
    gap: 20px !important;
    z-index: 2 !important;
    /* Устанавливаем z-index выше футера */
  }

  .frame-52__product2 {
    flex: 1 1 calc(50% - 10px) !important;
    /* 2 items per row */
    max-width: calc(50% - 10px) !important;
    min-width: 300px !important;
    z-index: 2 !important;
    /* Устанавливаем z-index выше футера */
  }
}

/* Медиа-запрос для мобильных - 1 товар в ряд */
@media (max-width: 768px) {
  .frame-52__product-card-block {
    flex-direction: column !important;
    gap: var(--spacing-15px) !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    z-index: 2 !important;
    /* Устанавливаем z-index выше футера */
  }

  .frame-52__product2 {
    flex: 1 1 100% !important;
    /* 1 item per row */
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    align-self: flex-start !important;
    z-index: 2 !important;
    /* Устанавливаем z-index выше футера */
  }
}

/* ===================================
   СТИЛИ ДЛЯ ЦЕН В КАРТОЧКАХ ТОВАРОВ
   =================================== */

.frame-52__summ {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 56px !important;
}

.frame-52___900-22 {
  display: flex !important;
  align-items: center !important;
}

.frame-52___900-22 ._900-22-span {
  color: #454545 !important;
  font-family: "Inter-Bold", sans-serif !important;
  font-size: 22px !important;
  line-height: 130% !important;
  font-weight: 700 !important;
}

.frame-52___1350-22 {
  display: flex !important;
  align-items: center !important;
}

.frame-52___1350-22 ._1350-22-span {
  color: #454545 !important;
  font-family: "Inter-Regular", sans-serif !important;
  font-size: 18px !important;
  line-height: 130% !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  opacity: 0.7 !important;
}

/* ===================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ
   =================================== */

@media (max-width: 768px) and (min-width: 1px) {

  .frame-52__shaggy-lux,
  .frame-52__super-shaggy {
    font-size: 22px;
    line-height: 120% !important;
  }
}

/* Убираем дублирующие стили для video-feedback - используем стили из video-feedback-mobile.css */