#pg4_br {
    display: none
}

.main {
    width: 100%;
}

.main__section {
    padding-top: 1%;
    padding-bottom: 50px;
}

.main__content {
    flex-direction: column;
    align-items: center;
    padding: 0px 20px;
    height: auto;
}

.main__left,
.main__right {
    width: 100%;
    padding: 0;
    align-items: center;
    text-align: center;
    height: auto;
}

.main__left {
    order: 1;
    margin-bottom: 20px;
}

.main__right {
    order: 2;
    justify-content: center;
}

.main__logo1 {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.main__logo-block {
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.main__qualities {
    width: 80%;
    font-size: 13px;
    letter-spacing: 0.05em;
}

.main__slogan {
    font-size: 36px;
    margin-bottom: 0px;
}

.main__offer {
    width: 100%;
    max-width: 350px;
    padding: 10px 20px;
    box-sizing: border-box;
}

.main__offer-text {
    font-size: 13px;
}

.page1_offer-text-1-yellow {
    font-size: 22px;
}

.page1_offer-text-2 {
    font-size: 16px;
    line-height: 200%;
}

.main__offer-decor--right {
    margin: 0px;
}

.main__products {
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.main__img-block,
.main__img {
    width: 100%;
    max-width: 400px;
    height: auto;
}

.main__partner-btn {
    height: 30px;
    width: 140px;
}

.main__partner-btn-border {
    width: 100%;
    height: 100%;
}

.main__partner-btn-icon {
    height: 50%;
    right: 10%;
}

.main__partner-btn-text {
    font-size: 10px;
}

.main__down-btn {
    width: 30px;
    height: 95px;
}

.main__down-btn-icon-2 {
    width: 100%;
    height: 100%;
}

.main__down-btn-icon {
    width: 50%;
    height: 50%;
}


.main__product {
    width: 110px;
    height: 154px;
}

.main__product-btn {
    font-size: 9px;
    padding: 3px 5px;
}

/* Center product names over images on mobile for first-screen products */
.main__product--classic-coffee .main__product-btn,
.main__product--masala-tea .main__product-btn,
.main__product--karak-tea .main__product-btn {
    position: absolute;
    top: 85%;
    left: 5%;
    transform: none;
    z-index: 11;
    text-align: left;
}

/* ===== Section 2 - Mobile ===== */

.main__section--second {
    height: 1275px;
    min-height: 60vh;
}

.section2__background-figure {
    display: none;
}

.main__content--second {
    flex-direction: column;
    padding: 40px 20px;
    gap: 40px;
}

.page2_decors-line {
    width: 90%;
    height: auto;
}

.page2-decors {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    gap: 10px;
    right: 0px;
}

.page2-decors-logo {
    width: 30px;
    height: auto;
}


.section2__left {
    min-width: unset;
    margin-left: 0;
    width: 100%;
}

.section2__header {
    margin-left: 0;
    width: 100%;
    align-items: center;
}

.section2__brand {
    font-size: 80px;
    margin-bottom: 20px;
    line-height: 1;
    margin-left: -15px;
}

.section2__title {
    margin-left: -2%;
}

.section2__about {
    margin-left: 0;
}

.section2__countries {
    margin-left: 0;
    gap: 20px;
    width: 100%;
    align-items: center;
    flex-direction: column;
}

.section2__country {
    min-width: unset;
    width: 100%;
    max-width: 320px;
}

.section2__country-tab {
    top: 10px;
    left: 10px;
    padding: 6px 10px;
    gap: 6px;
    border-radius: 15px;
    min-height: auto;
    min-width: auto;
    width: auto;
}

.section2__country-name {
    font-size: 14px;
    padding: 0;
}

.section2__flag {
    width: 18px;
    height: 12px;
    position: relative;
    left: auto;
    top: auto;
}

.section2__background-figure {
    width: 150%;
    left: -25%;
    top: 20%;
}

.section2__country-btn-block {
    width: 35%;
    height: 30%;
}

.section2__country-btn-icon {
    width: 50%;
}

/* ===== Section 3 - Mobile ===== */

.section3__right-area {
    position: absolute;
    z-index: 10;
    width: 100vw;
}

#section3__main-title-pc {
    display: none;
}

#section3__main-title-mobile {
    display: block;
}

.section3__facts {
    width: 100vw;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    margin-top: 75px;
}

.section3__fact:nth-child(1) {
    order: 1;
}

.section3__fact:nth-child(2) {
    order: 2;
}

.section3__fact:nth-child(3) {
    order: 3;
}

.section3__good-deal {
    order: 4;
}

.section3__mission {
    order: 5;
}

.section3__fact {
    height: auto;
    width: 90vw;
    max-width: 350px;
    padding: 15px;
    margin-bottom: 10px;
}

.section3__fact-bg {
    width: 100%;
    transform: none;
    left: 0;
}

.section3__fact-icon {
    right: 10px;
}

.section3__fact-title {
    font-size: 16px;
}

.section3__fact-text {
    font-size: 12px;
}

.section3__fact-br {
    display: none;
}

.section3__good-deal {
    width: 100vw;
    height: auto;
    padding-right: 12px;
    margin-top: -15px;
}

.section3__good-deal-img {
    width: 30%;
    height: auto;
}

.section3__mission {
    top: unset;
    bottom: 0;
    margin-top: 45px;
    font-size: 14px;
}

.section3__mission-title {
    font-size: 16px;
}

.section3__mission-text {
    font-size: 12px;
}

/* Sectoin 3!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#section4__background-image {
    display: none;
}

#section4__background-image-mob {
    display: block;
}

.main__content--fourth {
    gap: 80px;
    padding-top: 20%;
}

.main__section--fourth {
    min-height: unset;
    height: 900px;
}



.section4__title {
    font-size: 36px;
    left: 0;
    position: relative;
    align-self: flex-start;
    top: 0;
}

#page4_main__logo {
    right: 0%;
    top: 10%;
}

.section4__left {
    flex-direction: row;
    left: 0;
    width: 100vw;
    position: relative;
    top: 0;
}

.section4__fact-bg {
    width: 60vw;
    transform: translateX(-25%) rotate(90deg);
}

.section4__fact-title {
    font-size: 16px;
}

.section4__fact-text {
    font-size: 14px;
}

.section4__fact-content {
    padding: 8px 10px 10px;
    margin-top: 15px;
}

.section4__right {
    width: 100vw;
    position: relative;
    top: 0;
    left: 0;
}

.section4__map {
    margin-top: 0;
    width: 100vw;
    height: auto;
}

.section4__mission {
    bottom: unset;
    left: 0;
}


.section6__products {
    flex-direction: column;
    align-items: center;
}

.section6__product {
    position: relative;
    width: 90%;
    margin-bottom: 20px;
}

.section6__product-title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.section6__product-description {
    font-size: 14px;
    line-height: 1.4;
}

.section6__product-description li {
    margin-bottom: 5px;
}

.section6__product-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}

/* Section 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#section5__title-container-mob {
    display: block;
}

#section5__title-container-pc {
    display: none;
}

#page5_main__logo {
    display: none;
}

.main__content--fifth {
    height: 1010px;

}

.section5__left {
    display: flex;
    gap: 5%;
    margin-top: 10%;
    position: static;
}

.section5__left-img {
    width: 45vw;
    height: auto;
}

.section5__about-guests {
    margin: unset;
    width: unset;
}

.section5__about-text {
    font-size: 12px;
    padding: unset;
    position: unset;
    transform: translateY(120px);
}

.section5__title-container {
    width: unset;
    height: unset;
    top: unset;
    left: unset;
    border: 0.5px solid #7F7F7F;
    border-radius: 10px;
    right: 0;
}

.section5__title {
    font-size: 40px;
    margin: 15% 0;
}

.section5__about-decor {
    height: 115%;
    width: auto;
    top: -6%;
}

.section5__title-bg {
    display: none;
}

.section5__right {
    position: static;
    width: auto;
    height: auto;
}

.section5__guests {
    position: static;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5vw;
    row-gap: 4vh;
}

.section5__guest {
    width: 165px;
    height: 40%;
    position: relative;
}

.section5__guest-bg {
    position: static;
    transform: unset;
    width: 100%;
    height: auto;
}

.section5__guest-img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 90%;
    bottom: 44%;
}

.section5__guest-info {
    position: static;
    width: 100%;
}

.section5__guest-title {
    font-size: 16px;
}

.section5__guest-text {
    font-size: 13px;
}

#section5__businessman-img {
    height: 95%;
    left: 50%;
    bottom: 43%;
}

#section5__businessman-text {
    width: 80%;
}

#section5__foreigner-img {
    height: 80%;
    left: 50%;
}

#section5__girl-img {
    height: 75%;
}

.section5__guest--couple,
.section5__guest--business,
.section5__guest--foreigner,
.section5__guest--girl,
.section5__guest--family {
    top: unset;
    left: unset;
}

.section5__guest--foreigner .section5__guest-img {
    width: unset;
}

.section5__guest--business .section5__guest-img {
    width: unset;
    bottom: unset;
    left: unset;
}

.section5__guest--family .section5__guest-img {
    left: 50%;
    height: 75%;
}

/* Section 6!!!!!!!!!!!!!!!!! */

.main__section--sixth .main__logo {
    top: 5px;
    right: 0;
}

.section6__top-text {
    position: unset;
    width: 100%;
}

.section6__title {
    font-size: 36px;
}

.section6__description {
    font-size: 18px;
}

.section6__left-area {
    position: relative;
    top: unset;
    left: 0;
    width: 100%;
    height: auto;
}

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

.section6__left-about-bg {
    width: 82.5vw;
}

.section6__left-about-title {
    font-size: 4vw;
}

.section6__left-about-list {
    font-size: 2.9vw;
}

.section6__products {
    gap: 20px;
    width: 100%;
    margin-top: unset;
    margin-left: unset;
    flex-direction: column;
    align-items: center;
}

.section6__product {
    width: 90%;
    max-width: 350px;
    height: auto;
    min-height: 400px;
    display: block;
    align-items: flex-end;
    order: 0;
    position: relative;
}

/* Ensure proper order on mobile */
.section6__product--masala {
    order: 1;
}

.section6__product--classic {
    order: 2;
}

.section6__product--desserts {
    order: 3;
}

.section6__product-description {
    margin-top: -20px;
    font-size: 12px;
    width: 90%;
    bottom: 5%;
    line-height: 1.4;
}

.section6__product-outline {
    width: 100%;
    bottom: 0;
    top: unset;
}

.section6__product--masala .section6__product-outline {
    top: unset;
    width: 100%;
    height: auto;
    bottom: 0;
}

.section6__product--masala .section6__product-img {
    bottom: unset;
    top: -20px;
    left: 47%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 165px;
    height: auto;
}

.section6__product--masala .section6__product-title {
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    font-size: 16px;
    text-align: center;
}

.section6__product--masala .section6__product-description {
    top: 245px;
    left: 50%;
    transform: translateX(-50%);
    bottom: unset;
    width: 90%;
    text-align: center;
}

.section6__product--classic .section6__product-outline {
    top: unset;
    width: 100%;
    height: auto;
    bottom: 0;
}

.section6__product--classic .section6__product-img {
    bottom: unset;
    top: -20px;
    left: 47%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 245px;
    height: auto;
}

.section6__product--classic .section6__product-title {
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    font-size: 16px;
    text-align: center;
}

.section6__product--classic .section6__product-description {
    top: 270px;
    left: 50%;
    transform: translateX(-50%);
    bottom: unset;
    width: 90%;
    text-align: center;
}

.section6__product--desserts .section6__product-img {
    bottom: unset;
    top: 10px;
    left: 47%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 215px;
    height: auto;
}

.section6__product--desserts .section6__product-title {
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    font-size: 16px;
    text-align: center;
}

.section6__product--desserts .section6__product-description {
    top: 270px;
    left: 50%;
    transform: translateX(-50%);
    bottom: unset;
    width: 90%;
    text-align: center;
}

/* Section 7!!!!!!!!!!!!!!!!! */

.seventh-section__top-block {
    width: 100%;
    margin-bottom: 5vh;
}

.seventh-section__top-image-container {
    width: 200%;
    display: block;
    transform: translateX(-25%);
}

#page7_main__logo {
    top: 0%;
    right: unset;
    left: 83%;
    display: none;
}

.seventh-section__main-title {
    display: block;
    font-size: 36px;
    width: 100%;
    position: unset;
    transform: none;
}

.seventh-section__top-description {
    display: block;
    position: unset;
    text-align: unset;
    width: 100%;
}

.seventh-section__top-image-overlay {
    background-color: unset;
}

.seventh-section__problems-grid {
    gap: 10px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
}

.seventh-section__problem-card {
    padding: unset;
    width: 43vw;
    height: 100%;
}

.problem-card__background {
    position: unset;
    display: block;
    position: unset;
    height: auto;
}

.problem-card__icon {
    top: 8px;
    left: 8px;
    width: 30%;
    max-width: 40px;
    height: auto;
    position: absolute;
}

.problem-card__title {
    position: absolute;
    font-size: 14.5px;
    margin: unset;
    top: 35%;
    left: 5%;

}

.problem-card__description {
    position: absolute;
    font-size: 12.5px;
    line-height: 1.3;
    bottom: 5%;
    left: 5%;
    width: 90%;
}

/* Section 8!!!!!!!!!!!!!!!!! */

.eighth-section {
    padding: 10px 8px;
}

.eighth-section__title {
    font-size: 50px;
    max-width: unset;
    margin: unset;
}

.eighth-section__container {
    display: unset;
    padding: unset;
}

.eighth-section__left-content {
    width: 100%;
    margin-bottom: 15%;
}

.uniqueness-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.uniqueness-item {
    width: 45vw;
    height: auto;
    min-height: 60vw;
    padding: unset;
    position: relative;
}

.uniqueness-item__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.uniqueness-item__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uniqueness-item__number {
    font-size: 28px;
    display: unset;
    position: absolute;
    top: 6%;
    left: 6%;
    z-index: 2;
}

.uniqueness-item__title {
    position: absolute;
    font-size: 11px;
    max-width: unset;
    top: 22%;
    left: 5%;
    width: 90%;
    line-height: 1.3;
    z-index: 2;
}

.uniqueness-item__description {
    display: block !important;
    visibility: visible !important;
    position: absolute;
    max-width: unset;
    bottom: 6%;
    left: 5%;
    width: 90%;
    font-size: 10px;
    opacity: 1 !important;
    line-height: 1.4;
    color: #F2F2F2 !important;
    z-index: 2;
}

.eighth-section__right-content {
    width: unset;
    margin: unset;
    margin-bottom: 20%;
}


.right-content__text-block {
    position: absolute;
    width: 95%;
    height: auto;
    bottom: 6%;
    left: 2.5%;
}

.text-block__background {
    width: 100%;
    height: auto;
}

.text-block__background img {
    width: 100%;
}

.text-block__text {
    font-size: 4vw;
}

/* Section 9!!!!!!!!!!!!!!!!!!! */

.ninth-section {
    height: 1150px;
}

.ninth-section__content {
    padding: unset;
}

.ninth-section-video {
    top: unset;
    bottom: 26%;

}

.ninth-section__left-img {
    bottom: 10%;
    left: 1%;
    width: 45%;
    height: auto;
}

.ninth-section__block-background {
    top: 7.5%;
    left: -25%;
    height: 85%;
    width: auto;
}

.ninth-section__block-background img {
    width: auto;
}

.ninth-section__decor-oyu {
    right: 25%;
    left: unset;
}

.ninth-section__decor-comma {
    top: 9%;
    left: unset;
    right: 10%;
}

.ninth-section__text-content {
    max-width: unset;
    padding-top: 25%;
    width: 100%;
    row-gap: 30px;
}

.ninth-section__greeting {
    font-size: 24px;
    line-height: 1.1;
    width: 70%;
    position: unset;
}

.ninth-section__text-blocks {
    justify-content: flex-start;
    gap: unset;
    row-gap: 40px;
    margin-left: unset;
    margin-right: unset;
    flex-wrap: wrap;
    padding: 0 5%;
}

.ninth-section__text-block:last-child,
.ninth-section__text-block:first-child {
    width: unset;
}

.ninth-section__signature {
    position: absolute;
    display: unset;
    margin: 0;
    width: 41vw;
    height: auto;
    bottom: -60%;
    right: 2%;
}

.ninth-section__signature-title {
    font-size: 19px;
    width: 100%;
    margin-bottom: 5%;
}

.ninth-section__signature-title-2 {
    line-height: 1;
}

.ninth-section__signature-name {
    display: unset;
    font-size: 21.5px;
    width: 100%;
    margin-top: 10%;
}

.ninth-section__logo-decor {
    top: 75%;
    left: 57%;
}

.tenth-section {
    height: auto;
}

.tenth-section-content {
    padding: 10% 0;
    flex-wrap: wrap;
}

.page10-left-block-outline {
    width: 90vw;
}

.page10-left-block-top-text {
    font-size: 15px;
}

.page10-left-block-bottom {
    bottom: 4%;
}

.page10-left-block-facts {
    gap: 10px;
    padding: 15px;
}

.page10-left-block-fact-title {
    font-size: 17px;
}

.page10-left-block-fact-decor {
    width: 14%;
}

.page10-left-block-fact-text {
    font-size: 13px;
    width: unset;
}

.page10-right-block-background {
    width: 110vw;
    height: auto;
}

.page10-right-block-content {
    width: 80%;
    top: 10%;
    left: 10%;
}

.page10-right-block-title {
    font-size: 17px;
    width: 84%;
    top: 5%;
}

.page10-right-block-fact-outline {
    width: 100%;
}

.page10-right-block-fact-num {
    font-size: 24px;
}

.page10-right-block-fact-title {
    font-size: 12px;
    top: 36%;
}

.page10-right-block-fact-text {
    font-size: 11px;
}

#page10-right-block-fact-text-4 {
    font-size: 10px;
    letter-spacing: -0.02em;
}

/* Section 11!!!!!!!!!!!!!!!!! */

.page-11 {
    padding: 0px 15px 60px 15px;
}

.page-11__packages {
    flex-wrap: wrap;
}

.page-11__title {
    font-size: 35px;
}

.page-11 .main__logo {
    top: 0px;
    right: 10px;
}

/* Section 11 sub!!!!!!!!!!!!!!!!! */

.sub-page11-intruction-decor {
    position: absolute;
    top: 0%;
    right: 0%;
    width: 45px;
    height: auto;
}

.sub-page-11 {
    padding: 0px 15px 60px 15px;
    height: 3320px;
}

.sub-page-11__top-text {
    font-size: 22px;
}

.sub-page11__top-text-text {
    font-size: 18px;
}

.sub-page-11__packages {
    flex-wrap: wrap;
}

.page-11-sub__right-decor {
    top: 28%;
}

.sub-page11-bottom {
    flex-wrap: wrap;
}

.sub-page11-bottom-instruction {
    width: 283px;
}

.page11-join-main {
    width: unset;
}

.page11-join-block ul {
    padding-left: 15px;
}

.page11-platinum-variant-text {
    width: 84%;
}

/* Section 12!!!!!!!!!!!!!!! */

.page-12 {
    padding: unset;
}

.page-12__upper-block {
    padding: unset;
    flex-direction: column;
    gap: unset;
    height: unset;
    overflow: hidden;
}

.page-12__main-title {
    font-size: 32px;
    margin: 15px 0;
}

.page-12__lower-block {
    flex-wrap: wrap-reverse;
}

.page-12__advantage-card {
    width: unset;
}

.page12-upper-background {
    width: auto;
    height: 100%;
    left: unset;
    right: -10%;
}

.page-12__requirements-section::before {
    top: -18%;
}

.page-12__requirements-section {
    gap: 39px;
}

.page-12__left-down-section {
    background-size: 150% 100%;
    background-position-x: center;
}

#br1 {
    display: none;
}

.page-12__advantage-text {
    margin-left: unset;
    margin-top: 0;
}

/* Section 13!!!!!!!!!!!!!!!! */

.page-13 {
    padding: unset;
    height: 1130px;
}

.page-13__title {
    font-size: 42px;
}

.page-13__steps-grid {
    display: flex;
    flex-direction: column;
    width: 95%;
    padding: 35px 20px;
    gap: 20px;
    transform: none;
    height: auto;
    margin-top: 200px;
    margin-bottom: 30px;
}

.page-13__step--1,
.page-13__step--2,
.page-13__step--3,
.page-13__step--4,
.page-13__step--5,
.page-13__step--6 {
    display: flex;
    align-items: flex-start;
    padding: 8px 10px;
    margin-bottom: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    border-left: 2px solid #FFD700;
    width: auto;
    height: auto;
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    backdrop-filter: none;
    border: none;
    border-left: 2px solid #FFD700;
    min-height: auto;
}

.page-13__step--1 {
    order: 1;
}

.page-13__step--2 {
    order: 2;
}

.page-13__step--3 {
    order: 3;
}

.page-13__step--4 {
    order: 4;
}

.page-13__step--5 {
    order: 5;
}

.page-13__step--6 {
    order: 6;
}

.step__number {
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 11px;
    margin-right: 8px;
    flex-shrink: 0;
    transform: none;
    position: relative;
    left: auto;
    top: auto;
    box-shadow: 0 2px 6px rgba(255, 215, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.25);
    z-index: 2;
}

.step__content {
    flex: 1;
}

.step__title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    color: white;
    transform: none;
    width: 100%;
    letter-spacing: 0.1px;
    line-height: 1.3;
    text-align: left;
    text-shadow: none;
}

.step__texts {
    margin-top: 3px;
    padding-left: 0;
    width: 100%;
    margin-left: 0;
}

.step__texts p {
    font-size: 12px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.9);
    margin: 3px 0;
    margin-left: 0;
    padding-left: 0;
    transform: none;
    width: 100%;
    font-weight: 400;
    letter-spacing: 0.05px;
    text-align: left;
    text-shadow: none;
}

.step__bg,
.step__number-bg,
.step-6__fact-bg,
.step-6__fact-decor,
.page-13__lines-decor,
.page-13__uniting-decor,
.page-13__uniting-decor-mob {
    display: none;
}

.step-5__img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #FFD700;
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.25);
    margin-left: auto;
    margin-right: 8px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.page-13__step--1 .step__title {
    margin-top: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.page-13__step--2 .step__title {
    margin-top: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.page-13__step--3 .step__title {
    margin-top: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.page-13__step--4 .step__title {
    margin-top: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.page-13__step--5 .step__title {
    margin-top: 80px;
    text-align: left;
    margin-left: -25px;
    padding-left: 0;
}

.page-13__step--6 .step__title {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.step-6__facts {
    gap: 3px;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 0;
}

.step-6__fact {
    width: 100%;
    height: auto;
    padding: 6px;
    margin-bottom: 4px;
}

.step-6__fact p {
    font-size: 11px;
    margin: 0;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    color: white;
    line-height: 1.3;
    width: 100%;
}

.page-13__lines-decor {
    left: unset;
    top: 13%;
    width: 100%;
}

.page-13 .main__logo {
    display: none;
}

/* Section 14!!!!!!!!!!!!!!!1 */

.page-14 {
    height: 1900px;
}

.page-14__main-block {
    width: 100%;
    height: 100%;
}

.page-14__main-block-bg {
    left: -25%;
    width: auto;
}

.page-14 .main__logo {
    top: 15px;
}

.page-14__title {
    left: 20px;
    font-size: 45px;
}

.page-14__description {
    top: 180px;
    left: 20px;
    width: 90%;
}

.page-14__advantages {
    flex-wrap: wrap;
    justify-content: center;
    left: unset;
}

.page-14__lines-decor {
    top: 700px;
    left: unset;
    right: -105%;
    width: 100vh;
    transform: rotate(90deg);
}

.page-14__background {
    border-radius: 0 0 20px 20px;
}

/* Section 15!!!!!!!!!!!!! */

.page-15 {
    height: 1820px;
}

.page-15__background {
    width: auto;

}

.page-15__main-block {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.page-15__main-block-bg {
    left: unset;
    right: -25%;
    width: auto;
}

.page-15__advantages {
    top: unset;
    left: unset;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15%;
}

.page-15__button {
    top: 1550px;
    right: 20%;
}

.page-15__lines-decor {
    bottom: 100px;
    left: unset;
}

.page-15__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 0;
    padding: 15px 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

.sub-page-11 .main__logo {
    top: 4%;
    right: 10px;
}

/* Social media icons positioning for mobile */
.corner-socials {
    position: fixed;
    bottom: 20px;
    right: 10px;
    transform: none;
    flex-direction: column;
    gap: 15px;
    z-index: 1000;
}

.corner-social-link {
    width: 45px;
    height: 45px;
}

.corner-social-link img {
    width: 24px;
    height: 24px;
}

/* Mobile-specific buy modal styles - smaller and compact */
.buy-modal {
    justify-content: flex-start !important;
    align-items: center !important;
    padding-left: 80px !important;
}

.buy-modal__content {
    width: 90% !important;
    max-width: 310px !important;
    min-width: 280px !important;
    padding: 15px 20px !important;
    border-radius: 16px !important;
}

.buy-modal__title {
    font-size: 18px !important;
    margin-bottom: 15px !important;
}

#buy-form {
    gap: 12px !important;
}

#buy-form label {
    font-size: 13px !important;
}

#buy-form input[type="text"],
#buy-form input[type="tel"] {
    width: 100% !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

.buy-modal__btn {
    width: 100% !important;
    padding: 10px 0 !important;
    font-size: 14px !important;
    margin: 8px 0 0 0 !important;
    box-sizing: border-box !important;
}

.buy-modal__message {
    margin-left: 0 !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
    margin-top: 10px !important;
}

.buy-modal__close {
    width: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
    top: 12px !important;
    right: 15px !important;
}

#buy-sms-block {
    padding: 15px !important;
    margin-top: 10px !important;
}

/* === 3D АНИМАЦИИ ДЛЯ МОБИЛЬНЫХ === */

/* Более мягкие 3D эффекты для мобильных устройств */
@media (max-width: 500px) {

    /* Уменьшенные 3D эффекты для карточек */
    .package-card:hover,
    .sub-package-card:hover,
    .section3__fact:hover,
    .section4__fact:hover,
    .section5__guest:hover,
    .section6__product:hover,
    .seventh-section__problem-card:hover,
    .uniqueness-item:hover,
    .page-14__advantage:hover,
    .page-15__advantage:hover {
        transform: rotateY(4deg) rotateX(1deg) scale(1.01);
        box-shadow: 0 10px 20px rgba(255, 255, 0, 0.15);
    }

    /* Мягкие 3D эффекты для кнопок */
    .main__partner-btn:hover,
    .main__down-btn:hover,
    .package-card__button:hover,
    .sub-package-card__button:hover,
    .page-15__button:hover {
        transform: rotateX(8deg) rotateY(3deg) scale(1.03);
        box-shadow: 0 8px 20px rgba(255, 255, 0, 0.2);
    }

    /* Мягкие 3D эффекты для изображений */
    .main__img:hover,
    .section5__left-img:hover,
    .section6__left-img:hover,
    .right-content__image img:hover,
    .ninth-section__left-img img:hover {
        transform: rotateY(-5deg) rotateX(2deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для иконок */
    .main__product-icon:hover {
        transform: rotateY(90deg) scale(1.05);
    }

    /* Мягкие 3D эффекты для логотипа */
    .main__logo img:hover {
        transform: rotateY(8deg) rotateZ(3deg) scale(1.05);
    }

    /* Мягкие 3D эффекты для флагов */
    .section2__flag:hover {
        transform: rotateY(10deg) scale(1.08);
    }

    /* Мягкие 3D эффекты для карты */
    .section4__map:hover {
        transform: rotateX(5deg) rotateY(-3deg) scale(1.02);
    }

    /* Мягкие 3D эффекты для видео */
    .ninth-section-video:hover {
        transform: rotateY(-4deg) rotateX(2deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для декоративных элементов */
    .main__background-figure:hover,
    .section2__background-figure:hover,
    .section3__decor:hover {
        transform: rotateZ(3deg) scale(1.02);
    }

    /* Мягкие 3D эффекты для заголовков */
    .main__slogan:hover,
    .section3__main-title:hover,
    .section4__title:hover,
    .section5__title:hover,
    .section6__title:hover {
        transform: rotateX(3deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для предложения */
    .main__offer:hover {
        transform: rotateY(-2deg) scale(1.005);
    }

    /* Мягкие 3D эффекты для продуктов */
    .main__product:hover {
        transform: rotateY(5deg) rotateX(1deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для шагов */
    .page-13__step:hover {
        transform: rotateY(-3deg) rotateX(2deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для требований */
    .page-12__requirement:hover {
        transform: rotateX(4deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для преимуществ */
    .page-12__advantage-card:hover {
        transform: rotateY(-4deg) rotateX(1deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для подписи */
    .ninth-section__signature:hover {
        transform: rotateX(3deg) scale(1.005);
    }

    /* Мягкие 3D эффекты для фактов */
    .page-10-right-block-fact:hover {
        transform: rotateY(5deg) rotateX(2deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для фактов левого блока */
    .page10-left-block-fact:hover {
        transform: rotateX(4deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для фактов 6-го шага */
    .step-6__fact:hover {
        transform: rotateY(-3deg) rotateX(1deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для рукопожатия */
    .section3__good-deal-img:hover {
        transform: rotateY(8deg) rotateX(3deg) scale(1.05);
    }

    /* Мягкие 3D эффекты для миссии */
    .section3__mission:hover {
        transform: rotateY(-4deg) rotateX(2deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для миссии 4-й секции */
    .section4__mission:hover {
        transform: rotateY(5deg) rotateX(1deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для текстового блока */
    .right-content__text-block:hover {
        transform: rotateY(-3deg) rotateX(1deg) scale(1.005);
    }

    /* Мягкие 3D эффекты для инструкций */
    .sub-page11-bottom-instruction:hover {
        transform: rotateY(4deg) rotateX(2deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для вариантов платинум */
    .page11-platinum-variant:hover {
        transform: rotateY(-4deg) rotateX(1deg) scale(1.01);
    }

    /* Мягкие 3D эффекты для блока присоединения */
    .page11-join-block:hover {
        transform: rotateY(3deg) rotateX(2deg) scale(1.005);
    }
}

/* Опускаем текст о бренде вниз на мобильных */
.section2__about {
    margin-top: 20px;
}