/*
Theme Name: Retrit Theme
Author: David
Author URI: http://www.hostinger.com/tutorials
Description: Custom Theme for Chadnovsky site
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import url('./styles/retreats.css');
@import url('./styles/mentoring.css');
@import url('./styles/soulclub.css');

/* || RESET */
*,
*:after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

input,
button,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

/* || VARIABLES */
:root {
    /* FONTS */
    --FF: 'Gotham Pro', sans-serif;
    --FS: clamp(1rem, 2.2vh, 1.5rem);
    --FF-HEADER: 'Victor Serif', sans-serif;

    /* COLORS */
    --BG-COLOR: #FFEEDA;
    --OVERLAY-COLOR: hsla(0, 0%, 0%, 0.32);
    --DARK-GREEN-COLOR: #373621;
    --GREEN-COLOR: #545338;
    --RED-COLOR: #B42F28;
    --DARK-BIEGE-COLOR: #C1A485;
    --DARK-BIEGE-OPACITY-COLOR: hsla(31, 33%, 64%, 0.24);
    --BUTTONS-OPACITY: 0.84;

    /* GRADIENT */
    --CIRCLE-GRADIENT: radial-gradient(hsl(32, 46%, 78%), hsla(32, 46%, 78%, 0));

    /* PADDINGS */
    --PAD-IN: min(2.8vw, 40px);
    --M-PAD-IN: var(--M-18PX);

    /* RESPONSIVE */
    --325PX: min(22.6vw, 325px);
    --84PX: min(5.9vw, 84px);
    --72PX: min(5vw, 72px);
    --68PX: min(4.8vw, 68px);
    --64PX: min(4.5vw, 64px);
    --54PX: min(3.8vw, 54px);
    --24PX: min(1.7vw, 24px);
    --20PX: min(1.4vw, 20px);
    --18PX: min(1.3vw, 18px);
    --16PX: min(1.2vw, 16px);
    --14PX: min(1vw, 14px);
    --12PX: min(0.9vw, 12px);
    --2REM: min(2.3vw, 2rem);

    --M-88PX: max(24.5vw, 88px);
    --M-54PX: max(15vw, 54px);
    --M-48PX: max(48px, 13.33vw);
    --M-46PX: max(12.8vw, 46px);
    --M-44PX: max(44px, 12.22vw);
    --M-36PX: max(10vw, 36px);
    --M-34PX: max(34px, 9.44vw);
    --M-32PX: max(8.9vw, 32px);
    --M-28PX: max(7.8vw, 28px);
    --M-26PX: max(26px, 7.22vw);
    --M-24PX: max(6.7vw, 24px);
    --M-22PX: max(6.2vw, 22px);
    --M-20PX: max(5.6vw, 20px);
    --M-18PX: max(5vw, 18px);
    --M-16PX: max(4.5vw, 16px);
    --M-14PX: max(3.9vw, 14px);
    --M-12PX: max(3.4vw, 12px);
    --M-8PX: max(2.3vw, 8px);
}

ul {
    cursor: pointer;
}

a {
    text-decoration: none;
    text-underline-offset: 6px;
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--FF);
    background-color: var(--BG-COLOR);
    position: relative;
}

main {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    padding: 0 var(--PAD-IN);
    margin: 1rem auto;
    max-width: 1440px;
}

.decorations {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    overflow-x: hidden;
    pointer-events: none;
    z-index: -1;
}

header {
    display: flex;
    flex-direction: column;
    background-size: contain;
    background-color: var(--BG-COLOR);
    padding-inline: var(--PAD-IN);
    padding-top: min(.95vw, 13px);
    margin: 0 auto;
    max-width: 1440px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header__main {
    /* display: flex;
    justify-content: space-between; */
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

footer {
    width: 100%;
    background-size: contain;
    display: flex;
    flex-direction: column;
    padding-top: min(4.4vw, 4rem);
    background-color: var(--GREEN-COLOR);
}

button {
    border: none;
    background: none;
}

/* BLOCK */
.template {
    background-image: url('./img/soul_template.webp');
    background-size: cover;
}

.price {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: var(--PAD-IN);
    padding-top: min(7vw, 100px);
    padding-bottom: min(7.5vw, 108px);
}

.find-your {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: var(--PAD-IN);
    position: relative;
    padding-top: min(4.4vw, 62px);
    padding-bottom: min(.9vw, 12px);
}

.find-your h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    margin-top: max(-1.5vw, -24px);
}

.find-your h2::after {
    content: 'на пути к своей сути';
    display: block;
    margin-left: min(26.7vw, 384px);
}

.find-your h2 span {
    margin-left: min(9.6vw, 138px);

}

.faq {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: var(--PAD-IN);
    padding-top: var(--64PX);
    padding-bottom: min(4.2vw, 60px);
    position: relative;
}

.faq ul {
    list-style-type: none
}

.faq ul li {
    font-size: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    padding-right: 45px;
    background-color: hsla(31, 33%, 64%, 0.24);
    width: min(46.4vw, 667px);
    padding-left: min(1.6vw, 22px);
    padding-block: min(1.7vw, 23px);
    margin-bottom: 3px;
    border-radius: 5px;

}

.you-get {
    display: flex;
    flex-direction: column;
    padding-top: min(8.1vw, 116px);
    max-width: 1440px;
    margin: 0 auto;
}

.inviting {
    background: #545338;
    background: linear-gradient(237deg, rgba(84, 83, 56, 1) 0%, rgba(83, 82, 55, 1) 20%, rgba(108, 107, 59, 1) 61%, rgba(68, 67, 39, 1) 97%);
     
    flex-direction: column;
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: var(--PAD-IN);
    position: relative;
    padding-block: min(72px, 5.00vw);
}

.know-yourself {
    display: flex;
    flex-direction: column;
    padding-inline: var(--PAD-IN);
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: min(11.6vw, 166px);
    position: relative;
}

.know-yourself::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('./img//lila/know_yourself_background.webp');
    background-size: 74%;
    background-position-x: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -2;
}

.know-yourself img {
    width: var(--64PX);
    height: var(--64PX);
    position: absolute;
    top: 0;
}

.know-yourself img:nth-child(3) {
    top: min(50.5vw, 726px);
    left: min(35.9vw, 516px);
}

.know-yourself img:nth-child(4) {
    top: min(17.1vw, 245px);
    right: min(21.7vw, 312px);
}

.lila-banner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1440px;
    margin: 0 auto;
}

.lila-banner img {
    height: min(50vw, 650px);
    object-fit: cover;
    object-position: bottom;
}

.feedback {
    display: flex;
    flex-direction: column;
    max-width: 1440px;
    margin: 0 auto;
    padding-inline: var(--PAD-IN);
    padding-top: min(7vw, 100px);
    padding-bottom: var(--84PX);
}

.world-header {
    position: relative;
    padding-block: min(5.6vw, 80px);
    padding-left: min(2.9vw, 41px);
    max-width: 1440px;
    margin: 0 auto;
    pointer-events: none;
}

.world-header h2 {
    font-family: var(--FF-HEADER);
    font-weight: 400;
    font-size: var(--84PX);
    color: var(--DARK-GREEN-COLOR);
}

.youtube-block {
    display: flex;
    justify-content: space-between;
    padding-inline: var(--PAD-IN);
    position: relative;
    padding-bottom: min(5.2vw, 74px);
    max-width: 1440px;
    margin: 0 auto;
}

.soul-path {
    display: flex;
    justify-content: flex-end;
    padding-inline: var(--PAD-IN);
    position: relative;
    padding-bottom: min(34.5vw, 496px);
    background-image: url('./img/main/sould_hands.svg');
    background-size: 100%;
    background-position-y: 34%;
    max-width: 1440px;
    margin: 0 auto;
}

.soul-path video {
    width: min(17.4vw, 250px);
    height: min(21.5vw, 309px);
    margin-top: var(--84PX);
    object-fit: cover;
    object-position: bottom;
}

.soul-path img:nth-child(3) {
    width: min(17.4vw, 250px);
    height: min(21.5vw, 309px);
    margin-top: var(--84PX);
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    top: max(-1vw, -13px);
    right: max(-1.2vw, -16px);
    z-index: -1;
}

.about-me {
    display: flex;
    flex-direction: column;
    padding: 0 var(--PAD-IN);
    position: relative;
    padding-top: var(--84PX);
    max-width: 1440px;
    margin: 0 auto;
}

.about-me img {
    width: var(--64PX);
    height: 100%;
    position: absolute;
    bottom: min(10.3vw, 148px);
    right: min(3vw, 43px);
}

.lila-buy {
    display: flex;
    flex-direction: column;
    padding: 0 var(--PAD-IN);
    position: relative;
    padding-top: min(2.7vw, 38px);
    padding-bottom: min(2.4vw, 34px);
    max-width: 1440px;
    margin: 0 auto;
    z-index: 2;
}

.lila-buy h1 {
    font-family: var(--FF-HEADER);
    font-size: var(--84PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    margin-top: min(3.9vw, 56px);
}

.lila-buy img {
    width: var(--64PX);
    height: var(--64PX);
    position: absolute;
    top: min(28.9vw, 416px);
    right: min(3vw, 43px);
}

.kimono-others {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    max-width: 1440px;
    padding-inline: var(--PAD-IN);
    position: relative;
    padding-top: min(48.2vw, 694px);
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}

.kimono-others::after {
    content: '';
    display: block;
    height: min(100vw, 1430px);
    width: min(103vw, 1500px);
    background: #545338;
    background: linear-gradient(250deg, rgba(84, 83, 56, 1) 0%, rgba(107, 105, 69, 1) 34%, rgba(90, 88, 55, 1) 54%, rgba(68, 67, 40, 1) 95%);
    position: absolute;
    bottom: max(-41.9vw, -602px);
    border-radius: 50%;
    outline: min(4.1vw, 58px) solid hsla(57, 25%, 17%, 0.12);
    clip-path: inset(0 0 42% 0);
    z-index: -1;
}

.kimono-others h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    color: white;
    font-weight: 400;
}

.kimono-others p {
    max-width: 440px;
    font-size: var(--18PX);
    line-height: 1.2;
    color: white;
    margin-top: min(1.2vw, 1rem);
    margin-left: min(1.2vw, 1rem);
    text-align: center;
}

.kimono-others button {
    font-size: var(--18PX);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--DARK-GREEN-COLOR);
    margin-top: min(4vw, 57px);
    background: white;
    border-radius: var(--54PX);
    padding: min(1.3vw, 18px) min(6.7vw, 6rem);
    margin-bottom: min(10.9vw, 156px);
    cursor: pointer;
    transition-duration: 0.3s;
}

.kimono-others button:hover {
    opacity: var(--BUTTONS-OPACITY);
}

.kimono-others img {
    width: min(27.3vw, 393px);
    height: min(34.3vw, 493px);
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.kimono-others img:nth-child(1) {
    top: min(3.4vw, 48px);
    left: min(29.5vw, 424px);
    transform: rotateZ(-4.7deg);
    z-index: 1;
}

.kimono-others img:nth-child(2) {
    top: min(6.8vw, 97px);
    left: min(46.6vw, 670px);
    transform: rotateZ(9.17deg);
    z-index: 2;
}

.kimono-others img:nth-child(3) {
    height: min(36.7vw, 528px);
    top: min(1.4vw, 20px);
    left: min(27.1vw, 389px);
    transform: rotateZ(0deg);
    z-index: 0;
    object-fit: contain;
}

.kimono-others img:nth-child(4) {
    height: min(36.7vw, 528px);
    top: min(6.1vw, 87px);
    left: min(54.4vw, 783px);
    transform: rotateZ(0deg);
    z-index: 0;
    object-fit: contain;
}

.kimono-others img:nth-child(5) {
    width: var(--64PX);
    height: var(--64PX);
    top: min(1vw, 4px);
    left: var(--68PX);
}

.kimono-others img:nth-child(6) {
    width: var(--64PX);
    height: var(--64PX);
    top: min(19.4vw, 278px);
    left: min(88vw, 1268px);
}

.for-you-block {
    display: grid;
    grid-template-columns: repeat(4, min(22.8vw, 328px));
    padding-inline: var(--PAD-IN);
    justify-content: space-between;
    align-items: center;
    padding-top: var(--54PX);
    padding-bottom: min(7.6vw, 109px);
    max-width: 1440px;
    margin: 0 auto;
}

.for-you-block video {
    width: min(17.1vw, 245px);
    height: min(16.8vw, 241px);
    margin-left: min(3vw, 42px);
    object-fit: cover;
}

.for-you {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-inline: var(--PAD-IN);
    padding-top: min(8.4vw, 120px);
    max-width: 1440px;
    margin: 0 auto;
}

.for-you h3 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    margin-left: var(--2REM);
}

.for-you img {
    width: var(--68PX);
    margin-right: min(2.6vw, 37px);
    margin-top: max(-1vw, -14px);
}

.steps-block {
    max-width: 1440px;
    margin: 0 auto;
}

.steps-block .hidden-block {
    max-height: min(18.8vw, 270px);
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.steps-block .hidden-block:last-child {
    max-height: 468px;
}

.steps-block .hidden-block:hover {
    max-height: 468px;
}

.steps-block .hidden-block:nth-child(1) .step-block {
    background: #E1C8AB;
    background: url('./img/main/step_1_icon.webp'), linear-gradient(250deg, rgba(225, 200, 171, 1) 0%, rgba(255, 238, 218, 1) 53%, rgba(255, 238, 218, 1) 82%, rgba(225, 200, 171, 1) 100%);
    background-size: auto, auto;
    background-position: left top, center;
    background-size: 35%, cover;
    background-repeat: no-repeat;
}

.steps-block .hidden-block:nth-child(2) .step-block {
    background: #FFFFFF;
    background: url('./img/main/step_2_icon.webp'), linear-gradient(250deg, rgba(255, 255, 255, 1) 0%, rgba(255, 246, 236, 1) 57%, rgba(255, 255, 255, 1) 100%);
    background-size: auto, auto;
    background-position: left top, center;
    background-size: 35%, cover;
    background-repeat: no-repeat;
}

.steps-block .hidden-block:nth-child(3) .step-block {
    background: url('./img/main/step_3_icon.webp'), linear-gradient(250deg, rgba(84, 83, 56, 1) 0%, rgba(83, 82, 55, 1) 20%, rgba(108, 107, 59, 1) 61%, rgba(68, 67, 39, 1) 97%);
    background-size: auto, auto;
    background-position: left top, center;
    background-size: 35%, cover;
    background-repeat: no-repeat;
}


.step-block {
    background: #B42F28;
    background: url('./img/main/step_4_icon.webp'), linear-gradient(250deg, rgba(180, 47, 40, 1) 0%, rgba(143, 24, 18, 1) 34%, rgba(191, 43, 35, 1) 77%, rgba(180, 47, 40, 1) 100%);
    background-size: auto, auto;
    background-position: -5% 100%, center;
    background-size: 40%, cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    padding-inline: var(--PAD-IN);
    padding-top: 1rem;
    padding-block: 49px;
}

.step-block h3 {
    font-size: var(--18PX);
    color: white;
    font-weight: 500;
    margin-top: var(--16PX);
    margin-left: 4px;
}

.main-block-4 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-block: min(7.8vw, 7rem);
}

.main-block-4 h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);

    color: var(--DARK-GREEN-COLOR);
    padding-right: min(4.5vw, 4rem);
    font-weight: 400;
}

.soul-banner {
    background-image: url('./img/soul_bg_1.webp');
    background-size: 113%;
    height: min(53.7vw, 772px);
    /* position: relative; */
    background-position: 49% 73%;
    /* max-width: 1440px; */
    margin: 0 auto;
}

.soul-banner div {
    max-width: 1440px;
    position: relative;
    height: 100%;
    margin: 0 auto;
}

.soul-banner button {
    position: absolute;
    color: var(--DARK-GREEN-COLOR);
    text-transform: uppercase;
    background: white;
    border-radius: 50%;
    font-size: var(--18PX);
    font-weight: 500;
    height: min(17.7vw, 254px);
    width: min(17.7vw, 254px);
    /* padding: min(8.2vw, 117px) min(3.6vw, 39px); */
    bottom: min(7.1vw, 88px);
    right: min(5.3vw, 76px);
    outline: 24px solid hsla(0, 0%, 100%, 0.24);
    transition-duration: 0.3s;
}

.soul-banner button:hover {
    outline-width: min(2.1vw, 29px);
}

.soul-banner h3 {
    font-size: var(--20PX);
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2;
    color: white;
    position: absolute;
    top: min(19.4vw, 278px);
    left: var(--PAD-IN);
}

.soul-banner img {
    position: absolute;
    top: min(4.6vw, 66px);
    left: var(--PAD-IN);
    width: min(62.5vw, 899px);
}

.lila-bottom-banner {
    background-color: hsla(0, 0%, 0%, 0.25);
    background-image: url('./img/lila/lila_bottom_banner.webp');
    background-blend-mode: overlay;
    background-position: 0% 49%;
    margin-bottom: min(11.6vw, 167px);
}

.main-block-3 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-inline: var(--PAD-IN);
    padding-top: min(0.2vw, 2px);
    padding-bottom: min(6.9vw, 98px);
    max-width: 1440px;
    margin: 0 auto;
}

.footer-center {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

.footer-container {
    display: grid;
    grid-template-columns: 1fr repeat(2, min(23.5vw, 337px));
    grid-template-rows: auto;
    /* margin-inline: min(2.8vw, 35px); */
    margin-inline: var(--PAD-IN);
}

.footer-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: var(--PAD-IN);
    padding-top: min(1.8vw, 1.6rem);
    color: white;
    font-size: min(1.1vw, 15px);
    font-weight: 200;
    padding-bottom: var(--64PX);
    margin-top: min(4vw, 3.6rem);
}

.footer-footer a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}

.banner {
    background-color: var(--OVERLAY-COLOR);
    background-image: url("./img/main/main_banner_big.webp");
    background-blend-mode: overlay;
    background-size: 180%;
    background-position: 13% 51%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
}

.banner div.pin-header {
    margin-top: min(23.5vw, 338px);
}

.about-me__banner {
    background-image: url("./img/about-me/about_me-banner.webp");
    background-size: 100%;
    background-position: 13% 52%;
}

.store-banner {
    position: relative;
    background-color: var(--OVERLAY-COLOR);
    background-image:
        url("./img/store/store_banner_left.webp"),
        url("./img/store/store_banner_right.webp");
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: 50% 64vw, 50% 64vw;
    background-blend-mode: overlay;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: min(20.5vw, 18.2em) 0;
}

.store-container {
    /* margin-top: 5.75em; */
    padding-bottom: 7.5em;
    padding-top: clamp(3em, 6vw, 5.4em);
    margin-inline: var(--PAD-IN);
    max-width: 1440px;
}

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

.product-page {
    margin-inline: auto;
    max-width: 1440px;
}

.product-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-inline: var(--PAD-IN);
    margin-top: var(--54PX);
    margin-bottom: min(8.8vw, 126px);
}

.product-short {
    max-width: min(32vw, 440px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.short-buttons {
    display: flex;
    flex-direction: column;
    gap: var(--12PX);
    margin-top: auto;
}

.product-short button {
    font-size: var(--18PX);
    border-radius: var(--54PX);
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    background-color: var(--DARK-GREEN-COLOR);
    padding: var(--16PX) min(6.9vw, 99px);
    cursor: pointer;
    transition-duration: 0.3s;
}

.product-short button:hover {
    opacity: var(--BUTTONS-OPACITY);
}

.product-short button.instagram-button {
    border: 1px solid var(--DARK-GREEN-COLOR);
    background-color: transparent;
    color: var(--DARK-GREEN-COLOR);
}

.product-short button.instagram-button:hover {
    background-color: var(--DARK-GREEN-COLOR);
    color: white;
}

.product-short h2 {
    color: var(--DARK-GREEN-COLOR);
    font-size: min(2vw, 28px);
    font-weight: 500;
    text-transform: uppercase;
}

.product-images {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: auto;
}

.sp-main-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: var(--20PX);
    scrollbar-width: none;
}

.carousel-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    overflow-x: hidden;
    display: flex;
    align-items: center;
    padding-inline: var(--M-20PX);
    overflow-x: scroll;
}

.single-product-img {
    /* width: min(31vw, 440px); */
    height: min(34vw, 481px) !important;
    margin: 0 auto;
    object-fit: cover;
    flex-shrink: 0;
    scroll-snap-align: center;
}

.sp-gallery {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(0.5vw, 6px);
    position: absolute;
    /* bottom: var(--14PX); */
    bottom: max(-4.8vw, -70px);
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
}

.sp-gallery-img {
    height: min(3.8vw, 54px) !important;
    width: min(3.8vw, 54px) !important;
    object-fit: cover;
    object-position: center;
    opacity: 0.56;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.sp-gallery-img.sp-selected {
    transform: scale(1.1);
    opacity: 1;
}

.product-full {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: var(--14PX);
}

.relative-product {
    margin-bottom: min(8.2vw, 118px);
}

.relative-items {
    display: flex;
    gap: var(--20PX);
    margin-top: min(2vw, 28px);
    overflow-x: scroll;
    padding-inline: var(--PAD-IN);
}

.relative-items a {
    max-width: var(--325PX);
    flex-shrink: 0;
}

.relative-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-inline: var(--PAD-IN);
}

.checkout {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none;
}

.checkout.active {
    background-color: rgba(0, 0, 0, 0.42);
    pointer-events: auto;
}

.cp-cart {
    width: min(35.9vw, 516px);
    height: 100%;
    background-color: var(--BG-COLOR);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    position: fixed;
    right: 0;
}

.cp-info {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    width: 100%;
    height: 100%;
    background-color: var(--BG-COLOR);
    transition: transform 0.3s ease;
    transform: translateX(100%);
}

.is-open {
    transform: translateX(0%);
}

.know-what {
    display: flex;
    justify-content: space-between;
    margin-top: min(9.8vw, 140px);
    margin-bottom: min(6.4vw, 92px);
    padding-inline: var(--PAD-IN);
    max-width: 1440px;
    margin-top: min(9.4vw, 134px);
    margin-bottom: min(8vw, 115px);
    margin-inline: auto;
}

.know-what h2 {
    display: flex;
    justify-content: space-between;
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 500;
    color: var(--DARK-GREEN-COLOR);

}

.about-me_waiting {
    display: flex;
    flex-direction: column;
    gap: var(--16PX);
    max-width: min(29.7vw, 427px);
    margin-top: var(--54PX);
}

.about-me_waiting p {
    display: flex;
    flex-direction: column;
    gap: var(--14PX);
    font-size: var(--18PX);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--DARK-GREEN-COLOR);
}

.my-mission {
    background-image: url('./img/about-me/about_me_bg.png');
    background-size: 60%;
    background-position-x: 50%;
    background-position-y: 80%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding-top: min(120px, 8.33vw);
    padding-inline: var(--PAD-IN);
    padding-bottom: min(8.7vw, 124px);
    max-width: 1440px;
    margin: 0 auto;
}

.spaced-block {
    flex-direction: column;
}

.spaced-block .mission-block {
    margin-left: auto;
}

.my-mission div {
    display: flex;
    flex-direction: column;
}

.mission-block {
    gap: var(--16PX);
    max-width: min(22.6vw, 325px);
}

.mission-block div {
    gap: min(8px, 0.56vw);
}

.mission-block h5 {
    font-size: var(--20PX);
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--DARK-GREEN-COLOR);
}

.mission-block p {
    font-size: var(--16PX);
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--DARK-GREEN-COLOR);
}

.last-year {
    display: flex;
    flex-direction: column;
    margin-top: var(--84PX);
    max-width: 1440px;
    margin-inline: auto;
}

.request {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--RED-COLOR);
    /* width: min(35vw, 503px);
    height: min(34.4vw, 495px); */
    padding: min(3.2vw, 46px) min(2.8vw, 40px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.request h2 {
    font-family: var(--FF-HEADER);
    font-size: min(3.1vw, 44px);
    font-weight: 500;
    color: white;
    width: 84%;
    margin-inline: auto;
}

.request p {
    width: 70%;
    font-size: var(--18PX);
    line-height: 1.1;
    text-align: center;
    font-weight: 400;
    color: white;
    opacity: 0.72;
    margin-top: var(--18PX);
    margin-bottom: min(37px, 2.57vw);
    margin-inline: auto;
}

.request button {
    font-size: var(--14PX);
    font-weight: 500;
    text-transform: uppercase;
    padding: var(--16PX) 59px;
    margin-right: auto;
    color: var(--DARK-GREEN-COLOR);
    background-color: white;
    border-radius: var(--54PX);
    margin-top: min(36px, 2.50vw);
}

.request input {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100%;
    font-size: var(--16PX);
    padding: var(--12PX) var(--16PX);
    width: 100%;
    outline: none;
    background: hsla(0, 0%, 100%, 0.08);
    border: none;
    color: white;
    border-radius: 5px;
    transition: .3s ease;
}

.request input::placeholder {
    color: hsla(0, 0%, 100%, 0.72);
}

.request__checker {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.retreat-inputs {
    display: flex;
    flex-direction: column;
    gap: var(--16PX);
}

.control-group {
    margin-top: var(--16PX);
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: hsla(0, 0%, 0%, 0);
    opacity: 0;
    transition: background-color 0.4s ease, opacity 0.4s ease;
    z-index: 1001;
}

.modal--visible {
    display: block;
    background-color: hsla(0, 0%, 0%, 0.42);
    opacity: 1;
}

.modal--hidden {
    opacity: 0;
    background-color: hsla(0, 0%, 0%, 0);
    transition: background-color 0.4s ease, opacity 0.4s ease;
}

.certificates {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: max-content;
}

.certificates img {
    width: auto;
    height: 85vh;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: opacity 0.5s ease;
}

.certif--img--visible {
    opacity: 1;
}

.certif--img--hidden {
    opacity: 0;
    position: absolute;
}

/* CHECKBOX */

.control {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    font-weight: 400;
    color: white;
    font-size: var(--12PX);
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, 0.24);
    border-radius: 5px;
}

.control:hover input~.control_indicator,
.control input:focus~.control_indicator {
    background: transparent;
}

.control input:checked~.control_indicator {
    background: transparent;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.tou {
    padding: min(7.8vw, 112px) min(23.4vw, 336px);
}

.tou h2 {
    font-size: min(2.8vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    color: black;
    opacity: 0.8;
    margin-block: var(--24PX);
}

.tou p {
    font-size: var(--18PX);
    font-weight: 400;
    line-height: 1.5;
    color: black;
    opacity: 0.72;
    margin-bottom: var(--16PX);
}

p.p-accent {
    font-size: var(--18PX);
    font-weight: 700;
    opacity: 0.8;
}

.item-added {
    background-color: var(--RED-COLOR);
    padding: min(0.4vw, 5px) min(0.3vw, 4px);
    border-radius: min(0.4vw, 5px);
    display: none;
    justify-content: start;
    align-items: center;
    position: fixed;
    top: min(8.5vw, 122px);
    right: min(2.8vw, 40px);
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease-in;
    opacity: 0;
}

.item-added__icon {
    width: min(1.9vw, 26px);
    height: min(1.9vw, 26px);
    background-color: hsla(0, 0%, 100%, 0.08);
    padding: min(0.5vw, 6px) min(0.4vw, 5px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: min(0.3vw, 4px);
}

.item-added h5 {
    font-size: var(--12PX);
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    text-align: center;
    margin-left: min(0.5vw, 6px);
    margin-right: min(0.6vw, 8px);
}

/* ELEMENTS */

.last-year__header {
    display: flex;
    padding-inline: var(--PAD-IN);
}

.chicago-second-day {
    margin-top: max(70px, 19.44vw);
    margin-inline: auto;
    max-width: 1440px;
}

.last-year__desc__main {
    display: flex;
    flex-direction: column;
    max-width: min(46.5vw, 669px);
    margin: 0 auto;
    gap: min(38px, 2.64vw);
}


.last-year__desc__main h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 500;
    color: var(--DARK-GREEN-COLOR);
}

.last-year__desc__main p {
    max-width: var(--325PX);
    align-self: center;
}

.last-year__desc__desc p {
    font-size: var(--16PX);
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--DARK-GREEN-COLOR);
    flex-basis: 50%;
    letter-spacing: -0.02em;
}

.last-year__desc__desc {
    display: flex;
    gap: var(--20PX);
}

.last-year__gallery {
    display: flex;
    gap: var(--20PX);
    overflow-x: auto;
    /* scrollbar-width: none; */
    margin-top: min(3.9vw, 56px);
    padding-inline: var(--PAD-IN);
    overflow: scroll;
}

.last-year__gallery::-webkit-scrollbar {
    display: none;
}

.last-year__gallery img {
    width: var(--325PX);
    height: var(--325PX);
    object-fit: cover;
    object-position: center;
    flex-shrink: 0;
}

.cp-info__cart__block {
    width: 572px;
    margin-top: 75px;
    margin-left: 18px;
    padding: 48px;
}

.cp-info__cart {
    background-color: rgba(255, 255, 255, 0.24);
}

.cp-info__line {
    display: flex;
    gap: var(--18PX);
}

.cp-p {
    font-size: var(--16PX);
    font-weight: 500;
    line-height: var(--12PX);
    color: var(--DARK-GREEN-COLOR);
}

.total {
    font-size: 28px;
    line-height: var(--18PX);
}

.cp-info__block {
    /* background-color: var(--BG-COLOR); */
    padding-top: min(5.3vw, 75px);
    padding-left: min(9.1vw, 130px);
}

.cp-info__date {
    display: flex;
    flex-direction: column;
    padding-top: min(3.4vw, 48px);
    padding-left: min(3.4vw, 48px);
    width: min(39.8vw, 572px);
    height: min(48.2vw, 693px);
}

.cp-info__pdate {
    display: flex;
    flex-direction: column;
    width: min(33.1vw, 476px);
    margin-top: min(2.5vw, 36px);
}

.cp-info__date button {
    font-size: var(--18PX);
    line-height: min(1.6vw, 22px);
    font-weight: 500;
    color: white;
    padding-block: var(--20PX);
    background-color: var(--GREEN-COLOR);
    border-radius: var(--54PX);
    width: 100%;
}

.cp-info__pdate h2 {
    font-size: var(--24PX);
    line-height: 28px;
    color: var(--DARK-GREEN-COLOR);
    margin-top: 10px;
}

.cp-info__pdate hr {
    border-top: 1px solid var(--DARK-GREEN-COLOR);
    opacity: .22;
    margin-top: 17px;
    margin-bottom: 32px;
}

.cp-info__date p {
    font-size: var(--12PX);
    font-weight: 400;
    line-height: 1.4;
    color: var(--DARK-GREEN-COLOR);
    opacity: .32;
    margin-top: 23px;
}

.cp-info__pdate h4 {
    font-size: var(--18PX);
    font-weight: 600;
    line-height: var(--12PX);
    color: var(--DARK-GREEN-COLOR);
    margin-bottom: 36px;
    margin-top: 23px;
}

.cp-info__pdate span {
    font-size: var(--14PX);
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: var(--DARK-GREEN-COLOR);
    opacity: 0.72;
}

.cp-info__field {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: var(--20PX)
}

.custom-select {
    position: relative;
    width: 100%;
    margin-top: 12px;
}

.custom-select select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    font-size: var(--16PX);
    font-weight: bold;
    padding: var(--12PX) var(--16PX);
    background-color: transparent;
    border-radius: 4px;
    color: #373621;
    border: 2px solid hsla(57, 25%, 17%, 0.22);
    cursor: pointer;
    outline: none;
}

.custom-select select:focus {
    color: #373621;
    border: 2px solid hsla(57, 25%, 17%, 0.22);
    border-radius: 4px;
}

.custom-select::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 22px;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background-color: #000000;
    clip-path: polygon(50% 80%, 0 20%, 100% 20%);
}

.cp-info__field h5 {
    font-size: var(--18PX);
    font-weight: 500;
    line-height: 22px;
    color: var(--DARK-GREEN-COLOR);
}

.payment-result {
    border-radius: min(0.8vw, 11px);
    background-color: #E34A4D21;
    padding: var(--16PX) var(--18PX);
    margin-top: var(--24PX);
    display: none;
    gap: var(--14PX);
}

.payment-result img {
    width: var(--20PX);
    height: var(--20PX);
    object-fit: cover;
    object-position: center;
}

.payment-info {
    display: flex;
    flex-direction: column;
    gap: min(0.6vw, 8px);
}

.payment-info h5 {
    font-size: var(--16PX);
    font-weight: 600;
    line-height: var(--12PX);
    vertical-align: middle;
    color: var(--DARK-GREEN-COLOR);
}

.payment-info p {
    font-size: var(--18PX);
    font-weight: 400;
    line-height: min(1.6vw, 22px);
    vertical-align: middle;
    color: var(--DARK-GREEN-COLOR);
    opacity: unset;
    margin-top: unset;
}

.btn-pay {
    background: white !important;
    border-radius: 0px !important;
    width: 233px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-pay img {
    width: 50px;
    height: 21px;
    object-fit: cover;
}

.cp__input {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 12px 16px;
    width: 100%;
    outline: none;
    background: transparent;
    color: #373621;
    border: 1px solid hsla(57, 25%, 17%, 0.22);
    border-radius: 4px;
    transition: .3s ease;
    margin-top: 12px;
}

.cp__input::placeholder {
    color: hsla(57, 25%, 17%, 0.22);
    font-weight: 500;
}

.cp__breadcramps {
    font-size: var(--14PX);
    line-height: 22px;
    color: hsla(57, 25%, 17%, 0.22);
}

.cp-p__total span {
    font-size: var(--14PX);
    font-weight: 400;
    line-height: 22px;
    color: var(--DARK-GREEN-COLOR);
    opacity: .22;
}

.cp-total {
    display: flex;
}

.cp-total img {
    height: 70px;
    width: 70px;
    border-radius: 4px;
    border: 1px solid hsla(57, 25%, 17%, 0.22);
    object-fit: cover;
}

.cp-total__desc {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cp-total__desc p {
    font-size: var(--18PX);
    line-height: 22px;
    font-weight: 500;
    color: var(--DARK-GREEN-COLOR);
}

.current-step {
    color: var(--DARK-GREEN-COLOR);
    font-weight: 500;
}

.cp-total__desc span {
    font-size: var(--16PX);
    line-height: 12px;
    font-weight: 500;
    color: var(--DARK-GREEN-COLOR);
    opacity: 0.22;
    text-align: start;
}

.cp-cart__items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: min(3.7vw, 53px);
    margin-inline: min(2.8vw, 40px);
}

.cp-center-line {
    margin-left: var(--16PX);
    justify-content: center;
}

.cp-info-line {
    justify-content: space-between;
    margin-bottom: 16px;
}

.cp-cart__items h2 {
    font-size: var(--24PX);
    font-weight: 500;
    line-height: min(2.4vw, 34px);
    color: var(--DARK-GREEN-COLOR);
}

.cp-cart__items hr {
    border: 1px solid var(--DARK-GREEN-COLOR);
    opacity: 0.22;
}

.cp-cart__item {
    margin-block: var(--16PX);
    display: flex;
}

.cpitem__img {
    width: min(4.9vw, 70px) !important;
    height: min(7vw, 100px) !important;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
}

.cpitem__desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-left: var(--16PX);
}

.cpitem__header {
    font-size: var(--14PX);
    font-weight: 500;
    line-height: min(1.2vw, 16.8px);
    color: var(--DARK-GREEN-COLOR);
}

.cpitem__attr {
    font-size: var(--12PX);
    font-weight: 400;
    line-height: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    opacity: 0.72;
}

.cpitem__price {
    font-size: var(--12PX);
    font-weight: 400;
    line-height: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
}

.cpitem__discount {
    font-size: var(--12PX);
    font-weight: 400;
    line-height: var(--16PX);
    color: var(--RED-COLOR);
}

.cp-cart__summary {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-inline: var(--20PX);
}

.cp-cart__summary p {
    font-size: var(--16PX);
    font-weight: 400;
    line-height: var(--24PX);
    color: var(--DARK-GREEN-COLOR);
}

.cpitem__func {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.cpitem__trash {
    width: var(--14PX);
    height: var(--14PX);
    cursor: pointer;
}

.cpitem__qty {
    border: 1px solid #E4CEB4;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: min(5.5vw, 79px);
    height: min(2.8vw, 40px);
}

.cpitem__qty img {
    width: var(--12PX);
    height: var(--12PX);
    cursor: pointer;
}

.cpitem__qty p {
    font-size: var(--12PX);
    font-weight: 400;
    line-height: var(--16PX);
    text-align: center;
}

.cp-cart__button {
    font-size: var(--16PX);
    font-weight: 700;
    line-height: var(--12PX);
    color: white;
    padding-block: var(--20PX);
    background-color: var(--GREEN-COLOR);
    border-radius: var(--54PX);
    margin: var(--20PX) min(2.3vw, 32px);
}

.cp-order {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cp-order img {
    width: min(20.9vw, 300px);
    height: min(20.9vw, 300px);
    object-fit: cover;
    object-position: center;
}

.cp-order p {
    font-size: var(--16PX);
    font-weight: 400;
    line-height: var(--14PX);
    text-align: center;
    color: var(--GREEN-COLOR);
    margin-top: min(3.3vw, 47px);
    margin-bottom: var(--14PX);
}

.cp-order h2 {
    font-size: min(2.1vw, 30px);
    font-weight: 500;
    line-height: var(--24PX);
    color: var(--DARK-GREEN-COLOR);
}

.cp-order button {
    font-size: var(--16PX);
    font-weight: 700;
    line-height: var(--12PX);
    color: var(--BG-COLOR);
    background-color: var(--GREEN-COLOR);
    padding: var(--20PX) min(14.9vw, 214px);
    border-radius: var(--54PX);
    margin-top: min(2.3vw, 33px);
}

.price__block {
    display: flex;
    flex-direction: column;
    width: min(30.6vw, 440px);
    height: min(26.6vw, 382px);
    padding-top: min(3.1vw, 44px);
    padding-inline: min(1.9vw, 26px);
}

.price__block h5 {
    font-size: var(--24PX);
    color: var(--DARK-GREEN-COLOR);
    line-height: 1.29;
    text-transform: uppercase;
}

.price__block span {
    color: var(--DARK-GREEN-COLOR);
    font-family: var(--FF-HEADER);
    font-size: 32px;

    line-height: 1.29;
    margin-bottom: min(2.1vw, 30px);
}

.price__block p {
    font-size: var(--18PX);
    font-weight: 400;
    line-height: 1.2;
}

.price__block button {
    margin-top: auto;
    font-size: var(--18PX);
    font-weight: 500;
    color: var(--DARK-GREEN-COLOR);
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    background-color: var(--DARK-GREEN-COLOR);
    border-radius: var(--54PX);
    margin-bottom: min(3.1vw, 44px);
    padding-block: min(1.5vw, 21px);
}

.price .price__block:nth-child(2) {
    background-color: #E4CEB4;
    margin-left: min(26.6vw, 382px);
}

.price .price__block:nth-child(3) {
    background-color: #E4CEB4;
}

.price .price__block:nth-child(3) button {
    background-color: var(--DARK-GREEN-COLOR);
}

.find-your__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.find-your__header video {
    width: min(22.5vw, 326px);
    height: min(30.3vw, 436px);
    object-fit: cover;
    object-position: center;
    margin-left: min(26.9vw, 386px);
}

.find-your__header p {
    font-size: var(--18PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: left;
    max-width: min(22.5vw, 325px);
    margin-left: min(5.5vw, 78px);
}

.you-get__gallery {
    overflow: scroll;
    width: 100%;
    position: relative;
    display: flex;
    margin-top: min(4.4vw, 62px);
    padding-inline: var(--PAD-IN);
    gap: var(--20PX);
}

.you-get__gallery h5 {
    font-size: var(--20PX);
    color: var(--DARK-GREEN-COLOR);
    font-weight: 500;
    text-transform: uppercase;
    margin-top: min(2.4vw, 34px);
    line-height: 1.2;
}

.you-get__gallery p {
    font-size: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    line-height: 1.3;
    text-align: left;
    margin-top: min(.8vw, 11px);
}

.you-get__gallery img {
    width: var(--325PX);
    height: var(--325PX);
    object-fit: cover;
    flex-shrink: 0;
}

.you-get__block {
    display: grid;
    grid-template-columns: repeat(4, var(--325PX));
    column-gap: var(--20PX);
    padding-inline: var(--PAD-IN);
}

.you-get__block h5 {
    font-size: var(--20PX);
    color: var(--DARK-GREEN-COLOR);
    font-weight: 500;
    text-transform: uppercase;
    margin-top: min(2.4vw, 34px);
    line-height: 1.2;
}

.you-get__block p {
    font-size: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    line-height: 1.3;
    text-align: left;
    margin-top: min(.8vw, 11px);
}

.you-get__header {
    display: flex;
    padding-inline: var(--PAD-IN);
}

.you-get__header h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    margin-left: min(19vw, 273px);
}

.inviting__header {
    display: flex;
    justify-content: space-around;
    text-align: start;
}

.inviting__header h2 {
    color: white;
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 400;
}

.inviting__header .pin-header {
    margin-top: auto;
}

.inviting__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    margin-top: min(84px, 5.83vw);
    grid-gap: min(2vw, 28px) var(--18PX);
}

.inviting__grid__box {
    width: var(--325PX);
    height: min(19.4vw, 279px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: hsla(0, 0%, 100%, 0.08);
    padding-left: min(2.5vw, 36px);
    padding-top: min(2.5vw, 36px);
}

.inviting__grid__box img {
    width: min(6.1vw, 87px);
    height: min(6.1vw, 87px);
    object-fit: cover;
    object-position: 0 0;
}

.inviting__grid__box h5 {
    font-size: var(--20PX);
    font-weight: 500;
    color: white;
    line-height: 1;
    margin-top: min(1.6vw, 22px);
}

.inviting__grid__box p {
    font-size: var(--14PX);
    color: white;
    font-weight: 400;
    opacity: 0.72;
    max-width: min(18vw, 253px);
    margin-top: min(0.7vw, 9px);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.know-yourself__second {
    display: flex;
    margin-top: min(14.4vw, 206px);
    justify-content: space-between;
}

.know-yourself__second__block {
    display: flex;
    flex-direction: column;
    max-width: var(--325PX);
    justify-content: flex-start;
    align-items: flex-start;
}

.know-yourself__second__block button {
    font-size: var(--16PX);
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    background-color: var(--DARK-GREEN-COLOR);
    border-radius: var(--54PX);
    padding: var(--14PX) min(2.1vw, 29px);
    margin-top: min(1.9vw, 27px);
    cursor: pointer;
}

.know-yourself__second__block p {
    font-size: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: left;
}

.know-yourself__first {
    width: var(--325PX);
    margin-top: min(15.6vw, 224px);
}

.know-yourself__first h2 {
    font-size: var(--20PX);
    font-weight: 500;
    line-height: 1;
    color: var(--DARK-GREEN-COLOR);
    text-transform: uppercase;
}

.know-yourself__first p {
    font-size: var(--16PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: left;
    margin-top: var(--16PX);
}

.lila-buy__desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: var(--325PX);
    margin-top: min(8.1vw, 116px);
    margin-left: min(4.6vw, 65px);
}

.lila-buy__desc p {
    margin-top: var(--24PX);
    font-size: var(--18PX);
    color: var(--DARK-GREEN-COLOR);
    text-align: left;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.lila-buy__desc button {
    margin-top: min(2vw, 28px);
    font-size: var(--18PX);
    color: white;
    font-weight: 500;
    padding: var(--20PX) var(--54PX);
    background-color: var(--DARK-GREEN-COLOR);
    border-radius: var(--54PX);
    text-transform: uppercase;
    cursor: pointer;
}

.lila-buy__block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: min(3.5vw, 50px);
}

.lila-buy__block img {
    width: 100%;
    height: var(--64PX);
}

.lila-buy__image {
    width: min(22.5vw, 324px);
    height: min(28vw, 402px);
    background-image: url('./img/lila/lila_buy.webp');
    background-size: 120%;
    background-position-y: 34%;
}

.lila-banner__main {
    display: flex;
    flex-direction: column;
    max-width: min(39vw, 561px);
    margin-top: min(12.8vw, 183px);
    margin-left: min(6.3vw, 90px);
}

.lila-banner__main h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
}

.lila-banner__main p {
    font-size: var(--18PX);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--DARK-GREEN-COLOR);
    margin-top: min(1.6vw, 22px);
    max-width: min(34.6vw, 498px);
}

.lila-banner__main button {
    margin-right: auto;
    color: white;
    font-size: var(--18PX);
    text-transform: uppercase;
    background: var(--DARK-GREEN-COLOR);
    border-radius: var(--54PX);
    margin-top: min(4.2vw, 60px);
    padding: var(--16PX) var(--54PX);
    font-weight: 500;
}

.feedback__header {
    display: flex;
    justify-content: space-between;
}

.feedback__header h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    margin-left: min(2.6vw, 37px);
}

.feedback__buttons {
    margin-top: auto;
    display: flex;
    gap: 1rem;
}

.feedback__buttons button {
    width: min(3.4vw, 48px);
    height: min(3.4vw, 48px);
    border-radius: 50%;
    background: url('./img/icons/arrow.svg'), hsla(57, 25%, 17%, 0.22);
    /* background-color: var(--DARK-GREEN-COLOR); */
    /* background-image: url('./img/icons/arrow.svg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46%;
    transition-duration: 0.3s;
}

.feedback__buttons button:first-child {
    transform: rotateZ(180deg);
}

.feedback__buttons button:hover {
    background: url('./img/icons/arrow.svg'), hsla(57, 25%, 17%, 1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46%;
    outline: 5px solid hsla(57, 25%, 17%, 0.12);
}

.feedback__items {
    display: flex;
    gap: var(--20PX);
    overflow: hidden;
    scroll-behavior: smooth;
}

.feedback__card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition-duration: 0.3s;
    padding: min(1.6vw, 22px) min(1.2vw, 17px);
    margin-top: min(3vw, 44px);
    width: var(--325PX);
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.feedback__card:hover {
    background-color: hsla(0, 0%, 100%, 0.32);
}

.feedback__avatar {
    height: min(8.1vw, 116px);
    width: min(8.1vw, 116px);
    background-color: white;
    border-radius: 50%;
    position: relative;
}

.feedback__avatar::after {
    content: '';
    height: min(3.5vw, 50px);
    width: min(3.5vw, 50px);
    background: url('./img/icons/feedback_right-arrow.svg'), var(--GREEN-COLOR);
    background-size: 34%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: max(-0.9vw, -12px);
    border-radius: 50%;
    cursor: pointer;
}

.feedback__card h5 {
    font-size: var(--20PX);
    font-weight: 450;
    color: var(--DARK-GREEN-COLOR);
    margin-top: var(--24PX);
}

.feedback__card p {
    font-size: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    margin-top: min(1.2vw, 17px);
    line-height: 1.2;
}

.youtube-block__image {
    background-image: url(./img/main/youtube_icon.jpg);
    background-size: cover;
    width: min(46.6vw, 669px);
    height: min(398px, 27.64vw);
    margin-right: min(23.9vw, 344px);
}

.youtube-block__square {
    position: absolute;
    top: min(19.6vw, 282px);
    right: min(19.2vw, 276px);
    background-color: var(--RED-COLOR);
    width: min(22.4vw, 322px);
    height: min(18.7vw, 268px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-inline: min(2.8vw, 40px);
    padding-block: min(2.1vw, 29px);
}

.youtube-block__square img {
    width: min(2.5vw, 36px);
    margin-right: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%) hue-rotate(206deg) brightness(100%) contrast(105%);
}

.youtube-block__square h3 {
    font-size: min(1.6vw, 22px);
    font-weight: 480;
    color: white;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: var(--14PX);
}

.youtube-block__square button {
    font-size: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    text-transform: uppercase;
    font-weight: 500;
    background-color: white;
    border-radius: var(--54PX);
    padding: var(--12PX) min(4.9vw, 70px);
    cursor: pointer;
}

.main-block-3__header h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--72PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
}

.soul-path__header {
    position: absolute;
    top: max(-0.5vw, -7px);
    right: min(15.6vw, 224px);
}

.soul-path__header h2 {
    font-family: var(--FF-HEADER);
    font-size: var(--84PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
}

.soul-path__header h2:nth-child(1) {
    padding-left: min(7.8vw, 7rem);
}

.soul-path__header h2:nth-child(3) {
    padding-left: min(17.8vw, 16rem);
}

.about-me__desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: min(19.6vw, 282px);
    margin-inline: auto;
}

.about-me__desc p:nth-child(2) {
    margin-top: min(0.85vw, 12px);
}

.about-me__desc a {
    color: var(--DARK-GREEN-COLOR);
    font-size: var(--16PX);
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    margin-top: var(--18PX);
    text-decoration: underline;
}

.about-me__block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: min(3.5vw, 50px);
}

.about-me__block img {
    width: 100%;
    height: var(--64PX);
}


.about-me__image {
    width: min(22.5vw, 324px);
    height: min(28vw, 402px);
    background-image: url('./img/main/about_me.webp');
    background-size: 120%;
    background-position-y: 34%;
}

.about {
    background-image: url('./img/about-me/about-me_1.webp');
}

.about-me__block p {
    color: var(--DARK-GREEN-COLOR);
    font-size: var(--16PX);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.for-you-block__card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.for-you-block__card h3 {
    font-size: var(--20PX);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--DARK-GREEN-COLOR);
}

.for-you-block__card p {
    font-size: var(--16PX);
    font-weight: 400;
    color: var(--DARK-GREEN-COLOR);
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.step-block__card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-basis: 66%;
}

.step-block__mobilecard {
    display: flex;
    justify-content: space-between;
}

.step-block__card img {
    width: var(--325PX);
    height: min(25.3vw, 364px);
    object-fit: cover;
}

.step-block__desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 77%;
    margin-left: min(4.1vw, 58px);
}

.step-block__desc h2 {
    font-size: var(--20PX);
    font-weight: 500;
    color: white;
    text-transform: uppercase;
}

.step-block__desc ul {
    font-size: min(1.2vw, 1rem);
    font-weight: 400;
    color: white;
    line-height: 1.6;
    margin-top: var(--20PX);
    margin-left: 9px;
    list-style-type: '⊹';
}

.step-block__desc ul li {
    padding-left: var(--12PX);
    ;
}

.step-block__card a {
    font-size: var(--18PX);
    font-weight: 500;
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: min(0.8vw, 11px);
    transition-duration: 0.3s;
}

.step-block__card a:hover {
    opacity: var(--BUTTONS-OPACITY);
}

.relative-header img {
    height: min(3.2vw, 45px);
    position: absolute;
    right: max(-0.9vw, -12px);
    top: min(0.4vw, 5px);
    width: max-content;
}


.relative-header__header {
    font-family: var(--FF-HEADER);
    font-size: min(3.1vw, 44px);
    font-weight: 400;
    word-spacing: min(2px, 0.14vw);
    color: var(--DARK-GREEN-COLOR);
}

.relative-items__card h3 {
    margin-top: var(--20PX);
    font-size: var(--20PX);
    font-weight: 500;
    color: var(--DARK-GREEN-COLOR);
}

.relative-items__card p {
    margin-top: min(0.4vw, 5px);
    font-size: var(--16PX);
    line-height: 1.2;
    color: var(--DARK-GREEN-COLOR);
    opacity: 0.72;
    min-height: min(58px, 4.03vw);
}

.relative-items__card span {
    margin-top: min(1.2vw, 17px);
    font-size: var(--20PX);
    font-weight: 500;
    color: var(--DARK-GREEN-COLOR);
    display: block;
}

.relative-items__card img {
    height: min(25.4vw, 365px);
    width: 100%;
    object-fit: cover;
}

.product-full__desc {
    color: var(--DARK-GREEN-COLOR);
    font-size: var(--14PX);
    line-height: 1.42;
    margin-bottom: min(2.3vw, 32px);
    display: flex;
    flex-direction: column;
    gap: var(--24PX);
}

.product-full__addon {
    margin-top: auto;
    list-style: none;
    width: 100%;
}

.product-full__addon ul {
    /* background-color: #C1A4853D; */
    background-color: var(--DARK-BIEGE-COLOR);
    color: var(--DARK-GREEN-COLOR);
    opacity: .7;
    padding: 6px var(--14PX);
    margin: 6px auto;
    border-radius: 5px;
    font-size: var(--14PX);
}


.product-short__price {
    font-family: var(--FF-HEADER);

    color: var(--DARK-GREEN-COLOR);
    font-size: min(2vw, 28px);
    font-weight: 500;
    text-transform: uppercase;
}

.product-short__desc {
    font-size: var(--18PX);
    color: var(--DARK-GREEN-COLOR);
    font-weight: 400;
    line-height: 1.2;
    margin-top: var(--20PX);
}

.header__left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--2REM);
    z-index: 10;
    position: relative;
}

.header__left a {
    color: var(--DARK-GREEN-COLOR);
    opacity: .32;
    font-size: var(--14PX);
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    transition-duration: 0.3s;
}

.header__left a:hover {
    opacity: 1;
}

.dropdown-wrapper {
    position: relative;
    display: inline-block;
}

.header__left__dropdown {
    /* width: min(10.7vw, 154px); */
    width: max-content;
    position: absolute;
    left: 0;
    top: var(--24PX);
    display: flex;
    flex-direction: column;
    background-color: #FFEEDA;
    height: 0;
    overflow: hidden;
    justify-content: space-evenly;
    align-items: flex-start;
    padding-inline: min(0.7vw, 10px);
    transition: height 0.3s ease 0.2s;
    z-index: 10;
}

.dropdown-wrapper:hover .header__left__dropdown {
    height: min(4.6vw, 66px);
}


.header__left__dropdown a {
    opacity: 1;
    color: var(--DARK-GREEN-COLOR) !important;
}

.header__left__dropdown a:first-child {
    border-bottom: 1px solid hsla(57, 25%, 17%, 0.32);
    padding-bottom: min(0.5vw, 7px);
}

.header__icon {
    width: min(5vw, 53px);
    height: min(6vw, 66px);
}

.header__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--2REM);
}

.header__right a {
    color: var(--DARK-GREEN-COLOR);
    opacity: .32;
    font-size: var(--14PX);
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    transition-duration: 0.3s;
}

.header__right a:hover {
    opacity: 1;
}

.cart::after {
    /* content: ' | 0'; */
    content: ' | ' attr(data-count);
    opacity: 0.32;
}

.arrow::after {
    content: "";
    background-image: url('./img/icons/ic_arrow_down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
    height: 5px;
    width: 6px;
    vertical-align: middle;
    margin-left: 6px;
}

.banner__desc {
    font-size: var(--18PX);
    font-weight: 400;
    text-align: center;
    color: white;
    line-height: var(--24PX);
    margin-top: clamp(1.5em, 1vw, 1.8em);
    margin-bottom: 5em;
}

.header__text {
    font-family: var(--FF-HEADER);
    font-size: clamp(2.8rem, 6vw, 5.35rem);
    font-weight: 500;
    color: white;
    line-height: max(0.8, 1);
}

.pin-header,
.pin-header::before,
.pin-header::after {
    color: white;
    font-weight: 500;
    font-size: var(--14PX);
    text-transform: uppercase;
}

.pin-header::after {
    content: "]";
    margin-left: .2rem;
}

.pin-header::before {
    content: "[";
    margin-right: .2rem;
}

.subheader {
    font-weight: 400;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.biege-circle {
    background: radial-gradient(hsl(32, 47%, 78%), hsl(32, 47%, 78%, 0));
    height: 105rem;
    width: 105rem;
}

.store-block__category {
    color: var(--DARK-GREEN-COLOR);
    font-family: var(--FF);
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    /* padding-bottom: 1rem; */
    padding-bottom: clamp(.4rem, 1vw, 1rem);
    font-size: clamp(.55rem, 1vw, 1rem);
    opacity: 0.32;
    transition-duration: 0.3s;
    cursor: pointer;
    /* margin-top: 5.75em; */
    flex-grow: 1;
}

.store-block__category:hover {
    opacity: 1;
}

.store-block__grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--20PX);
    row-gap: var(--72PX);
    margin-top: min(2.5vw, 36px);
    margin-bottom: min(4.6vw, 66px);
}

.col-right {
    margin-right: auto;
}

.store-block__item {
    align-items: start;
    max-width: min(22.7vw, 326px);
}

.store-block__item img {
    width: min(23vw, 326px);
    height: min(25.5vw, 366px);
    object-fit: cover;
}

.item__header {
    margin-top: 1em;
    color: var(--DARK-GREEN-COLOR);
    font-weight: 500;
    font-size: var(--18PX);
}

.item__desc {
    margin-top: 0.5em;
    color: var(--DARK-GREEN-COLOR);
    opacity: .72;
    font-weight: 400;
    font-size: min(1.2vw, 1rem);
    max-width: min(31vw, 440px);
}

.item__price {
    margin-top: .7em;
    color: var(--DARK-GREEN-COLOR);
    font-weight: 500;
    font-size: min(1.6vw, 22px);
}

.footer__img img {
    width: min(13vw, 184px);
    height: min(16vw, 226px);
    margin-bottom: min(1.5vw, 1.3rem);
    object-fit: cover;
}

.footer__img a {
    font-size: var(--14PX);
    color: white;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

.footer__services {
    display: flex;
    flex-direction: column;
    gap: min(1.3vw, 1.1rem);
    margin-top: 3px;
}

.footer__services a {
    font-weight: 500;
    color: white;
    font-size: min(1.2vw, 1rem);
    text-transform: uppercase;
    text-decoration: none;
    transition-duration: 0.3s;
}

.footer__services a:hover {
    opacity: var(--BUTTONS-OPACITY);
}

.footer__social {
    display: flex;
    gap: min(1vw, 0.8rem);
    margin-top: min(2.6vw, 2.3rem);
}

.footer__social a {
    height: min(2.4vw, 2.3rem);
    width: min(2.4vw, 2.3rem);
    border: 0.5px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    opacity: .72;
}

.list-element,
.list-element-sp {
    width: min(46.4vw, 668px);
    background-color: hsla(31, 33%, 64%, 0.24);
    padding-inline: min(1.6vw, 22px);
    padding-block: var(--18PX);
    font-size: var(--16PX);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: min(0.3vw, 3px);
    transition: height 0.3s ease;
}

.list-element-sp {
    width: 100%;
    padding-inline: var(--14PX);
    padding-block: min(0.6vw, 8px);
    margin-bottom: min(0.6vw, 8px);
}


.list-element__header,
.list-element-sp__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-element__header img,
.list-element-sp__header img {
    width: min(1.6vw, 22px);
    object-fit: cover;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.list-element-sp__header img {
    width: var(--14PX);
}

.list-element__header h5,
.list-element-sp__header h5 {
    font-size: var(--16PX);
    color: var(--DARK-GREEN-COLOR);
    width: max-content;
    font-weight: 400;
}

.list-element p,
.list-element-sp p {
    margin-top: 0px;
    font-size: var(--14PX);
    color: var(--DARK-GREEN-COLOR);
    font-weight: 400;
    max-width: min(46.4vw, 668px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: var(--20PX);
    letter-spacing: -0.02em;
}

.list-element-sp.active p,
.list-element.active p {
    opacity: 1;
    max-height: 1000px;
    margin-top: 20px;
}

.certif__buttons {
    margin-top: var(--24PX);
    display: flex;
    gap: 1rem;
}

.certif__buttons button {
    width: min(3.4vw, 48px);
    height: min(3.4vw, 48px);
    border-radius: 50%;
    background: url('./img/icons/arrow.svg'), var(--DARK-GREEN-COLOR);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46%;
    transition-duration: 0.3s;
}

.certif__buttons button:hover {
    background: url('./img/icons/arrow.svg'), var(--DARK-GREEN-COLOR);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46%;
    outline: 5px solid white;
}

.video-player {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1001;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    pointer-events: none;
}

.video-player.active {
    opacity: 1;
    pointer-events: auto;
}

.video-player div {
    height: 80%;
    width: 80%;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    height: 64px;
    width: 64px;
}

/* MODIFIER */

.shasta-block {
    background: url('./img/shasta/anounce_banner.webp'), rgba(0, 0, 0, 0.32);
    background-size: 128%;
    background-position-y: 100%;
    background-position-x: 40%;
    padding-top: min(62px, 4.31vw);
}

.iti {
    width: 100%;
}


.truncate-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.white,
.white::after,
.white::before {
    color: white !important;
}

.white a {
    color: white;
}

.white-filter,
white-filter::after,
white-filter::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(56deg) brightness(103%) contrast(101%);
}



.green,
.green::after,
.green::before {
    color: var(--DARK-GREEN-COLOR) !important;
}

.footer-border {
    border-top: 2px solid rgba(255, 255, 255, 0.2);
}

.border-underline {
    border-bottom: 1px solid var(--DARK-GREEN-COLOR);
}

.link-active {
    opacity: 1 !important;
    border-width: 2px;
}

.disabled {
    pointer-events: none;
}

.big-item {
    max-width: 440px;
}

.big-item img {
    width: min(31vw, 440px);
    height: min(34.2vw, 492px);
    object-fit: cover;
}

.background-circle {
    background: #E1C8AB;
    background: radial-gradient(circle, rgb(225, 200, 171) 0%, rgba(225, 200, 171, 0) 70%);
    opacity: 0.53;
    height: 512px;
    width: 512px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.bg-biege-op {
    background-color: var(--DARK-BIEGE-OPACITY-COLOR);
}

.bg-white-op {
    background-color: hsl(0, 0%, 100%, 0.24);
}

.star {
    width: var(--64PX) !important;
    height: var(--64PX) !important;
}

.page-wrapper {
    overflow-x: hidden;
}

.no-scroll {
    overflow: hidden;
    height: 100vh;
    position: fixed;
    width: 100%;
}

.loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side, white 90%, #0000);
    background:
        var(--_g) 0% 50%,
        var(--_g) 50% 50%,
        var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
    z-index: 9999;
}

@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%, 100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%, 100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%, 100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%, 100% 100%
    }
}


.cp-loader {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: min(46.6vw, 670px);
    top: min(19.5vw, 280px);
    margin: auto;
}

.spinner {
    font-size: min(8.9vw, 128px);
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}

.spinner.center {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.spinner-blade {
    position: absolute;
    left: 0.4629em;
    bottom: 0;
    width: 0.074em;
    height: 0.2777em;
    border-radius: 0.5em;
    background-color: transparent;
    transform-origin: center -0.2222em;
    -webkit-animation: spinner-fade 1s infinite linear;
    animation: spinner-fade 1s infinite linear;
}

.spinner-blade:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    transform: rotate(0deg);
}

.spinner-blade:nth-child(2) {
    -webkit-animation-delay: 0.083s;
    animation-delay: 0.083s;
    transform: rotate(30deg);
}

.spinner-blade:nth-child(3) {
    -webkit-animation-delay: 0.166s;
    animation-delay: 0.166s;
    transform: rotate(60deg);
}

.spinner-blade:nth-child(4) {
    -webkit-animation-delay: 0.249s;
    animation-delay: 0.249s;
    transform: rotate(90deg);
}

.spinner-blade:nth-child(5) {
    -webkit-animation-delay: 0.332s;
    animation-delay: 0.332s;
    transform: rotate(120deg);
}

.spinner-blade:nth-child(6) {
    -webkit-animation-delay: 0.415s;
    animation-delay: 0.415s;
    transform: rotate(150deg);
}

.spinner-blade:nth-child(7) {
    -webkit-animation-delay: 0.498s;
    animation-delay: 0.498s;
    transform: rotate(180deg);
}

.spinner-blade:nth-child(8) {
    -webkit-animation-delay: 0.581s;
    animation-delay: 0.581s;
    transform: rotate(210deg);
}

.spinner-blade:nth-child(9) {
    -webkit-animation-delay: 0.664s;
    animation-delay: 0.664s;
    transform: rotate(240deg);
}

.spinner-blade:nth-child(10) {
    -webkit-animation-delay: 0.747s;
    animation-delay: 0.747s;
    transform: rotate(270deg);
}

.spinner-blade:nth-child(11) {
    -webkit-animation-delay: 0.83s;
    animation-delay: 0.83s;
    transform: rotate(300deg);
}

.spinner-blade:nth-child(12) {
    -webkit-animation-delay: 0.913s;
    animation-delay: 0.913s;
    transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
    0% {
        background-color: var(--DARK-GREEN-COLOR);
    }

    100% {
        background-color: transparent;
    }
}

@keyframes spinner-fade {
    0% {
        background-color: var(--DARK-GREEN-COLOR);
    }

    100% {
        background-color: transparent;
    }
}

.woocommerce .loader::before {
    content: unset;
}

/* .decorations {
    width: 100%;
    height: 100vh;
    overflow: auto;
    position: relative;
} */

/* 0-480, 481-768, 769-1279, 1280+ 

// @media (min-width: 480px) { ... }

// @media (min-width: 768px) { ... }

// @media (min-width: 1280px) { ... } */

/* Modifier class to show only on mobile (≤ 768px) */
.show-mobile-block {
    display: block;
}

.show-mobile-flex {
    display: flex;
}

.show-mobile-grid {
    display: grid;
}

@media (min-width: 769px) {

    .show-mobile-grid,
    .show-mobile-block,
    .show-mobile-flex {
        display: none;
    }
}

/* Modifier class to show only on desktop (≥ 769px) */
.show-desktop-grid,
.show-desktop-block,
.show-desktop-flex {
    display: none;
}

@media (min-width: 769px) {
    .show-desktop-block {
        display: block;
    }

    .show-desktop-flex {
        display: flex;
        /* or flex, inline-block, etc., depending on your layout */
    }

    .show-desktop-grid {
        display: grid;
    }

}

@media screen and (max-height: 724px) {
    .request{
        height: min(670px, 92.54vh);
        overflow-y: scroll;
    }
}

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

    .pin-header,
    .pin-header::before,
    .pin-header::after {
        font-size: var(--M-12PX);
    }

    .banner {
        background-size: 700%;
        background-position: 21% 50%;
        height: max(184.2vw, 663px);
        justify-content: start;
    }

    .banner div.pin-header {
        margin-top: max(92.5vw, 333px);
    }

    .banner__desc {
        font-size: var(--M-14PX);
        margin-bottom: 0px;
        max-width: max(72.5vw, 261px);
        line-height: max(19px, 5.28vw);
        margin-top: max(30px, 8.33vw);
    }

    .header__text {
        font-size: var(--M-48PX);
        margin-top: var(--M-22PX);
        margin-inline: var(--M-PAD-IN);
        line-height: 0.9;
    }

    .header__store {
        margin-top: max(1.2vw, 4px);
    }

    .about-me {
        max-width: 768px;
        padding-inline: var(--M-PAD-IN);
        padding-top: max(15.6vw, 56px);
    }

    .about-me__block {
        display: flex;
        flex-direction: column;
        padding-top: min(3.5vw, 50px);
    }

    .about-me__image {
        width: max(42.3vw, 152px);
        height: max(52.3vw, 188px);
    }

    .about-me__desc {
        margin-top: max(42px, 11.67vw);
        max-width: max(242px, 67.22vw);
        gap: var(--M-8PX);
    }

    .about-me__block p {
        font-size: var(--M-14PX);
    }

    .about-me__desc a {
        font-size: var(--M-14PX);
        margin-top: var(--M-18PX);
    }

    .about-me img {
        width: var(--M-32PX);
        height: var(--M-32PX);
        position: absolute;
        top: max(78px, 21.67vw);
        right: min(3vw, 43px);
    }

    .soul-path {
        padding-bottom: max(51.7vw, 186px);
        background-size: 130%;
        background-position-y: 250%;
        background-position-x: 56%;
        margin-top: var(--M-88PX);
        background-repeat: no-repeat;
    }

    .soul-path__header {
        top: max(-0.5vw, -7px);
        right: max(8.9vw, 32px);
    }

    .soul-path__header h2 {
        font-size: max(10vw, 36px);
    }

    .soul-path__header h2:nth-child(1) {
        padding-left: max(17.3vw, 62px);
    }

    .soul-path__header h2:nth-child(3) {
        padding-left: var(--M-48PX);
        word-spacing: var(--M-8PX);
    }

    .soul-path img:nth-child(3) {
        margin-top: max(22.3vw, 80px);
    }

    .soul-path video {
        width: max(35.3vw, 127px);
        height: max(43.9vw, 158px);
        margin-top: max(22.3vw, 80px);
        object-fit: cover;
        object-position: bottom;
    }

    .main-block-3 {
        flex-direction: column;
        padding-inline: var(--M-PAD-IN);
        padding-bottom: max(12.3vw, 44px);
    }

    .main-block-3__header {
        margin-top: var(--M-20PX);
        width: 100%;
    }

    .main-block-3__header h2 {
        font-family: var(--FF-HEADER);
        font-size: var(--M-26PX);
        font-weight: 400;
        color: var(--DARK-GREEN-COLOR);
    }

    .main-block-4 {
        flex-direction: column;
        padding-block: unset;
    }

    .main-block-4 h2 {
        font-size: var(--M-34PX);
        margin-top: var(--M-20PX);
        padding: unset;
        width: 100%;
    }

    .soul-banner {
        height: max(90.3vw, 325px);
        background-size: 200%;
        background-position: 75% 79%;
    }

    .sb-lila {
        background-size: 111%;
        background-position: 100% 55%;
        /* margin-bottom: max(55.6vw, 200px); */
    }

    .soul-banner h3 {
        font-size: var(--M-14PX);
        top: max(48px, 13.33vw);
        left: max(5.3vw, 19px);
        width: 60%;
    }

    .soul-banner img {
        top: var(--M-22PX);
        left: var(--PAD-IN);
        width: max(99.5vw, 358px);
    }

    .soul-banner button {
        font-size: var(--M-16PX);
        height: max(42.3vw, 152px);
        width: max(42.3vw, 152px);
        /* padding: max(16.2vw, 58px) max(11.2vw, 40px); */
        bottom: min(-21.1vw, -76px);
        right: min(5.3vw, 76px);
        outline: var(--M-14PX) solid hsla(0, 0%, 100%, 0.24);
    }

    main {
        margin-top: max(42.3vw, 152px);
        margin-bottom: max(12.3vw, 44px);
    }

    .for-you {
        flex-direction: column;
        position: relative;
        padding: unset;
        padding-inline: var(--M-PAD-IN);
        margin-top: max(19.5vw, 70px);
    }

    .for-you img {
        height: var(--M-32PX);
        width: var(--M-32PX);
        top: max(40vw, 144px);
        right: var(--M-18PX);
        position: absolute;
    }

    .for-you h3 {
        font-size: var(--M-36PX);
        margin-top: var(--M-22PX);
        margin-inline: auto;
    }

    .for-you-block {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr repeat(3, max(36.7vw, 132px));
        padding-inline: var(--M-PAD-IN);
        padding-top: var(--M-20PX);
        padding-bottom: max(15.6vw, 56px);
        grid-row-gap: var(--M-12PX);
    }

    .for-you-block__card {
        gap: var(--M-12PX);
        border-left: 1px solid #3736211F;
        padding-left: var(--M-PAD-IN);
        justify-content: center;
        height: max(36.7vw, 132px);
    }

    .for-you-block__card h3 {
        font-size: var(--M-16PX);
    }

    .for-you-block__card p {
        font-size: var(--M-14PX);
    }

    .for-you-block video {
        width: max(42.3vw, 152px);
        height: max(52.8vw, 190px);
        margin-inline: auto;
        margin-bottom: var(--M-12PX);
        order: -1;
    }

    .kimono-others {
        padding-top: max(70.6vw, 254px);
    }

    .kimono-others h2 {
        font-size: var(--M-36PX);
    }

    .kimono-others p {
        max-width: max(83.4vw, 300px);
        font-size: var(--M-16PX);
        margin: unset;
        margin-top: var(--M-20PX);
    }

    .kimono-others button {
        font-size: var(--M-16PX);
        border-radius: var(--M-54PX);
        padding: var(--M-14PX) var(--M-46PX);
        margin-top: var(--M-32PX);
        margin-bottom: max(18.9vw, 68px);
    }

    .kimono-others::after {
        outline: var(--M-28PX) solid hsla(57, 25%, 17%, 0.12);
        height: max(157.8vw, 568px);
        width: max(166.7vw, 600px);
        bottom: min(-66.1vw, -238px);
        clip-path: unset;
        top: max(34.5vw, 124px);
        bottom: unset;
    }

    .kimono-others img {
        width: max(43.1vw, 155px);
        height: max(53.4vw, 192px);
    }

    .kimono-others img:nth-child(1) {
        top: var(--M-12PX);
        left: max(14.5vw, 52px);
    }

    .kimono-others img:nth-child(2) {
        top: var(--M-28PX);
        left: max(40vw, 144px);
    }

    .kimono-others img:nth-child(3) {
        height: max(53.4vw, 192px);
        top: max(0.6vw, 2px);
        left: max(9.5vw, 34px);
        transform: rotateZ(-0.6deg);
    }

    .kimono-others img:nth-child(4) {
        height: max(53.4vw, 192px);
        top: var(--M-24PX);
        left: max(52.8vw, 190px);
    }

    .feedback__header {
        flex-direction: column;
        gap: var(--M-22PX);
    }

    .feedback__header h2 {
        font-size: var(--M-48PX);
        align-self: start;
    }

    .feedback__buttons {
        margin-left: auto;
    }

    .feedback__buttons button {
        width: var(--M-36PX);
        height: var(--M-36PX);
    }

    .feedback__items {
        display: flex;
        transition: transform 0.4s ease;
        gap: var(--M-32PX);
        margin-top: var(--M-32PX);
    }

    .feedback__avatar {
        height: max(24.2vw, 87px);
        width: max(24.2vw, 87px);
    }

    .feedback__avatar::after {
        height: var(--M-36PX);
        width: var(--M-36PX);
    }

    .feedback__card {
        width: max(56.7vw, 204px);
        padding: unset;
    }

    .feedback__card h5 {
        font-size: var(--M-16PX);
        line-height: 1.06;
        margin-top: var(--M-20PX);
    }

    .feedback__card p {
        font-size: var(--M-14PX);
        line-height: 1.3;
        margin-top: var(--M-8PX);
    }

    .youtube-block {
        flex-direction: column;
        margin-top: var(--M-88PX);
        padding: unset;
        padding-inline: var(--M-PAD-IN);
    }

    .youtube-block__image {
        width: max(90vw, 324px);
        height: max(65.6vw, 236px);
        margin-right: 0px;
        align-self: center;
        margin-top: var(--M-22PX);
    }

    .youtube-block__square {
        top: max(41.2vw, 148px);
        right: var(--M-36PX);
        width: max(56.7vw, 204px);
        height: max(51.4vw, 185px);
        padding-block: var(--M-16PX);
    }

    .youtube-block__square img {
        width: var(--M-32PX);
        margin-right: 0px;
    }

    .youtube-block__square h3 {
        font-size: var(--M-16PX);
        text-align: center;
        margin: auto 0;
    }

    .youtube-block__square button {
        font-size: var(--M-14PX);
        border-radius: var(--M-54PX);
        padding: max(2.8vw, 10px) var(--M-36PX);
    }

    .world-header h2 {
        font-size: var(--M-34PX);
    }

    .world-header {
        padding-block: var(--M-88PX);
        padding-inline: var(--M-PAD-IN);
    }

    .step-block {
        max-height: max-content;
        flex-direction: column;
        padding: var(--M-36PX) var(--M-16PX);
        background-position: max(27.8vw, 100px) 0%, center;
        background-size: 120%, cover;
    }

    .steps-block .hidden-block {
        /* max-height: max(33.9vw, 122px); */
        max-height: max-content;
    }

    .steps-block .hidden-block:last-child {
        /* max-height: max(148.9vw, 536px); */
        max-height: max-content;
    }

    .steps-block .hidden-block:hover {
        /* max-height: max(148.9vw, 536px); */
        max-height: max-content;
    }

    .step-block__card {
        flex-direction: column;
        margin-left: 0px;
        align-items: start;
    }

    .step-block__mobilecard {
        width: 100%;
    }

    .step-block__card img {
        width: max(50.6vw, 182px);
        height: max(66.2vw, 238px);
        margin-right: auto;
    }

    .step-block__desc {
        margin-left: unset;
    }

    .step-block h3 {
        font-size: var(--M-16PX);
        margin-left: auto;
    }

    .step-block__desc h2 {
        font-size: var(--M-18PX);
        margin-top: var(--M-28PX);
    }

    .step-block__desc ul {
        font-size: var(--M-14PX);
    }

    .step-block__card a {
        font-size: var(--M-16PX);
        margin-top: var(--M-24PX);
    }

    /* LILA PAGE */
    .lila-banner {
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: 1fr;
        padding-inline: var(--M-PAD-IN);
        margin-top: var(--M-14PX);
    }

    .lila-banner img {
        height: max(90vw, 324px);
        order: -1;
    }

    .lila-banner__main {
        display: flex;
        flex-direction: column;
        margin-top: max(6.2vw, 22px);
        margin-left: auto;
        max-width: 100%;
    }

    .lila-banner__main h2 {
        font-size: max(12.3vw, 44px);
        width: 100%;
    }

    .lila-banner__main p {
        font-size: var(--M-16PX);
        max-width: none;
        margin-top: var(--M-14PX);
        width: 100%;
    }

    .lila-banner__main button {
        margin-right: auto;
        color: white;
        font-size: var(--M-14PX);
        text-transform: uppercase;
        background: var(--DARK-GREEN-COLOR);
        border-radius: var(--M-54PX);
        margin-top: var(--M-28PX);
        padding: var(--M-12PX) var(--M-46PX);
    }

    .lila-buy {
        padding-inline: var(--M-PAD-IN);
    }

    .lila-buy img {
        width: var(--M-32PX);
        height: var(--M-32PX);
        top: var(--M-20PX);
        right: var(--M-18PX);
    }

    .lila-buy__block {
        display: grid;
        grid-template-columns: 1fr;
        padding-top: min(3.5vw, 50px);
        grid-template-rows: repeat(2, 1fr);
    }

    .lila-buy__image {
        width: max(42.3vw, 152px);
        height: max(55.1vw, 198px);
    }

    .lila-buy h1 {
        font-size: var(--M-28PX);
        margin-top: var(--M-28PX);
        margin-bottom: var(--M-88PX);
    }

    .lila-buy__desc {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: max(55.6vw, 200px);
        margin-top: min(8.1vw, 116px);
        margin-inline: auto;
    }

    .lila-buy__desc p {
        margin-top: var(--24PX);
        font-size: var(--M-12PX);
        color: var(--DARK-GREEN-COLOR);
        text-align: left;
        line-height: 1.3;
    }

    .lila-buy__desc button {
        margin-top: max(8.4vw, 30px);
        font-size: var(--M-14PX);
        padding: max(2.3vw, 8px) var(--M-24PX);
        border-radius: var(--M-54PX);
    }

    .you-get__header {
        padding-inline: var(--M-18PX);
    }

    .you-get__header h2 {
        margin-top: var(--M-22PX);
    }

    .you-get__gallery {
        margin-top: var(--M-36PX);
        padding-inline: var(--M-PAD-IN);
        gap: var(--M-14PX);
    }

    .you-get__gallery img {
        width: max(76.7vw, 276px);
        height: max(76.7vw, 276px);
    }

    .know-yourself {
        background-size: 230%;
        padding-bottom: max(25.6vw, 92px);
        background-position-y: 130%;
        padding-inline: var(--M-PAD-IN);
    }

    .know-yourself::before {
        background-size: 210%;
        background-position-y: max(21.7vw, 78px);
    }

    .know-yourself__first {
        width: max(55.6vw, 200px);
        align-self: center;
        margin-top: var(--M-14PX);
    }

    .know-yourself__first h2 {
        font-size: var(--M-16PX);
    }

    .know-yourself__first p {
        font-size: var(--M-16PX);
        margin-top: var(--M-16PX);
    }

    .know-yourself__second {
        justify-content: center;
        flex-direction: column;
        margin-top: max(28.4vw, 102px);
    }

    .know-yourself__second__block {
        max-width: fit-content;
        margin-left: auto !important;
        gap: var(--M-8PX);
        margin-top: var(--M-22PX);
    }

    .know-yourself__second__block p {
        font-size: var(--V-12PX);
    }

    .know-yourself__second__block button {
        font-size: var(--M-14PX);
        border-radius: var(--M-54PX);
        padding: var(--M-12PX) var(--M-46PX);
        margin-top: var(--M-28PX);
    }

    .inviting {
        padding-block: max(72px, 20.00vw);
        padding-inline: var(--M-PAD-IN);
    }

    .inviting__grid {
        grid-template-columns: none;
        grid-template-rows: repeat(2, 1fr);
        /* justify-content: center; */
        grid-gap: var(--M-20PX) var(--18PX);
        display: flex;
        gap: var(--M-14PX);
        overflow-x: scroll;
        margin-inline: min(-18px, -5.00vw);
        padding-inline: var(--M-PAD-IN);
    }

    .inviting__grid__box {
        width: max(304px, 84.44vw);
        height: max(289px, 80.28vw);
        padding: var(--M-36PX);
        flex-shrink: 0;
    }

    .inviting__grid__box img {
        width: max(24.2vw, 87px);
        height: max(24.2vw, 87px);
    }

    .inviting__grid__box h5 {
        font-size: var(--M-20PX);
        margin-top: var(--M-24PX);
    }

    .inviting__grid__box p {
        font-size: var(--M-14PX);
        max-width: fit-content;
        margin-top: var(--M-8PX);
    }

    .inviting__header {
        flex-direction: column;
    }

    .inviting__header h2 {
        font-size: var(--M-34PX);
        margin-top: max(6.2vw, 22px);
        order: 1;
    }

    .you-get {
        margin-top: var(--M-88PX);
    }

    .know-yourself img {
        width: var(--M-32PX);
        height: var(--M-32PX);
    }

    .know-yourself img:nth-child(3) {
        top: min(-13.8vw, -50px);
        left: var(--M-14PX);
    }

    .know-yourself img:nth-child(4) {
        top: max(80.6vw, 290px);
        right: max(6.2vw, 22px);
    }

    .you-get__header {
        display: flex;
        flex-direction: column;
    }

    .you-get__header h2 {
        font-size: var(--M-36PX);
        margin-left: unset;
    }

    .you-get__block {
        max-width: max(76.7vw, 276px);
        margin-right: var(--M-20PX);
    }

    .you-get__block img {
        width: max(76.7vw, 276px);
        height: max(76.7vw, 276px);
    }

    .you-get__gallery h5 {
        font-size: var(--M-14PX);
    }

    .you-get__gallery p {
        font-size: var(--M-12PX);
    }

    .faq {
        flex-direction: column;
        padding-inline: var(--M-PAD-IN);
        margin-top: var(--M-88PX);
    }

    .faq ul {
        margin-top: var(--M-20PX);
    }

    .find-your {
        padding-top: unset;
        margin-top: var(--M-88PX);
    }

    .list-element {
        width: max(90vw, 324px);
        margin-bottom: var(--M-8PX);
    }

    .list-element__header h5 {
        font-size: var(--M-14PX);
        max-width: 90%;
    }

    .list-element__header img {
        width: var(--M-22PX);
        flex-shrink: 0;
    }

    .list-element p {
        font-size: var(--M-14PX);
        max-width: 100%;
    }

    .feedback {
        padding-inline: var(--M-PAD-IN);
        padding-top: max(13.9vw, 50px);
    }

    .find-your__header video {
        width: max(42.3vw, 152px);
        height: max(54.8vw, 197px);
        margin-left: auto;
    }

    .find-your__header p {
        font-size: var(--M-12PX);
        max-width: max(42.3vw, 152px);
    }

    .price {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: var(--M-20PX);
        padding-top: unset;
        padding-inline: var(--M-PAD-IN);
        padding-bottom: var(--M-88PX);
    }

    .price__block {
        display: flex;
        flex-direction: column;
        width: max(90vw, 324px);
        height: max(78.9vw, 284px);
        padding-top: var(--M-32PX);
        padding-inline: var(--M-22PX);
    }

    .price .price__block:nth-child(2) {
        background-color: #E4CEB4;
        margin-left: initial;
    }

    .price__block h5 {
        font-size: var(--M-22PX);
    }

    .price__block p {
        font-size: var(--M-16PX);
    }

    .price__block button {
        font-size: var(--M-16PX);
        border-radius: var(--M-54PX);
        padding-block: var(--M-12PX);
        margin-bottom: var(--M-32PX);
    }

    .find-your h2 {
        font-size: var(--M-36PX);
        margin-top: var(--M-28PX);
        margin-bottom: var(--M-88PX);
        margin-inline: var(--M-PAD-IN);
    }

    .find-your h2::after {
        display: contents;
        margin-left: var(--M-12PX)
    }

    .find-your__header {
        margin-top: var(--M-22PX);
    }

    /* RETREATS */

    .my-video {
        width: max(42.3vw, 152px);
        height: max(14.5vw, 52px);
        border-radius: max(1.4vw, 5px);
    }


    .my-video__avatar {
        width: max(11.7vw, 42px);
        height: max(11.7vw, 42px);
    }

    .my-video__pointer {
        width: var(--M-16PX);
        height: var(--M-16PX);
    }

    .my-video__text {
        width: min-content;
        padding-left: var(--M-8PX);
    }

    .my-video__text h5 {
        font-size: var(--M-8PX);
        padding-top: max(1.7vw, 6px);
    }

    .my-video::before {
        width: var(--M-32PX);
        height: var(--M-32PX);
        top: max(11.7vw, 42px);
        left: min(-6.1vw, -22px);
        background-size: cover;
    }

    .ret-banner {
        padding-top: max(30.6vw, 110px);
        padding-inline: var(--M-PAD-IN);
    }

    .ret-banner h2 {
        font-size: var(--M-46PX);
    }


    .ret-banner p {
        font-size: var(--M-14PX);
        max-width: max(55.6vw, 200px);
        margin-top: max(20vw, 72px);
        margin-bottom: var(--M-28PX);
    }

    .ret-banner__images img {
        width: max(42vw, 151px);
        height: max(56.2vw, 202px);
    }

    .ret-banner__images::before {
        width: max(33.4vw, 120px);
        height: max(41.7vw, 150px);
        left: min(-24.7vw, -89px);
        top: var(--M-20PX);
    }

    .ret-banner__images::after {
        width: max(33.4vw, 120px);
        height: max(41.7vw, 150px);
        right: min(-23.8vw, -86px);
        top: var(--M-16PX);
    }

    .ret-future {
        margin-top: var(--M-88PX);
    }

    .__banner_lower_header {
        width: 100%;
        font-size: var(--M-34PX) !important;
        /* margin-top: var(--M-32PX); */
    }

    .ret-future__block {
        padding-inline: var(--M-PAD-IN);
        padding-top: max(12.3vw, 44px);
        padding-bottom: var(--M-44PX);
    }

    .ret-future__desc {
        justify-content: flex-start;
        width: max(90vw, 324px);
        flex-direction: column;
        padding: var(--M-22PX);
        margin-top: var(--M-24PX);
    }

    .ft-icon {
        width: max(42.3vw, 152px);
        height: max(41.4vw, 149px);
    }

    .ret-future__text {
        width: 100%;
        margin-top: var(--M-16PX)
    }

    .ret-future__text h2 {
        font-size: var(--M-36PX);
        font-weight: 400;
    }

    .ft-date {
        font-size: var(--M-16PX);
        margin-top: max(1.2vw, 4px);
    }

    .ft-citata {
        font-size: var(--M-12PX);
        margin-top: var(--M-14PX);
    }

    .ft-text {
        font-size: var(--M-12PX);
        margin-top: max(1.7vw, 6px);
    }

    .ret-future__text button {
        font-size: var(--M-14PX);
        border-radius: var(--M-54PX);
        padding: var(--M-12PX) var(--M-46PX);
        margin-top: var(--M-18PX);
        margin-bottom: unset;
    }

    .spotify {
        right: 5%;
        bottom: 10%;
        width: max(53.7vw, 193px);
        height: max(85.9vw, 309px);
        padding: var(--M-12PX);
    }

    .spotify__img {
        width: 100%;
        height: max(46.2vw, 166px);
    }

    .spotify__img img {
        width: var(--M-16PX);
        height: var(--M-16PX);
    }

    .spotify__img button {
        font-size: var(--M-12PX);
        padding: max(1.7vw, 6px) var(--M-14PX);
        border-radius: var(--M-54PX);
    }

    .spotify h5 {
        font-size: max(3.0vw, 11px);
    }

    .spotify__label {
        width: 100%;
        height: max(10.3vw, 37px);
        padding-left: max(10.9vw, 39px);
        background-size: 21%;
        justify-content: center;
    }

    .spotify__label h5 {
        font-size: var(--M-8PX);
    }

    .spotify-logo {
        width: max(20.6vw, 74px);
        height: max(5.6vw, 20px);
        margin-top: var(--M-12PX);
    }

    .in-program__header h2 {
        font-size: var(--M-36PX);
    }

    .in-program {
        padding-inline: 0;
    }

    .in-program__header {
        flex-direction: column;
        gap: var(--M-12PX);
        padding-inline: var(--M-PAD-IN);
        padding-top: var(--M-88PX);
    }

    .retreat-space {
        padding-top: var(--M-54PX);
    }

    .in-program__grid {
        gap: var(--M-20PX);
        margin-top: var(--M-36PX);
        padding-inline: var(--M-PAD-IN);
    }

    .grid__block {
        height: max(94.5vw, 340px);
        flex: 1 0 max(78.1vw, 281px);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-inline: var(--M-20PX);
        padding-top: max(198px, 55.00vw);
        padding-bottom: var(--M-20PX);
    }

    .grid__block__data {
        margin: unset;
        padding: var(--M-20PX) var(--M-22PX);
        width: 100%;
        height: 100%;
    }

    .grid__block__data h5 {
        font-size: var(--M-18PX);
    }

    .grid__block__data p {
        font-size: var(--M-12PX);
        max-width: 100%;
    }

    .ret-faq {
        padding-inline: var(--M-PAD-IN);
        padding-block: var(--M-88PX);
    }

    .ret-faq__main {
        flex-direction: column;
		
    }

    .ret-faq ul {
        margin-top: var(--M-22PX);
    }

    .ret-faq h2 {
        font-size: var(--M-32PX);
        margin-top: max(48px, 13.33vw);
        margin-bottom: max(23.9vw, 86px);
		margin-top: 0px !important;
    }

    /* RETREAT TEMPLATE (HAWAII) */
    .event-banner button {
        color: var(--DARK-GREEN-COLOR);
        font-size: var(--M-14PX);
        padding: var(--M-12PX) var(--M-46PX);
        border-radius: var(--M-54PX);
        margin-top: var(--M-24PX);
        margin-bottom: max(20vw, 72px);
    }

    /* ONLINE SOUL CLUB */
	
    .sc-banner {
        margin-top: var(--M-14PX);
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sc-banner img {
        width: max(90vw, 324px);
        height: max(90vw, 324px);
    }

    .sc-banner__main {
        max-width: 100%;
        margin-top: var(--M-22PX);
        padding-inline: var(--M-PAD-IN);
        margin-left: 0px;
        align-self: flex-start;
    }

    .sc-banner__main h2 {
        font-size: max(33px, 9.17vw);
        line-height: 1.1;
    }

    .sc-banner__main p {
        font-size: var(--M-16PX);
        max-width: 100%;
        margin-top: var(--M-14PX);
    }

    .sc-banner__main button {
        font-size: var(--M-14PX);
        border-radius: var(--M-54PX);
        padding: var(--M-12PX) var(--M-46PX);
        margin-top: var(--M-28PX);
    }

    .star {
        width: var(--M-32PX) !important;
        height: var(--M-32PX) !important;
    }

    .changing__main {
        margin-top: var(--M-22PX);
        flex-direction: column;
        align-items: end;
        gap: var(--M-24PX);
    }

    .changing__main img {
        width: max(42.3vw, 152px);
        height: max(55.1vw, 198px);
    }

    .changing {
        padding-inline: var(--M-PAD-IN);
        padding-top: max(72px, 20.00vw);
    }

    .changing__main p {
        font-size: var(--M-14PX);
        max-width: 100%;
        text-align: left;
        line-height: 1.3;
        margin-right: unset;
    }

    .changing h2 {
        font-size: var(--M-34PX);
        margin-left: 0px;
        margin-top: var(--M-28PX);
    }

    .where {
        padding-inline: var(--M-PAD-IN);
        margin-block: var(--M-88PX);
    }

    .where__grid {
        grid-template-columns: 1fr;
        grid-column-gap: var(--20PX);
        grid-template-rows: repeat(2, max(132.8vw, 478px));
    }

    .where__grid div {
        width: 100%;
        height: 100%;
    }

    .where__first {
        padding: var(--M-32PX) var(--M-24PX);
    }

    .where__first h2 {
        max-width: 100%;
        font-size: var(--M-28PX);
    }

    .where__first ul {
        max-width: 100%;
        font-size: var(--M-14PX);
        color: var(--DARK-GREEN-COLOR);
        margin-top: var(--M-28PX);
        /* display: flex;
        flex-direction: column; */
        gap: var(--M-16PX);
    }

    .where__first ul li {
        line-height: 1.4;
        position: relative;
        margin-left: var(--M-8PX);
        padding-left: var(--M-8PX);
    }

    .online-club-li ul li {
        line-height: 1;
    }

    .where__first .p-banner {
        margin-top: max(51px, 14.17vw);
    }

    .where__second {
        padding-top: max(167px, 46.39vw);
        padding-bottom: max(50px, 13.89vw);
        padding-inline: var(--M-24PX);
        display: flex;
    }

    .shasta-block {
        padding-top: max(167px, 46.39vw);
    }

    .where__second__block {
        max-height: max(88.7vw, 319px);
        max-width: 100%;
        margin-block: auto;
        padding: var(--M-32PX) var(--M-22PX);
    }

    .where__second img {
        width: max(27vw, 97px);
        height: max(27vw, 97px);
    }

    .where__second__block h2 {
        font-size: var(--M-28PX);
        margin-top: max(2.8vw, 10px);
    }

    .where__second__block p {
        font-size: var(--M-12PX);
        margin-top: var(--M-8PX);
    }

    .ret-price__block {
        width: 100%;
        margin-top: var(--M-22PX);
        padding: var(--M-32PX) var(--M-22PX);
    }

    .ret-price__block h5 {
        font-size: var(--M-22PX);
    }

    .ret-price__block span {
        font-size: var(--M-24PX);
    }

    .ret-price__block p {
        font-size: var(--M-16PX);
        margin-bottom: max(66px, 18.33vw);
    }

    .ret-price__block button {
        font-size: var(--M-16PX);
        border-radius: var(--M-54PX);
        padding: var(--M-12PX);
        min-width: 100%;
        margin-top: var(--M-36PX);    
	}

    /* MENTORING */

    .mentoring-banner {
        align-items: start;
        flex-direction: column;
        padding-inline: var(--M-PAD-IN);
        padding-top: var(--M-14PX);
    }

    .mentoring-banner img {
        width: max(42.3vw, 152px);
        height: max(52vw, 187px);
    }

    .mentoring-banner__block {
        align-self: center;
        margin-top: max(13.9vw, 50px);
        margin-right: unset;
    }

    .mentoring-banner__block h2 {
        font-size: max(11.7vw, 42px);
    }

    .mentoring-banner__block p {
        font-size: var(--M-16PX);
    }

    .mentoring-banner__block button {
        font-size: var(--M-14PX);
        border-radius: var(--M-54PX);
        padding: var(--M-12PX) var(--M-46PX);
        margin-top: var(--M-28PX);
    }

    .find-out__header {
        flex-direction: column;
        margin-top: var(--M-88PX);
    }

    .find-out__header h2 {
        font-size: var(--M-36PX);
        order: 1;
        margin-top: var(--M-22PX);
    }

    .find-out__gallery {
        overflow-x: auto;
        gap: var(--M-20PX);
    }

    .find-out__gallery__block {
        max-width: max(59.2vw, 213px);
    }

    .find-out__gallery__block img {
        width: max(59.2vw, 213px);
        max-height: max-content;
        margin-top: max(2.8vw, 10px);
    }

    .find-out__gallery__block h5 {
        font-size: var(--M-14PX);
    }

    .find-out__gallery__block p {
        font-size: var(--M-12PX);
    }

    .nearby {
        padding-top: var(--M-36PX);
        background-size: 112% 100%;
        background-position-x: 50%;
        background-position-y: 50%;
    }

    .nearby__block {
        background-color: white;
        padding: max(7.3vw, 26px);
        width: max(90vw, 324px);
        /* height: max(52.8vw, 190px); */
        height: min-content;
        margin-inline: auto;
        margin-top: max(36.7vw, 132px);
        margin-bottom: max(49.8vw, 179px);
        padding: max(7.3vw, 26px) var(--M-28PX);
    }

    .nearby__block h2 {
        font-size: var(--M-28PX);
        margin-top: 0px;
    }

    .nearby__block p {
        font-size: var(--M-14PX);
        max-width: 100%;
        margin-top: var(--M-14PX);
        text-align: center;
    }

    .mentoring-price {
        padding-inline: var(--M-PAD-IN);
        padding-top: var(--M-88PX);
    }

    .ret-price {
        flex-direction: column;
        margin-top: unset;
    }

    .ret-price__block button {
        margin-top: var(--M-22PX);
    }

    .mentoring-price h2 {
        font-size: var(--M-32PX);
        margin-top: max(13.4vw, 48px);
        margin-bottom: max(25.6vw, 92px);
    }

    /* STORE PAGE */

    .store-block {
        margin-bottom: var(--M-28PX);
    }

    .store-container {
        margin-inline: var(--M-PAD-IN);
        padding-bottom: max(25.6vw, 92px);
    }

    .store-block__category {
        font-size: max(3.1vw, 11px);
    }

    .store-block__grid {
        gap: unset;
        row-gap: var(--M-22PX);
        justify-content: space-between;
    }

    .store-block__item {
        max-width: max(42.3vw, 152px);
    }

    .store-block__item img {
        width: max(42.3vw, 152px);
        height: max(54.8vw, 197px);
    }

    .item__header {
        font-size: var(--M-14PX);
    }

    .item__desc {
        font-size: var(--M-12PX);
        max-width: 100%;
        min-height: max(11.7vw, 42px);
    }

    .item__price {
        font-size: var(--M-16PX);
        margin-top: var(--M-16PX);
    }

    /* SINGLE PRODUCT PAGE */
    .product-page {
        padding-inline: var(--M-PAD-IN);
    }

    .product-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-inline: 0px;
    }

    .product-images {
        order: -1;
    }

    .sp-main-carousel {
        gap: var(--M-20PX);
    }

    .single-product-img {
        width: max(90vw, 324px);
        height: max(98.7vw, 355px) !important;
    }

    .sp-gallery {
        gap: var(--M-12PX);
        position: unset;
        margin-top: var(--M-14PX);
    }

    .sp-gallery-img {
        height: max(15vw, 54px) !important;
        width: max(15vw, 54px) !important;
    }

    .product-short {
        margin-top: var(--M-32PX);
        max-width: 100%;
    }

    .product-short h2 {
        font-size: var(--M-24PX);
    }

    .product-short__price {
        font-size: var(--M-28PX);
    }

    .product-short__desc {
        font-size: var(--M-16PX);
        margin-top: var(--M-20PX);
    }

    .short-buttons {
        width: 100%;
        margin-top: var(--M-28PX);
        gap: var(--M-8PX);
    }

    .product-short button {
        font-size: var(--M-14PX);
        border-radius: var(--M-54PX);
        padding-block: var(--M-12PX);
        width: 100%;
    }

    .product-full {
        margin-top: max(13.4vw, 48px);
        max-width: 100%;
        padding-left: unset;
    }

    .product-full__desc {
        font-size: var(--M-14PX);
        margin-bottom: var(--M-32PX);
    }

    .list-element {
        padding: max(17px, 4.72vw) var(--M-12PX);
    }

    .list-element-sp {
        padding: max(2.3vw, 8px) var(--M-12PX);
        border-radius: max(1.4vw, 5px);
        margin-bottom: var(--M-8PX);
    }

    .list-element-sp p {
        font-size: var(--M-14PX);
        max-width: 100%;
    }

    .list-element-sp__header h5 {
        font-size: var(--M-14PX);
    }

    .list-element-sp__header img {
        width: var(--M-18PX);
        height: var(--M-18PX);
    }

    .relative-header__header {
        font-size: var(--M-36PX);
        word-spacing: max(2px, 0.56vw);
    }

    .relative-items {
        margin-top: var(--M-28PX);
        gap: var(--M-20PX);
        margin-inline: min(-18px, -5.00vw);
        padding-left: var(--M-PAD-IN);
        padding-right: var(--M-PAD-IN) + var(--M-PAD-IN);
        width: 120%;
    }

    .relative-items a {
        max-width: max(78.1vw, 281px);
    }

    .relative-items__card img {
        height: max(94.5vw, 340px);
    }

    .relative-items__card h3 {
        margin-top: var(--M-16PX);
        font-size: var(--M-20PX);
    }

    .relative-items__card p {
        font-size: var(--M-16PX);
        min-height: max(36px, 10.00vw);
    }

    .relative-items__card span {
        margin-top: var(--M-24PX);
        font-size: var(--M-22PX);
    }

    .relative-product {
        padding-bottom: max(25.6vw, 92px);
    }

    /* HEADER */
    .header__left a,
    .header__right a {
        font-size: var(--M-12PX);
        opacity: 1;
    }

    #mobile-menu {
        position: relative;
    }

    #mobile-menu::before {
        content: '';
        display: inline-block;
        width: var(--M-14PX);
        height: var(--M-8PX);
        background-image: url('./img/burger.svg');
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: max(1.7vw, 6px);
    }

    .header__icon {
        width: max(8.7vw, 31px);
        height: max(11.4vw, 41px);
    }

    .header__left__dropdown {
        top: var(--M-32PX);
    }

    .dropdown-wrapper {
        margin-right: var(--M-24PX);
    }

    .dropdown-wrapper:hover .header__left__dropdown {
        width: var(--M-28PX);
        height: var(--M-46PX);
    }

    header {
        padding-inline: var(--M-PAD-IN);
    }

    .header-mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--BG-COLOR);
        display: none;
        flex-direction: column;
        z-index: 1001;
        padding: var(--M-36PX) var(--M-PAD-IN);
        transform: translateX(100%);
        transition: transform 0.3s ease 0.1s;
    }

    .header-mobile.active {
        transform: translateX(0%);
    }

    .header-mobile a {
        font-size: var(--M-16PX);
        font-weight: 500;
        line-height: 29px;
        text-transform: uppercase;
        color: var(--GREEN-COLOR);
        margin-bottom: var(--M-12PX);
    }

    .header-mobile__cart-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header__list {
        display: flex;
        flex-direction: column;
        margin-top: max(27.8vw, 100px);
    }

    /* ABOUT ME */
    .about-me__banner {
        background-size: 150%;
        height: max(150.3vw, 541px);
    }

    .know-what {
        flex-direction: column;
        padding-inline: var(--M-PAD-IN);
        margin-top: max(53px, 14.72vw);
    }

    .know-what h2 {
        font-size: var(--M-26PX);
    }

    .know-what div {
        margin-top: var(--M-20PX)
    }

    .about-me_waiting {
        max-width: max(88.9vw, 320px);
    }

    .about-me_waiting p {
        font-size: var(--M-14PX);
        gap: var(--M-8PX);
        text-align: left;
    }

    .last-year {
        margin-top: var(--M-88PX);
    }

    .last-year__header {
        flex-direction: column;
        padding-inline: var(--M-PAD-IN);
    }

    .last-year__desc__main {
        max-width: 100%;
        gap: var(--M-32PX);
        margin-top: var(--M-12PX);
    }

    .last-year__desc__main h2 {
        font-size: var(--M-34PX);
    }

    .last-year__desc__main p {
        max-width: unset;
    }

    .last-year__desc__desc {
        flex-direction: column;
        gap: var(--M-8PX);
    }

    .last-year__desc__desc p {
        font-size: var(--M-14PX);
    }

    .last-year__gallery {
        margin-top: var(--M-36PX);
        padding-inline: var(--M-PAD-IN);
        gap: var(--M-20PX);
    }

    .last-year__gallery img {
        width: max(76.7vw, 276px);
        height: max(76.7vw, 276px);
    }

    .my-mission {
        padding-bottom: max(39.2vw, 141px);
        background-size: 110%;
        background-position-y: 4%;
        padding-inline: var(--M-PAD-IN);
        padding-top: max(94px, 26.11vw);
        flex-direction: column;
    }


    .mission-block {
        max-width: max(242px, 67.22vw);
        margin: 0 auto;
        gap: var(--M-12PX);
    }

    .mission-block div {
        flex-direction: column;
        gap: max(6px, 1.67vw);
    }

    .spaced-block {
        margin-top: max(68px, 18.89vw);
    }

    .spaced-block .mission-block {
        max-width: 100%;
        margin-top: var(--M-22PX);
    }

    .mission-block h5 {
        font-size: var(--M-16PX);
    }

    .mission-block p {
        font-size: var(--M-14PX);
    }

    /* FOOTER */

    footer {
        padding-top: var(--M-36PX);
    }

    .footer-container {
        display: flex;
        flex-direction: column-reverse;
        margin-inline: var(--M-PAD-IN);
    }

    .footer__img img {
        width: max(42.3vw, 152px);
        height: max(52.3vw, 188px);
        margin-bottom: var(--M-12PX);
        object-fit: cover;
    }

    .footer__img a {
        font-size: var(--M-12PX);
    }

    .footer__services a {
        font-size: var(--M-14PX);
        font-weight: 400;
    }

    .footer__social {
        gap: var(--M-16PX);
        margin-top: max(29px, 8.06vw);
    }

    .footer__social a {
        width: var(--M-32PX);
        height: var(--M-32PX);
    }

    .footer-footer {
        margin-inline: var(--M-PAD-IN);
        font-size: var(--M-12PX);
        margin-top: max(38px, 10.56vw);
        padding-top: var(--M-12PX);
        margin-bottom: max(63px, 17.50vw);
    }

    .footer__services__mobile {
        display: flex;
        justify-content: space-between;
        margin-bottom: max(13.9vw, 50px);
    }

    /* MODALS */
    .request {
        width: 90%;
        /* width: max(90.9vw, 327px);
        height: max(113.9vw, 410px); */
        padding: max(8.9vw, 32px) max(7.3vw, 26px);
    }

    .retreat-inputs {
        gap: var(--M-8PX);
    }

    .request h2 {
        font-size: var(--M-36PX);
        width: 100%;
        line-height: 1;
    }

    .request p {
        font-size: var(--M-14PX);
        margin-top: var(--M-12PX);
        margin-bottom: var(--M-22PX);
        width: 100%;
    }

    .request button {
        font-size: var(--M-16PX);
        padding: var(--M-12PX) var(--M-32PX);
        border-radius: var(--M-54PX);
        margin-top: var(--M-28PX);
    }

    .request input {
        font-size: var(--M-14PX);
        padding: max(4.2vw, 15px) max(2.8vw, 10px);
        border-radius: max(1.4vw, 5px);
    }

    .control {
        font-size: var(--M-12PX);
        margin-top: var(--M-12PX);
    }

    .certificates img {
        height: max(66.2vw, 238px);
    }

    .certif__buttons button {
        width: var(--M-46PX);
        height: var(--M-46PX);
    }

    .cp-cart {
        width: 100%;
    }

    .cp-cart__items {
        margin-inline: var(--M-PAD-IN);
        margin-top: var(--M-28PX);
    }

    .cp-cart__items h2 {
        font-size: var(--M-24PX);
        line-height: var(--M-32PX);
    }

    .cp-cart__items img {
        width: var(--M-24PX);
        height: var(--M-24PX);
    }

    .cp-cart__item {
        margin-block: var(--M-16PX);
    }

    .cpitem__img {
        width: max(19.5vw, 70px) !important;
        height: max(27.8vw, 100px) !important;
    }

    .cpitem__desc {
        margin-left: var(--M-16PX);
    }

    .cpitem__header {
        font-size: var(--M-14PX);
        line-height: var(--M-16PX);
    }

    .cpitem__attr,
    .cpitem__price,
    .cpitem__discount,
    .cpitem__qty p {
        font-size: var(--M-12PX);
        line-height: var(--M-16PX);
    }

    .cpitem__trash {
        width: var(--M-14PX);
    }

    .cpitem__qty {
        width: max(22vw, 79px);
        height: max(7.8vw, 28px);
    }

    .cpitem__qty img {
        width: var(--M-12PX);
        height: var(--M-12PX);
    }

    .cp-cart__summary {
        margin-inline: var(--M-PAD-IN);
    }

    .cp-cart__summary p {
        font-size: var(--M-16PX);
        line-height: var(--M-24PX);
    }

    .cp-cart__button {
        font-size: var(--M-16PX);
        line-height: var(--M-12PX);
        margin: unset;
        margin-top: var(--M-32PX);
        margin-bottom: max(23.9vw, 86px);
        margin-inline: var(--M-PAD-IN);
        padding-block: var(--M-18PX);
        border-radius: var(--M-54PX);
    }

    .cp-info {
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
    }

    .cp-info__block {
        padding: unset;
    }

    .cp-info__date {
        width: 100%;
        height: 100%;
        padding: var(--M-28PX) var(--M-18PX);
    }

    .cp-info__pdate {
        width: 100%;
    }

    .cp__breadcramps {
        font-size: var(--M-12PX);
        line-height: var(--M-22PX);
    }

    .cp-info__pdate h2 {
        font-size: var(--M-24PX);
        font-weight: 500;
    }

    .cp-info__field {
        margin-bottom: var(--M-24PX);
    }

    .cp-info__field h5 {
        font-size: var(--M-18PX);
    }

    .custom-select select {
        font-size: var(--M-16PX);
        padding: var(--M-12PX) var(--M-16PX);
    }

    .cp-info__date button {
        font-size: var(--M-16PX);
        line-height: var(--M-12PX);
        padding-block: var(--M-20PX);
        border-radius: var(--M-54PX);
    }

    .cp-info__date p {
        font-size: var(--M-12PX);
        line-height: 1.4;
    }

    .cp-info__cart__block {
        width: 100%;
        margin: unset;
        padding: var(--M-PAD-IN);
    }

    .cp-center-line {
        margin-left: var(--M-16PX);
    }

    .cp-total__desc p {
        font-size: var(--M-18PX);
        line-height: var(--M-22PX);
    }

    .cp-total__desc span,
    .cp-p {
        font-size: var(--M-16PX);
        line-height: var(--M-12PX);
    }

    .cp-p__total span,
    .cp-info__pdate span {
        font-size: var(--M-14PX);
        line-height: var(--M-22PX);
    }

    .total {
        font-size: var(--M-24PX);
        line-height: var(--M-18PX);
    }

    .cp-info__line {
        gap: var(--M-20PX);
    }

    .cp-info__pdate h4 {
        font-size: var(--M-18PX);
        line-height: var(--M-12PX);
        font-weight: 500;
    }

    .payment-result {
        padding: var(--M-16PX);
        border-radius: var(--M-12PX);
        margin-top: var(--M-24PX);
    }

    .payment-result img {
        width: var(--M-20PX);
        height: var(--M-20PX);
    }

    .payment-info {
        gap: max(1.7vw, 6px);
        margin-left: var(--M-12PX);
    }

    .payment-info h5,
    .payment-info p {
        font-size: var(--M-16PX);
        line-height: var(--M-12PX);
    }

    .cp-order img {
        width: max(58.4vw, 210px);
        height: max(58.4vw, 210px);
    }

    .cp-order p {
        font-size: var(--M-14PX);
        line-height: var(--M-14PX);
        margin-top: var(--M-36PX);
        margin-bottom: max(2.8vw, 10px);
    }

    .cp-order h2 {
        font-size: var(--M-18PX);
        line-height: var(--M-20PX);
        text-align: center;
        margin-inline: var(--M-PAD-IN);
    }

    .cp-order button {
        font-size: var(--M-16PX);
        line-height: var(--M-20PX);
        padding: var(--M-20PX) max(32.3vw, 116px);
        border-radius: var(--M-54PX);
        margin-top: var(--M-32PX);
    }

    /* HAWAII */
    .event-banner .pin-header {
        margin-top: 215px;
    }

    .event-banner h2 {
        font-size: var(--M-48PX);
        line-height: 0.88;
        margin-top: var(--M-28PX);
    }

    .event-banner p {
        font-size: var(--M-18PX);
        line-height: var(--M-18PX);
        margin-top: var(--M-8PX);
    }

    .ret-price__block.ret button .event-banner button {
        font-size: var(--M-14PX);
        padding: var(--M-12PX) var(--M-46PX);
        border-radius: var(--M-54PX);
        margin-top: var(--M-24PX);
        margin-bottom: max(20vw, 72px);
    }

    .about-event {
        flex-direction: column;
        padding-inline: var(--M-PAD-IN);
        position: relative;
    }

    .about-event img {
        width: max(42.3vw, 152px);
        height: max(50.9vw, 183px);
        margin-top: max(8.7vw, 31px);
    }

    .about-event p {
        max-width: max(55.6vw, 200px);
        font-size: var(--M-12PX);
        margin-top: max(11.7vw, 42px);
        margin-inline: auto;
        text-align: justify;
    }

    .citata h2 {
        font-size: var(--M-28PX);
        margin-inline: var(--M-18PX);
        margin-top: var(--M-28PX);
    }

    .where__grid {
        margin-top: var(--M-22PX);
        flex-direction: column;
        gap: var(--M-20PX);
    }

    .grid__about_me {
        grid-template-rows: max(93.4vw, 336px) max(121.7vw, 438px);

    }

    .reserved {
        padding: unset;
        margin-top: var(--M-88PX);
        background-size: 145%;
        background-position: 50% 30%;
    }

    .reserved__line {
        padding-inline: var(--M-PAD-IN);
        margin: 0 auto;
        flex-direction: column;
    }

    .reserved__line h5 {
        font-size: var(--M-18PX);
        line-height: 1;
    }

    .reserved__line p {
        font-size: var(--M-14PX);
        line-height: 1.3;
        margin-top: var(--M-12PX);
    }

    .reserved__line h5,
    .reserved__line p {
        max-width: 100%;
    }

    .reserved__line p.mobile-p {
        font-size: var(--M-16PX);
        line-height: 1.3;
    }

    .reserved__image__line {
        margin-top: max(88px, 24.44vw);
    }

    .reserved__desc h2 {
        font-size: var(--M-28PX);
    }

    .reserved__desc p {
        max-width: max(83.1vw, 299px);
        font-size: var(--M-14PX);
        margin-top: var(--M-16PX);
    }

    .reserved__desc button {
        font-size: var(--M-14PX);
        margin-top: var(--M-28PX);
        border-radius: var(--M-54PX);
        padding: var(--M-12PX) var(--M-46PX);
        margin-bottom: max(80px, 22.22vw);
    }

    .reserved__image__line img {
        width: max(43.4vw, 156px);
        height: max(54.5vw, 196px);
    }

    .reserved__image__line::before {
        top: min(-1.6vw, -6px);
        left: var(--M-28PX);
        width: max(43.4vw, 156px);
        height: max(54.5vw, 196px);
        transform: rotateZ(-4.41deg);
    }

    .reserved__image__line::after {
        top: var(--M-12PX);
        right: var(--M-24PX);
        width: max(21.4vw, 77px);
        height: max(54.5vw, 196px);
    }

    .reserved::after {
        height: max(157.8vw, 568px);
        width: max(166.4vw, 599px);
        outline: var(--M-28PX) solid hsla(57, 25%, 17%, 0.12);
        clip-path: inset(0 0 33% 0);
        bottom: min(-187px, -51.94vw);
    }

    .reserved.no-after::after {
        content: none;
    }

    .photo-gallery {
        margin-top: max(25.3vw, 91px);
    }

    .photo-gallery__header {
        flex-direction: column;
        padding-inline: var(--M-PAD-IN);
    }

    .photo-gallery__header h2 {
        font-size: var(--M-36PX);
        margin-top: var(--M-22PX);
        line-height: 1;
        margin-left: unset;
    }

    .photo-gallery__images {
        gap: var(--M-14PX);
        margin-top: var(--M-32PX);
        overflow-x: scroll;
        margin-left: var(--M-PAD-IN);
    }

    .photo-gallery__images img {
        width: max(76.7vw, 276px);
        height: max(76.7vw, 276px);
        flex-shrink: 0;
    }

    .ret-price__block.ret button {
        padding-inline: unset;
        padding-block: var(--M-12PX);
    }

    .item-added {
        top: max(19.5vw, 70px);
        right: unset;
        left: var(--M-18PX);
        padding: max(1.4vw, 5px) max(1.2vw, 4px);
        border-radius: max(1.4vw, 5px);
    }

    .item-added__icon {
        width: max(7.3vw, 26px);
        height: max(7.3vw, 26px);
        padding: max(1.7vw, 6px) max(1.4vw, 5px);
        border-radius: max(1.2vw, 4px);
    }

    .item-added h5 {
        font-size: var(--M-12PX);
        margin-left: max(1.7vw, 6px);
        margin-right: var(--M-8PX);
    }
}

@media (min-width: 1524px) {
    .store-container {
        margin-inline: auto;
    }
}