@charset "utf-8";

/* ==========================================================================
   1. НАСТРОЙКИ И ПЕРЕМЕННЫЕ
   ========================================================================== */
:root {
    /* Цвета */
    --color-primary: #A578C7;
    --color-primary-dark: #633786;
    --color-primary-darker: #3A1755;
    --color-primary-darkest: #2D0E45;
    --color-bg-light: #F7F3F8;
    --color-bg-dark: #0F011D;
    --color-white: #FFF;
    --color-border: rgba(165, 120, 199, 0.4);
    --color-border-light: rgba(165, 120, 199, 0.25);
    --color-border-dark: rgba(45, 14, 69, 0.4);
    --color-border-dark-opacity: rgba(39, 35, 34, .13);
    --color-planet-gray: #895EB1;
    --color-accent-pink: #FF03B5;
    --color-hero-stroke: rgba(255, 240, 251, 0.75);
    --color-signature: #FFF0FB;
    --color-shadow-deep: rgba(53, 16, 95, 0.65);
    --color-text-medium-gray: #737373;
    --color-text-light-gray: #909090;
    --color-border-white: rgba(255, 255, 255, 0.4);
    /* Градиенты */
    --gradient-title-main: linear-gradient(91.17deg, #79EFFF -4.01%, #FD3CE3 36.14%, #912BFF 77.44%, #0095FF 106.11%);
    --gradient-title-secondary: linear-gradient(91.17deg, #0095FF -4.01%, #912BFF 24.67%, #FD3CE3 65.97%, #79EFFF 106.11%);
    --gradient-planet: linear-gradient(101.31deg, #5F268A 56.09%, rgba(145, 58, 212, 0.1) 170.31%);
    --gradient-planet-small: linear-gradient(75.75deg, #79EFFF 5.3%, #FD3CE3 81.8%, #912BFF 118.07%, #0095FF 157.78%);
    --gradient-btn-default: linear-gradient(136.68deg, #79EFFF -6.83%, #FD3CE3 13.92%, #912BFF 63.7%, #0095FF 101.57%);
    --gradient-btn-hover: linear-gradient(96.29deg, #FF03B5 18.76%, #EC05AF 63.37%, #B20A9B 102.94%);
    --gradient-price: linear-gradient(262.71deg, #0095FF -37.92%, #912BFF 0.41%, #FD3CE3 55.62%, #79EFFF 109.28%);
    --gradient-bestseller-planet: linear-gradient(101.31deg, rgba(255, 255, 255, 0.85) 56.09%, #F1DFFF 170.31%);
    --gradient-bg-text: linear-gradient(91.25deg, rgba(121, 239, 255, 0.14) -4.28%, rgba(253, 60, 227, 0.14) 38.62%, rgba(145, 43, 255, 0.14) 82.74%, rgba(0, 149, 255, 0.14) 113.38%)
}

.fixed-block__phone .fixed-block__btn {
    --border: 5px;
}



/* ==========================================================================
   2. БАЗОВЫЕ СТИЛИ И ШРИФТЫ
   ========================================================================== */
@font-face {
    font-family: "Cramaten";
    src: url(../fonts/Cramaten.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "TRAP" 100
}

@font-face {
    font-family: "Great Vibes";
    src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Vela Sans";
    src: url(../fonts/VelaSans-GX.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

body {
    background-color: var(--color-bg-light);
    overflow-x: hidden;
    font-family: "Vela Sans", sans-serif;

}

::-webkit-scrollbar-thumb {
    background-color: var(--color-primary)
}

html {
    scrollbar-color: var(--color-primary) var(--color-bg-light)
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

span strong {
    font-weight: 900;
}

h2 {
    color: var(--color-primary);
    font-family: Cramaten;
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -2px;
}

h5 {
    color: var(--color-primary-darkest);
    font-family: "Vela Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.suport-text {
    color: var(--color-primary-darkest);
    font-family: "Vela Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.main-text {
    color: var(--color-primary-darkest);
    font-family: "Vela Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.underlined-text:hover:after {
    width: 50%;
}

.underlined-text::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-primary);
    transition: width 0.3s ease;
}

.pre-title {
    color: var(--color-primary);
    font-family: "Vela Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    h2 {
        font-size: 50px;
    }
}

/* ==========================================================================
   3. УТИЛИТАРНЫЕ КЛАССЫ
   ========================================================================== */
.text-gradient {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important
}

.cta-button {
    width: 7.3958vw;
    height: 7.3958vw
}


.section-divider {
  border: none;
  height: 1px;
  background-color: var(--color-primary);
  margin: 3.9062vw 10.94vw;
  opacity: .5;

  transform: scaleX(0);
  transform-origin: left; 
  
  transition: transform 1s ease-out;
}

.section-divider.is-visible {
  transform: scaleX(1);
}

.section-divider-invisible {
    border: none;
    height: 3.9062vw
}

.pre-title {
    font-size: 0.833vw;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--color-primary)
}

.container.container--mt {
    margin-top: 150px;
}

.container.container--mb {
    margin-bottom: 150px;
}

.section--centered {
    width: 100%;
    margin: 0 auto;
}

svg.icon-search {
    margin-right: 2px;
}

@media (max-width: 960px) {
    .pre-title {
        font-size: 1.666vw;
    }

    .container.container--mt {
        margin-top: 50px;
    }
	
	.container.container--mb {
    margin-bottom: 50px;
}
}

@media (max-width: 767px) {
    .pre-title {
        font-size: 5vw;
    }

    .container.container--mt {
        margin-top: 25px;
    }
	
	.container.container--mb {
    margin-bottom: 25px;
}
}


/* ==========================================================================
   4. КОМПОНЕНТЫ
   ========================================================================== */
/* --- Компонент: Заголовок --- */
.title {
    font-family: "Cramaten", sans-serif;
    font-weight: 400;
    letter-spacing: -0.04em;
    background-clip: text !important
}

/* --- Компонент: Кнопка --- */
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: "Vela Sans", sans-serif;
    font-weight: 400;
    font-size: 0.781vw;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer
}

.btn--outline {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    padding: 0.625vw 1.1458vw;
    gap: 0.5208vw;
    width: 6.5104vw;
    height: 2.1875vw;
    border-radius: 10.4167vw
}

.btn--outline:hover,
.btn--icon:hover {
    background: var(--gradient-btn-hover);
    color: var(--color-white)
}

.btn--primary {
    background: var(--gradient-btn-default) !important;
    border: 2px solid #FCEEF9 !important;
    color: var(--color-white) !important;
    border-radius: 50% !important;
    width: 7.3958vw !important;
    height: 7.3958vw !important;
    opacity: 1 !important;
    cursor: pointer !important;
	white-space: normal;
}

.btn--primary:hover {
    background: var(--gradient-btn-hover) !important;
    transform: rotate(-25deg) scale(1.05) !important
}

.btn--primary span {
    font-weight: 500 !important;
    font-size: 0.833vw !important;
    line-height: 110% !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    text-align: center !important
}

.btn--icon {
    width: 2.1875vw;
    height: 2.1875vw;
    border-radius: 50%;
    border: 1px solid var(--color-primary);
    transition: border-color 0.3s ease
}

.nav-button__content .icon-grid {
    width: 0.8333vw;
    height: 0.8333vw
}

.nav-button__content .icon-arrow-down {
    width: 0.5208vw;
    height: 0.4688vw;
    margin-left: 0.2083vw
}

.btn--icon img {
    width: 1.25vw;
    height: 1.25vw
}

section {
    width: 100vw;
    overflow-x: clip;
    overflow-y: visible;
}

.section-intro {
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 1.0417vw
}

.section-intro__title {
    font-size: 5.208vw;
    line-height: 90%;
    letter-spacing: -0.02em;
    color: var(--color-primary)
}

.section-intro__title a {
    color: var(--color-primary);
    text-decoration: none
}

.section-intro__description {
    font-size: 0.9375vw;
    line-height: 130%;
    color: var(--color-primary-darkest);
    width: 18.385vw
}

/* --- Компонент: Рукописное украшение заголовка --- */
.title-decoration {
    position: absolute;
    pointer-events: none;
    white-space: nowrap
}

.title-decoration__text {
    position: absolute;
    font-family: "Great Vibes", cursive;
    font-size: 2.1875vw;
    text-shadow: 1.247px 1.87px 0px rgba(46, 9, 74, 0.1)
}

.title-decoration__text.stroke {
    color: transparent;
    -webkit-text-stroke: 2px var(--color-accent-pink);
    z-index: 1
}

.title-decoration__text.fill {
    color: var(--color-bg-light);
    z-index: 2
}

.btn.btn--icon-round.btn--primary-fill img {
    width: 1.04vw
}

.btn.btn--icon-round img {
    width: 1.3vw;
    height: 1.25vw
}

.icone--strokefill.icon-heart {
    margin-top: 1px;
}

.btn--icon-round {
    width: 2.5vw;
    height: 2.5vw;
    border: none;
    background-color: transparent;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease
}

.btn--icon-round:hover {
    border-color: var(--color-accent-pink);
    background-color: var(--color-accent-pink)
}

.btn--primary-fill {
    background-color: var(--color-primary);
    border: 1.5px solid var(--color-primary)
}

.btn--primary-fill .icone--bag {
    stroke: var(--color-white)
}

.btn--icon-round:hover .icon-heart {
    stroke: var(--color-white)
}

.btn--primary-fill:hover {
    background-color: var(--color-accent-pink);
    border-color: var(--color-accent-pink)
}

.product-card__name,
.wc-block-grid__product-title {
    transition: color 0.3s ease;
    line-height: 125% !important;
    letter-spacing: -0.26px !important;
	word-break: break-word; 
}

.product-card:hover .product-card__name,
.wc-block-grid__product:hover .wc-block-grid__product-title {
    color: var(--color-accent-pink) !important;
}

@media (max-width: 960px) {
    h2.section-intro__title {
        font-size: 7.0833vw
    }

    p {
        font-size: 1.6667vw
    }

    .btn.btn--icon-round.btn--primary-fill img {
        width: 2.5vw
    }

    .btn.btn--icon-round img {
        width: 2.5vw;
        height: 2.5vw
    }

    .title-decoration .stroke,
    .title-decoration .fill {
        font-size: 3.3333vw
    }

    .section-divider {
        margin: 5.2083vw 1.5625vw
    }

    .btn {
        font-size: 1.562vw;
    }

    .btn--outline {
        padding: 1.25vw 2.2917vw;
        gap: 1.0417vw;
        width: 13.0208vw;
        height: 4.375vw;
        border-radius: 20.8333vw
    }

    .btn--icon {
        width: 4.375vw;
        height: 4.375vw;
    }

    .btn--icon img {
        width: 2.5vw;
        height: 2.5vw
    }

    .btn--icon-round {
        width: 5vw;
        height: 5vw;
    }

    .btn--outline {
        padding: 1.25vw 2.2917vw;
        gap: 1.0417vw;
        width: 13.0208vw;
        height: 4.375vw;
        border-radius: 20.8333vw
    }

    .btn--primary {
        width: 14.7917vw !important;
        height: 14.7917vw !important
    }

    .btn--primary span {
        font-size: 1.5625vw !important;
    }

    .btn.btn--icon-round img {
        width: 2.5vw;
        height: 2.5vw
    }

    .btn.btn--icon-round.btn--primary-fill img {
        width: 2.5vw
    }

    .section-intro__description {
        font-size: 1.875vw;
        line-height: 130%;
        width: 36.77vw
    }
}

@media (max-width: 767px) {
    .btn.btn--icon-round.btn--primary-fill img {
        width: 6.25vw
    }

    .btn.btn--icon-round img {
        width: 6.875vw;
        height: 7.1875vw
    }

    .btn {
        font-size: 4.6859vw;
    }

    .btn--outline {
        padding: 3.75vw 6.875vw;
        gap: 3.125vw;
        width: 39vw;
        height: 13.125vw;
        border-radius: 62.5vw
    }

    .btn--icon {
        width: 13.125vw;
        height: 13.125vw;
    }

    .btn--icon img {
        width: 7.5vw;
        height: 7.5vw
    }

    .btn--icon-round {
        width: 11.875vw;
        height: 11.875vw;
    }

    .btn--outline {
        padding: 3.75vw 6.875vw;
        gap: 3.125vw;
        width: 39vw;
        height: 13.125vw;
        border-radius: 62.5vw
    }

    .btn--primary {
        width: 35.94vw !important;
        height: 35.94vw !important;
    }

    .btn--primary span {
        font-size: 4.7vw !important;
    }

    .btn.btn--icon-round img {
        width: 6.875vw;
        height: 7.1875vw
    }

    .btn.btn--icon-round.btn--primary-fill img {
        width: 6.25vw
    }

    .categories-intro .section-intro__description,
    .section-intro__description {
        font-size: 5vw
    }

    h2.section-intro__title {
        font-size: 15.94vw
    }

    p {
        font-size: 5vw;
		line-height: 1.1;
    }

    .section-intro {
        gap: 6.25vw
    }

    .title-decoration .stroke,
    .title-decoration .fill {
        font-size: 7.8125vw
    }
}

/* ==========================================================================
   5. СТИЛИ СЕКЦИЙ
   ========================================================================== */
/* --- Шапка --- */
.site-header {
    position: fixed;
    top: 1.0417vw;
    width: calc(100% - 2.0833vw);
    /* Ширина с отступами по бокам */
    max-width: 78.125vw;
    /* Ограничение максимальной ширины */
    left: 50%;
    transform: translatex(-50%);
    height: 4.1667vw;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(165, 120, 199, 0.35);
    box-shadow: 0 0.2083vw 0.2604vw rgba(19, 3, 32, 0.06);
    backdrop-filter: blur(6px);
    border-radius: 0.7812vw;
    z-index: 1000;
    padding: 0 1.0417vw
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.header-nav__group {
    display: flex;
    align-items: center;
    gap: 0.885vw
}

.icon.game-icons_polar-star.icone--fillstroke {
    fill: var(--color-accent-pink)
}

.nav-button__shape path {
    transition: fill 0.3s ease, stroke 0.3s ease;
}

.nav-button--svg:hover .nav-button__content .nav-button__text {
    /*  color: var(--color-white)*/
}

.nav-button--svg:hover .nav-button__content .icone--fillstroke {
    /*   fill: var(--color-white) */
}

.nav-button--svg:hover .nav-button__shape path:first-of-type {
    fill: url(#hover-gradient);
}

.nav-button--svg:hover .nav-button__shape path:last-of-type {
    fill: url(#hover-gradient);
}


svg.nav-button__shape>mask:nth-child(1) {
    fill: var(--gradient-title-main)
}

svg.nav-button__shape>path:nth-child(2) {
    fill: var(--gradient-title-main)
}

svg.nav-button__shape>path:nth-child(3) {
    fill: var(--color-primary);
}

.btn--burger {
    display: none
}

.header-logo {
    margin: 0 1.0417vw;
    display: flex;
    align-items: center
}

.header-logo img {
    height: 2.1875vw;
}

.nav-separator {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-separator img {
    width: 0.625vw;
    height: 0.625vw;
    filter: invert(72%) sepia(10%) saturate(1007%) hue-rotate(193deg) brightness(97%) contrast(88%)
}

.arrow-down {
    width: 0.517vw;
    height: 0.4688vw
}

.nav-button--svg {
    position: relative;
    padding: 0;
    border: none;
    background: none;
    width: 8.2812vw;
    height: 2.2396vw
}

.nav-button--svg:hover {
    background: none;
    border: none
}

.nav-buton__shape {
    position: absolute;
    z-index: -1;
    transition: opacity 0.3s ease;
    overflow: inherit;
}

.nav-buton__shape-hover {
    opacity: 0;
}

.catalog-dropdown-wrapper.is-open .nav-buton__shape-hover {
    opacity: 1;
}

.catalog-dropdown-wrapper.is-open .nav-buton__shape-default {
    opacity: 0;
}

.icon.icon-grid.icone--fillstroke {
    display: none;
}


.header-nav_svg .nav-button__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    height: 100%;
    padding-left: 1.5vw
}

.nav-button__text {
    font-family: "Vela Sans", sans-serif;
    font-size: 0.7812vw;
    text-transform: uppercase;
    color: var(--color-primary-dark);
    transition: color 0.3s ease;
    padding-left: 1.7188vw
}

.nav-button__icon {
    width: 0.8333vw;
    height: 0.8333vw
}

.nav-button__arrow {
    width: 0.517vw;
    height: 0.4688vw;
    margin-left: 0.156vw
}

.btn--burger {
    display: none;
    /* По умолчанию скрыта на десктопе */
}

.icon {
    display: inline-block;
    width: 1.25vw;
    height: 1.25vw;
    stroke-width: 0
}

.icone--fillstroke {
    stroke: none;
    fill: var(--color-primary)
}

.icone--strokefill {
    stroke: var(--color-primary);
    fill: none
}

/*.btn--catalog:hover .icone--fillstroke,*/
.btn--icon:hover .icone--fillstroke {
    stroke: none;
    fill: var(--color-white)
}

.btn--icon:hover .icone--strokefill {
    stroke: var(--color-white);
    fill: none
}

.game-icons_polar-star {
    width: 0.5729vw
}

/* ==========================================================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ ШАПКИ
   ========================================================================== */
/*
 * Планшетная версия (до 960px)
 * --------------------------------------------------------------------------
 */
/*
 * Планшетная версия (до 960px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .site-header {
        width: 100%;
        max-width: 96.875vw;
        height: 8.3vw;
        top: 1.5625vw;
        padding: 0 1.5625vw
    }

    .header-logo {
        margin: 0
    }

    .header-logo img {
        height: 4.375vw
    }

    .nav-separator {
        display: none
    }

    .btn--burger {
        display: flex;
        width: 4.4792vw;
        height: 4.4792vw;
        border: 1px solid var(--color-primary)
    }

    .btn--burger img {
        width: 2.5vw;
        height: 2.5vw
    }

    .header-nav__group:first-of-type>li {
        display: none
    }

    .icon {
        width: 2.5vw;
        height: 2.5vw;
    }

    .nav-buton__shape {
        height: 4.7vw;
    }

    .nav-button__content .icon-grid {
        width: 1.6667vw;
        height: 1.6667vw
    }

    .nav-button__content .icon-arrow-down {
        width: 1.0417vw;
        height: 0.9375vw;
        margin-left: 0.4167vw
    }

    .nav-button--svg {
        width: 16.6vw;
        height: 4.4792vw
    }

    .nav-button__content {
        padding-left: 1.5625vw
    }

    .nav-button__text {
        padding-left: 3.4375vw;
        font-size: 1.5625vw;
    }

    .header-nav__group {
        gap: 1.77vw
    }
}

/*
 * Мобильная версия (до 767px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 767px) {
    .site-header {
        max-width: 90.625vw;
        height: 16.25vw;
        padding: 0 3.125vw;
        border-radius: 3.75vw
    }

    .header-logo {
        order: 2;
        /* Логотип теперь справа */
    }

    .nav-buton__shape {
        height: 10.4vw;
    }

    .header-logo img {
        height: 10vw
    }

    .header-nav__group:first-of-type {
        order: 1
    }

    .nav-button--svg {
        width: 40vw;
    }

    .nav-button__text {
        padding-left: 8vw;
        font-size: 4.7vw;
    }

    .nav-button__content {
        padding-left: 2.8125vw
    }

    /* Скрываем правую группу навигации */
    .header-nav__group:last-of-type {
        display: none
    }

    .nav-button__content .icon-arrow-down {
        width: 3.125vw;
        height: 2.8125vw;
        margin-left: 0;
    }

    .header-nav__group {
        gap: 2.5vw
    }

    /* Адаптируем кнопку-бургер под мобильный размер */
    .btn--burger {
        width: 10vw;
        height: 10vw
    }

    .btn--burger img {
        width: 6.875vw;
        height: 6.875vw
    }

    .icon {
        width: 6vw;
        height: 6vw;
    }

    .nav-button__content .icon-grid {
        width: 5vw;
        height: 5vw
    }

}

/* --- Основная секция (Hero) --- */
.hero-section {
    position: relative;
    width: 100vw;
    height: 58.33vw;
    margin: 0 auto;
    overflow: hidden
}

/* Новая обертка, которая создает "пространство для прокрутки" */
.hero-pin-wrapper {
    height: 300vh;
}


.hero-section {
    position: sticky;
    top: 0;
}

.flying-bottle {
    position: fixed;
    transition: top 0.8s ease-in-out, left 0.8s ease-in-out, width 0.8s ease-in-out, height 0.8s ease-in-out;
}



.bestseller-section__bottle,
.categories-section__bottle {
    display: none;
}


.movable-bottle.is-landed {
    position: absolute;
    /* Конечные координаты и размер внутри плейсхолдера */
    top: 50px;
    left: 50px;
    width: 200px;
    height: auto;
    transform: translate(0, 0);
    /* Сбрасываем центрирование */
}

/* 2. Стили для плейсхолдера и статичной баночки */
.product-card--vega-placeholder {
    overflow: visible !important;
}

.static-bottle {
    position: absolute;
    top: -10vw;
    width: 11.2vw;
    opacity: 0;
    transition: opacity 0.3s;
    left: 1.5vw;
}

@media (max-width: 960px) {

    .hero-pin-wrapper {
        height: min-content;
    }


    .hero-section {
        position: relative;
    }

    .flying-bottle {
        position: absolute;
        transition: top 0.8s ease-in-out, left 0.8s ease-in-out, width 0.8s ease-in-out, height 0.8s ease-in-out;
    }

    .bestseller-section__bottle,
    .categories-section__bottle {
        display: block;
    }

    .static-bottle {
        position: absolute;
        top: -22vw;
        width: 80%;
        opacity: 1;
        left: 50%;
        transform: translatex(-50%);
    }
}

@media (max-width: 767px) {
    .static-bottle {
        top: -10vw;
        width: 45%;
    }
}

.hero-background {
    position: absolute;
    width: 50vw;
    height: 100%;
    right: 0;
    top: 0
}

.hero-background__dark-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color-primary-darker);
    z-index: 1
}

.hero-background__image {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/fon-cosmos.webp) no-repeat center center/cover;
    mix-blend-mode: overlay;
    opacity: 0.8;
    z-index: 2
}

.hero-planet-bg {
    position: absolute;
    width: 54.534vw;
    height: 54.534vw;
    left: 22.734vw;
    top: 11.795vw;
    background: var(--gradient-planet);
    border-radius: 50%;
    z-index: 3
}

.orbits {
    position: absolute;
    width: 78.125vw;
    height: 78.125vw;
    left: 10.9375vw;
    top: 0;
    z-index: 2
}

.orbit {
    box-sizing: border-box;
    position: absolute;
    border-radius: 50%
}


.orbit--outer {
    width: 78.125vw;
    height: 78.125vw;
    left: 0;
    top: 0;
    animation: 110s linear infinite rotate-outer;
}

@keyframes rotate-outer {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

.orbit--inner {
    width: 65.768vw;
    height: 65.768vw;
    left: 6.15vw;
    top: 6.15vw;
    animation: 120s linear infinite orbit-inner;
}

@keyframes orbit-inner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.planet {
    position: absolute;
    border-radius: 50%
}

.planet--1 {
    width: 1.838vw;
    height: 1.838vw;
    left: 5.781vw;
    top: 32.22vw;
    background: var(--gradient-planet-small)
}

.planet--2 {
    width: 1.123vw;
    height: 1.123vw;
    left: 19.01vw;
    top: 12.062vw;
    background: var(--color-primary)
}

.planet--3 {
    width: 1.123vw;
    height: 1.123vw;
    left: 63.0208vw;
    top: 63.368vw;
    background: var(--color-primary)
}

.planet--4 {
    width: 0.919vw;
    height: 0.919vw;
    left: 55.5656vw;
    top: 3.4687vw;
    background: var(--color-planet-gray)
}

.planet--5 {
    width: 0.7448vw;
    height: 0.7448vw;
    left: 3.2708vw;
    top: 22.531vw;
    background: var(--gradient-planet-small)
}

.planet--6 {
    width: 0.817vw;
    height: 0.817vw;
    left: 17.708vw;
    top: 5.729vw;
    background: var(--gradient-planet-small)
}

.planet--7 {
    width: 0.817vw;
    height: 0.817vw;
    left: 16.299vw;
    top: 61.472vw;
    background: var(--gradient-planet-small)
}

.planet--8 {
    width: 1.6339vw;
    height: 1.6339vw;
    left: 57.7448vw;
    top: 4.544vw;
    background: var(--gradient-planet-small)
}

.planet--9 {
    width: 1.6339vw;
    height: 1.6339vw;
    left: 53.37vw;
    top: 65.921vw;
    background: var(--gradient-planet-small)
}

.planet--10 {
    width: 0.715vw;
    height: 0.715vw;
    left: 70.8229vw;
    top: 32.271vw;
    background: var(--gradient-planet-small)
}

.planet--11 {
    width: 0.6125vw;
    height: 0.6125vw;
    left: 66.595vw;
    top: 11.2339vw;
    background: var(--color-primary)
}

.planet--12 {
    width: 0.919vw;
    height: 0.919vw;
    left: 75.0937vw;
    top: 24.8958vw;
    background: var(--color-primary)
}

.hero-title-block {
    position: absolute;
    width: 35.781vw;
    left: 10.9375vw;
    top: 20.312vw;
    z-index: 10
}

.hero-title-block__subtitle {
    font-size: 5.208vw;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: var(--color-primary)
}

.hero-title-block__main {
    background-clip: text !important;
    font-size: 24.2188vw;
    background: var(--gradient-title-main);
    line-height: 90%
}

.hero-title-cosmos {
    position: absolute;
    width: 34.01vw;
    height: 20.8599vw;
    left: 56.25vw;
    top: 26.0417vw;
    z-index: 18
}

.hero-title-cosmos__fill {
    font-size: 20.312vw;
    background: var(--gradient-title-secondary);
    z-index: 2;
    line-height: 90%;
    position: absolute
}

.hero-title-cosmos__stroke {
    font-size: 20.312vw;
    -webkit-text-stroke: 0.0521vw var(--color-hero-stroke);
    color: transparent;
    top: 0.4167vw;
    left: 0.26vw;
    z-index: 1;
    line-height: 90%;
    position: absolute
}

.hero-description {
    position: absolute;
    width: 14.9479vw;
    left: 74.1146vw;
    top: 20.208vw;
    font-size: 1.0417vw;
    line-height: 120%;
    text-align: right;
    color: var(--color-bg-light);
    z-index: 10
}

.title-decoration.hero-signature {
    position: absolute;
    width: 10.729vw;
    height: 7.187vw;
    left: 70.5729vw;
    top: 36.46vw;
    font-family: "Great Vibes", cursive;
    font-size: 5.729vw;
    line-height: 7.187vw;
    letter-spacing: -0.04em;
    color: var(--color-signature);
    text-shadow: 0.104vw 0.1562vw 0 rgba(46, 9, 74, 0.35);
    transform: rotate(-30deg);
    z-index: 20
}

.title-decoration.hero-signature .title-decoration__text {
    width: 10.729vw;
    height: 7.187vw;
    font-family: "Great Vibes", cursive;
    font-size: 5.729vw;
    line-height: 7.187vw;
    letter-spacing: -0.04em;
    color: var(--color-signature);
    text-shadow: 0.104vw 0.1562vw 0 rgba(46, 9, 74, 0.35);
    z-index: 20
}

.hero-cta-button {
    position: absolute;
    width: 7.3958vw;
    height: 7.3958vw;
    left: 39.427vw;
    top: 41.312vw;
    transform: rotate(-22deg);
    z-index: 20
}

.hero-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.hero-images__bottle-shadow {
    position: absolute;
    width: 15.833vw;
    height: 7.708vw;
    left: 50vw;
    top: 37.29vw;
    background: var(--color-shadow-deep);
    filter: blur(75px);
    z-index: 14
}

.hero-images__bottle {
    height: 37.2396vw;
    left: 42.3229vw;
    top: 10.885vw;
    transform: rotate(-16.46deg);
    z-index: 14;
}


.moving-bottle {
    position: fixed;
    top: 10.885vw;
    left: 42.75vw;
    transform: rotate(-16.46deg);
    z-index: 10;
    transition: none;
}

.moving-bottle.stopped {
    position: absolute;
}

.hero-images__balloons {
    position: absolute;
    transform: rotate(15.32deg);
    width: 30.83vw;
    left: 38vw;
    top: -3.94vw;
    z-index: 25
}

/* ==========================================================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ HERO-СЕКЦИИ
   ========================================================================== */
/*
 * Планшетная версия (до 960px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {

    .hero-images__bottle.statick-bottle {
        position: absolute;
    }

    .hero-section {
        width: 100%;
        height: 89.5833vw;
        /* Уменьшаем высоту секции */
    }

    .hero-background {
        width: 50%;
        /* Правый фон занимает половину экрана */
    }

    /* Уменьшаем и центрируем орбиты */
    .orbits {
        width: 66.6667vw;
        height: 66.6667vw;
        left: 50%;
        top: 17.8125vw;
        transform: translatex(-50%)
    }

    .orbit--outer {
        width: 100%;
        height: 100%
    }

    .orbit--inner {
        width: 56.0417vw;
        height: 56.0417vw;
        left: 5.3vw;
        top: 5.3vw
    }

    /* Уменьшаем центральную планету-фон */
    .hero-planet-bg {
        width: 46.5625vw;
        height: 46.5625vw;
        left: 50%;
        top: 27.8125vw;
        transform: translatex(-50%)
    }

    /* Адаптируем заголовки */
    .hero-title-block {
        left: 1.5625vw;
        top: 30.1042vw;
        width: auto
    }

    .hero-title-block__subtitle {
        font-size: 7.0833vw;
        line-height: 1.1
    }

    .hero-title-block__main {
        font-size: 27.7083vw
    }

    .hero-title-cosmos {
        left: 53.5vw;
        top: 37.1875vw;
        width: auto
    }

    .hero-title-cosmos__fill,
    .hero-title-cosmos__stroke {
        font-size: 27.0833vw
    }

    .hero-title-cosmos__stroke {
        top: 0.5208vw;
        left: 0.3vw
    }

    /* Адаптируем остальные текстовые элементы */
    .hero-description {
        left: auto;
        right: 1.5625vw;
        top: 27.9167vw;
        width: 27.2917vw;
        font-size: 1.875vw
    }

    .hero-signature {
        left: 70.8333vw;
        top: 56.25vw;
        font-size: 7.5vw;
        line-height: 1.1
    }

    /* Адаптируем изображения */
    .hero-images__bottle {
        width: 16.6667vw;
        height: auto;
        left: 36.4583vw;
        top: 28.5417vw;
        transform: rotate(-16.46deg)
    }

    .hero-images__bottle-shadow {
        left: 42.6042vw;
        top: 55.9375vw;
        width: 15.625vw;
        height: 7.2917vw;
        filter: blur(50px)
    }

    .hero-images__balloons {
        width: 33.5417vw;
        left: 31vw;
        top: 11.7vw;
        transform: rotate(15.32deg)
    }

    /* Адаптируем кнопку */
    .hero-cta-button {
        width: 11.9792vw;
        height: 11.9792vw;
        left: 32.2917vw;
        top: 60.7292vw
    }

    .planet--1 {
        width: 1.5684vw;
        height: 1.5684vw;
        left: 4.9332vw;
        top: 27.4944vw;
        background: var(--gradient-planet-small)
    }

    .planet--2 {
        width: 0.9582vw;
        height: 0.9582vw;
        left: 16.2221vw;
        top: 10.2928vw;
        background: var(--color-primary)
    }

    .planet--3 {
        width: 0.9582vw;
        height: 0.9582vw;
        left: 53.7791vw;
        top: 58.6562vw;
        background: var(--color-primary)
    }

    .planet--4 {
        width: 0.7843vw;
        height: 0.7843vw;
        left: 47.4168vw;
        top: 2.96vw;
        background: var(--color-planet-gray)
    }

    .planet--5 {
        width: 0.6355vw;
        height: 0.6355vw;
        left: 2.7911vw;
        top: 19.2261vw;
        background: var(--gradient-planet-small)
    }

    .planet--6 {
        width: 0.6972vw;
        height: 0.6972vw;
        left: 15.1108vw;
        top: 4.8887vw;
        background: var(--gradient-planet-small)
    }

    .planet--7 {
        width: 0.6972vw;
        height: 0.6972vw;
        left: 13.9085vw;
        top: 53.5vw;
        background: var(--gradient-planet-small)
    }

    .planet--8 {
        width: 1.3943vw;
        height: 1.3943vw;
        left: 49.2764vw;
        top: 3.8776vw;
        background: var(--gradient-planet-small)
    }

    .planet--9 {
        width: 1.3943vw;
        height: 1.3943vw;
        left: 45.5427vw;
        top: 57.2917vw;
        background: var(--gradient-planet-small)
    }

    .planet--10 {
        width: 0.6101vw;
        height: 0.6101vw;
        left: 60.4372vw;
        top: 27.5379vw;
        background: var(--gradient-planet-small)
    }

    .planet--11 {
        width: 0.5227vw;
        height: 0.5227vw;
        left: 56.828vw;
        top: 9.5862vw;
        background: var(--color-primary)
    }

    .planet--12 {
        width: 0.7843vw;
        height: 0.7843vw;
        left: 62.2083vw;
        top: 17.1875vw;
        background: var(--color-primary)
    }
}

/*
 * Мобильная версия (до 767px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 767px) {

    .hero-images__bottle.statick-bottle {
        position: absolute;
        top: 98.4vw;
    }

    .hero-section {
        height: 268.75vw;
        overflow: hidden
    }

    /* Фон занимает весь экран */
    .hero-background {
        width: 50%;
        height: 161.5625vw
    }

    .hero-title-block {
        display: flex;
        flex-direction: column;
        width: 100%;
        left: 5vw;
        top: 31.25vw
    }

    .hero-title-block__subtitle {
        font-size: 15.9375vw
    }

    .hero-title-block__main {
        font-size: 28.125vw
    }

    .hero-title-cosmos {
        width: 100%;
        left: 48.125vw;
        top: 48.75vw;
        /* Позиционируем под "Бренд з" */
    }

    .hero-title-cosmos__fill,
    .hero-title-cosmos__stroke {
        font-size: 28.125vw
    }

    .hero-title-cosmos__stroke {
        top: 0.9375vw;
        left: 0.625vw
    }

    .title-decoration.hero-signature {
        left: 81.875vw;
        top: 48.4375vw;
        font-size: 7.8125vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.3vw
    }

    .title-decoration.hero-signature .title-decoration__text {
        font-size: 7.8125vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.3vw
    }

    .hero-description {
        color: var(--color-primary-darkest);
        left: 9vw;
        top: 177.5vw;
        width: 81.875vw;
        text-align: center;
        font-size: 5.625vw;
        /* 21.6px */
    }

    .hero-images__balloons {
        width: 65.5vw;
        left: 20vw;
        top: 67vw;
    }

    /* Центральная бутылочка */
    .hero-images__bottle {
        width: 31.25vw;
        height: auto;
        left: 31.5625vw;
        top: 94.375vw;
        /* Выравниваем по центру */
    }

    /* Кнопка внизу */
    .hero-cta-button {
        width: 35.9375vw;
        height: 35.9375vw;
        left: 32.1875vw;
        top: 204.7vw
    }

    .orbits {
        width: 90.625vw;
        height: 90.625vw;
        top: 85vw
    }

    .orbit--inner {
        width: 76.25vw;
        height: 76.25vw;
        left: 7.1875vw;
        top: 7.1875vw
    }

    .hero-planet-bg {
        width: 63.2597vw;
        height: 63.2597vw;
        top: 98.4375vw
    }

    .planet--1 {
        width: 2.1322vw;
        height: 2.1322vw;
        left: 6.7188vw;
        top: 37.3766vw
    }

    .planet--2 {
        width: 1.3022vw;
        height: 1.3022vw;
        left: 22.0575vw;
        top: 13.9931vw
    }

    .planet--3 {
        width: 1.3022vw;
        height: 1.3022vw;
        left: 73.0994vw;
        top: 79.7812vw
    }

    .planet--4 {
        width: 1.0662vw;
        height: 1.0662vw;
        left: 64.4653vw;
        top: 4.0234vw
    }

    .planet--5 {
        width: 0.8637vw;
        height: 0.8637vw;
        left: 3.7966vw;
        top: 26.1541vw
    }

    .planet--6 {
        width: 0.9478vw;
        height: 0.9478vw;
        left: 20.5372vw;
        top: 6.6475vw
    }

    .planet--7 {
        width: 2.5vw;
        height: 2.5vw;
        left: 18.9091vw;
        top: 72.875vw
    }

    .planet--8 {
        width: 1.8962vw;
        height: 1.8962vw;
        left: 66.9887vw;
        top: 5.2691vw
    }

    .planet--9 {
        width: 1.8962vw;
        height: 1.8962vw;
        left: 61.9106vw;
        top: 77.8125vw
    }

    .planet--10 {
        width: 0.8294vw;
        height: 0.8294vw;
        left: 82.1597vw;
        top: 37.445vw
    }

    .planet--11 {
        width: 0.7106vw;
        height: 0.7106vw;
        left: 77.2225vw;
        top: 13.03vw
    }

    .planet--12 {
        width: 1.0662vw;
        height: 1.0662vw;
        left: 87.1397vw;
        top: 28.8769vw
    }
}

/* ==========================================================================
   6. СЕКЦИЯ "БЕСТСЕЛЛЕР"
   ========================================================================== */
.section {
    position: relative;
    width: 100vw;
    margin: 0 auto
}

.bestseller-section {
    height: 46.875vw;
    background-color: var(--color-bg-light);
    border-radius: 2.3438vw;
    margin-top: -2.0833vw;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.bestseller-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 1
}

/* --- Абсолютное позиционирование блоков --- */
.bestseller-intro {
    left: 10.9375vw;
    top: 7.8125vw;
    width: 21.406vw
}

.bestseller-intro .pre-title {
    color: var(--color-bg-light)
}

.bestseller-intro .section-intro__description {
    color: var(--color-bg-light);
    width: 18.385vw;
    height: 4.7917vw
}

.bestseller-intro .title-decoration {
    left: 9.531vw;
    top: 11vw;
    transform: rotate(-22deg);
    line-height: 125%
}

.bestseller-center-piece {
    position: absolute;
    z-index: 5;
    width: 40.625vw;
    height: 40.625vw;
    left: 50%;
    top: 24.1667vw;
    transform: translate(-50%, -50%)
}

.bestseller-info-card {
    position: absolute;
    z-index: 10;
    left: 69.2188vw;
    top: 7.8125vw
}

.bestseller-price-block {
    display: flex;
    align-items: center;
    gap: 1.5625vw;
    position: relative;
    height: 7.3958vw;
    width: 100%
}

.bestseller-price {
    font-size: 3.75vw;
    line-height: 90%;
    background: var(--gradient-price)
}

.bestseller-cta-button {
    position: absolute;
    left: 10.4167vw;
    top: 0;
}

.bestseller-planet-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28.6458vw;
    height: 28.6458vw;
    background: var(--gradient-bestseller-planet);
    backdrop-filter: blur(8.5px);
    border-radius: 50%;
    opacity: .35;
}

.bestseller-orbits {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}


.bestseller-orbits .orbit--outer {
    width: 40.625vw;
    height: 40.625vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: 100s linear infinite bestseller-orbit--outer;
}

.bestseller-orbits .orbit--inner {
    width: 34.1667vw;
    height: 34.1667vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: 110s linear infinite bestseller-orbit--inner;
}

@keyframes bestseller-orbit--outer {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes bestseller-orbit--inner {
    from {
        /* В начале элемент сдвинут и повернут на 0 градусов */
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        /* В конце элемент все еще сдвинут, но повернут на 360 градусов */
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

.bestseller-orbits .planet {
    position: absolute;
    border-radius: 50%
}

.bestseller-orbits .planet--b1 {
    width: 0.9375vw;
    height: 0.9375vw;
    left: 3.0729vw;
    top: 16.7708vw;
    background: var(--gradient-planet-small)
}

.bestseller-orbits .planet--b2 {
    width: 0.4167vw;
    height: 0.4167vw;
    left: 10.156vw;
    top: 2.3958vw;
    background: var(--gradient-planet-small)
}

.bestseller-orbits .planet--b3 {
    width: 0.4167vw;
    height: 0.4167vw;
    left: 33.0208vw;
    top: 31.25vw;
    background: var(--gradient-planet-small)
}

.bestseller-orbits .planet--b4 {
    width: 0.833vw;
    height: 0.833vw;
    left: 30.208vw;
    top: 2.3438vw;
    background: var(--gradient-planet-small)
}

.bestseller-orbits .planet--b5 {
    width: 0.833vw;
    height: 0.833vw;
    left: 31.0417vw;
    top: 36.8229vw;
    background: var(--gradient-planet-small)
}

.bestseller-orbits .planet--b6 {
    width: 0.4167vw;
    height: 0.4167vw;
    left: 36.875vw;
    top: 16.7708vw;
    background: var(--gradient-planet-small)
}

.bestseller-orbits .planet--b7 {
    width: 0.4167vw;
    height: 0.4167vw;
    left: 28.958vw;
    top: 5.833vw;
    background: var(--color-primary)
}

.bestseller-orbits .planet--b8 {
    width: 0.4167vw;
    height: 0.4167vw;
    left: 39.531vw;
    top: 14.8958vw;
    background: var(--color-primary)
}

.bestseller-orbits .planet--b9 {
    width: 0.625vw;
    height: 0.625vw;
    left: 4.7vw;
    top: 33.802vw;
    background: var(--color-primary)
}

.bestseller-orbits .planet--b10 {
    width: 0.4167vw;
    height: 0.4167vw;
    left: 17.9167vw;
    top: 37.031vw;
    background: var(--color-primary)
}

.bestseller-section__bottle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 30vw !important;
    width: auto;
    z-index: 10
}

.info-card {
    width: 19.8438vw;
    height: 23.5938vw;
    border: 2px solid rgba(247, 243, 248, 0.6);
    border-radius: 1.5625vw;
    padding-top: 4.1667vw;
    padding-left: 2.08vw;
    display: flex;
    flex-direction: column;
    gap: 1.302vw
}

.info-card__title {
    font-weight: 600;
    font-size: 1.0417vw;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--color-text-medium-gray)
}

.info-card__item {
    margin-top: 1vw;
    padding-top: 1vw;
    display: flex;
    align-items: flex-start;
    gap: 1.0417vw
}

.info-card__volume {
    font-size: 3.75vw;
    line-height: 100%;
    color: var(--color-primary);
    letter-spacing: -0.02em;
    width: 4.635vw;
    height: 2.604vw
}

.info-card__text {
    font-size: 0.885vw;
    line-height: 120%;
    color: var(--color-bg-light)
}

.info-card__item .info-card__text {
    width: 10.885vw;
    height: 3.281vw
}

.info-card__item.line .info-card__text {
    width: 16.0938vw;
    height: 3.281vw
}

.info-card__item.line {
    border-top: 1px solid rgba(247, 243, 248, 0.25);
    border-bottom: 1px solid rgba(247, 243, 248, 0.25);
    padding-bottom: 1vw
}

.bestseller-price-block-mob {
    display: none
}

/* ==========================================================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ СЕКЦИИ "БЕСТСЕЛЛЕР"
   ========================================================================== */
/*
 * Планшетная версия (до 960px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .bestseller-section {
        width: 100%;
        height: 62.5vw;
        margin-top: 0;
        border-radius: 0 0 4.7vw 4.7vw
    }

    /* Адаптация левого текстового блока */
    .bestseller-intro {
        left: 1.7708vw;
        top: 9.8958vw;
        width: 32.1875vw
    }

    .bestseller-intro .section-intro__title {
        font-size: 7.0833vw
    }

    .bestseller-intro .title-decoration {
        left: 12.0833vw;
        top: 14.375vw;
        font-size: 3.3333vw
    }

    .bestseller-intro .title-decoration__text {
        font-size: 3.3333vw
    }

    .bestseller-intro .section-intro__description {
        width: 28.3333vw;
        height: 9.5833vw;
        font-size: 1.6667vw
    }


    .info-card__item.line .info-card__text {
        width: 23.0208vw;
        height: 6.562vw
    }

    .info-card__volume {
        font-size: 6.6667vw;
        width: 9.27vw;
        height: 5.208vw
    }

    .info-card__item .info-card__text {
        width: 21.77vw;
        height: 6.562vw
    }

    .info-card__item {
        padding-top: 1.5625vw;
        gap: 2.0833vw
    }

    /* Адаптация блока с ценой */
    .bestseller-price-block {
        margin-top: -1.0417vw;
        height: auto
    }

    .bestseller-price {
        font-size: 7.0833vw;
        line-height: 100%
    }

    .bestseller-cta-button {
        position: relative;
        left: auto;
        top: auto;
    }

    /* Адаптация центрального элемента */
    .bestseller-center-piece {
        width: 44.1667vw;
        height: 44.1667vw;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .bestseller-orbits .orbit--outer {
        width: 100%;
        height: 100%
    }

    .bestseller-orbits .orbit--inner {
        width: 37.0833vw;
        height: 37.0833vw
    }

    .bestseller-planet-bg {
        width: 31.1458vw;
        height: 31.1458vw
    }

    .bestseller-section__bottle {
        height: 39.375vw !important;
    }

    .bestseller-orbits .planet--b1 {
        width: 1.0187vw;
        height: 1.0187vw;
        left: 3.3406vw;
        top: 18.2292vw
    }

    .bestseller-orbits .planet--b2 {
        width: 0.4531vw;
        height: 0.4531vw;
        left: 11.0396vw;
        top: 2.6042vw
    }

    .bestseller-orbits .planet--b3 {
        width: 0.4531vw;
        height: 0.4531vw;
        left: 35.8927vw;
        top: 33.9677vw
    }

    .bestseller-orbits .planet--b4 {
        width: 0.9052vw;
        height: 0.9052vw;
        left: 32.8344vw;
        top: 2.5479vw
    }

    .bestseller-orbits .planet--b5 {
        width: 0.9052vw;
        height: 0.9052vw;
        left: 33.7406vw;
        top: 40.025vw
    }

    .bestseller-orbits .planet--b6 {
        width: 0.4531vw;
        height: 0.4531vw;
        left: 40.0812vw;
        top: 18.2292vw
    }

    .bestseller-orbits .planet--b7 {
        width: 0.4531vw;
        height: 0.4531vw;
        left: 31.476vw;
        top: 6.3406vw
    }

    .bestseller-orbits .planet--b8 {
        width: 0.4531vw;
        height: 0.4531vw;
        left: 42.9688vw;
        top: 16.1906vw
    }

    .bestseller-orbits .planet--b9 {
        width: 0.6792vw;
        height: 0.6792vw;
        left: 5.0948vw;
        top: 36.7417vw
    }

    .bestseller-orbits .planet--b10 {
        width: 0.4531vw;
        height: 0.4531vw;
        left: 19.475vw;
        top: 40.251vw
    }

    /* Адаптация правой инфо-карточки */
    .bestseller-info-card {
        left: auto;
        right: 1.5625vw;
        top: 50%;
        transform: translatey(-50%);
        width: 37.2917vw;
        height: 42.5vw;
        gap: 1.5625vw;
        background: rgba(247, 243, 248, 0.2);
        backdrop-filter: blur(7.5px);
        border-radius: 3.125vw;
    }

    .info-card__item.line .info-card__text {
        width: 23.0208vw
    }

    .info-card__title {
        font-size: 2.0833vw;
        margin-bottom: 2.0833vw
    }

    .info-card__item {
        margin-top: 0;
        padding-top: 1.5625vw
    }

    .info-card__item.line {
        padding-bottom: 1.5625vw
    }

    .info-card__volume {
        font-size: 6.6667vw
    }

    .info-card__text {
        font-size: 1.6667vw
    }
}

/*
 * Мобильная версия (до 767px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 767px) {
    .bestseller-section {
        height: 294.375vw;
        border-radius: 10.9375vw;
        margin: -12.5vw 0 0 0;
        width: auto;
        /* Перестраиваем в колонку */
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 14vw 4.7vw;
        box-sizing: border-box
    }

    .bestseller-section__bg {
        border-radius: 10.9375vw
    }

    /* Все дочерние элементы теперь в потоке, убираем абсолютное позиционирование */
    .bestseller-intro,
    .bestseller-center-piece,
    .bestseller-info-card {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 100%
    }

    .bestseller-intro {
        order: 1;
        text-align: left
    }

    .bestseller-intro .section-intro__title {
        font-size: 16vw
    }

    .bestseller-intro .title-decoration {
        left: 26vw;
        top: 42vw
    }

    .bestseller-intro .title-decoration__text {
        font-size: 7.8125vw
    }

    .bestseller-intro .section-intro__description {
        width: 100%;
        height: auto
    }

    .bestseller-intro .section-intro__description {
        width: 100%;
        height: auto;
        font-size: 5vw
    }

    .info-card__item.line .info-card__text {
        width: 54vw;
        height: auto
    }

    .info-card__volume {
        font-size: 12.5vw;

        width: 15.3vw;
        height: 15.62vw
    }

    .info-card__item .info-card__text {
        width: 54vw;
        height: auto
    }

    .info-card__item {
        padding-top: 4.7vw;
        gap: 3.75vw;
        padding-bottom: 4.7vw
    }

    /* Стили для центрального блока с продуктом */
    .bestseller-center-piece {
        order: 2;
        width: 81.25vw;
        height: 81.25vw;
        margin-top: 12.5vw;
        /* Немного наезжает на текст */
    }

    .bestseller-orbits .orbit--inner {
        width: 68.125vw;
        height: 68.125vw
    }

    .bestseller-orbits .orbit--outer {
        width: 81.25vw;
        height: 81.25vw
    }

    .bestseller-planet-bg {
        width: 57.1875vw;
        height: 57.1875vw
    }

    .bestseller-section__bottle {
        height: 72.5vw !important;
    }

    /* Стили для инфо-карточки */
    .bestseller-info-card {
        order: 3;
        width: 100%;
        max-width: 90.625vw;
        height: 98.4375vw;
        padding: 8.4375vw;
        border: 1px solid rgba(247, 243, 248, 0.6);
        gap: 1.5625vw;
        left: 0;
        border-radius: 9.375vw;
    }

    .info-card__title {
        margin-bottom: 0;
        font-size: 6.25vw;
    }

    .info-card__item {
        gap: 3.75vw;
        padding-top: 4.7vw;
        padding-bottom: 4.7vw
    }

    .info-card__item.line {
        padding: 5.625vw 0
    }

    .info-card__volume {
        font-size: 12.5vw;
        width: 15.3vw
    }

    .info-card__item .info-card__text,
    .info-card__item.line .info-card__text {
        width: 54vw;
        height: auto
    }

    .info-card__text {
        color: #F7F3F8;
        font-family: "Vela Sans";
        font-size: 5vw;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        /* 19.2px */
    }

    /* Стили для блока с ценой */
    .bestseller-price-block {
        display: none
    }

    .bestseller-price-block-mob {
        display: flex;
        width: 100%;
        max-width: 90.625vw;
        margin-top: 6.25vw;
        z-index: 4;
        order: 4;
        justify-content: space-between;
        align-items: center
    }

    .bestseller-price {
        font-size: 15.9375vw;
        line-height: 100%
    }

    .bestseller-orbits .planet--b1 {
        width: 1.875vw;
        height: 1.875vw;
        left: 6.1469vw;
        top: 33.5406vw
    }

    .bestseller-orbits .planet--b2 {
        width: 0.8344vw;
        height: 0.8344vw;
        left: 20.3vw;
        top: 0
    }

    .bestseller-orbits .planet--b3 {
        width: 0.8344vw;
        height: 0.8344vw;
        left: 66.0406vw;
        top: 62.5vw
    }

    .bestseller-orbits .planet--b4 {
        width: 1.6656vw;
        height: 1.6656vw;
        left: 60.4156vw;
        top: 0.3vw
    }

    .bestseller-orbits .planet--b5 {
        width: 1.6656vw;
        height: 1.6656vw;
        left: 62.0844vw;
        top: 58.0219vw
    }

    .bestseller-orbits .planet--b6 {
        width: 0.8344vw;
        height: 0.8344vw;
        left: 73.75vw;
        top: 33.5406vw
    }

    .bestseller-orbits .planet--b7 {
        width: 0.8344vw;
        height: 0.8344vw;
        left: 57.9156vw;
        top: -9.375vw
    }

    .bestseller-orbits .planet--b8 {
        width: 0.8344vw;
        height: 0.8344vw;
        left: 80.625vw;
        top: 29.7906vw
    }

    .bestseller-orbits .planet--b9 {
        width: 1.25vw;
        height: 1.25vw;
        left: 9.375vw;
        top: 66.0406vw
    }

    .bestseller-orbits .planet--b10 {
        width: 0.8344vw;
        height: 0.8344vw;
        left: 35.8344vw;
        top: 74vw
    }
}

/* ==========================================================================
   7. СЕКЦИЯ "КАТЕГОРИИ"
   ========================================================================== */
.categories-section {
    position: relative;
    width: 100vw;
    height: 101.406vw;
    margin: 7.8125vw auto 0 auto
}

.categories-bg-text {
    position: relative;
    left: 10.9893vw;
    top: 12.9688vw;
}

.categories-bg-text svg {
    width: 78.125vw;
    height: 31.7708vw;
}

.categories-bg-text svg, .categories-bg-text-mobile svg {
    opacity: 0.14
}

.bg-blur {
    position: absolute;
    width: 25.312vw;
    height: 25.312vw;
    background: var(--gradient-title-main);
    filter: blur(400px);
    z-index: 0;
    border-radius: 50%;
    opacity: 0.5 !important
}

.categories-bg-blur--left {
    left: -0.3vw;
    top: 34.1146vw
}

.categories-bg-blur--right {
    left: 84.635vw;
    top: 71.0417vw;
    filter: blur(375px)
}

.categories-list-bg {
    position: absolute;
    width: 38.5417vw;
    height: 38.5417vw;
    left: 44.427vw;
    top: 38.229vw;
    background: var(--color-primary);
    border-radius: 50%;
    z-index: 5
}

.categories-section__bottle {
    position: absolute;
    width: 15.3646vw;
    height: 34.375vw;
    left: calc(50% - 15.3646vw / 2 + 0.026vw);
    top: 0;
    z-index: 10
}

.categories-intro {
    width: 14.375vw;
    left: 10.9375vw;
    top: 0;
    z-index: 20;
    gap: 0
}

.categories-intro .section-intro__title {
    height: 3.6458vw;
    padding-top: 0.5208vw
}

.categories-intro .section-intro__description {
    margin-top: 1.875vw
}

.categories-intro .title-decoration {
    left: 3.6458vw;
    top: 6.5vw;
    transform: rotate(-20deg);
    z-index: 1
}

.category-card {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5208vw 0.5208vw 1.0417vw;
    gap: 1.0417vw;
    background: var(--color-white);
    border: 1px solid var(--color-primary);
    border-radius: 1.927vw;
    z-index: 15;
    text-decoration: none;
    color: var(--color-primary-darkest)
}

.category-card:hover .category-card__title {
    color: var(--color-accent-pink);
}

.category-card:hover,
.product-card:hover {
    box-shadow: 0 8px 24px rgba(165, 120, 199, 0.2);
}



.category-card__image {
    width: 100%;
    height: 14.7vw;
    border-radius: 1.562vw;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden
}

.category-card__content-wrapper {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4.2708vw;
    padding-bottom: 0.5208vw;
    padding-left: 1.1458vw;
    background: rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5.5px);
    display: flex;
    align-items: flex-end
}

.category-card__content-wrapper--large {
    height: 7.187vw
}

.category-card__title {
    font-family: "Cramaten", sans-serif;
    font-weight: 400;
    font-size: 2.76vw;
    line-height: 1;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--color-primary-darkest)
}

.category-card__description {
    font-family: "Vela Sans", sans-serif;
    font-size: 0.9375vw;
    line-height: 130%;
    color: var(--color-primary-darkest)
}

.category-card--gellaki p.category-card__description {
    width: 13.75vw;
    height: 5.9896vw
}

.category-card--bases {
    left: 10.9375vw;
    top: 14.2708vw;
    width: 14.375vw;
    height: 22.1875vw
}

.category-card--glitter {
    left: 10.9375vw;
    top: 78.958vw;
    width: 14.375vw;
    height: 22.1875vw
}

.category-card--decor {
    left: 26.354vw;
    top: 78.9062vw;
    width: 14.375vw;
    height: 22.1875vw
}

.category-card--gels {
    left: 26.875vw;
    top: 41.1458vw;
    width: 14.375vw;
    height: 29.479vw
}

.category-card--gellaki {
    left: 58.75vw;
    top: 0;
    width: 30.312vw;
    height: 36.458vw;
    align-items: flex-end
}

.category-card--care {
    left: 58.75vw;
    top: 78.958vw;
    width: 30.312vw;
    height: 22.1875vw;
    align-items: flex-end
}

.category-card--gels .category-card__image {
    height: 22.9167vw
}

.category-card--gellaki .category-card__image {
    height: 27.76vw
}

.category-card--care .category-card__image {
    height: 15.625vw
}

.category-card__bottle-in-image {
    position: absolute;
    height: 18.6458vw;
    width: auto;
    left: 50%;
    top: 2.031vw;
    transform: translatex(-50%)
}

.category-list-wrapper {
    position: absolute;
    width: 30.312vw;
    left: 58.75vw;
    top: 41.1458vw;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2.083vw
}

.category-list__main-title {
    font-size: 5.208vw;
    line-height: 80%;
    color: var(--color-white)
}

.category-list {
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    width: 100%
}

.category-list__item {
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--color-border-dark);
    padding-top: 1.0417vw;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    height: 3.713vw;
    flex: none;
    transition: all 0.3s ease;
}

.category-list__item:hover {
    margin-left: -2.6042vw;
    margin-right: 2.6042vw
}

.category-list:last-child {
    border-bottom: 1px solid var(--color-border-dark);
    padding-bottom: 0.5208vw
}

.category-list__item-title {
    font-family: "Cramaten", sans-serif;
    font-size: 2.76vw;
    line-height: 105%;
    text-transform: uppercase;
    color: var(--color-white)
}

.icon-arrow-right {
    width: 1.77vw;
    height: 1.77vw;
    fill: var(--color-primary);
}

.categories-cta-button {
    position: absolute;
    left: 46.324vw;
    top: 81.875vw;
    transform: rotate(-22deg);
    z-index: 20
}

.categories-cta-button span {
    text-align: center
}

.categories-bg-text-mobile {
    display: none
}

/* ==========================================================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ СЕКЦИИ "КАТЕГОРИИ"
   ========================================================================== */
/*
 * Планшетная версия (до 960px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .categories-section {
        width: 100%;
        height: 185.4167vw;
        margin: 10.4167vw 0
    }

    /* Скрываем фоновые пятна и текстовый фон */
    .categories-bg-blur--left,
    .categories-bg-blur--right,
    .categories-bg-text {
        display: none
    }

    /* Адаптация центрального круга и бутылки */
    .categories-list-bg {
        width: 77.0833vw;
        height: 77.0833vw;
        left: -24.4792vw;
        top: 66.4583vw
    }

    .category-list__item {
        padding-top: 2.0833vw;
        height: 7.426vw
    }

    .category-list__item:hover {
        margin-left: 2.6042vw;
        margin-right: -2.6042vw
    }

    .categories-section__bottle {
        width: 20.9375vw;
        height: auto;
        top: 14.7917vw
    }

    /* Адаптация левого интро-блока */
    .categories-intro {
        left: 1.5625vw;
        top: 0;
        width: 28.75vw
    }

    .categories-intro .section-intro__title {
        font-size: 7.0833vw;
        height: auto
    }

    .categories-intro .section-intro__description {
        margin-top: 2.0833vw;
        font-size: 1.6667vw
    }

    .categories-intro .title-decoration {
        left: 8.2vw;
        top: 9vw;
    }

    .categories-intro .title-decoration__text {
        font-size: 3.3333vw
    }

    /* Адаптация карточек категорий */
    .category-card {
        padding: 0.8333vw 0.8333vw 1.25vw;
        border-radius: 2.6042vw
    }

    .category-card__description {
        font-size: 1.6667vw
    }

    .category-card__image {
        border-radius: 2.0833vw;
        height: 29.375vw;
    }

    .category-card__content-wrapper {
        border-radius: 0 0 2.0833vw 2.0833vw;
        padding-left: 1.5625vw;
        height: 6.4583vw
    }

    .category-card__title {
        font-size: 4.7vw
    }

    /* Новые позиции и размеры для карточек */
    .category-card--bases {
        left: 1.5625vw;
        top: 20.1042vw;
        width: 28.75vw;
        height: 43.5417vw
    }

    .category-card--gellaki {
        left: 60.9375vw;
        top: 0;
        width: 37.5vw;
        height: 50.9375vw
    }

    .category-card--gellaki .category-card__image {
        height: 36.7708vw
    }

    .category-card--gellaki p.category-card__description {
        width: 100%;
        height: auto
    }

    .category-card--gels {
        left: 69.6875vw;
        top: 64.2708vw;
        width: 28.75vw;
        height: 58.9583vw
    }

    .category-card--gels .category-card__image {
        height: 45.8333vw
    }

    .category-card__bottle-in-image {
        display: none;
        /* Скрываем бутылку в гелях */
    }

    .category-card--glitter {
        left: 1.5625vw;
        top: 141.25vw;
        width: 26.4583vw;
        height: 42.0833vw
    }

    .category-card--decor {
        left: 32.1875vw;
        top: 141.25vw;
        width: 26.4583vw;
        height: 43.9583vw
    }

    .category-card--care {
        left: auto;
        right: 1.5625vw;
        top: 142.2917vw;
        width: 17.7083vw;
        height: 38.6458vw
    }

    .category-card--care .category-card__image {
        width: 100%;
        height: 21.7708vw
    }

    .category-card--care .category-card__content-wrapper {
        height: 11.25vw
    }

    /* Адаптация правого списка категорий */
    .category-list-wrapper {
        left: 1.5625vw;
        top: 70.5208vw;
        width: 56.9792vw
    }

    .category-list__main-title {
        font-size: 7.0833vw
    }

    .category-list__item-title {
        font-size: 5.5208vw
    }

    /* Адаптация кнопки */
    .categories-cta-button {
        left: 61.4583vw;
        top: 145.8333vw
    }
}

/*
 * Мобильная версия (до 767px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 767px) {
    .categories-section {
        height: auto;
        margin: 23.4375vw 0 0 0;
        padding: 0 4.7vw;
        display: block
    }

    .category-card--care {
        right: 0
    }

    .category-card-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.8125vw
    }

    /* Скрываем все фоновые и декоративные элементы */
    .categories-list-bg,
    .categories-section__bottle,
    .category-list-wrapper {
        display: none
    }

    /* Интро блок занимает всю ширину */
    .categories-intro {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin-bottom: 6.25vw
    }

    .categories-intro .section-intro__description {
        font-size: 5vw;
        width: 100%;
    }

    .categories-intro .section-intro__title {
        font-size: 15.9375vw
    }

    .categories-intro .title-decoration__text {
        font-size: 7.8125vw
    }

    /* Убираем абсолютное позиционирование у карточек */
    .category-card {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        width: 43.75vw;
        height: 64vw;
        padding: 0;
        border-radius: 5.625vw;
        border: 0
    }

    .category-card--care .category-card__content-wrapper {
        height: auto
    }

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

    .category-card--gels .category-card__image,
    .category-card--gellaki .category-card__image,
    .category-card--care .category-card__image,
    .category-card__image {
        border-radius: 5.625vw;
        border: 1px solid var(--color-primary);
        height: 88.125vw;
    }

    .category-card__content-wrapper {
        height: auto;
        padding: 3.125vw;
        border-radius: 0 0 3.75vw 3.75vw;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .category-card__title {
        font-size: 11.875vw;
        line-height: 0.8
    }

    /* Специальные стили для карточек, чтобы заголовки помещались */
    .category-card--gels .category-card__title {
        line-height: 0.8;
        font-size: 10.625vw;
        /* Чуть меньше шрифт */
    }

    .category-card--care .category-card__title {
        line-height: 0.8;
        font-size: 10.625vw;
        /* Чуть меньше шрифт */
    }

	
	    /* Кнопка */
    .categories-cta-button {
        position: relative;
        left: 50%;
        top: auto;
        bottom: 20.3vw;
        margin: 0 0 6.25vw 0;
 		transform: rotate(-25deg) scale(1.05) translateX(-50%) !important;
    }
	
	.categories-cta-button.btn--primary:hover {
	  background: var(--gradient-btn-hover) !important;
	  transform: rotate(-25deg) scale(1.05) translateX(-50%) !important;
	}

    /* Скрываем ненужные элементы */
    .categories-list-bg,
    .categories-section__bottle {
        /* Скрываем все карточки */
        display: none
    }

    /* Фоновый текст VEGA */
    .categories-bg-text-mobile {
        position: absolute;
        left: 4.7vw;
        bottom: -5vw;
        z-index: 15;
        display: block
    }

    .categories-bg-text-mobile svg {
        width: 90vw;
        height: 74vw;
        z-index: 15;
        display: block
    }

    /* Интро блок */
    .categories-intro {
        position: relative;
        left: 0;
        top: 0;
        width: 100%
    }

    .categories-intro .section-intro__title {
        font-size: 15.9375vw
    }

    .categories-intro .title-decoration__text {
        font-size: 7.8125vw
    }

    .categories-intro .title-decoration {
        left: 15vw;
        top: 25vw;
    }

    /* Показываем и стилизуем блок со списком */
    .category-list-wrapper {
        position: relative;
        z-index: 10;
        display: flex;
        flex-direction: column;
        align-items: center;
        left: -63.4375vw;
        top: 0;
        width: 217.5vw;
        height: 217.5vw;
        background-color: var(--color-primary);
        margin-top: -12.5vw;
        border-radius: 100%;
        gap: 6.25vw;
        padding: 28.125vw 63.4375vw
    }

    .category-list__main-title {
        font-size: 15.9375vw;
        line-height: 1;
        text-align: left;
        width: 100%
    }

    .category-list {
        gap: 4.7vw
    }

    .category-list__item {
        padding-top: 6.25vw;
        border-color: var(--color-border-white);
        height: auto;
        align-items: center
    }

    .category-list:last-child {
        border-bottom: 1px solid var(--color-border-white);
        padding-bottom: 4.7vw
    }

    .category-list__item-title {
        font-size: 11.875vw;
        line-height: 1
    }

    .category-list__item img {
        filter: brightness(0) invert(1);
        /* Делаем стрелку белой */
    }


}

/* ==========================================================================
   8. СЕКЦИЯ "НОВИНКИ"
   ========================================================================== */
.new-arrivals-section {
    position: relative;
    width: 100vw;
    height: 66.0938vw;
    margin: 0 auto
}

.new-arrivals-bg-blur {
    position: absolute;
    width: 25.312vw;
    height: 25.312vw;
    left: 0.729vw;
    top: 37.3438vw;
    background: var(--gradient-title-main);
    filter: blur(450px);
    z-index: 1
}

.new-arrivals-intro {
    width: 25.208vw;
    height: 14.8438vw;
    left: 10.9375vw;
    top: 0
}

.new-arrivals-intro .title-decoration {
    left: 5.0vw;
    top: 10vw;
    transform: rotate(-20deg);
    z-index: 1
}

/* --- Карточка товара --- */
.product-card {
    position: absolute;
    display: flex;
    flex-direction: column;
	justify-content: space-between;	
    background: var(--color-white);
    border-radius: 1.8229vw;
    text-decoration: none;
    z-index: 5;
    overflow: hidden
}

.product-card__image {
    width: 100%;
    height: 29.2708vw;
    background-size: cover;
    background-position: center;
    border-radius: 1.8229vw;
}

.product-card__info {
    display: flex;
    flex-direction: column;
    gap: 1.0417vw;
    padding: 1.0417vw 0.7812vw 0 0.7812vw;
	margin-bottom:auto;
}

.product-card__header {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.product-card__category {
    font-size: 0.781vw;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-text-light-gray);
    padding-top: 0.208vw;
		max-width: 55%;
}

.product-card__volume {
    font-size: 0.9375vw;
    color: var(--color-primary-darkest)
}

.product-card__name,
.wc-block-grid__product-title {
    font-size: 1.354vw !important;
    font-weight: 600 !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
    color: var(--color-primary-darkest) !important
}

.product-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.0417vw 0.7812vw 0.7812vw 0.7812vw;
    margin-top: auto;
}

.product-card__price,
.woocommerce-Price-amount bdi,
.woocommerce-Price-amount.amount {
    font-size: 1.6667vw;
    font-weight: 400;
    color: var(--color-primary);
    letter-spacing: -0.01em
}

,
.wc-block-grid__product-title .product-card__actions {
    display: flex;
    gap: 20px;
}

/* Модификаторы для карточек */
.product-card--large {
    width: 30.312vw;
}

.product-card--small {
    width: 14.375vw;
}

.product-card--small .product-card__image {
    height: 15.4167vw
}

/* Позиционирование карточек */
.product-card--blush-cloud {
    left: 10.9375vw;
    top: 19.1667vw
}

.product-card--latte-nude-set {
    left: 58.75vw;
    top: 0
}

.product-card--latte-nude-solo {
    left: 58.75vw;
    top: 40.4167vw
}

	.product-card--vega-placeholder {
    position: absolute;
    left: 42.812vw;
    top: 16.7708vw;
	height: 25.8vw;
}


/* ==========================================================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ СЕКЦИИ "НОВИНКИ"
   ========================================================================== */
/*
 * Планшетная версия (до 960px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .new-arrivals-section {
        width: 100%;
        height: auto;
        padding: 0 1.5625vw;
        position: relative
    }

    .new-arrivals-intro {
        position: relative;
        left: 0;
        top: 0;
        width: 35.8333vw;
        /* Ширина по макету планшета */
        height: auto
    }

    .new-arrivals-intro .section-intro__title {
        font-size: 7.0833vw;
        width: 100%;
        height: auto
    }

    .new-arrivals-intro .title-decoration {
        left: 8.85vw;
        top: 15vw;
    }

    .new-arrivals-intro .section-intro__description {
        width: 100%
    }

    .new-arrivals-bg-blur {
        left: -13.8542vw;
        top: 30.625vw;
        /* 3607 - 3313 */
        width: 38.3333vw;
        height: 38.3333vw
    }

    .product-card-wrapper {
        display: block;
        /* Убираем грид, используем абсолютное позиционирование */
        position: relative;
        width: 100%;
        height: 88.4375vw;
        margin-top: -25.8333vw
    }

    .product-card {
        position: absolute;
        border-radius: 3.6458vw;
    }

    .product-card--small {
        width: 28.75vw;
        height: 51.458vw
    }

    .product-card--small .product-card__image {
        height: 30.8333vw
    }

    .product-card--large {
        width: 37.5vw;
        height: 54.8958vw
    }
	


    .product-card--blush-cloud {
        left: 0;
        top: 28.5417vw;
    }

    .product-card--latte-nude-set {
        left: 59.4792vw;
        top: 0;
        width: 37.5vw;
        height: 58.125vw;
    }

    .product-card--latte-nude-solo {
        display: flex;
        position: absolute;
        width: 56.9792vw;
        height: 22.2917vw;
        flex-direction: row;
        left: 39.5833vw;
        top: 61.1458vw;
    }

    .product-card--latte-nude-solo .product-card__image {
        width: 24.2708vw;
        height: 100%;
        border-radius: 3.125vw
    }

    .product-card__info {
        gap: 2.0833vw;
        padding: 2.0833vw 1.5625vw 0 1.5625vw
    }

    .product-card--latte-nude-solo .product-card__info {
        padding: 1.5625vw 1.3542vw;
        width: 28.75vw;
        gap: 2.0833vw
    }

    .product-card__category {
        font-size: 1.562vw;
        padding-top: 0.416vw
    }

    .product-card__name,
    .wc-block-grid__product-title {
        font-size: 2.708vw !important;
    }

    .product-card__image {
        height: 58.5417vw;
        border-radius: 3.6458vw
    }

    .product-card__body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
    }

    .product-card__footer {
        padding: 1.0833vw 1.5625vw 1.5625vw 1.5625vw;
    }

    .product-card__volume {
        font-size: 1.875vw
    }

    .product-card__price,
    .woocommerce-Price-amount bdi,
    .woocommerce-Price-amount.amount {
        font-size: 3.33vw;
    }
}

/*
 * Мобильная версия (до 767px)
 * --------------------------------------------------------------------------
 */
@media (max-width: 767px) {
    .new-arrivals-section {
        padding: 0 4.7vw;
        gap: 4.7vw;
        height: 354vw;
    }

    .new-arrivals-intro {
        margin-bottom: 4.7vw;
        width: 100%;
    }

    .new-arrivals-intro .section-intro__title {
        font-size: 15.9375vw
    }

    .new-arrivals-intro .title-decoration {
        top: 22vw;
        left: 70.625vw;
    }

    .new-arrivals-intro .title-decoration__text {
        font-size: 7.8125vw
    }

    .new-arrivals-bg-blur {
        width: 150vw;
        height: 150vw;
        left: -25vw;
        top: 125vw;
    }

    .product-card-wrapper {
        grid-template-columns: 1fr;
        display: grid;
        gap: 6.25vw;
        width: 100%;
        margin-top: 0
    }

    .product-card--latte-nude-set {
        grid-column: auto;
        grid-row: auto;
        /* Сбрасываем rowspan */
    }

    .product-card {
        border-radius: 7.8125vw;
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: 136.875vw
    }

    .product-card--latte-nude-solo {
        display: none
    }

    .product-card__image {
        height: 84.375vw;
        border-radius: 7.8125vw
    }

    .product-card__info {
        gap: 4.375vw;
        padding: 6.25vw 4.7vw 0 4.7vw
    }

    .product-card__name,
    .wc-block-grid__product-title {
        font-size: 6.875vw !important
    }

    .product-card__price,
    .woocommerce-Price-amount bdi,
    .woocommerce-Price-amount.amount {
        font-size: 7.8125vw
    }

    .product-card__category,
    .product-card__volume {
        font-size: 4.6859vw;
    }

    .product-card__name,
    .wc-block-grid__product-title {
        font-size: 6.875vw !important;
        line-height: 100% !important
    }

    .product-card {
        border-radius: 7.8125vw;
        height: 136.875vw
    }

    .product-card__footer {
        padding: 6.25vw 4.7vw 4.7vw 4.7vw;
    }


    .product-card--large .product-card__price {
        font-size: 7.8125vw
    }

    .product-card__price {
        font-size: 7.8125vw;
    }
}

/* ==========================================================================
   10. СЕКЦИЯ "КАТАЛОГ"
   ========================================================================== */
.catalog-section {
    position: relative;
    width: 100vw;
    height: 123.7vw;
    overflow-y: visible;
    overflow-x: clip;
    z-index: 1
}

.catalog-section__bg-wave {
    position: absolute;
    width: 111.8229vw;
    height: 156.25vw;
    left: 0.833vw;
    top: -34.062vw;
    background: url(../img/background-wave.png) no-repeat;
    background-size: contain;
    z-index: -1
}

.catalog-bg-blur--right {
    left: 57.5vw;
    top: 77.135vw;
    width: 32.604vw;
    height: 32.604vw;
    background: var(--gradient-title-main);
    filter: blur(350px);
    opacity: 0.5
}

.catalog-intro {
    left: 10.9375vw;
    top: 0
}

.catalog-intro .title-decoration {
    position: absolute;
    left: 18.0vw;
    top: 3.8vw;
    transform: rotate(-20deg);
    z-index: 2;
    width: 10.4167vw
}

.catalog-grid {
    position: relative;
    width: 100%;
    height: 100%
}

.product-card--milky-way {
    left: 10.9375vw;
    top: 16.7708vw
}

.product-card--peach-glow {
    left: 26.875vw;
    top: 16.7708vw
}

.product-card--crystal-nude {
    left: 74.7vw;
    top: 16.7708vw
}

.product-card--latte-nude-catalog {
    left: 26.875vw;
    top: 44.062vw
}

.product-card--blush-cloud-catalog {
    left: 42.812vw;
    top: 44.062vw
}

.product-card--berry-chic {
    left: 26.875vw;
    top: 84.7vw
}

.product-card--unicorn-pearl {
    left: 58.75vw;
    top: 84.7vw
}

.catalog-cta-button {
    position: absolute;
    left: 79.95vw;
    top: 89.479vw;
    transform: rotate(-22deg);
    z-index: 20
}

/*
 * Адаптация секции "Каталог" для планшетов
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .catalog-section {
        width: 100%;
        height: 225.5vw;
        padding: 0 1.5625vw;
        margin-top: 5.2083vw
    }

    .catalog-section .section-intro {
        top: 0;
        left: 1.5625vw
    }

    .catalog-section .section-intro__title {
        font-size: 7.0833vw;
        height: auto
    }

    .catalog-section .title-decoration {
        left: 22.3vw;
        top: 7VW;
    }

    .catalog-section .title-decoration__text {
        font-size: 3.3333vw
    }

    .catalog-section__bg-wave {
        width: 203.5417vw;
        height: 153.6458vw;
        left: -79.4792vw;
        top: 21.5625vw;
        transform: rotate(-22.69deg)
    }

    .catalog-bg-blur--right {
        left: 58.8542vw;
        top: 149.2708vw;
        width: 50.625vw;
        height: 50.625vw;
        filter: blur(375px)
    }

    /* Новые позиции для карточек */
    .product-card--milky-way {
        left: 0;
        top: 27vw;
    }

    .product-card--peach-glow,
    .product-card--unicorn-pearl {
        display: none
    }

    .product-card--vega-placeholder {
        left: 33.8542vw;
        top: 27vw;
    }

    .product-card--crystal-nude {
        left: 67.7083vw;
        top: 27vw;
    }

    .product-card--latte-nude-catalog {
        left: 0;
        top: 84.2vw;
    }

    .product-card--blush-cloud-catalog {
        width: 60.625vw;
        height: 51.4583vw;
        left: 36.25vw;
        top: 84.2vw;
    }

    .product-card--blush-cloud-catalog .product-card__image {
        height: 30.8333vw
    }

    .product-card--berry-chic {
        width: 60.625vw;
        height: 84.2vw;
        left: 0;
        top: 141.3vw;
    }

    .catalog-cta-button {
        left: calc(50% - 14.7917vw / 2 + 28.9583vw);
        top: 170.7292vw;
    }
	
	.catalog-section .static-bottle{
		display:none;		
	}
}

/*
 * Адаптация секции "Каталог" для мобильных устройств
 * --------------------------------------------------------------------------
 */
@media (max-width: 767px) {
    .catalog-section {
        height: 635vw;
        padding: 0 4.7vw;
        margin-top: 15.625vw;
        overflow-x: clip;
    }	
	

    .catalog-cta-button {
        position: initial;
        margin: 10vw auto;
        width: 44.38vw;
        height: 44.38vw;
    }

    /* Адаптируем заголовок */
    .catalog-intro {
        position: relative;
        /* Убираем абсолютное позиционирование */
        width: 100%;
        left: 0;
        top: 0;
        margin-bottom: 9.375vw
    }

    .catalog-bg-blur--right {
        left: -25vw;
        top: 480vw;
        width: 150vw;
        height: 150vw;
    }

    .catalog-intro .section-intro__title {
        font-size: 15.9375vw
    }

    .catalog-intro .section-intro__description {
        width: 100%;
    }

    .catalog-intro .title-decoration {
        left: 56.1vw;
        top: 20.5vw;
    }

    .catalog-intro .title-decoration__text {
        font-size: 7.8125vw
    }

    /* Создаем сетку для карточек */
    .catalog-grid {
        position: relative;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6.25vw 4.7vw;
    }

    .catalog-grid .product-card {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
    }

    .product-card--small {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* распределение элементов по вертикали */
        height: 100%;
        /* важно! карточка должна иметь фиксированную или растягиваемую высоту */
    }

    .product-card--small .product-card__image {
        height: 43.125vw
    }

    .product-card--small .product-card__info {
        padding: 6.25vw 2.5vw 0 2.5vw;
        gap: 3.125vw
    }

    .product-card--small .product-card__name {
        font-size: 5.625vw
    }

    .product-card--small .product-card__price {
        font-size: 7.8125vw
    }

    .product-card--small .btn--icon-round {
        width: 8.125vw;
        height: 8.125vw;
    }
	
	.product-card--small .product-card__actions button:nth-child(1){
		display: none;
	}

    .product-card--vega-placeholder .btn--icon-round {
        display: block
    }

    .product-card--large {
        height: 136.875vw !important
    }

    .product-card--peach-glow {
        display: block
    }

    .product-card--small .product-card__footer {
        margin-top: auto;
        padding: 4.7vw 2.5vw 4.7vw 2.5vw;
    }

    .product-card--vega-placeholder .product-card__footer {
        padding: 6.25vw 4.7vw 4.7vw 4.7vw
    }

    .product-card--large .product-card__image,
    .product-card--vega-placeholder .product-card__image {
        height: 84.375vw
    }

    .product-card--large .product-card__info,
    .product-card--vega-placeholder .product-card__image {
        padding: 4.7vw;
        gap: 4.375vw
    }

    .product-card--large .product-card__name,
    .product-card--vega-placeholder .product-card__name {
        font-size: 6.875vw
    }

    .product-card--large .product-card__price,
    .product-card--vega-placeholder .product-card__price {
        font-size: 7.8125vw
    }

    .product-card--large .btn--icon-round,
    .product-card--vega-placeholder .btn--icon-round {
        width: 11.875vw;
        height: 11.875vw
    }

    .product-card--blush-cloud-catalog,
    .product-card--vega-placeholder,
    .product-card--berry-chic {
        grid-column: 1/-1;
        height: 136.875vw
    }

    /* Скрываем лишние карточки, которых нет на мобильном макете */
    .product-card--crystal-nude,
    .product-card--latte-nude-catalog,
    .product-card--unicorn-pearl {
        display: none
    }

    .product-card--milky-way,
    .product-card--peach-glow {
        order: 1;
    }

    .catalog-section__bg-wave {
        left: 0vw;
        top: -25vw;
        width: 100.5vw;
        height: 100.5vw;
    }

}

/* ==========================================================================
   11. СЕКЦИЯ "ПРО КОМПАНИЮ" (ОБНОВЛЕННЫЕ СТИЛИ)
   ========================================================================== */
.about-section {
    position: relative;
    width: 89vw;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6.3542vw;
    left: 10.9375vw
}

.about-section__background {
    position: relative;
    width: 100vw;
    overflow: clip;
}


.about-section__bg-wave {
    position: absolute;
    width: 111.8229vw;
    height: 156.25vw;
    top: 0;
    background-size: contain;
    z-index: -1
}

/* Скрываем мобильную картинку на десктопе */
.about-section__image-wrapper--mobile-only {
    display: none
}

.about-section__text-block {
    display: flex;
    flex-direction: column;
    gap: 2.0833vw;
    width: 25.3vw;
    flex-shrink: 0
}

.about-intro {
    position: relative;
    gap: 1.0417vw
}

.about-intro .section-intro__title {
    background: var(--gradient-title-main);
    width: 22.0833vw;
    height: 8.5417vw
}

.about-title-decoration {
    left: 2.7083vw;
    top: 9.3229vw;
    transform: rotate(-20deg);
    z-index: 5
}

.about-section__main-text {
    display: flex;
    flex-direction: column;
    gap: 1.0417vw
}

.about-section__main-text p {
    font-size: 0.9375vw;
    line-height: 130%;
    color: var(--color-primary-darkest)
}

.about-section__link {
    display: inline-flex;
    flex-direction: column;
    gap: 0.2083vw;
    text-decoration: none;
    align-self: flex-start
}

.about-section__link span {
    font-weight: 600;
    font-size: 0.8333vw;
    line-height: 110%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: var(--color-primary-darkest)
}

.about-section__link::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-primary);
    transition: width 0.3s ease
}

.about-section__link:hover::after {
    width: 50%
}

.about-section__image-wrapper {
    position: relative;
    width: 57.3438vw;
    height: 39.5833vw;
    flex-shrink: 0
}

.about-section__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 1.8229vw 0 1.8229vw 2.3438vw
}

.about-section__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7.6563vw;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0 0 1.8229vw 1.8229vw;
    display: flex;
    align-items: center;
    padding: 0 1.3021vw
}

.about-section__caption-content {
    display: flex;
    flex-direction: column;
}

.about-section__caption-name {
    font-family: "Cramaten", sans-serif;
    font-size: 2.7604vw;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--color-primary-darkest)
}

.about-section__caption-title {
    font-size: 0.9375vw;
    line-height: 130%;
    color: var(--color-primary-darkest)
}

/*
 * Адаптация секции "Про компанію"
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .about-section {
        width: calc(100% - 3.125vw);
        height: auto;
        gap: 2.0833vw;
        margin: 7.8125vw auto 0 auto;
        padding: 0;
        left: 0;
        overflow-x: clip;
    }

    .about-section__bg-wave {
        width: 111.8229vw;
        height: 156.25vw;
        top: 0;
    }

    .about-section__image-wrapper--mobile-only .about-section__caption {
        border-radius: 0 0 2.6042vw 2.6042vw
    }

    .about-section__image-wrapper--mobile-only .about-section__image {
        background-position: left;
        border-radius: 2.6042vw 2.6042vw 2.9167vw 2.9167vw
    }

    .about-section__text-block {
        width: 47.8125vw;
        gap: 2.6042vw;
        padding-left: 1.5625vw
    }

    .about-intro .section-intro__title {
        width: 100%;
        height: auto;
        font-size: 7.0833vw
    }

    .section-intro__title {
        font-size: 2.6042vw;
        line-height: 100%;
        letter-spacing: -1%
    }

    .about-title-decoration {
        left: 28.3vw;
        top: 8.9vw;
    }

    .about-title-decoration__text {
        font-size: 3.3333vw
    }

    .about-section__image-wrapper {
        width: 100%;
        height: 50.2083vw
    }

    .about-section__caption {
        height: 13.75vw
    }

    .about-section__caption-name {
        font-size: 4.7vw
    }

    .about-section__main-text p {
        font-size: 1.875vw;
        margin-top: 1em;
    }

    .about-section__link {
        margin-top: 1.25em;
    }

    .about-section__link span {
        font-size: 1.6667vw;
    }

    .about-section__caption-title {
        font-size: 1.875vw;
    }
}

@media (max-width: 767px) {
    .about-section {
        flex-direction: column;
        gap: 7.8125vw;
        padding: 0 4.7vw;
        width: 100%
    }

    .about-section__bg-wave {
        width: 111.8229vw;
        height: 291.3vw;
        top: -60vw;
        left: -21vw;
    }

    .about-section__link span {
        font-size: 5vw;
    }

    /* Скрываем десктопную картинку */
    .about-section__image-wrapper--desktop-only {
        display: none
    }

    /* Показываем мобильную картинку */
    .about-section__image-wrapper--mobile-only {
        display: block;
        width: 100%;
        height: 118.75vw
    }

    .about-title-decoration {
        left: 55.3vw;
        top: 20.9vw;
    }

    .about-section__text-block {
        width: 100%;
        padding-left: 0
    }

    .about-intro .section-intro__title {
        font-size: 15.9375vw
    }

    .about-section__main-text p {
        font-size: 5vw
    }

    .about-section__caption {
        height: 31.25vw
    }

    .about-section__caption-name {
        font-size: 11.875vw
    }

    .about-section__caption-title {
        font-size: 5vw
    }
}

/* ==========================================================================
   11. СЕКЦИЯ "ЧОМУ САМЕ МИ?"
   ========================================================================== */
.why-us-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: var(--color-white);
    /* Боковые отступы как у других секций */
	display: grid;
	grid-template-columns: 1fr 1fr;
}

/* --- Заголовок секции --- */
.why-us-intro {    
    width: 22.0833vw
}

.why-us-intro .section-intro__title,
.title.section-intro__title.text-gradient span {
    color: var(--color-primary)
}

/* --- Блок с преимуществами --- */
.advantages-block {
   
    left: 42.8125vw;
    top: 0;
    width: 46.25vw
}

.advantages-main-feature {
    position: relative;
    height: 12.5vw;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(165, 120, 199, 0.35);
    padding-bottom: 1.5625vw
}

.advantages-main-feature__number {
    font-size: 15.625vw;
    line-height: 0.9;
    letter-spacing: -0.02em;
    color: var(--color-primary);
    height: 10.9375vw
}

.advantages-main-feature__text {
    position: absolute;
    left: 15.9375vw;
    bottom: 1.15vw;
    font-family: "Vela Sans", sans-serif;
    font-size: 0.9375vw;
    line-height: 130%;
    color: var(--color-primary-darkest)
}

.advantages-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

.advantages-list__item {
    display: flex;
    gap: 1.5625vw;
    padding: 1.3542vw 0 1.0417vw 0;
    border-bottom: 1px solid rgba(165, 120, 199, 0.35);
    width: 46.25vw
}

.advantages-list__title {
    font-family: "Cramaten", sans-serif;
    font-weight: 400;
    font-size: 2.7604vw;
    line-height: 105%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--color-primary);
    flex-basis: 14.375vw;
    /* Фиксированная ширина левой колонки */
    flex-shrink: 0
}

.advantages-list__description {
    font-family: "Vela Sans", sans-serif;
    font-size: 0.9375vw;
    line-height: 130%;
    color: var(--color-primary-darkest);
    flex-grow: 1
}

/* --- Видеоплеер --- */



/*
 * Адаптация секции "Почему мы?"
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .why-us-section {
   /*     height: 126vw; */
    }

        .advantages-block {
        left: 50vw
    }

    .advantages-list__item {
        flex-flow: column;
        gap: .8vw;
    }

    .advantages-list__item,
    .advantages-main-feature {
        width: 48.4375vw
    }

    .advantages-list__description, .advantages-main-feature__text {
        font-size: 1.875vw;
    }

    .advantages-list__title {
        flex-basis: 0;
        font-size: 4.69vw
    }
}

/*
 * Адаптація секції "Чому ми?" для мобільних пристроїв
 * --------------------------------------------------------------------------
 */
@media (max-width: 767px) {

    /* --- Загальний контейнер секції --- */
    .why-us-section {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 12.5vw;
    }

    /* --- Заголовок секції --- */
    .why-us-intro {
        width: 100%
    }

    /* --- Блок з перевагами --- */
    .advantages-block {
        /* Скидаємо абсолютне позиціонування */
        position: static;
        width: 100%
    }

    /* --- Головна перевага "13+" --- */
    .advantages-main-feature {
        /* Розташовуємо цифру і текст в колонку */
        flex-direction: column;
        align-items: left;
        align-items: normal !important;
        height: auto;
        padding-bottom: 6.25vw;
        gap: 3.125vw;
        width: 100%
    }

    .advantages-main-feature__number {
        /* Значно зменшуємо розмір шрифту */
        font-size: 50vw;
        height: auto;
        line-height: 0.7;
        /* Для щільного прилягання */
    }

    .advantages-main-feature__text {
        /* Скидаємо абсолютне позиціонування */
        position: static;
        font-size: 5vw
    }

    /* --- Список переваг --- */
    .advantages-list__item {
        /* Розташовуємо заголовок і опис в колонку */
        flex-direction: column;
        width: 100%;
        gap: 2.5vw;
        /* Зменшуємо відстань */
        padding: 6.25vw 0
    }

    .advantages-list__title {
        /* Зменшуємо шрифт і прибираємо фіксовану ширину */
        font-size: 11.25vw;
        flex-basis: auto
    }

    .advantages-list__description, .advantages-main-feature__text {
        font-size: 5vw
    }
}

/* ==========================================================================
   12. СЕКЦИЯ "ЧАСТІ ЗАПИТАННЯ"
   ========================================================================== */
.faq-section {
    position: relative;
    color: var(--color-white);
    padding: 0 10.9375vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

/* --- Заголовок секции --- */
.faq-intro {
    position: sticky;
    top: 100px;
    left: 0;
    width: 22.0833vw
}

.faq-intro .section-intro__title,
.faq-intro .pre-title {
    color: var(--color-primary)
}



/* --- Список вопросов --- */
.faq-list {
    width: 46.25vw;
    display: flex;
    flex-direction: column
}

.section--centered .faq-list {
    width: 100%;
}

.faq-item {
    border-bottom: 1px solid var(--color-primary)
}

.faq-item__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25vw 0;
    cursor: pointer
}

.faq-item__question {
    font-weight: 600;
    font-size: 1.0417vw;
    line-height: 130%;
    color: var(--color-primary-darkest);
    max-width: 30.2083vw
}

.faq-item__icon {
    width: 1.5625vw;
    height: 1.5625vw;
    transition: transform 0.4s ease;
    flex-shrink: 0;
    fill: var(--color-primary);
}

.faq-item.is-active .faq-item__icon {
    transform: rotate(45deg)
}

.faq-item.is-active .faq-item__question {
    color: var(--color-accent-pink);
}

.faq-item__answer-wrapper {
    max-height: 0;
    /* Изначально ответ скрыт */
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding-bottom 0.4s ease-out
}

.faq-item__answer {
    font-size: 0.8333vw;
    line-height: 130%;
    color: var(--color-primary-darkest);
    max-width: 30.2604vw;
    padding-bottom: 0
}

.faq-item.is-active .faq-item__answer-wrapper {
    max-height: fit-content;
    padding-bottom: 1.25vw;
}

/*
 * Адаптация секции FAQ для планшетов
 * --------------------------------------------------------------------------
 */
@media (max-width: 960px) {
    .faq-section {
        width: 100%;
        height: auto;
        padding: 0 1.5625vw;
        gap: 3.125vw
    }
	
	.faq-item__icon {
    width: 20px;
    height: 20px;
}

    .faq-intro {
        width: 44.1667vw;
        flex-shrink: 0;
    }

    .faq-intro .section-intro__title {
        font-size: 7.0833vw
    }

    .faq-list {
        width: 100%;
    }

    .faq-item__question {
        font-size: 14px;
        max-width: 90%;
    }

    .faq-item__answer {
        font-size: 12px;
        max-width: 100%
    }
		.big-text-block {
  text-indent: 12em;
}
}

@media (max-width: 767px) {
	
		.faq-item__icon {
    width: 15px;
    height: 15px;
}


    .section-divider-invisible {
        height: 25px;
    }

    .section-divider {
        height: 1px;
        margin: 14.06vw 4.69vw
    }
	
	.faq-section, .page-template-page-home .section-divider-invisible { display:none;}
	

}

/* ==========================================================================
   12. СЕКЦИЯ "КОНТАКТЫ"
   ========================================================================== */
.contacts-section {
    position: relative;
    width: 78.125vw;
    height: auto;
    padding: 0 auto 3.9062vw auto;
    display: flex;
    gap: 2.0833vw;
}

/* --- Левый блок --- */
.contact-info {
    position: relative;
    width: 37.9167vw;
    height: auto;
    background-color: var(--color-primary);
    border-radius: 1.8229vw;
    padding: 3.125vw;
    overflow: hidden;
	background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.contact-info__intro {
    position: relative;
    z-index: 2
}

.contact-info__intro .pre-title,
.contact-info__intro .section-intro__title {
    color: var(--color-bg-light)
}

.contact-info__intro .section-intro__title {
    width: 22.0833vw
}

.contact-info__details {
    position: absolute;
    left: 3.125vw;
    top: 15.8854vw;
    display: flex;
    flex-direction: column;
    gap: 0.7812vw;
    z-index: 2
}

.contact-info__schedule {
    position: absolute;
    top: 4.7vw;
    right: 1.8229vw;
    font-size: 0.9375vw;
    font-weight: 400;
    line-height: 130%;
    color: var(--color-white);
    z-index: 2
}

.contact-info__details a {
    font-family: "Vela Sans", sans-serif;
    color: var(--color-white);
    text-decoration: none;
    font-weight: 600
}

.contact-info__details a[href^="tel"] {
    font-size: 2.7604vw;
    line-height: 105%;
    letter-spacing: -0.05em;
    text-transform: uppercase
}

.contact-info__details a[href^="mailto"] {
    font-size: 1.3542vw;
    line-height: 125%;
    text-transform: uppercase
}

.contact-info__socials {
    position: absolute;
    left: 3.125vw;
    top: 24.9479vw;
    display: flex;
    gap: 2vw;
    z-index: 2
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.1771vw;
    height: 3.1771vw;
    background-color: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 0 0.3385vw rgba(180, 174, 167, 0.25);
    transition: transform 0.3s ease
}

.social-icon:hover {
    transform: scale(1.1)
}

.social-icon svg {
    height: 1.6667vw;
    width: auto;
    fill: var(--color-primary)
}

/* --- Правый блок --- */
.contact-form-wrapper {
    width: 38.125vw;
    height: auto;
    background-color: var(--color-white);
    border-radius: 1.8229vw;
    padding: 3.125vw
}

.contact-form {
    display: flex;
    flex-direction: column;
    height: 100%
}

.contact-form__title {
    font-size: 1.0417vw;
    font-weight: 600;
    line-height: 130%;
    color: var(--color-primary-darkest);
    width: 12.2396vw
}

.form-fields {
    margin-top: 2.6042vw;
    display: flex;
    flex-direction: column;
    gap: 2.1875vw
}

.form-group {
    position: relative;

}

.form-group input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: "Vela Sans", sans-serif;
    font-weight: 500;
    font-size: 0.7812vw;
    line-height: 1.0417vw;
    color: var(--color-primary-darkest);
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 0.52vw;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: var(--color-text-light-gray);
    opacity: 1;
    letter-spacing: -0.0234vw;
    text-transform: uppercase;
}

.form-label-icon {
    position: absolute;
    right: 0;
    bottom: 0.3vw;
    height: 1.04vw;
    width: 1.04vw;
    fill: var(--color-primary);
}

.form-group-checkbox {
    margin-top: 1.0417vw;
    display: flex;
    align-items: center;
}

.form-group-checkbox__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}


.form-group-checkbox__label {
    display: flex;
    align-items: center;
    gap: 0.4167vw;
    color: var(--color-text-light-gray);
    cursor: pointer;
/* Техн.текст */
font-family: "Vela Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; 
}

/* 3. Рисуем сам квадратик */
.form-group-checkbox__box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.83vw;
    height: 0.83vw;
    border: 1px solid var(--color-text-light-gray);
    border-radius: 0.1562vw;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.form-group-checkbox__icon {
    width: 0.55vw;
    height: 0.55vw;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s ease;
    fill: var(--color-primary);
}

.form-group-checkbox__input:checked+.form-group-checkbox__label .form-group-checkbox__box {
    border-color: var(--color-primary)
}

.form-group-checkbox__input:checked+.form-group-checkbox__label .form-group-checkbox__icon {
    opacity: 1;
    transform: scale(1)
}

.contact-form-button {
    margin-top: 25px;
    align-self: flex-start;
    transform: rotate(-22deg);
    margin-left: 0.7812vw
}

#consent {
    margin: 0.2083vw
}

/*
 * Адаптація секції "Контакти"
 * --------------------------------------------------------------------------
 */
/* --- Планшетна версія (до 960px) --- */
@media (max-width: 960px) {
    .contacts-section {
        width: 100%;
        height: auto;
        padding: 4.1667vw 1.5625vw;
        gap: 2.0833vw
    }

    .contact-info,
    .contact-form-wrapper {
        flex: 1;
        min-width: 0;
        width: 50%;
        height: auto
    }

    .form-group-checkbox__icon {
        width: 1.1vw;
        height: 1.1vw;
    }

    .contact-info {
        padding: 4.1667vw;
        display: flex;
        flex-direction: column;
        gap: 3.125vw;
    }

    .contact-info__bg {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        opacity: 0.5;
    }

    .contact-info__intro,
    .contact-info__schedule,
    .contact-info__details,
    .contact-info__socials {
        position: static;
        z-index: 2;
    }

    .contact-info {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas: "intro    schedule" "details  details" "socials  socials";
        align-items: start;
        column-gap: 1.5625vw;
        row-gap: 3.125vw
    }

    .contact-info__intro {
        grid-area: intro
    }

    .contact-info__schedule {
        margin-top: 3.6458vw;
        font-size: 1.875vw;
    }

    .contact-info__details {
        grid-area: details
    }

    .contact-info__socials {
        grid-area: socials
    }

    .contact-info__intro .section-intro__title {
        width: auto;
        font-size: 4.375vw;
    }

    .contact-info__details a[href^="tel"] {
        font-size: 3.9583vw
    }

    .contact-info__details a[href^="mailto"] {
        font-size: 2.0833vw
    }

    .contact-form-wrapper {
        padding: 4.1667vw
    }

    .social-icon {
        width: 6.3542vw;
        height: 6.3542vw;
    }

    .social-icon img {
        height: 3.3333vw;
        width: auto
    }

    .contact-form__title {
        font-size: 2.0833vw;
        line-height: 130%;
        width: 24.4792vw
    }

    .form-group input {
        width: 100%;
        font-size: 1.5625vw;
        line-height: 2.0833vw;
        padding-bottom: 1.04vw;
    }

    .form-group input::placeholder {
        letter-spacing: -0.0469vw
    }

    .form-group-checkbox {
        margin-top: 2.0833vw
    }

    .form-group-checkbox__box {
        width: 2.0833vw;
        height: 2.0833vw;
        border-radius: 0.3vw
    }

    .form-group-checkbox__icon {
        width: 1.25vw;
        height: 1.25vw;
        transform: scale(0.5)
    }

    .form-group-checkbox__input {
        width: 0;
        height: 0
    }

    .form-group-checkbox__input:checked+.form-group-checkbox__label .form-group-checkbox__icon {
        transform: scale(1)
    }

    .form-group-checkbox__label {
        gap: 0.8333vw;
        font-size: 1.4583vw
    }

    .form-label-icon {
        right: 0;
        bottom: 0.625vw;
        height: 2.0833vw;
        width: 2.0833vw;
    }

    .contact-form-button {
        margin-top: 3vw;
        width: 11.98vw;
        height: 11.98vw;
    }

    .social-icon svg {
        height: 3.65vw;
    }

}


@media (max-width: 767px) {
    .contacts-section {
        flex-direction: column;
        gap: 4.7vw;
        padding: 0
    }

    .contact-form-button {
        margin-top: 3vw;
        width: 35.94vw;
        height: 35.94vw;
    }

    .form-group-checkbox__icon {
        width: 3.3vw;
        height: 3.3vw;
    }

    .form-group input {
        font-size: 4.6875vw;
        line-height: 6.25vw;
        padding-bottom: 3.13vw;
    }

    .form-group input::placeholder {
        letter-spacing: -0.1406vw
    }

    .form-label-icon {
        height: 6.25vw;
        width: 6.25vw;
        bottom: 3.75vw;
    }

    .form-fields {
        margin-top: 15.625vw;
        gap: 13.125vw
    }


    .form-group-checkbox {
        margin-top: 6.25vw
    }

    .form-group-checkbox__box {
        width: 6.25vw;
        height: 6.25vw;
        border-radius: 0.9375vw
    }

    .form-group-checkbox__icon {
        width: 3.75vw;
        height: 3.75vw;
    }

    .form-group-checkbox__label {
        gap: 2.5vw;
        font-size: 4.375vw
    }

    .contact-info,
    .contact-form-wrapper {
        width: 100%
    }

    .contact-info {
        padding: 9.375vw 6.25vw;
        row-gap: 7.8125vw;
    }

    .contact-info__intro .section-intro__title {
        font-size: 15.94vw
    }

    .contact-info__schedule {
        font-size: 4.375vw;
        text-align: right;
        margin-top: 10.9375vw;
        width: 30vw;
    }

    .contact-info__details {
        gap: 3.125vw
    }

    .contact-info__details a[href^="tel"] {
        font-size: 8.75vw
    }

    .contact-info__details a[href^="mailto"] {
        font-size: 5.625vw
    }

    .contact-info__socials {
        justify-content: left;
        gap: 6vw
    }

    .social-icon {
        width: 15.625vw;
        height: 15.625vw
    }

    .social-icon img {
        height: 8.125vw
    }

    .contact-form-wrapper {
        padding: 9.375vw 6.25vw
    }

    .contact-form__title {
        width: 100%;
        font-size: 5.625vw
    }

    .contact-form-button {
        transform: rotate(0);
        margin: 12.5vw auto 0 auto;
        align-self: center
    }

    .social-icon svg {
        height: 8.44vw;
    }
}

/* ==========================================================================
   13. ПОДВАЛ (ФУТЕР)
   ========================================================================== */
.site-footer-main {
    position: relative;
    width: 100vw;
    height: auto;
    margin: 3.9062vw auto 0 auto;
    padding: 3.8542vw 10.9375vw 0 10.9375vw;
    background-color: var(--color-bg-light);
    overflow: hidden
}

/* --- Фоновые элементы --- */
.site-footer__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    border-radius: 1.8229vw 1.8229vw 0 0;
    z-index: 1
}

.site-footer__bg-text {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
    margin-top: 2.0833vw
}

.site-footer__bg-text img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.7;
}

/* --- Контейнер и колонки --- */
.site-footer__container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 5.2083vw
}

.footer-column {
    display: flex;
    flex-direction: column;
    gap: 1.0417vw
}

.footer-column .pre-title {
    color: var(--color-primary);
    font-weight: 400;
    margin-bottom: 20px;
}

.footer-column--info {
    color: var(--color-white)
}

.footer-column--info .pre-title {
    color: var(--color-primary)
}

.footer-column--info p {
    font-size: 0.9375vw;
    line-height: 130%;
    width: 14.375vw
}

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

.footer-links a {
    text-decoration: none;
    font-size: 0.8333vw;
    line-height: 130%;
    color: var(--color-white);
    transition: color 0.3s
}

.footer-links a:hover {
    color: var(--color-primary)
}

/* --- Способы оплаты --- */
.footer-column--payment {
    margin-left: 0;
    align-items: flex-start
}

.payment-methods--mobile {
    display: none;
    /* Скрываем по умолчанию */
}

.payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7812vw;
    width: 11.1979vw
}

.payment-methods__item {
    display: flex;
    width: 5.2083vw;
    height: 2.8125vw
}

.payment-methods__item img {
    height: 100%;
    width: auto
}

.payment-methods--mobile {
    display: none
}

/* --- Копирайт --- */
.footer-credits {
    display: flex;
    flex-direction: column;
    gap: 0.3646vw
}

.footer-credits--desktop {
    position: absolute;
    bottom: 0;
    gap: 8px;
}

.footer-credits--mobile {
    display: none;
    /* Скрываем по умолчанию */
}

.footer-credits span {
    font-size: 0.7292vw;
    line-height: 100%;
    color: var(--color-primary)
}

.footer-credits a {
    display: inline-flex;
    flex-direction: column;
    align-self: flex-start;
    text-decoration: none;
    color: var(--color-white);
    font-size: 0.8333vw;
    line-height: 130%
}

.footer-credits a::after {
    content: "";
    display: block;
    height: 0.0521vw;
    width: 100%;
    background-color: var(--color-primary);
    transition: width 0.3s ease
}

.footer-credits a:hover::after {
    width: 50%
}

/* ==========================================================================
   АДАПТАЦИЯ ФУТЕРА
   ========================================================================== */
@media (max-width: 960px) {
    .site-footer-main {
        width: 100%;
        height: 67.7083vw;
        padding: 5vw 1.5625vw;
        margin-top: 5vw
    }

    .payment-methods--mobile {
        display: flex
    }

    .payment-methods__item img {
        width: 5.7292vw;
        height: 2.9167vw
    }

    .payment-methods {
        flex-wrap: initial
    }

    .site-footer__container {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr;
        /* 3 колонки с разной шириной */
        gap: 5.2083vw 3.125vw
    }

    .footer-column--info {
        grid-column: 1/2
    }

    .footer-column--products {
        grid-column: 2/3
    }

    .footer-column--company {
        grid-column: 3/4
    }

    .footer-column--tech {
        grid-column: 4/4
    }

    .payment-methods--desktop {
        display: none
    }

    .footer-credits--desktop {
        grid-column: 1/4
    }

    .footer-column--info p {
        font-size: 1.875vw;
        width: 28.75vw
    }

    .footer-links a {
        font-size: 1.6667vw;
    }

    .footer-credits span,
    .footer-credits a {
        font-size: 1.4583vw;
    }
}

@media (max-width: 767px) {
    .site-footer-main {
        width: 100%;
        height: auto;
        padding: 14vw 4.7vw;
        margin: 0
    }



    .site-footer__container {
        grid-template-columns: 1fr 1fr;
        /* 2 колонки */
        gap: 12.5vw 0
    }

    /* Явное указание порядка с помощью grid-area для мобильных */
    .footer-column--info {
        grid-area: 1/1/2/3
    }

    /* Строка 1, колонки 1-2 */
    .footer-column--products {
        grid-area: 2/1/3/3;
        border-bottom: 1px solid var(--color-border);
        padding-bottom: 6.25vw;
        margin-bottom: -6.25vw;
        margin-top: -4.7vw
    }

    /* Строка 2, колонки 1-2 */
    .footer-column--company {
        grid-area: 3/1/4/2
    }

    /* Строка 3, колонка 1 */
    .footer-column--tech {
        grid-area: 3/2/4/3
    }

    /* Строка 3, колонка 2 */
    /* Разбиваем список "Продукция" на две колонки */
    .footer-column--products .footer-links {
        columns: 2;
        column-gap: 4.7vw
    }

    /* Скрываем десктопные элементы и показываем мобильные */
    .payment-methods--desktop {
        display: none
    }

    .footer-credits--desktop {
        display: inline-flex;
        position: sticky;
        border-top: 1px solid var(--color-border);
        padding-top: 6.25vw;
        margin-top: -6.25vw
    }

    .payment-methods--mobile {
        display: flex
    }

    .payment-methods {
        gap: 4.6875vw;
        width: 67.1875vw;
        margin-top: 6vw;
    }

    .payment-methods__item {
        width: 31.25vw;
        height: 16.875vw
    }

    .payment-methods__item img {
        height: 8.75vw;
        width: 17.1875vw
    }

    .footer-credits--mobile {
        display: inline;
        position: static
    }

    .footer-column--info {
        border-bottom: 1px solid var(--color-border)
    }

    .footer-links a {
        font-size: 5vw;
    }

    .footer-column--info p {
        font-size: 5.625vw;
        width: 86.25vw
    }

    .footer-credits span,
    .footer-credits a {
        font-size: 4.375vw;
    }
}



/* --- Общие сбросы и вспомогательные классы --- */
li,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    background: none;
    padding: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* --- Основной блок --- */
.fixed-block {
    position: fixed;
    bottom: 1.4117647059rem;
    right: .9411764706rem;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 1.1764705882rem;
}

.fixed-block__btn {
    position: relative;
    border: 1px solid rgba(56, 143, 174, .1490196078);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .9);
    width: 2.4705882353rem;
    height: 2.4705882353rem;
    transition: all .4s linear;
    z-index: 55;
    color: var(--color-primary);
}

.fixed-block__img {
    width: 1.4117647059rem;
    height: 1.4117647059rem;
    margin-top: .1764705882rem;
    pointer-events: none;
    transition: all .4s linear;
}

/* --- Компонент "Телефон" --- */
.fixed-block__phone {
    position: relative;
    z-index: 1;
}

.fixed-block__cart .fixed-block__btn::before,
.fixed-block__cart .fixed-block__btn::after,
.fixed-block__phone .fixed-block__btn::before,
.fixed-block__phone .fixed-block__btn::after {
    content: "";
    position: absolute;
    top: calc(var(--border, 1px) * -1);
    /* Добавил --border fallback */
    right: calc(var(--border, 1px) * -1);
    bottom: calc(var(--border, 1px) * -1);
    left: calc(var(--border, 1px) * -1);
    border-radius: 50%;
    animation: ripple 2s linear infinite;
    border: 1px solid rgba(165, 120, 199, 0.40);
}

.fixed-block__cart .fixed-block__btn::after {
    animation-delay: 1.2s;
}

.fixed-block__phone .fixed-block__btn::after {
    animation-delay: 1s;
}

.fixed-block__wrap {
    position: absolute;
    bottom: 60%;
    right: 70%;
    z-index: 50;
    border-radius: .9411764706rem;
    width: max-content;
    height: max-content;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(10px, 10px);
    transition: all .4s linear;
    border: 1px solid rgba(165, 120, 199, 0.40);
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0px 0px 10px 0px rgba(165, 120, 199, 0.20);
    backdrop-filter: blur(10px);
}

.fixed-block__wrap .burger-menu__contacts {
    margin: 0;
}

.fixed-block__wrap .burger-menu__contacts-socials {
    margin-right: 8vw;
    padding-top: 0;
}

.phone {
    display: grid;
    gap: .2941176471rem;
}

.phone__item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    gap: .2941176471rem;
}

/* --- Компонент "Мессенджеры" --- */
.fixed-block__messangers {
    position: relative;
}

.fixed-block__messangers .socials {
    position: absolute;
    bottom: -.1764705882rem;
    left: 50%;
    z-index: -1;
    background-color: rgba(255, 255, 255, .85);
    box-shadow: 0 0 20px 0 rgba(73, 79, 85, .2196078431);
    border-radius: 100vmax;
    max-height: calc(100vh - 2.3529411765rem - var(--height-header, 0px));
    /* Добавил --height-header fallback */
    overflow: clip overlay;
    display: flex;
    flex-direction: column;
    gap: .3529411765rem;
    padding: .1764705882rem .1764705882rem 3.1176470588rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, .5882352941rem);
    transition: all .4s linear;
}

.fixed-block__messangers .socials__link {
    display: flex;
    width: 2.4705882353rem;
    height: 2.4705882353rem;
    transition: opacity .4s linear;
}

/* --- Состояния "Open" --- */
.fixed-block__phone.open .fixed-block__wrap {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translate(0, 0);
    z-index: 500;
}

.fixed-block__messangers.open .socials {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translate(-50%, 0);
    z-index: 50;
}

/* --- Медиа-запросы --- */
@media (min-width: 768px) {
    .fixed-block__btn {
        width: 2.9411764706rem;
        height: 2.9411764706rem;
    }

    .fixed-block__img {
        width: 1.6470588235rem;
        height: 1.6470588235rem;
    }

    .fixed-block__messangers .socials {
        padding: .1764705882rem .1764705882rem 3.5882352941rem;
    }

    .fixed-block__messangers .socials__link {
        width: 2.9411764706rem;
        height: 2.9411764706rem;
    }
}

@media (min-width: 1200px) {
    .fixed-block__btn {
        width: 3.2941176471rem;
        height: 3.2941176471rem;
    }

    .fixed-block__img {
        width: 1.8823529412rem;
        height: 1.8823529412rem;
    }

    .fixed-block__messangers .socials {
        padding: .1764705882rem .1764705882rem 3.9411764706rem;
    }

    .fixed-block__messangers .socials__link {
        width: 3.2941176471rem;
        height: 3.2941176471rem;
    }
}

/* --- Стили для устройств с возможностью наведения (hover) --- */
@media (any-hover: hover) {
    .fixed-block__btn:not(.open-parent .fixed-block__btn):hover {
        border-color: var(--color-accent-pink);
        background-color: var(--color-accent-pink);
        color: #fff;
    }


    .open .fixed-block__btn:hover {
        filter: contrast(.7);
    }
}

@keyframes ripple {
    to {
        transform: scale(1.8);
        opacity: 0;
    }
}




/* ==========================================================================
   HEADER DROPDOWN - REFINED STYLES
   ========================================================================== */

/* Backdrop for modals/dropdowns */
.site-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 1, 29, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.site-backdrop.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    /* FIX: Allows interaction (like closing) when visible */
}

/* --- Main Wrapper --- */
.catalog-dropdown-wrapper {
    position: relative;
}

.catalog-dropdown {
    position: absolute;
    top: 3.2vw;
    left: 0;
    width: auto;
    z-index: 1001;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s;
    pointer-events: none;
    align-items: flex-start;
}

.catalog-dropdown-wrapper.is-open .catalog-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* --- Panel Styling ("Windows") --- */
.catalog-dropdown__panel {
    position: relative;
    border: 1px solid var(--35, rgba(165, 120, 199, 0.35));
    box-shadow: 0px 4px 4px 0px rgba(45, 14, 69, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 1.82vw;
    padding: 2.08vw 0;
}

/* --- Active state for the Catalog Button --- */
.catalog-dropdown-wrapper.is-open .nav-button--svg .nav-button__text {
    color: var(--color-white);
}

.catalog-dropdown-wrapper.is-open .nav-button--svg .icone--fillstroke {
    fill: var(--color-white);
}

.catalog-dropdown-wrapper.is-open .nav-button--svg .nav-button__shape path:first-of-type,
.catalog-dropdown-wrapper.is-open .nav-button--svg .nav-button__shape path:last-of-type {
    fill: url(#hover-gradient);
}

/* --- Arrow rotation inside Catalog Button --- */
.nav-button__content .icon-arrow-down {
    transition: transform 0.3s ease;
}

.catalog-dropdown-wrapper.is-open .nav-button__content .icon-arrow-down {
    transform: rotate(-90deg);
}

/* --- Decorative Stars --- */
.catalog-dropdown__star-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-primary);
}

.catalog-dropdown__star-icon .icon {
    width: 1.09vw;
    height: 1.09vw;
    fill: var(--color-primary);
}

.catalog-dropdown__star-icon--top {
    top: 0.78vw;
    /* 15px */
}

.catalog-dropdown__star-icon--bottom {
    bottom: 0.78vw;
    /* 15px */
}

/* --- Left Panel (Main Categories) --- */
.catalog-dropdown__main {
    width: 34.43vw;
    background: #fff
}

.catalog-dropdown__main-list {
    list-style: none;
    padding: 0;
    margin: 0.78vw 1.56vw;
}

.catalog-dropdown__main-item {
    padding: 1vw .6vw .6vw .6vw;
    /* 15px 30px */
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.2s ease;
    border-top: 1px solid var(--color-border-dark);
}

.catalog-dropdown__main-item:last-child,
.catalog-dropdown__sub-list li:last-child {
    border-bottom: 1px solid var(--color-border-dark);
}

.catalog-dropdown__main-item-all {

}

.catalog-dropdown__main-link {
    font-family: 'Cramaten', sans-serif;
    font-size: 2.76vw;
    line-height: 1;
    letter-spacing: -0.53px;
    text-transform: uppercase;
    color: var(--color-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.catalog-dropdown__main-item .icon-arrow-right {
    fill: var(--color-primary);
    transition: fill 0.2s ease, transform 0.3s ease;
}

/* --- Active State Styling --- */
.catalog-dropdown__main-item.is-active {
    background-color: var(--color-bg-light);
}

.catalog-dropdown__main-item:hover .catalog-dropdown__main-link,
.catalog-dropdown__main-item.is-active .catalog-dropdown__main-link {
    color: var(--color-accent-pink);
}


.catalog-dropdown__main-item.is-active .icon-arrow-right {
    fill: var(--color-accent-pink);
    transform: rotate(45deg);
    transform-origin: 50% 0;
}

.catalog-dropdown__main-item-all:hover .icon-arrow-right {
  fill: var(--color-accent-pink);
  transform: rotate(45deg);
  transform-origin: 50% 0;
}

.catalog-dropdown__main-item-all:hover {
  background-color: var(--color-bg-light);
}


/* --- Right Panel (Sub-Categories) --- */
.catalog-dropdown__sub {
    width: 34.43vw;
    background-color: var(--color-bg-light);
}

.catalog-dropdown__sub-content {
    padding: 0;
    /* 40px horizontal padding */
}

.catalog-dropdown__sub-list {
    list-style: none;
    padding: 0;
    margin: 0.78vw 1.56vw;
    display: none;
    counter-reset: sub-item-counter;
}

.catalog-dropdown__sub-list.is-active {
    display: block;
}

.catalog-dropdown__sub-list li {
    padding: 0.78vw 0;
    border-top: 1px solid var(--color-border-dark);
    transition: padding-left 0.5s ease;
}

.catalog-dropdown__sub-list li:hover {
    background: #fff;
    padding-left: 1vw;
}

.catalog-dropdown .catalog-dropdown__sub .catalog-dropdown__sub-content{
  max-height: 80vh;
  overflow: auto;
}

.catalog-dropdown__sub-list li a {

    color: var(--, #2D0E45);
    font-family: "Vela Sans";
    font-size: 1.35vw;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.26px;
    text-transform: uppercase;
    color: var(--color-primary-darkest);
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.5s ease;
}

.catalog-dropdown__sub-list li:hover a {
    color: var(--color-accent-pink);
}

/* CSS Counters for numbers */
.catalog-dropdown__sub-list li a::before {
    counter-increment: sub-item-counter;
    content: counter(sub-item-counter, decimal-leading-zero);
    font-weight: 500;
    font-size: 0.83vw;
    color: var(--color-text-light-gray);
    margin-right: 0.78vw;
    min-width: 1.25vw;
    display: inline-block;
    color: var(--, #909090);
    text-align: justify;
    letter-spacing: -0.48px;
}


.catalog-dropdown__sub {
    display: none;
    margin-left: -1px;
}

.catalog-dropdown.sub-is-active .catalog-dropdown__sub {
    display: block;
}

@media (max-width: 960px) {
    .catalog-dropdown {
        top: 6.2vw;
    }

    .catalog-dropdown__main-link {
        font-size: 6vw;
    }

    .catalog-dropdown__main-item {
        padding: 1vw 1vw 0 1vw;
    }

    .catalog-dropdown__sub-list li a::before {
        font-size: 1.5vw;
        margin-right: 1.78vw;
    }

    .catalog-dropdown__sub-list li a {
        font-size: 2vw;
    }

    .icon-arrow-right {
        width: 4vw;
        height: 4vw;
    }

    .catalog-dropdown__star-icon .icon {
        width: 2vw;
        height: 2vw;
    }


    .catalog-dropdown__panel {
        padding: 3.5vw 0;
    }
}

@media (max-width: 767px) {
    .catalog-dropdown {
        top: 14.2vw;
    }

    .catalog-dropdown {
        flex-flow: column;
        position: fixed;
        max-width: 90.625vw;
    }

    .catalog-dropdown__main,
    .catalog-dropdown__sub {
        width: 90.625vw;
        border-radius: 3.75vw;
    }

    .catalog-dropdown__main-list,
    .catalog-dropdown__sub-list {
        padding: 0 3.125vw;
    }

    .catalog-dropdown__star-icon--top {
        top: 3vw;
    }

    .catalog-dropdown__main-list li {
        transition: border-top 0s, all 1.2s ease, border-bottom 0s;
    }

    .catalog-dropdown__main-list:has(li.is-active) li:not(.is-active) *,
    .catalog-dropdown__main-list:has(li.is-active) li:not(.is-active) {
        opacity: 0;
        visibility: hidden;
        height: 0;
    }


    .catalog-dropdown__main-list:has(li.is-active) li.is-active {
        border-bottom: 1px solid var(--color-border-dark);
    }

    .catalog-dropdown__main-list:has(li.is-active) li.is-active+li {
        border-top: 0px;
    }

    .catalog-dropdown__main-list:has(li.is-active) li {
        padding: 0;
    }

    .catalog-dropdown__main-list:has(li.is-active) li.is-active {
        padding: 3vw 3vw 0 3vw;
    }

    .catalog-dropdown__panel.catalog-dropdown__sub .catalog-dropdown__star-icon--top {
        display: none;
    }

    .catalog-dropdown {
        top: 15.2vw;
    }

    .catalog-dropdown__main-link {
        font-size: 9vw;
    }

    .catalog-dropdown__main-item {
        padding: 3vw 3vw 0 3vw;
    }

    .catalog-dropdown__sub-list li a::before {
        font-size: 3vw;
        margin-right: 5vw;
    }

    .catalog-dropdown__sub-list li a {
        font-size: 4vw;
    }

    
    .catalog-dropdown__star-icon .icon {
        width: 5vw;
        height: 5vw;
    }
	
	.icon-arrow-right{
        width: 8vw;
        height: 8vw;
		fill: #fff;
    }

    .catalog-dropdown__panel {
        padding: 10vw 0;
    }
}




/* ==========================================================================
   БУРГЕР-МЕНЮ
   ========================================================================== */
.no-scroll {
    overflow: hidden;
}

.burger-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 25.52vw;
    height: 100%;
    background-color: var(--color-bg-light);
    border-right: 1px solid var(--color-border);
    border-radius: 0 1.82vw 1.82vw 0;
    padding: 1.04vw 1.56vw;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    transform: translateX(-110%);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.burger-menu.is-open {
    transform: translateX(0);
}

.burger-menu__header {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
}

.line-star {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 2.1875vw;
    width: 100%;
}

.line_under-star {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 2.08vw;
    border-bottom: 1px solid var(--color-border);
}

.burger-menu__star-icon--top {
    display: flex;
    margin: 0 auto;
}

.burger-menu__logo img {
    height: 2.812vw;
}

.burger-menu__actions {
    display: flex;
    align-items: center;
    gap: 1.1vw;
}

.burger-menu__actions .btn--icon {
    width: 2.1875vw;
    height: 2.1875vw;
    border-color: var(--color-primary);
}

.burger-menu__actions .nav-separator {
    display: flex;
}

.burger-menu__close-btn, .popup-close-btn {
    border: 1px solid var(--color-text-light-gray);
    border-radius: 50%;
    width: 2.1875vw;
    height: 2.1875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: none;
    padding: 0;
    flex-shrink: 0;
}

.burger-menu__close-btn svg, .popup-close-btn svg{
    width: 1.04vw;
    height: 1.04vw;
    stroke: var(--color-text-light-gray);
}

.burger-menu__close-btn:hover,
.filter-close-btn:hover, .popup-close-btn:hover{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.burger-menu__close-btn:hover svg,
.filter-close-btn:hover svg, .popup-close-btn:hover svg{
    stroke: var(--color-white);
}

#burger-menu-close-mob {
    display: none;
}

#burger-menu::before {
    content: "";
    position: absolute;
    top: 60%;
    left: -20%;
    /* Смещаем центр круга так, чтобы он был на 60% вниз от верхнего края */
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: radial-gradient(circle at 0% 0%,
            #79EFFF -0.28%,
            #FD3CE3 36.34%,
            #912BFF 74%,
            #0095FF 100.16%);
    filter: blur(425px);
    opacity: .1;
    pointer-events: none;
    z-index: -1;
}

.burger-menu__body {
    padding-top: 2.08vw;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.burger-menu__nav {
    display: flex;
    gap: 3.6vw;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 2.08vw;
}

.burger-menu__nav-column .pre-title {
    margin-bottom: 2vw;
    font-weight: 500;
    color: var(--color-primary);
}

.burger-menu__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.83vw;
}

.burger-menu__links a {
    text-decoration: none;
    font-size: 1.04vw;
    font-weight: 500;
    color: var(--color-primary-darkest);
    transition: color 0.2s ease;
}

.burger-menu__links a:hover {
    color: var(--color-accent-pink);
}

.burger-menu__contacts {
    margin: 2.08vw 0 2.08vw 0;
    background-color: #fff;
    border-radius: 1.04vw;
    padding: 1.56vw 1.04vw;
}

.burger-menu__contacts-schedule {
    font-size: .833vw;
    color: var(--color-text-light-gray);
    text-align: right;
    margin-bottom: 0.52vw;
}

.burger-menu__contacts-phone {
    font-family: "Vela Sans", sans-serif;
    font-size: 2.29vw;
    line-height: 125%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.52vw;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    margin-bottom: 1.04vw;
}

.burger-menu__contacts-phone svg {
    width: 1.56vw;
    height: 1.56vw;
    flex-shrink: 0;
}

.burger-menu__contacts-socials {
    display: flex;
    justify-content: space-between;
    padding-top: 0.78vw;
    margin-right: 10vw;
}

.burger-menu__contacts-socials a {
    font-size: .833vw;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-primary-darkest);
    text-decoration: none;
    display: inline-block;
}

.burger-menu__contacts-socials a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-primary);
    transition: width 0.3s ease;
}

.burger-menu__contacts-socials a:hover::after {
    width: 50%;
}

.burger-menu__socials-wrap {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    justify-content: space-between;
}

.burger-menu__socials {
    display: flex;
    gap: 1vw;
}

.burger-menu__socials-wrap p {
    font-size: .833vw;
    line-height: 1.2;
    color: var(--color-text-light-gray);
}

.burger-menu__footer {
    margin-top: auto;
    padding-top: 1.04vw;
    text-align: center;
}

.burger-menu__star-icon--top .icon,
.burger-menu__star-icon--bottom .icon {
    width: 0.625vw;
    height: 0.625vw;
    fill: var(--color-primary);
}

/* --- Адаптация для планшетов --- */
@media (max-width: 960px) {
    .burger-menu {
        width: 58.85vw;
        border-radius: 0 3.65vw 3.65vw 0;
    }

    .line-star,
    .burger-menu__logo {
        height: 4.06vw;
    }

    .burger-menu__logo img {
        height: 4.06vw;
    }

    .burger-menu__actions .btn--icon,
    .burger-menu__close-btn {
        width: 4.06vw;
        height: 4.06vw;
    }

    .burger-menu__close-btn svg {
        width: 1.8vw;
        height: 1.8vw;
    }

    .burger-menu__actions .nav-separator .icon {
        width: 1.1vw;
    }

    .burger-menu__nav {
        gap: 6.25vw;
    }

    .burger-menu__links a {
        font-size: 1.8vw;
    }

    .burger-menu__contacts {
        padding: 2.6vw 2.08vw;
		margin-right: 10vw;
		padding-right: 5vw;
    }

    .burger-menu__contacts-schedule {
        font-size: 1.5vw;
    }

    .burger-menu__contacts-phone {
        font-size: 4vw;
    }

    .burger-menu__contacts-phone svg {
        width: 3.1vw;
        height: 3.1vw;
    }

    .burger-menu__contacts-socials a {
        font-size: 1.67vw;
    }

    .burger-menu__socials .social-icon {
        width: 4.69vw;
        height: 4.69vw;
    }

    .burger-menu__socials .social-icon svg {
        height: 2.5vw;
    }

    .burger-menu__socials-wrap p {
        font-size: 1.4vw;
        width: 20.83vw;
		text-align: end;
    }

    .burger-menu__star-icon--top .icon,
    .burger-menu__star-icon--bottom .icon {
        width: 2.3vw;
        height: 2.3vw;
    }

    .burger-menu__actions {
        margin-left: -7.5vw;
    }
}

/* --- Адаптация для мобильных --- */
@media (max-width: 767px) {
    .burger-menu {
        width: 100vw;
        padding: 4.69vw;
        border-radius: 0 10.94vw 10.94vw 0;
        border-right: none;
    }

    .line-star {
        justify-content: space-between;
        height: 10vw;
        padding-bottom: 4vw;
        border-bottom: 1px solid var(--color-border);
        height: 19vw;
    }

    .burger-menu__nav-column .pre-title {
        margin-bottom: 6.25vw;
    }

    #burger-menu-close-mob {
        display: flex;
    }

    #burger-menu-close-laptop {
        display: none;
    }

    .burger-menu__star-icon--top {
        margin: 0;
    }

    .burger-menu__actions {
        margin-left: 0;
    }

    .burger-menu__star-icon--top .icon,
    .burger-menu__star-icon--bottom .icon {
        width: 7.2vw;
        height: 7.2vw;
    }

    .line_under-star {
        border-bottom: none;
        padding-bottom: 4vw;
        padding-top: 4vw;
        border-bottom: 1px solid var(--color-border);
    }

    .burger-menu__actions {
        gap: 2vw;
    }

    .burger-menu__logo img {
        height: 10vw;
    }

    .burger-menu__actions .btn--icon,
    .burger-menu__close-btn {
        width: 10vw;
        height: 10vw;
    }

    .burger-menu__close-btn svg {
        width: 5vw;
        height: 5vw;
    }

    .burger-menu__actions .nav-separator:last-child {
        display: none;
    }

    .burger-menu__body {
        padding-top: 4vw;
    }

    .burger-menu__nav {
        flex-direction: initial;
        gap: 8vw;
        padding-bottom: 4vw;
    }

    .burger-menu__contacts-schedule {
        text-align: left;
    }

    .burger-menu__links {
        gap: 2.5vw 5vw;
    }

    .burger-menu__links a {
        font-size: 4.5vw;
    }

    .burger-menu__contacts {
        margin-top: 8vw;
		margin-right: 0;
        padding: 4vw;
        border-radius: 4vw;
    }

    .burger-menu__contacts-schedule {
        font-size: 4vw;
        margin-bottom: 4.69vw;
    }

    .burger-menu__contacts-phone {
        font-size: 6.25vw;
        gap: 3vw;
        margin-bottom: 4.69vw;
    }

    .burger-menu__contacts-socials {
        padding-top: 0;
    }

    .burger-menu__contacts-phone svg {
        width: 5vw;
        height: 5vw;
    }

    .burger-menu__contacts-socials a {
        font-size: 5vw;
		width: min-content;
    }

    .burger-menu__socials-wrap {
        margin-top: 4.69vw;
        flex-direction: column;
        align-items: center;
        text-align: left;
        gap: 4.69vw;
    }

    .burger-menu__socials {
        gap: 3vw;
        margin-right: auto;
    }

    .burger-menu__socials .social-icon {
        width: 11.625vw;
        height: 11.625vw;
    }

    .burger-menu__socials .social-icon svg {
        height: 6.88vw;
    }

    .burger-menu__socials-wrap p {
        font-size: 3.8vw;
    }

    .burger-menu__footer {
        padding-top: 4vw;
    }

    .burger-menu__actions .nav-separator .icon {
        width: 3.13vw;
    }

    .burger-menu__socials-wrap p {
        width: 100%;
		text-align: start;
    }

    .line-star,
    .burger-menu__logo {
        height: 10vw;
    }

    .fixed-block__wrap .burger-menu__contacts-socials,
	.burger-menu__contacts-socials {
        margin-right: 0;
		gap: 15px;
    }
}



/* ==========================================================================
   14. POPUP MODAL FORM
   ========================================================================== */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 1, 29, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.popup-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.popup-content-wrapper {
    position: relative;
    width: 38.125vw;
    background: var(--color-white);
    border-radius: 1.8229vw;
    padding: 3.125vw 3.125vw 1.5vw 3.125vw;
    transform: scale(0.9);
    transition: transform 0.4s ease;
    display: flex;
    flex-direction: column;
}

.popup-overlay.is-open .popup-content-wrapper {
    transform: scale(1);
}

.popup-close-btn {
    position: absolute;
    top: 1.5625vw;
    /* 30px */
    right: 1.5625vw;
    /* 30px */
    width: 2.1875vw;
    height: 2.1875vw;
    border: 1px solid var(--color-text-light-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    z-index: 10;
}

.popup-close-btn svg {
    width: 1.04vw;
    height: 1.04vw;
    stroke: var(--color-text-light-gray);
    transition: stroke 0.3s;
}

.popup-close-btn:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.popup-close-btn:hover svg {
    stroke: var(--color-white);
}

/* --- Views inside the popup --- */
.popup-form-view,{
    display: none;
    /* Скрываем оба блока по умолчанию */
}

.popup-form-view.is-visible,
.popup-success-view.is-visible {
    display: flex;
    /* Показываем только блок с классом .is-visible */
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.popup-form-view__title {
    font-family: "Vela Sans", sans-serif;
    font-weight: 600;
    font-size: 1.354vw;
    /* 26px */
    line-height: 125%;
    letter-spacing: -0.01em;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-primary-darkest);
	margin-top:15px;
}

.popup-form-view .form-fields {
    margin: 2.6042vw 0 1.0417vw 0;
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
    flex-grow: 1;
    /* Позволяем блоку с полями растягиваться */
}

.popup-form-view .form-group textarea {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: "Vela Sans", sans-serif;
    font-weight: 500;
    font-size: 0.7812vw;
    line-height: 1.2;
    color: var(--color-primary-darkest);
    border-bottom: 1px solid var(--color-primary);
    padding: 0 0 0.625vw 0;
    resize: vertical;
    height: 1.77vw;
}



.catalog-dropdown__star-icon .popup-form__star-icon--top {
    width: 1.51vw;
    height: 1.51vw;
    fill: var(--color-primary);
}

.popup-form-view .form-group textarea::placeholder {
    color: var(--color-text-light-gray);
    opacity: 1;
    letter-spacing: -0.0234vw;
}

.popup-form-view .form-group {
    height: auto;
}

.popup-form-view .form-label-icon {
    top: 0;
}

.popup-form-view .contact-form-button {
    margin-top: auto;
    align-self: center;
}

/* --- Success View --- */
.popup-success-view.is-visible {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.popup-success-view__title {
    font-weight: 600;
    line-height: 130%;
    color: var(--color-primary-darkest);
    max-width: 85%;
    margin-bottom: 2.083vw;
    font-family: "Vela Sans";
    font-size: 26px;
    letter-spacing: -0.26px;
	margin: 0 auto;
    margin-top: 0px;
 	 margin-top: 40px;
	  text-align: center;
}

.popup-success-view__actions {
    display: flex;
    align-items: center;
    gap: 1.5625vw;
	justify-content: center;
  margin-top: 50px;
}

.popup-success-view__actions .btn--primary {
    transform: rotate(0);
}

.popup-success-view__link {
    font-family: "Vela Sans", sans-serif;
    font-size: 0.8333vw;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
}

.popup-success-view__link:hover {
    border-bottom-color: var(--color-primary);
}

#popup-modal-form .form-group-checkbox__label {
    width: 12vw;
}

/* --- Tablet Styles --- */
@media (max-width: 960px) {
    .popup-content-wrapper {
        width: 70vw;
        height: auto;
        max-height: 80vh;
        padding: 4vw;
        border-radius: 3vw;
    }

    .popup-close-btn {
        top: 2vw;
        right: 2vw;
        width: 4.5vw;
        height: 4.5vw;
    }

    .popup-close-btn svg {
        width: 2vw;
        height: 2vw;
    }

    .catalog-dropdown__star-icon .popup-form__star-icon--top {
        width: 2.5vw;
        height: 2.5vw;
    }


    .popup-form-view__title,
    .popup-success-view__title {
        font-size: 2.5vw;
    }

    .popup-form-view .form-group textarea,
    .popup-form-view .form-group input {
        font-size: 1.6vw;
        height: auto;
    }

    .popup-form-view .contact-form-button,
    .popup-success-view__actions .btn--primary {
        width: 14.7917vw;
        height: 14.7917vw;
    }

    .popup-form-view .contact-form-button span,
    .popup-success-view__actions .btn span {
        font-size: 1.5625vw;
    }

    .popup-success-view__link {
        font-size: 1.6vw;
    }

    #popup-modal-form .form-group-checkbox__label {
        width: 22vw;
    }
	
	.popup-success-view__actions 
  margin-top: 25px;
}


/* --- Mobile Styles --- */
@media (max-width: 767px) {
	
    .popup-content-wrapper {
        width: 90vw;
        padding: 8vw 5vw;
        border-radius: 6vw;
    }
	
	   .popup-content-wrapper {
        width: 90vw;
        height: auto;
        padding: 4vw;
        border-radius: 3vw;
    }

    .popup-close-btn {
        top: 4vw;
        right: 4vw;
        width: 10vw;
        height: 10vw;
    }

    .popup-close-btn svg {
        width: 5vw;
        height: 5vw;
    }

    .popup-form-view__title,
    .popup-success-view__title {
        font-size: 5.5vw;
		margin-top:0;
    }

    .popup-form-view .form-group input,
    .popup-form-view .form-group textarea {
        font-size: 4vw;
    }

    .popup-form-view .contact-form-button,
    .popup-success-view__actions .btn--primary {
        width: 35.9375vw;
        height: 35.9375vw;
    }

    .popup-form-view .contact-form-button span,
    .popup-success-view__actions .btn span {
        font-size: 4.7vw;
    }

    .popup-success-view__link {
        font-size: 4vw;
    }

    #popup-modal-form .form-group-checkbox__label {
        width: 100%;
    }

    .catalog-dropdown__star-icon .popup-form__star-icon--top {
        width: 5vw;
        height: 5vw;
    }
}



/* ==========================================================================
   Woocomerce
   ========================================================================== */
/* --- Компонент: Заголовок --- */
.product-card .product-price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    white-space: nowrap;
}

.product-card .product-price .old-price .woocommerce-Price-amount bdi {
    font-size: 0.94vw;
    color: var(--color-text-light-gray);
    font-weight: 400;
    letter-spacing: -0.2px;
    text-decoration-line: line-through;
}

/* Удаляем лишние переносы строк, создаваемые del/ins тегами WooCommerce */
.product-card .product-price del,
.product-card .product-price ins {
    display: inline;
    text-decoration: none;
    background: none;
}

@media (max-width: 960px) {

    .product-card .product-price .old-price .woocommerce-Price-amount bdi {
        font-size: 1.8vw;
    }
}

@media (max-width: 767px) {

    .product-card .product-price {
        gap: 5px;
    }

    .product-card .product-price .old-price .woocommerce-Price-amount bdi {
        font-size: 4vw;
    }
}

#vega-product-grid-container.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* ==========================================================================
   CART SIDE MENU
   ========================================================================== */
/* Стили для фона при открытии меню (если еще нет) */

/* Основной контейнер корзины */
.cart-menu {
    position: absolute;
	overflow-y: auto;
	overflow-x: clip;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: var(--color-bg-light);
    border-left: 1px solid var(--color-border);
    border-radius: 1.82vw 0 0 1.82vw;
    padding: 1.56vw 10.94vw 1.56vw 1.56vw;
    z-index: 1100;
    transform: translateX(110%);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.cart-menu.is-open {
    transform: translateX(0);
    /* Показываем меню */
}

/* Псевдо-элемент для фонового свечения (как в бургер-меню) */
.cart-menu::before {
    content: "";
    position: absolute;
    top: 60%;
    right: -20%;
    /* Смещаем к правому краю */
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: radial-gradient(circle at 100% 0%, #79EFFF -0.28%, #FD3CE3 36.34%, #912BFF 74%, #0095FF 100.16%);
    filter: blur(425px);
    opacity: .15;
    pointer-events: none;
    z-index: -1;
}

.cart-menu__body,
.cart-menu__header {
    border-bottom: 1px solid var(--color-border);
}

/* Заголовок */
.cart-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border);
    position: relative;
    flex-shrink: 0;
}

.cart-menu__title {
    font-size: 53px;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: -0.53px;
}

.cart-menu__star-icon {
    margin: 0 auto;
    color: var(--color-primary);
    height: 2.1875vw;
}

.cart-menu__star-icon .icon {
    width: 21px;
    fill: currentColor;
    margin: auto 0;
}

.cart-menu__close-btn {
    border: 1px solid var(--color-text-light-gray);
    border-radius: 50%;
    width: 2.1875vw;
    height: 2.1875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: none;
    padding: 0;
    flex-shrink: 0;
    z-index: 1;
    margin-left: auto;
    margin-bottom: auto;
}

.cart-menu__close-btn svg {
    width: 1.04vw;
    height: 1.04vw;
    stroke: var(--color-text-light-gray, #C4C4C4);
    transition: stroke 0.2s ease;
}

.cart-menu__close-btn:hover {
    background-color: var(--color-primary, #A578C7);
    border-color: var(--color-primary, #A578C7);
}

.cart-menu__close-btn:hover svg {
    stroke: var(--color-white, #FFF);
}

.cart-menu__body {
    flex-grow: 1;
    overflow-y: auto;
    padding: 23px 0;
}

.cart-menu__items-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.2vw;
}


li.cart-item {
    display: flex;
    align-items: center;
    gap: 0.8vw;
    justify-content: space-between;
}

li.cart-item:hover .cart-item__name {
    color: var(--color-accent-pink);
}

.cart-menu__items-list img {
    width: 3.3vw;
    height: 3.3vw;
    object-fit: contain;
    border-radius: 0.5vw;
    /* Может понадобиться для прозрачных PNG */
    flex-shrink: 0;
}

.cart-item__volume {
    color: var(--color-text-light-gray);
}


.cart-item__price {
    color: var(--color-primary);
    font-family: "Vela Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: -0.22px;
}

.cart-menu__items-list .cart-item .cart-item__remove.remove_from_cart_button,
.cart-item.woocommerce-mini-cart-item .cart-item__remove {
    padding: 0.5vw;
    cursor: pointer;
    line-height: 0;
    border: 1px solid var(--color-text-light-gray);
    border-radius: 50%;
    height: auto;
    width: auto;
}

.cart-menu__items-list .cart-item .cart-item__remove.remove_from_cart_button:hover,
.cart-item.woocommerce-mini-cart-item .cart-item__remove:hover {
    background-color: var(--color-primary, #A578C7);
    border-color: var(--color-primary, #A578C7);
}

.cart-menu__items-list .cart-item .cart-item__remove.remove_from_cart_button:hover svg path,
.cart-item.woocommerce-mini-cart-item .cart-item__remove:hover svg path {
    stroke: var(--color-white, #FFF);
}

.cart-menu__items-list .cart-item .cart-item__remove.remove_from_cart_button svg path,
.cart-item.woocommerce-mini-cart-item .cart-item__remove svg path {
    transition: stroke 0.2s ease;
}

.cart-menu .quantity-selector {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 7px 8px;
    border-radius: 10px;
    border: 1px solid var(--color-primary);
    background: var(--color-bg-light);
	
	margin-left: auto;
}

.cart-menu .quantity-selector button {
    display: flex;
    width: 20px;
    height: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid var(--color-primary);
    background: #FFF;
}

.cart-menu .quantity-selector button svg {
    fill: var(--color-primary-darkest);
}

.cart-menu .quantity-minus {
    margin-left: 2px;
}

.cart-menu .quantity-plus {
    margin-right: 2px;
}

.quantity-selector .quantity-value {
    font-size: 16px;
}

/* Футер корзины */
.cart-menu__footer {
    margin-top: auto;
    padding-top: 1.56vw;
    text-align: center;
    flex-shrink: 0;
}

.cart-menu__total {
    display: flex;
    justify-content: end;
    gap: 5px;
    color: var(--color-text-light-gray, #929292);
    margin-bottom: 1.5vw;
}

.total-label {
    margin-top: auto;
    margin-bottom: 6px;
    font-size: 18px;
}

.cart-menu__total .total-amount .woocommerce-Price-amount bdi {
    font-weight: 700;
    font-size: 24px;
    color: var(--color-primary-darkest, #333);
}

.cart-menu__purchase-btn {
    margin: 15px auto 0;
    transform: rotate(-16.46deg);
}


/* --- Адаптация (примерная, можно донастроить) --- */
@media (max-width: 960px) {
    .cart-menu {
        width: 60vw;
    }

    .cart-menu__title {
        font-size: 40px;
    }

    .cart-menu__close-btn {
        width: 4vw;
        height: 4vw;
    }

    .cart-menu__close-btn svg {
        width: 2vw;
        height: 2vw;
    }

    .cart-menu__items-list img {
        width: 6vw;
        height: 6vw;
    }

    .cart-item__name {
        font-size: 1.6vw;
    }

    .cart-item__volume {
        font-size: 1.4vw;
    }

    .cart-menu .quantity-selector {
        gap: 4px;
        padding: 3px 4px;
        border-radius: 8px;
    }

    .cart-menu .quantity-selector button {
        width: 17.5px;
        height: 17.5px;
    }

    .cart-menu .quantity-selector .quantity-value {
        font-size: 1.4vw;
    }

    .cart-item__price {
        font-size: 1.5vw;
    }

    .cart-menu__total {
        font-size: 1.8vw;
    }


    .cart-menu__total .total-amount {
        font-size: 2vw;
    }

    .cart-menu__purchase-btn {
        width: 20vw;
        height: 20vw;
        font-size: 2vw;
    }

    .cart-menu {
        padding: 1.56vw 1.56vw;
    }
}

@media (max-width: 767px) {
    .cart-menu {
        width: 100vw;
        border-radius: 8vw 0 0 8vw;
        padding: 4.69vw;
    }

    .cart-menu__title {
        font-size: 36px;
        height: 30px;
        line-height: 1;
    }

    .cart-menu__star-icon {
        height: 30px;
        margin: auto;
        align-content: center;
    }

    .cart-menu__close-btn {
        width: 10vw;
        height: 10vw;
    }

    .cart-menu__close-btn svg {
        width: 5vw;
        height: 5vw;
    }

    li.cart-item {
        gap: 15px;
    }

    .cart-menu__items-list img {
        width: 15vw;
        height: 15vw;
    }

    .cart-item__name {
        font-size: 4vw;
    }

    .cart-item__volume {
        font-size: 3.5vw;
    }

    .cart-menu .quantity-selector .quantity-value {
        font-size: 4vw;
    }

    .cart-item__price {
        font-size: 4vw;
    }

    .cart-menu__total {
        font-size: 4vw;
    }

    .cart-menu__total .total-amount {
        font-size: 4.5vw;
    }

    .cart-menu__purchase-btn {
        width: 40vw;
        height: 40vw;
        font-size: 4.5vw;
    }
}



/*
 * Checkout Page Custom Styles
 */
.woocommerce-checkout .vega-checkout-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    /* Левая колонка немного шире */
    gap: 50px;
    /* Отступ между колонками */
    align-items: flex-start;
}


.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: none !important;
    color: var(--color-primary-darkest) !important;
    border-top: none !important;
}

#place_order {
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.wp-block-woocommerce-cart.alignwide {
    margin: 150px auto;
    max-width: 78.125vw;
}

.editor-styles-wrapper .wc-block-cart__empty-cart__title,
.wc-block-cart__empty-cart__title {
    font-size: 50px !important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
    font-size: 25px;
}

    {}


/* Стили для мобильных устройств */
@media (max-width: 960px) {
    .woocommerce-checkout .vega-checkout-wrapper {
        grid-template-columns: 1fr;
        /* Колонки встают друг под другом */
    }

    .vega-checkout-right-column {
        margin-top: 40px;
    }

    .wp-block-woocommerce-cart.alignwide {
        max-width: 96.875vw;
    }
}

@media (max-width: 767px) {
    .wp-block-woocommerce-cart.alignwide {
        margin: 90px auto;
        max-width: 90.625vw;
    }
}

.btn--primary-hero {
  background: var(--gradient-btn-default) ;
  border: 2px solid #FCEEF9 ;
  color: var(--color-white) ;
  border-radius: 50% ;
  opacity: 1 ;
  cursor: pointer ;
}
.btn--primary-hero:hover {
  background: var(--gradient-btn-hover) ;
  transform: rotate(-25deg) scale(1.05) ;
}

.text-page {
    max-width: 770px;
    margin: 40px auto;
    color: var(--color-primary-darkest);
}

.text-page .top-container {
  margin-top: 4.5vw;
}

.text-page h1 {
    font-family: Cramaten;
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -2px;
}

.text-page h3 {
    font-family: "Vela Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.26px;
    text-transform: uppercase;
	margin:25px 0 15px;
	text-indent: 10px;
}

.text-page p {
    font-size: 18px;
    line-height: 130%;
}

@media (max-width: 767px) {
	.text-page {
    max-width: 90.125vw;
    margin: 50px auto;
}
	
    .text-page h1 {
        line-height: 90%;
        font-size: 75px;
    }

    .text-page h3 {
        font-size: 24px;
    }

    .text-page p {
        font-size: 16px;
        line-height: 130%;
    }
}

.homepage-video-section {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
    width: 78.125vw;
    border-radius: 1.8229vw;
    margin: 0 auto;
}

.videoplayer {
    position: relative;
    width: calc(50% - 12.5px);
    aspect-ratio: 1 / 1;
    border-radius: 35px;
    overflow: hidden;
    background: var(--color-text-light-gray);
    cursor: pointer;
}

.videoplayer video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.videoplayer-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.5104vw;
    height: 6.5104vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    pointer-events: none;
    /* чтобы клик проходил на .videoplayer */
}

.videoplayer:hover .videoplayer-button {
    background-color: rgba(0, 0, 0, 0.2);
}

.videoplayer-icon {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 35px solid var(--color-white);
    margin-left: 0.5208vw;
}

/* Скрываем кнопку, когда видео играет */
.videoplayer.playing .videoplayer-button {
    opacity: 0;
    visibility: hidden;
}

/* Показываем кнопку, когда пауза */
.videoplayer.paused .videoplayer-button {
    opacity: 1;
    visibility: visible;
}
.product-page .homepage-video-section{
	margin-top: 150px;
}

.cart-button.fixed-block__btn svg{
	width: 27px;
  height: 27px;
  margin-bottom: 3px;
}

.fixed-block__cart, .cart-count, .cart-count-main , .cart-count-secondary{
  display: none;
}

.cart-count.has-items, .cart-count-main.has-items , .cart-count-secondary.has-items{
  display: flex;
}

.fixed-block__cart{z-index:1;}

.cart-count, .cart-count, .cart-count-main , .cart-count-secondary, .cart-count-fixed {
    position: absolute;
    border-radius: 30px;
    background-color: var(--color-primary);
	padding: 5px 10px;
    transform: translateX(20px) translateY(-15px);
    color: #fff;
    aspect-ratio: 1;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	font-size: 14px;
}


.cart-count-main {
    transform: translateX(15px) translateY(-10px);
}


@media (max-width: 960px) {
    .homepage-video-section {
        width: 96.88vw;
    }
	.product-page .homepage-video-section{
		margin-top: 50px;
	}
}

@media (max-width: 768px) {
    .homepage-video-section {
        width: 90.15vw;
    flex-flow: column;
	}

	.videoplayer {
  width: 100%;
}
	
	li.cart-item .cart-item__image-link{
		display:none;
	}
	
	.fixed-block__cart.has-items {
  display: block;
}
}


.grid-brand-section {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 2rem;
    align-items: start;
}


.grid__two-chack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.section-intro {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.image-vertical {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 1rem;
    margin-top: auto;
}

.image-square {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 1rem;
}

.image-column {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.image-bottom {
    width: 213px;
    height: 243px;
    flex-shrink: 0;
    border-radius: 35px;

}

.section-intro-image-bottom {
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    height: 100%;
	gap:50px;
}

.about-section__image-wrapper.full-to-right {
    width: 87%;
	height: 100%;
}

.grid-history {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 2rem;
    align-items: start;
}

.big-text-block {
    width: 100%;
    line-height: 100%;
    letter-spacing: -2px;
    text-indent: 25em;

}

.orbit-with-lines {
    position: absolute;
    left: 45%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.planet-block {
    position: relative;
    height: 46.88vw;
}

.planet-text-block {
    position: absolute;
    width: 22.71vw;
}

.planet-text-block__first {
    top: 3.65vw;
    left: 0
}

.planet-text-block__first svg {
    margin-top: 1.04vw;
    width: 21.3vw;
}

.planet-text-block__second svg {
    margin-top: -2.6vw;
    width: 21.3vw;
}

.planet-text-block__second {
    top: 35.89vw;
    right: 8.07vw;
    width: 17.19vw;
    text-align: right;
}

.planet-block .bestseller-section__bottle {
    display: block;
	border-radius: 35px;
}

.wide-image-block-left__section {
    position: relative;
    left: -11vw;
    height: 63.8vw;
    width: 150%;
}

.wide-image-block-left__wrapper {
  width: 42.5%;
  position: absolute;
  top: 0;
  height: 150%;
}

.wide-image-block-left__button {
    top: 35vw;
}

.wide-image-block-left__placeholder {
    top: 20vw;
    left: 63vw;
    overflow: inherit !important;
}

.wide-image-block-left__placeholder .static-bottle {
    opacity: 1;
}

.wide-left__image {
    border-radius: 0 35px 35px 0;
	width:100%;
}

.news-content {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 40px;
    align-items: start;
}

.reviews-section-wrapper {
    padding: 0 !important;
    border: 0 !important;
}

.news-image-wrapper,
.news-image-wrapper .news-image {
    width: 100%;
}

.testimonials-news-container.testimonials-container {
    gap: 30px;
}

.testimonial-card.testimonial-card-news {
    flex-basis: 40%;
}
.testimonial-card-news h5{
	height: 80px;
  overflow: clip;
}

.testimonial-card.testimonial-card-news.testimonial-card-news-first {
    flex-basis: 60%;
}

.news-image-wrapper .news-image {
    border-radius: 30px;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.bestseller-planet-bg svg{
	width:100%;
	height: 100%;
}

a.testimonial-card{
	text-decoration: none;	
}

@media (max-width: 960px) {
    .wide-image-block-left__section {
        height: 90vw;
        left: -7vw;
    }

    .about-section__image-wrapper.full-to-right {
        width: auto;
        height: 100%;
    }

    .about-us-section-intro__description {
        width: 24vw;
    }

    .wide-image-block-left__placeholder {
        top: 22vw;
        left: 73.5vw;
    }

    .wide-left__image {
        width: 70vw;
    }
}

@media (max-width: 768px) {
	
	.grid__two-chack .about-us-section-intro__description {
        margin-top: -20vw;
    }

    .about-section__image {
        border-radius: 25px;
    }

    .grid-brand-section {
        grid-template-columns: 1fr;
    }

    .grid__two-chack {
        grid-template-columns: 1fr;
    }

    .grid-4chank {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 0;
        gap: 0
    }

    .about-section__image-wrapper.full-to-right {
        height: 400px;
    }

    .grid-history {
        grid-template-columns: 1fr;
        max-width: 90vw;
    }

    .image-bottom {
        display: none;
    }

    .planet-block {
        display: none;
    }

    .section-intro__description {
        width: 100%;
    }

    .wide-image-block-left__section {
        display: none;
    }


    .news-content {
        grid-template-columns: 1fr;
    }

    .testimonials-container.testimonials-news-container {
        gap: 0;
    }

    .testimonial-card.testimonial-card-news.testimonial-card-news-first,
    .testimonial-card.testimonial-card-news {
        flex-basis: 100%;
    }
}


.about-company-page .section-intro, .single-post-page .section-intro{
	position: relative;
}

.about-company-page .grid-brand-section .title-decoration {
  top: 80px;
  left: 130px;
}

.about-company-page .grid-history .title-decoration {
  top: 80px;
  left: 110px;
}


.about-company-page .section-divider, .single-post-page .section-divider {
  margin: 3.9062vw 0;
}


#title-decoration-about-company {  
  bottom: 3.5vw;
  left: 12.5vw;
}

@media (max-width: 768px) {
	.about-company-page .grid-history .title-decoration {
  top: 20vw;
  left: 110px;
}
	
	.about-company-page .grid-brand-section .title-decoration {
  top: 21vw;
  left: 130px;
}
}
	

/*
=================================
СТИЛИ ДЛЯ СТРАНИЦЫ НОВОСТЕЙ (ARCHIVE.PHP)
=================================
*/

.news-grid-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px; 
}

/* Ряд с двумя колонками */
.news-row-2-cols {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 30px;
}

/* Ряд с четырьмя колонками */
.news-row-4-cols {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 30px;
}


.news-card {
    display: block;
    text-decoration: none;
    color: inherit;    
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
}

.news-card:hover .news-card__title {
    color: var(--color-accent-pink);
}

.news-row-4-cols .news-card__image-wrapper {
    aspect-ratio: 1 / 1;
}

.news-card__image-wrapper {
    width: 100%;
	border-radius: 30px;
    aspect-ratio: 16 / 9; 
    background-color: #f0f0f0; 
	max-height: 562px;
}

.news-card__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
	border-radius: 30px;
}

.news-card__title {
	color: var(--color-primary-darkest);
	margin-top:25px;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 32.5px */
letter-spacing: -0.26px;
text-transform: uppercase;    
}

/* --- 3. Адаптивность для планшетов и десктопов --- */


@media (max-width: 960px) {
		.about-company-page .section-divider, .single-post-page .section-divider{
		margin: 5.2083vw 0;
	}
}

/* Планшеты (768px и больше) */
@media (min-width: 768px) {
    .news-row-2-cols {
        grid-template-columns: repeat(2, 1fr);
    }

    .news-row-4-cols {
        grid-template-columns: repeat(2, 1fr); /* На планшетах 4 в ряд может быть слишком мелко, начнем с 2 */
    }
}

@media (max-width: 768px) {
	.news-row-4-cols .news-card__image-wrapper {
    aspect-ratio: 16 / 9;
}
	.news-grid-wrapper {
  gap: 30px;
}
	
	.news-card__title {	
	margin-top:10px;
font-size: 22px;   
}
	
	.about-company-page .section-divider, .single-post-page .section-divider{
		margin: 14.06vw 0;
	}
}

/* Десктопы (1024px и больше) */
@media (min-width: 1024px) {
    .news-row-4-cols {
        grid-template-columns: repeat(4, 1fr); /* На больших экранах показываем 4 в ряд */
    }
}


/*
=================================
СТИЛИ ДЛЯ ПАГИНАЦИИ WORDPRESS
=================================
*/

.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.navigation.pagination {
    /* Стили для основного контейнера, если нужны */
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Стили для всех элементов пагинации: цифр и стрелок */
.page-numbers li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-main, #333); /* Используйте переменную вашего цвета или hex-код */
    border: 1px solid #EAEAEA;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.woocommerce nav.woocommerce-pagination ul {  
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: 1px solid var(--color-text-light-gray) !important; 
	color: var(--color-text-light-gray) !important; 
	margin: 5px;
}
.woocommerce nav.woocommerce-pagination ul li a {  
	color: var(--color-text-light-gray) !important; 
	height: 100%;
}

.woocommerce nav.woocommerce-pagination ul li span {  
	color: var(--color-primary) !important; 
	border-color: var(--color-primary) !important;
	height: 100%;
	background: none !important;
}

.woocommerce nav.woocommerce-pagination ul li:has(span) {  
	color: var(--color-primary) !important; 
	border-color: var(--color-primary) !important;
	background: none !important;
}


.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
text-align: center;
  align-items: inherit;
  align-content: center;
}


/* Убираем рамку у многоточия */
.page-numbers.dots {
    border: none;
}

/* Стили для активной страницы */
.page-numbers.current {
    border-color: var(--color-accent-pink, #A578C7);
    color: #fff;
    cursor: default;
}

/* Стили для стрелок */
.prev.page-numbers,
.next.page-numbers {
    border-color: transparent;
    background-color: transparent;
}

.next.page-numbers1 {
    border: 1px solid var(--color-accent-pink, #A578C7);
    color: var(--color-accent-pink, #A578C7);
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span:hover  {
     background-color: var(--color-accent-pink, #A578C7) !important;
	border: 1px solid var(--color-accent-pink, #A578C7) !important;
     color: #fff !important;
}


/*
=================================
СТИЛИ ДЛЯ СТРАНИЦЫ ЗАПИСИ (SINGLE.PHP)
=================================
*/

/* --- 1. Общие контейнеры --- */
.single-post-page .top-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* --- 2. Главное изображение поста --- */
.post-featured-image {
    width: 100%;
    margin-bottom: 40px;
	
}

.post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
	max-height: 562px;
	object-fit: cover;
	border-radius: 30px;
}

/* --- 3. Контейнер для текста (заголовок + контент) --- */
.entry-container {
    max-width: 840px; /* Ограничиваем ширину для лучшей читаемости */
    margin-left: auto;
    margin-right: auto;
}

/* --- 4. Заголовок поста --- */
.entry-header {
    margin-bottom: 30px;
}

.entry-title {
	color: var(--color-primary-darkest);
	width: 80%;
}


/* --- 5. Стили для основного контента --- */
.entry-content {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

/* Стили для параграфов */
.entry-content p {
    color: var(--color-primary-darkest);
font-family: "Vela Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 23.4px */
}


/* Стили для заголовков внутри статьи (H2, H3 и т.д.) */
.entry-content h2,
.entry-content h3,
.entry-content h4 {
    font-family: "Vela Sans", sans-serif;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3;
}

/* Стили для изображений, которые вы вставляете в редакторе */
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 30px;
}

.column-right{
	width: 75%;
}

/* Стили для выравнивания картинок в редакторе */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
}

/* Стили для списков */
.entry-content ul,
.entry-content ol {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
}

.entry-content li {
    margin-bottom: 0.5em;
}


/* --- Адаптивность --- */
@media (max-width: 767px) {
	
	.entry-title, .column-right{
	width: 100%;
}
    
    .post-featured-image {
        margin-bottom: 25px;
    }

    .entry-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.single-post-page .breadcrumbs {
  border-bottom: 1px solid var(--color-primary);
}

/*
=================================
ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ SINGLE.PHP
=================================
*/

.content-intro{
  max-width: 735px;
  margin: 0 auto;
}

.entry-content {
    /* Добавляем display: flex, чтобы управлять порядком блоков */
    display: flex;
    flex-direction: column;
    gap: 40px; /* Расстояние между блоками контента */
}

.content-two-columns {
    display: grid;
    grid-template-columns: 1fr; /* Одна колонка на мобильных */
    gap: 30px;
    align-items: start; /* Выравнивание по верху */
}

.column-left img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

/* --- Стили для блока "Порада від VEGA" --- */
.advice-block {   
    display: grid;
    grid-template-columns: 1fr; /* Одна колонка по умолчанию */
    gap: 50px; 
}


.advice-block__image {
    width: 100%;
    height: auto;
    border-radius: 30px;
}


/* --- Адаптивность для десктопов --- */
@media (min-width: 992px) {
    .content-two-columns {
		display:grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .advice-block {
		display:grid;
        grid-template-columns: repeat(4, 1fr);
    }
}


.loyalty-page-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 30px;
}

.loyalty-sidebar {
    flex-shrink: 0;
}

.sidebar-option {
    border-radius: 23px;
    border: 1px solid var(--35, rgba(165, 120, 199, 0.35));
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 2px 2px 0 rgba(45, 14, 69, 0.08);
    padding: 15px 15px 5px 15px;
    display: flex;
    justify-content: space-between;
}

.sidebar-option h3 {
	color: var(--color-primary-darkest);
  font-family: Cramaten;
  font-size: 53px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%;
  letter-spacing: -0.53px;
  text-transform: uppercase;
	width: 80%;
}

.sidebar-option.active svg {
    fill: #fff;
    transform: rotate(45deg);
    transform-origin: 10% 0;
}

.sidebar-option svg {
    width: 35px;
    height: 57px;
    margin-top: -5px;
}



.sidebar-option.active h3 {
    color: #fff;
}

.sidebar-option.active {
    background: var(--color-primary);
}


.loyalty-sidebar-first__section-divider {
    margin: 30px 0;
}

.loyalty-sidebar-2__section-divider {
    margin: 10px 0;
}

.loyalty-content {
    flex-grow: 1;
    padding: 60px 34px 50px 30px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 0 14px 0 rgba(31, 5, 50, 0.07);
}

.loyalty-content__main-title {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
    color: var(--color-primary-darkest);

}

.loyalty-content .section-divider {
    margin: 40px 0;
}

.intro-block,
.trade-intro-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
    margin-right: 0px;
}

.intro-block__image {
    height: 100%;
  width: 100%;
    flex-shrink: 0;
    border-radius: 40px;
	background-size: cover;
	aspect-ratio: 5/4;
}

.intro-block__text {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.intro-block__text h5 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.intro-block__text p {
    font-size: 20px;
}

.discounts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    margin: 0 80px;
}

.discount-column h3 {
    margin-top: 0;
    margin-bottom: 40px;
}

.discount-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.discount-list__item {
    display: flex;
}

.discount-list__item .icon {
    flex-shrink: 0;
    margin-right: 12px;
    margin-top: 5px;
    width: 24px;
    height: 24px;
}

.discount-list span {
    color: var(--color-text-light-gray);
    font-size: 26px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.26px;
}

.discount-list span .discount-percent {
    color: var(--color-primary);
    font-size: 32px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.32px;
}

.how-to-get-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 45px;
    margin: 0 80px;
}

.how-to-get-grid__info {
    margin-top: 0;
    display: flex;
    flex-flow: column;
    gap: 30px;
}

.how-to-get-grid__info-disription {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.how-to-get-grid__info h5.title-get-grid__info,
h5.form-section__title {

    font-size: 32px;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}

.how-to-get-grid__info p+p {
    margin-top: 20px;
}

.how-to-get-grid__contacts .burger-menu__contacts {
    display: flex;
    gap: 20px;
    flex-flow: column;
}

.how-to-get-grid__contacts .contact-info__details {
    position: static;
}

.how-to-get-grid__contacts .contact-info__details a,
.how-to-get-grid__contacts .burger-menu__contacts-socials a {
    color: var(--color-primary);
}

.how-to-get-grid__contacts .burger-menu__socials a {
    border: 1px solid var(--color-primary);
}

.how-to-get-grid__contacts .burger-menu__contacts {
    margin: 0;
    border-radius: 0;
    padding: 0;
}

.how-to-get-grid__contacts .burger-menu__contacts-socials {
    padding-top: 5px;
}

.form-section {
    margin: 0 140px;
}

.form-section__title {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
    width: 60%;
}

.loyalty-content .form-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 0;

}

.form-group--full-width {
    grid-column: 1 / -1;
}

.form-group {
    position: relative;
}

.form-group input,
.form-group textarea {
    width: 100%;
}

.form-group-checkbox {
    margin-top: 20px;
}

.contact-form-button {
    margin-top: 30px;
    Display: block;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

.form-group textarea {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: "Vela Sans", sans-serif;
    font-weight: 500;
    font-size: 0.7812vw;
    line-height: 1.2;
    color: var(--color-primary-darkest);
    border-bottom: 1px solid var(--color-primary);
    padding: 0 0 0.625vw 0;
    resize: vertical;
    height: 1.77vw;
}

.form-group textarea::placeholder {
    color: var(--color-text-light-gray);
    opacity: 1;
    letter-spacing: -0.0234vw;
}

@media (max-width: 960px) {

    .form-group textarea,
    .form-group input {
        font-size: 14px;
        height: auto;
		max-height: 35px;
    }
}

@media (max-width: 767px) {

    .form-group textarea,
    .form-group input {
        font-size: 14px;
        height: auto;
    }
}

.form-label-icon {
    top: 0;
}


.intro-block-trade {
    margin-right: 70px;
}

.intro-block-trade .trade-intro-text {
    text-align: center;
    margin-top: 40px;
}

.intro-block-trade .trade-intro-text h5 {
    margin-bottom: 20px;
}

.intro-subtext {
    width: 80%;
    margin: 40px auto 0;
    color: var(--color-primary-darkest);
    text-align: center;
    font-family: "Vela Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}


.info-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0 80px;
}

.info-section__content {
    display: flex;
    justify-content: space-between;
    gap: 10%;
}

.info-section__content h6 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary-darkest);
    margin: 0;
    flex-shrink: 0;
}

.discounts-grid h5 {
    font-size: 28px;
    font-weight: 600;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.discount-column-left .discount-list__item span {
    font-size: 20px;
}

h5.info-section__title {
    color: var(--color-primary-darkest);
    font-family: "Vela Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}

.info-section__content {
    width: 95%;
    gap: 10%;
}

.info-section__content h3 {
    white-space: nowrap;
}

.info-section__content p.suport-text {
    width: 70%;
    color: var(--color-text-light-gray);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.2px;
}

.info-section {
    width: 75%;
}

.how-to-get-grid__contacts .burger-menu__contacts-socials {
    margin-right: 10vw;
}

.discount-list__item.info-list__item span {
    color: var(--color-primary-darkest);
    font-size: 20px;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: -0.2px;
}

.how-to-get-grid__contacts .contact-info__details span {
    color: var(--color-text-light-gray, #909090);
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.2px;
}

.how-to-get-grid__contacts .contact-info__details span a {
    color: var(--color-primary, #A578C7);
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.26px;
    text-transform: uppercase;
}

.form-footer-text {
    color: var(--color-primary-darkest);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.45px;
    text-transform: uppercase;
    margin-top: 30px;
}

@media (max-width: 960px) {

    .loyalty-page-container {
        grid-template-columns: 1fr;
        /* Stack sidebar on top of content */
        gap: 40px;
    }

    .loyalty-content {
        padding: 40px 30px;
    }

    .intro-block,
    .trade-intro-block {
        gap: 30px;
        margin-right: 0;
        text-align: center;
    }


    .intro-block-trade {
        margin: 0;
    }

    .discounts-grid {
        gap: 40px;
        margin: 0;
    }

    .how-to-get-grid {
        gap: 40px;
        margin: 0;
    }

    .info-section {
        width: 100%;
        margin: 0;
        gap: 30px;
    }

    .info-section__content {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .info-section__content p.suport-text {
        width: 100%;
    }

    .loyalty-content .form-fields {
        gap: 30px;
    }

    .form-section {
        margin: 0;
    }


    /* --- Font Size Adjustments --- */
    .loyalty-page-container h3 {
        font-size: 44px;
    }

    .loyalty-content__main-title {
        font-size: 80px;
        /* Assuming this is an h2, adjust if needed */
        margin-bottom: 40px;
    }

    .intro-block__text h5,
    .how-to-get-grid__info h5.title-get-grid__info,
    h5.form-section__title,
    h5.info-section__title {
        font-size: 28px;
    }

    .discounts-grid h5 {
        font-size: 24px;
    }

    .intro-block__text p,
    .discount-column-left .discount-list__item span,
    .discount-list__item.info-list__item span,
    .info-section__content p.suport-text {
        font-size: 18px;
    }

    .discount-list span {
        font-size: 22px;
    }

    .discount-list span .discount-percent {
        font-size: 28px;
    }

    .intro-subtext,
    .how-to-get-grid__contacts .contact-info__details span a {
        font-size: 22px;
    }



    /* --- Spacing and Margins --- */
    .loyalty-content .section-divider {
        margin: 30px 0;
    }

    .loyalty-sidebar-first__section-divider {
        margin: 20px 0;
    }

    .form-section__title {
        width: 90%;
        margin-bottom: 30px;
    }

    .how-to-get-grid__contacts .burger-menu__contacts-socials {
        margin-right: 0;
    }

    .contact-form-button {
        margin-top: 30px;
    }

}


@media (max-width: 767px) {

    .loyalty-content {
        padding: 30px 15px;
        border-radius: 20px;
    }


    /* --- Stacking (already done, just refining gaps) --- */
    .loyalty-page-container,
    .discounts-grid,
    .how-to-get-grid {
        gap: 30px;
    }

    .intro-block,
    .trade-intro-block,
    .info-section,
    .loyalty-content .form-fields, #popup-modal-title .form-fields{
        gap: 25px;
    }


    .discount-column h3 {
        margin-bottom: 25px;
    }

    .loyalty-content__main-title {
        font-size: 70px;
        margin-bottom: 30px;
    }

    .intro-block__text h5,
    .how-to-get-grid__info h5.title-get-grid__info,
    h5.form-section__title,
    h5.info-section__title {
        font-size: 24px;
    }

    .discounts-grid h5 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .intro-block__text {
        gap: 20px;
    }

    .intro-block__text p,
    .discount-column-left .discount-list__item span,
    .discount-list__item.info-list__item span,
    .info-section__content p.suport-text {
        font-size: 16px;
    }

    .discount-list {
        gap: 25px;
    }

    .discount-list span {
        font-size: 18px;
    }

    .discount-list span .discount-percent {
        font-size: 24px;
    }

    .intro-subtext,
    .how-to-get-grid__contacts .contact-info__details span a {
        font-size: 20px;
    }

    .how-to-get-grid__contacts .contact-info__details span {
        font-size: 16px;
    }

    .form-footer-text {
        font-size: 14px;
    }


    /* --- Spacing and Margins --- */
    .loyalty-content .section-divider {
        margin: 20px 0;
    }

    .form-section__title {
        width: 100%;
        margin-bottom: 25px;
    }


	  .loyalty-page-container h3 {
    font-size: 26px;
  }
	
	.sidebar-option h3 {
    font-size: 46px;
  }
	
    .loyalty-page-container {
        display: flex;
  flex-flow: column;
  gap: 20px;
    }

    .intro-block,
    .trade-intro-block {
        grid-template-columns: 1fr;
    }

    .discounts-grid {
        grid-template-columns: 1fr;
    }

    .how-to-get-grid {
        grid-template-columns: 1fr;
    }

    .loyalty-content .form-fields {
        grid-template-columns: 1fr;
    }
}
.woocommerce-order-received .page-wrapper, .woocommerce-account .page-wrapper{
    width: 100%;
    max-width: 78.125vw;
    margin: 0 auto;
    margin-top: 150px;
}

.woocommerce-order-received .page-wrapper .woocommerce-order {
    background-color: var(--color-bg-light);
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title, .woocommerce-order-details__title{
  margin-top: 10px !important;
}

.woocommerce-customer-details .woocommerce-columns{
	display: flex;
  flex-flow: column;
	gap:20px;
}


@media (max-width: 960px) {
    .woocommerce-order-received .page-wrapper, .woocommerce-account .page-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0 1.5625vw;
        margin-top: 90px;
    }
	
	 .big-text-block {
    text-indent: 12em;
  }
}

@media (max-width: 767px) {
    .woocommerce-order-received .page-wrapper, .woocommerce-account .page-wrapper {
        padding: 0 4.7vw;
        margin-top: 75px;
    }
	
		.big-text-block {
  text-indent: 6em;
}
}








/* ==========================================================================
   SEARCH POPUP STYLES
   ========================================================================== */
.popup.search-popup {
    position: fixed;
    top: 0;
    left: 0;   
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
	left: 50%;
  top: 50%;
  transition: none;
  transform: translate(-50%,-50%);
}
.popup.search-popup.is-open {
    opacity: 1;
    visibility: visible;
}
.popup__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup__content {
    background-color: var(--color-bg-light);
    width: 90%;
    max-width: 800px;
    padding: 40px;
    border-radius: 20px;
    position: relative;
    transform: scale(0.9);
    transition: transform 0.4s ease;
}
.popup.is-open .popup__content {
    transform: scale(1);
}
.form-search__wrap {
    position: relative;
}
.form-search__form {
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--color-primary);
    margin-bottom: 30px;
}
.form-search__input {
    width: 100%;
    border: none;
    background: none;
    outline: none;
    font-size: 24px;
    padding: 10px;
    color: var(--color-primary-darkest);
}
.btn-form {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-primary);
    padding: 10px;
}
.form-search__close {
    position: absolute;
    top: -25px;
    right: -25px;
}

.popup.search-popup.is-open {
  opacity: 1;
  visibility: visible;
}

.search-popup__results-wrapper {
    min-height: 200px; /* Чтобы окно не "прыгало" по высоте */
}
.products-search__list,
.popular-search__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.products-search__item,
.popular-search__item {
    margin-bottom: 15px;
}
.products-search__link,
.popular-search__item a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}
.products-search__img img,
.popular-search__item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}
.products-search__name,
.popular-search__item-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-primary-darkest);
}
.products-search__price {
    margin-left: auto;
    font-weight: 600;
    color: var(--color-primary);
}
.popular-search__title {
    font-size: 20px;
    color: var(--color-primary-darkest);
    margin-bottom: 20px;
}
.no-results, .searching {
    text-align: center;
    font-size: 18px;
    color: var(--color-text-light-gray);
    padding: 40px 0;
}


.search-results-title {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--color-text-light-gray);
    margin-top: 25px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-border);
}

.search-results-title:first-child {
    margin-top: 0;
}

.posts-search__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.posts-search__item {
    margin-bottom: 15px;
}

.posts-search__link {
    text-decoration: none;
    display: block;
}

.posts-search__name {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-primary-darkest);
    margin-bottom: 5px;
}

.posts-search__excerpt {
    display: block;
    font-size: 14px;
    color: var(--color-text-medium-gray);
    line-height: 1.4;
}

.posts-search__link:hover .posts-search__name {
    color: var(--color-accent-pink);
}

.popular-search__wrap {
    /* Стили для обертки */
}
.popular-search__title {
   font-family: Cramaten;
font-weight: 400;
font-style: Regular;
font-size: 53px;
line-height: 105%;
letter-spacing: -1%;
text-transform: uppercase;
}
.form-search__label{width:100%;}
.popular-search__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 колонки */
    gap: 20px;
}
.popular-search__item a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    transition: box-shadow 0.2s ease;
}
.popular-search__item a:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.popular-search__img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
}
.popular-search__info {
    display: flex;
    flex-direction: column;
}
.popular-search__item-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary-darkest);
    line-height: 1.3;
}
.popular-search__price {
    font-size: 14px;
    color: var(--color-primary);
    font-weight: 600;
    margin-top: 5px;
}

.form-search__close:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.form-search__close {
  border: 1px solid var(--color-text-light-gray);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: none;
    background-color: rgba(0, 0, 0, 0);
  padding: 0;
  flex-shrink: 0;
}

.form-search__close svg{
	stroke: var(--color-text-light-gray);
}

.form-search__close:hover svg{
  stroke: #fff;
}


@media (max-width: 960px) {
   .popular-search__list {
    grid-template-columns: 1fr; 
    gap: 15px;
}
}

@media (max-width: 767px) {
	.popup.search-popup .popup__content{
  width: 90vw;
}
}


.product-card {
  opacity: 0; 
  transform: translateY(20px);   	
  transition-property: opacity, transform, box-shadow;
  transition-duration: 1s, 1s, 0.5s; /* Длительность анимации */
  transition-timing-function: ease-out;
}



.product-card.is-visible { 
  opacity: 1;   
  transform: translateY(0);
}

@media (max-width: 960px) {
   .popular-search__list {
    grid-template-columns: 1fr; 
    gap: 15px;
}
}


	
.product-card:nth-child(3n + 1) { }
.product-card:nth-child(3n + 2) { transition-delay: 0.2s, 0.2s, 0s;  }
.product-card:nth-child(3n + 3) { transition-delay: 0.4s, 0.4s, 0s;  }
	
	
	@media (max-width: 767px) {
   .product-card:nth-child(2n + 1) { transition-delay: 0s; }
.product-card:nth-child(2n + 2) { transition-delay: 0.4s, 0.4s, 0s;   }
} 


.form-group-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: var(--color-primary-darkest);
  user-select: none;
  gap: 10px;
}

.wpcf7-not-valid-tip {
  color: var(--color-accent-pink) !important;
  font-size: 14px!important;
}

.popup-overlay[hidden] {
    display: none;
}

/* Базові стилі для спливаючого вікна */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* Стан, коли вікно видиме */
.popup-overlay:not([hidden]) {
    opacity: 1;
    visibility: visible;
}

.popup-content-wrapper {
    position: relative;
    background: #fff; /* або колір вашого дизайну */
    padding: 40px;
    transform: scale(0.9);
    transition: transform 0.4s ease;
}

.popup-overlay:not([hidden]) .popup-content-wrapper {
    transform: scale(1);
}

.popup-close-btn {
    position: absolute;
    top: 15px;
    right: 15px; 
    cursor: pointer;
    padding: 0;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--color-border-dark-opacity) !important;
  border-width: 1px!important;
  color: var(--color-accent-pink) !important;
}

.wpcf7-submit{
	margin-top:15px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  padding: 0 !important;
}






/* Приховуємо стандартні радіо-кнопки */
.review-stars input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Стилі для контейнера зірок */
.review-stars {
    display: flex;
    flex-direction: row-reverse; /* Щоб зірки "запалювались" зліва направо при наведенні */
    justify-content: center;
    gap: 10px;
}

/* Стилізуємо label як зірку */
.review-stars .wpcf7-list-item-label {
    cursor: pointer;
    font-size: 0; /* Прибираємо текст "1", "2" і т.д. */
}

/* Додаємо SVG через псевдоелемент */
.review-stars .wpcf7-list-item-label::before {   
    display: block;
	aspect-ratio: 72/69;
    width: 72px;
    transition: all 0.2s ease-in-out;	
	 -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 72 69" fill="%23ccc" xmlns="http://www.w3.org/2000/svg"><path d="M35.0489 0.92705C35.3483 0.00573921 36.6517 0.00574017 36.9511 0.927051L44.756 24.9483C44.8899 25.3604 45.2739 25.6393 45.7071 25.6393H70.9646C71.9333 25.6393 72.3361 26.8789 71.5524 27.4483L51.1186 42.2943C50.7682 42.549 50.6215 43.0003 50.7554 43.4123L58.5604 67.4336C58.8597 68.3549 57.8052 69.1211 57.0215 68.5517L36.5878 53.7057C36.2373 53.451 35.7627 53.451 35.4122 53.7057L14.9785 68.5517C14.1948 69.1211 13.1403 68.3549 13.4396 67.4336L21.2446 43.4123C21.3785 43.0003 21.2319 42.549 20.8814 42.2943L0.447639 27.4483C-0.336074 26.8789 0.0667009 25.6393 1.03542 25.6393H26.2929C26.7261 25.6393 27.1101 25.3604 27.244 24.9483L35.0489 0.92705Z"></path></svg>'); no-repeat 50% 50%;
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 72 69" fill="%23ccc" xmlns="http://www.w3.org/2000/svg"><path d="M35.0489 0.92705C35.3483 0.00573921 36.6517 0.00574017 36.9511 0.927051L44.756 24.9483C44.8899 25.3604 45.2739 25.6393 45.7071 25.6393H70.9646C71.9333 25.6393 72.3361 26.8789 71.5524 27.4483L51.1186 42.2943C50.7682 42.549 50.6215 43.0003 50.7554 43.4123L58.5604 67.4336C58.8597 68.3549 57.8052 69.1211 57.0215 68.5517L36.5878 53.7057C36.2373 53.451 35.7627 53.451 35.4122 53.7057L14.9785 68.5517C14.1948 69.1211 13.1403 68.3549 13.4396 67.4336L21.2446 43.4123C21.3785 43.0003 21.2319 42.549 20.8814 42.2943L0.447639 27.4483C-0.336074 26.8789 0.0667009 25.6393 1.03542 25.6393H26.2929C26.7261 25.6393 27.1101 25.3604 27.244 24.9483L35.0489 0.92705Z"></path></svg>'); no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
	background-color: var(--35, rgba(165, 120, 199, 0.35));
}


/* Подсветка при наведении */
.review-stars .wpcf7-list-item-label.hovered::before {
  background-color: var(--color-primary);
}

/* Постоянная подсветка при выборе */
.review-stars .wpcf7-list-item-label.selected::before {
  background-color: var(--color-primary);
}


.page-template-template-reviews-php .reviews-left-panel .reviews-link{
	display:none;	
}

.section.contacts-section .contact-form-button{
	margin-top: 20px;
	max-height: 190px;
}

@media (max-width: 960px) {
	.review-stars .wpcf7-list-item-label::before {  
		width: 55px;
	}
	
}

@media (max-width: 720px) {
	.review-stars .wpcf7-list-item-label::before {  
		width: 35px;
	}
	.review-stars {
  gap: 5px;
}
	.wide-image-block-left__section + .section-divider-invisible {
  display: none;
}
	
	.woocommerce nav.woocommerce-pagination ul li {
  margin: 3px;
}
	
	.page-numbers li {
  font-size: 14px;
  width: 25px;
  height: 25px;
}
}


@media (max-width: 960px) {
	
	.videoplayer-button {
  border: 0;
}
	
	.videoplayer:hover .videoplayer-button {
  background-color: rgba(0, 0, 0, 0);
}
	
    .hero-images__bottle.statick-bottle {
	position: fixed;
}
	.hero-description{
		z-index: 20;
	}
	 .page-template-page-home .bestseller-section__bottle {
    opacity: 0;
  }
	.hero-images__bottle.moving-bottle.statick-bottle.stopped{
		position:absolute;
	}
	
	.bestseller-section{
		z-index: auto !important;
	}
	
}

.catalog-hero-new__image-wrapper-mob{display:none;}


@media (max-width: 767px) {
    .hero-images__bottle.statick-bottle {
	position: fixed;
}
	
	.catalog-hero-new__image-wrapper-mob{display:block;
		width: 100%;}
	
		.catalog-hero-new__image.catalog-hero-new__image-mob{		
  border-radius: 35px;
			aspect-ratio: 1/1;
		}
		
		  .catalog-hero-new {
    height: auto !important;
  }
	
	.container-hero .breadcrumbs__catalog {
  position: static;
}
	
	.catalog-hero-new__text {
    width: 90.625vw;
  }
	
}