.main_block-hero.main_block__wrapper {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.parfume-bg_wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
    width: 50%; /* Занимает ровно половину экрана */
}

.parfume-bg_wrapper img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 8%;
    object-fit: cover;
    object-position: left;
}

.title {
    font-size: 75px !important;
}


/* Чтобы текст не заезжал на изображение */
.main_block.mw-container {
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    border-bottom: 1px solid #ffffff15;
    margin-bottom: 100px;
}

.text_wrapper {
    max-width: 50%; /* Текст занимает левую половину */
}

.seluz-sbtitle {
    font-size: 16px;
    color: #fff;
    opacity: 0.5;
    margin-bottom: 40px;
}

.seluz-title {
    font-size: 48px;
    color: #E6BF6B;
    margin-bottom: 70px;
}

.seluz-desc {
    font-size: 18px;
    line-height: 28px;
}

.seluz-text-container {
    max-width: 650px;
}

.seluz_wrapper {
    margin: 170px auto 100px auto !important;
    display: flex;
    justify-content: space-between;
    height: auto !important;
}

.seluz-card-title {
    color: #E6BF6B;
    font-size: 18px;
    line-height: 23px;
    margin-top: 60px;
    margin-bottom: 15px;
}

.seluz-card-desc {
    color: #fff;
    font-size: 18px;
    line-height: 23px;
}

.seluz-cards {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.seluz-card {
    padding: 35px;
    max-width: 410px;
    background-color: #ffffff0e;
    border-radius: 30px;
}

.seluz-card:nth-child(2) {
    background-color: transparent;
    border: 1px solid #ffffff1a;
    margin: 0 20px;
}

.seluz-cards_wrapper {
    height: auto !important;
    margin: 30px auto !important;
}
/* Локально отключаем flex у этого контейнера,
   чтобы контент тянулся на всю ширину */
.bestsellers_wrapper.mw-container {
  display: block;
  height: auto;
}

/* Растягиваем внутренний блок на ширину контейнера */
.bestsellers {
  width: 100%;
}

/* Сетка карточек: ровные отступы и переносы */
.bestsellers-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;                /* вместо margin между карточками */
  justify-content: space-between; /* можно оставить center/normal */
}

/* Каждая карточка занимает 1/3 с учётом двух gap-ов */
.bestsellers-card {
  flex: 1 1 calc((100% - 60px) / 3); /* 3 колонки, минус два gap-а */
  min-width: 0;                      /* чтобы контент не распирал */
  display: flex;
  flex-direction: column;
}

/* Убираем индивидуальные отступы колонок — мешают сетке */
.bestsellers-card:nth-child(2) {
  margin: 0;
}

/* Картинка и её контейнер: не шире карточки */
.bestseller-card-img {
  margin-bottom: 35px;
  max-width: none; /* убираем 400px, чтобы не ломало сетку */
  width: 100%;
}
.bestseller-card-img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Мелкие правки типографики */
.bestseller-subtitle {
  font-size: 16px;
  margin: 100px 0 40px;
  opacity: 0.5;
}
.bestsellers-title {
  font-size: 48px;
  color: #E6BF6B;
  margin-bottom: 70px;
}
.bestsellers-desc {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 60px;
}
.bestseller-card-title {
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 14px; /* убрали дубль */
}
.bestseller-card-desc {
  font-size: 16px;
  line-height: 22px;
  opacity: 0.4;
  margin-bottom: 57px;
}

/* Адаптив: 2 колонки на планшете */
@media (max-width: 1024px) {
  .bestsellers-card {
    flex: 1 1 calc((100% - 30px) / 2);
  }
  .bestsellers-title {
    font-size: 36px;
  }
}

/* Адаптив: 1 колонка на мобиле */
@media (max-width: 600px) {
  .bestsellers-card {
    flex: 1 1 100%;
  }
  .bestsellers-title {
    font-size: 28px;
  }
}
/* Этот конкретный блок — без flex у .mw-container */
.advantages_wrapper.mw-container {
  display: block;
  height: auto;
  width: 100%;
  margin-top: 120px; /* !important больше не нужно */
}

.advantages { width: 100%; }

/* Заголовки */
.advantages-subtitle {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 40px;
}
.advantages-title {
  font-size: 48px;
  color: #E6BF6B;
  margin-bottom: 70px;
}

/* Сетка карточек: ровные отступы и переносы */
.advantages-cards {
  display: flex;
  
  flex-wrap: wrap;
  gap: 30px;                /* единый контроль расстояний */
  justify-content: space-between;
}

/* 4 колонки на десктопе с учетом трёх gap-ов */
.advantages-card {
  flex: 1 1 calc((100% - 90px) / 4);
  min-width: 220px;         /* защитимся от слишком узких колонок */
  box-sizing: border-box;
  background-color: #ffffff13;
  border-radius: 30px;
  padding: 35px;
  display: flex;
  flex-direction: column;
      justify-content: space-between;
  position: relative;
  overflow: hidden;         /* чтобы большой номер не вылезал */
}

/* Большой номер как "водяной знак" */
.advantages-card__number {
  font-size: 64px;
  color: #fff;
  opacity: 0.08;            /* чуть мягче, чем 0.1 */
  letter-spacing: -3px;
  line-height: 1;
  margin: 0 0 50px;
}

.advantages-card__desc {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  opacity: 0.9;
}

/* Ховеры (по желанию) */
.advantages-card:hover {
  background-color: #ffffff1c;
  transform: translateY(-2px);
  transition: all .25s ease;
}

/* Адаптив: 3 колонки на больших планшетах */
@media (max-width: 1200px) {
  .advantages-card {
    flex: 1 1 calc((100% - 60px) / 3);
  }
  .advantages-title { font-size: 42px; }
}

/* Адаптив: 2 колонки */
@media (max-width: 900px) {
  .advantages-card {
    flex: 1 1 calc((100% - 30px) / 2);
  }
  .advantages-title { font-size: 36px; }
}

/* Адаптив: 1 колонка */
@media (max-width: 560px) {
  .advantages-card {
    flex: 1 1 100%;
  }
  .advantages-title { font-size: 28px; }
}


/* ===== Общая база для анимаций ===== */
.reveal-init { opacity: 0; transform: translateY(16px); will-change: transform, opacity; }
.reveal-in   { opacity: 1; transform: none; transition: opacity .6s ease, transform .6s ease; }

/* Варианты направлений (можно комбинировать через data-anim) */
.reveal-x-left  { transform: translateX(-24px); }
.reveal-x-right { transform: translateX(24px);  }
.reveal-scale   { transform: scale(.96); }

/* Стагер через CSS-переменную (ставим с JS) */
.reveal-in { transition-delay: var(--reveal-delay, 0ms); }

/* ===== Hero: плавный Ken-Burns + параллакс ===== */
@keyframes kenburns-zoom {
  0%   { transform: scale(1.06); }
  100% { transform: scale(1); }
}
.main_block-hero .parfume-bg_wrapper img.hero-kenburns {
  animation: kenburns-zoom 10s ease-out both;
  will-change: transform;
}

/* Лёгкий блеск на заголовке при появлении */
.title.reveal-in::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 -20%;
  width: 40%;
  transform: skewX(-20deg) translateX(-120%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);
  animation: title-shine 1.2s .2s ease forwards;
  pointer-events: none;
}
.title { position: relative; }
@keyframes title-shine {
  to { transform: skewX(-20deg) translateX(220%); }
}

/* ===== Карточки: ховер и лёгкий "подъём" ===== */
.seluz-card,
.bestsellers-card,
.advantages-card {
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.seluz-card:hover,
.bestsellers-card:hover,
.advantages-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* Изображения в карточках: деликатный зум на ховер */
.bestseller-card-img img,
.seluz-card img {
  transition: transform .5s ease;
}
.bestsellers-card:hover .bestseller-card-img img,
.seluz-card:hover img {
  transform: scale(1.03);
}

/* ===== Уточнение для твоего already added стиля ===== */
.bestsellers-cards, .advantages-cards, .seluz-cards { align-items: stretch; }

/* ===== Respect prefers-reduced-motion ===== */
@media (prefers-reduced-motion: reduce) {
  .reveal-init, .reveal-in, .hero-kenburns {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.title.reveal-in::after {
  content: none !important;
}

.text_desc {
    max-width: 500px;
}

.advantages-card:nth-child(even) {
  /* стили для чётных карточек */
  background-color: transparent;
  border: 1px solid #ffffff29;
}


/* ===========================
   ≤ 1440px
=========================== */
@media (max-width: 1440px) {
  .main_block.mw-container { padding: 0 24px; }
  .title { font-size: 64px !important; }
  .text_wrapper { max-width: 52%; }
  .parfume-bg_wrapper { width: 48%; }
  .seluz-text-container { max-width: 620px; }
}

/* ===========================
   ≤ 1280px (large laptop)
=========================== */
@media (max-width: 1280px) {
  .title { font-size: 58px !important; }
  .bestsellers-title,
  .advantages-title,
  .seluz-title { font-size: 42px; }
  .seluz-card { padding: 28px; }
  .seluz-card-title { margin-top: 44px; }
  .bestsellers-desc { font-size: 16px; }
}

/* ===========================
   ≤ 1200px (tablet landscape)
=========================== */
@media (max-width: 1200px) {
  .title { font-size: 52px !important; }
  .text_wrapper { max-width: 54%; }
  .parfume-bg_wrapper { width: 46%; }
  .seluz_wrapper { gap: 40px; }
  .advantages-card { flex: 1 1 calc((100% - 60px) / 3); }
  .bestsellers-card { flex: 1 1 calc((100% - 30px) / 2); }
  .seluz-cards { gap: 24px; justify-content: center; }
  .seluz-card { max-width: 360px; }
}

/* ===========================
   ≤ 1024px (tablet)
=========================== */
@media (max-width: 1024px) {
  /* Hero складываем в колонку */
  .main_block-hero.main_block__wrapper { height: auto; }
  .main_block.mw-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 80px;
  }
  .text_wrapper { max-width: 100%; }
  .parfume-bg_wrapper {
    position: static;
    width: 100%;
    height: 60vh;
  }
  .parfume-bg_wrapper img {
    position: static;
    width: 100%;
    height: 100%;
    object-position: center;
  }

  /* SELUZ */
  .seluz_wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    margin: 120px auto 80px auto !important;
  }
  .seluz-text-container { max-width: 100%; }
  .seluz-image { width: 100%; }
  .seluz-image img { width: 100%; height: auto; }

  /* Заголовки чуть меньше */
  .title { font-size: 48px !important; }
  .seluz-title,
  .bestsellers-title,
  .advantages-title { font-size: 36px; }

  /* Сетки */
  .seluz-cards { flex-wrap: wrap; gap: 24px; }
  .seluz-card { max-width: calc((100% - 24px) / 2); }
  .advantages-card { flex: 1 1 calc((100% - 30px) / 2); }
}

/* ===========================
   ≤ 900px
=========================== */
@media (max-width: 900px) {
  .bestsellers-title { font-size: 32px; }
  .bestsellers-card { flex: 1 1 calc((100% - 30px) / 2); }
  .advantages-title { font-size: 32px; }
  .advantages-card { flex: 1 1 calc((100% - 30px) / 2); }
  .seluz-card { max-width: 100%; }
}

/* ===========================
   ≤ 768px (mobile large)
=========================== */
@media (max-width: 768px) {
  .title { font-size: 42px !important; }
  .subtitle { font-size: 14px; }
  .text_desc { font-size: 16px; line-height: 26px; max-width: 100%; }

  .parfume-bg_wrapper { height: 52vh; }

  .seluz-sbtitle { margin-bottom: 28px; }
  .seluz-title { font-size: 30px; margin-bottom: 44px; }
  .seluz-desc { font-size: 16px; line-height: 26px; }

  .seluz-cards { gap: 20px; }
  .seluz-card { padding: 24px; }

  .bestseller-subtitle { margin: 60px 0 28px; }
  .bestsellers-title { margin-bottom: 44px; }
  .bestsellers-desc { margin-bottom: 40px; }
}

/* ===========================
   ≤ 600px (mobile)
=========================== */
@media (max-width: 600px) {
  .main_block.mw-container { padding: 0 16px; margin-bottom: 60px; }
  .title { font-size: 34px !important; }
  .parfume-bg_wrapper { height: 44vh; }

  /* Сетки → по одной колонке */
  .bestsellers-card,
  .advantages-card,
  .seluz-card { flex: 1 1 100%; max-width: 100%; }

  /* Отступы */
  .advantages_wrapper.mw-container { margin-top: 80px; }
  .advantages-title { margin-bottom: 44px; }
  .advantages-card__number { font-size: 56px; margin-bottom: 28px; }

  /* Типографика карточек */
  .bestseller-card-title { font-size: 16px; line-height: 22px; }
  .bestseller-card-desc { font-size: 15px; line-height: 22px; margin-bottom: 36px; }
  .advantages-card__desc { font-size: 14px; }


  .main_block-hero .title {
    animation-delay: 0.5s;
    font-size: 37px !important;
    }

    .reveal-x-right {
    transform: translateX(0px);
    }

    .seluz_wrapper {
        margin: 0px auto 80px auto !important;
    }

    .parfume-bg_wrapper img {
                margin: 0 -15px;
        width: 111%;
    }

    .seluz-card:nth-child(2) {
        margin: 0;
    }
}

/* ===========================
   ≤ 480px (small phones)
=========================== */
@media (max-width: 480px) {
  .title { font-size: 30px !important; }
  .text_desc { font-size: 14px !important; line-height: 24px; }
  .seluz-title,
  .bestsellers-title,
  .advantages-title { font-size: 26px; }

  .seluz-card-title { font-size: 16px; margin-top: 36px; }
  .seluz-card-desc { font-size: 15px; line-height: 22px; }

  .bestseller-card-img { margin-bottom: 24px; }
  .advantages-card { padding: 24px; border-radius: 24px; }
}

/* ===========================
   ≤ 360px (ultra small)
=========================== */
@media (max-width: 360px) {
  .title { font-size: 26px !important; }
  .parfume-bg_wrapper { height: 38vh; }
  .seluz-card { padding: 20px; }
}