*{margin:0;padding:0;box-sizing:border-box;}

html{overflow-x:hidden;}

.body{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    background-color:black;
}

/* ═══════════════════════════════
   PART 1 — HERO
═══════════════════════════════ */
.mainblock1{width:100%;}

.mainbloсk{
    display:flex;
    justify-content:center;
    align-items:center;
    height:810px;
    width:100%;
    background-image:url(../img/background.webp);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}
.bobbkA{
    height:700px;
    width:92%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.mnogonojka{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    height:10%;
}

/* ── Кнопка бургера — скрыта на десктопе ── */
.bobik{
    display:none;
    height:40px;
    width:40px;
    border:none;
    border-radius:8px;
    background-color:rgba(255,255,255,0.1);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Crect x='2' y='5' width='18' height='2' rx='1' fill='white'/%3E%3Crect x='2' y='10' width='18' height='2' rx='1' fill='white'/%3E%3Crect x='2' y='15' width='18' height='2' rx='1' fill='white'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:22px 22px;
    cursor:pointer;
    flex-shrink:0;
    z-index:100;
}
.bobik:hover{
    background-color:rgba(255,255,255,0.2);
}

.bilboard{
    position:relative;
    top:105px;
    background-image:url(../img/Group.webp);
    height:30px;
    width:90px;
    background-size:contain;
    background-repeat:no-repeat;
}
.mnogo{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    height:80%;
}
.nav{
    row-gap:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    height:90%;
    width:50%;
}
a{text-decoration:none;color:#FFFFFF;}
.products,.products1{
    color:#FFFFFF;
    font-size:20px;
    list-style:none;
    display:flex;
    column-gap:30px;
}

.text{
    text-align:center;
    font-size:74px;
    color:#FFFFFF;
    font-family:"Inter",sans-serif;
    font-weight:300;
}
.pp2{
    font-size:74px;
    color:#FFFFFF;
    font-family:"Inter",sans-serif;
    font-weight:700;
}
.link{
    padding:20px 40px;
    background-color:#6FDBD4;
    border:0 solid;
    border-radius:50px;
    color:#000;
    font-family:"Inter",sans-serif;
    font-weight:600;
}
.picon{
    position:relative;
    top:5px;
    background-image:url(../img/Frame.webp);
    height:30px;
    width:90px;
    background-size:contain;
    background-repeat:no-repeat;
}
.textic{
    height:30px;
    width:500px;
    font-family:"Inter",sans-serif;
    font-weight:300;
}
.hui{
    color:#A0A1A8;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    height:10%;
}
.pictexlist{
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}

/* ═══════════════════════════════
   PART 2 — FEATURES
═══════════════════════════════ */
.part2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    background-color:#1C1C1E;
    overflow:hidden;
}
.part2_firstline{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    width:92%;
    min-height:1100px;
}
.part2_secondline{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:290px;
    width:92%;
}
.text_pr2{
    font-family:"Inter",sans-serif;
    color:#FFFFFF;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:100%;
    height:100%;
}
.text_pr222{
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:180px;
    width:100%;
    padding:40px 0 20px;
}
.maintet{
    z-index:1;
    row-gap:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    width:50%;
}
.ppper{
    z-index:1;
    font-weight:300;
    color:#6FDBD4;
    text-align:center;
    width:100%;
    font-family:"Inter",sans-serif;
    font-size:13px;
    letter-spacing:0.08em;
    text-transform:uppercase;
}
.fdddppes{
    text-align:center;
    width:100%;
    font-size:40px;
    font-family:"Inter",sans-serif;
    font-weight:400;
}
.spanchik{font-weight:700;}

.mobile{display:none;}

.text_pr22{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    min-height:700px;
}
.partochka_1,.partochka_3{
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    min-height:500px;
    width:20%;
    padding:20px 0;
}
.partochka_1{align-items:flex-start;}
.partochka_3{align-items:flex-end;}

.picture21e,.picture21e2{
    z-index:1;
    height:36px;
    width:40px;
    background-size:contain;
    background-repeat:no-repeat;
    
}
.picture21e{background-position:left;
    background-image: url(../img/get.webp);}
.picture21e.rouming{background-position:left;
    background-image: url(../img/the.webp);}
.picture21e2{background-position:right;
     background-image: url(../img/build.webp);}
.picture21e2.roumingq1{background-position:right;
     background-image: url(../img/bank.webp);}
.sp_left,.sp_right{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:10px;
    width:100%;
}
.sp_right{align-items:flex-end;}

.title,.title2{
    z-index:1;
    font-weight:500;
    font-size:22px;
    font-family:"Inter",sans-serif;
    color:#FFFFFF;
    width:100%;
}
.title2{text-align:end;}

.main_tett,.main_tett2{
    color:#A0A1A8;
    font-size:14px;
    font-family:"Inter",sans-serif;
    width:100%;
}
.main_tett2{text-align:end;}

.partochka_2{
    position:relative;
    min-height:500px;
    width:55%;
    overflow:hidden;
}
.partochka_243{
    z-index:55;
    position:absolute;
    height:130%;
    left:50%;
    transform:translateX(-50%);
    width:90%;
    top:-15%;
    background-image:url(../img/phone.webp);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.bigpic{
    display:flex;
    align-items:flex-end;
    height:40px;
    width:100%;
    padding:20px 0 0;
}
.hree{
    height:1px;
    width:100%;
    background-color:#A0A1A8;
}

.yho{background-image:url(../img/yhoo.webp);background-size:contain;background-repeat:no-repeat;height:45px;width:125px;}
.bloomerg{background-image:url(../img/bloom.webp);background-size:contain;background-repeat:no-repeat;height:46px;width:242px;}
.bisnesins{background-image:url(../img/biss.webp);background-size:contain;background-repeat:no-repeat;height:45px;width:125px;}
.Forbs{background-image:url(../img/Forbs.webp);background-size:contain;background-repeat:no-repeat;height:46px;width:175px;}

.storis{
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:clamp(30px,6vw,120px);
    width:100%;
}

/* ═══════════════════════════════
   PART 3 — BLACK CARD
═══════════════════════════════ */
.part3{
    height:707px;
    width:100%;
    background-color:#000;
}
.ufff{
    height:100%;
    width:100%;
    background-image:url(../img/blackcard.webp);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:contain;
}

/* ═══════════════════════════════
   PART 4 — DEBIT CARD
═══════════════════════════════ */
.part4{
    z-index:11;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    height:707px;
    width:100%;
    background-color:#FFFFFF;
}
.bigpart{
    display:flex;
    align-items:flex-end;
    height:650px;
    width:min(1114px,92vw);
}
.f1rst{
    height:617px;
    width:55%;
    max-width:600px;
    background-image:url(../img/carf.webp);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:bottom left;
}
.tw0{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    width:45%;
}
.main_text{
    height:100%;
    width:100%;
    display:flex;
    justify-content:center;
    flex-direction:column-reverse;
}
.od,.dv,.tr,.th,.fv{
    display:flex;
    justify-content:center;
    align-items:center;
    height:20%;
    width:100%;
}
.th p{
    font-family:"Inter",sans-serif;
    font-weight:400;
    font-size:30px;
    color:#000;
}

/* ═══════════════════════════════
   PART 5 — BENEFITS + ICONS
═══════════════════════════════ */
.part5{
    z-index:10;
    display:flex;
    justify-content:center;
    align-items:stretch;
    min-height:810px;
    width:100%;
}
.part5_1{
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
    background-color:#1C1C1E;
    padding:60px 0;
}
.part5_1_1{
    width:80%;
}
.hrr,.hrr2,.hrr3{padding:20px 0;}
.hp{border:none;border-top:1px solid #ffffff;}
.hp2{border:none;border-top:1px solid #A0A1A8;}

.text1,.text3,.text5{
    font-family:"Inter",sans-serif;
    font-weight:400;
    font-size:28px;
    color:#FFFFFF;
}
.text2,.text4,.text6{
    padding:16px 0;
    font-family:"Inter",sans-serif;
    font-weight:400;
    font-size:18px;
    color:#FFFFFF;
}
.text3,.text5{color:#A0A1A8;}
.text4,.text6{color:#A0A1A8;}
.products1{
    display: flex;
    flex-direction: column-reverse;
    column-gap: 20px;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    
}
.part5_2{
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
    background-color:#EBEBF1;
    padding:60px 0;
}
.part5_2_1{
    display:flex;
    justify-content:center;
    align-items:center;
    width:85%;
    gap:20px;
}
.part5_2_2_1{
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
}
.part5_2_2_2{
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
}

.part5_odin{height:200px;width:200px;background-image:url(../img/odin.webp);background-size:contain;background-repeat:no-repeat;}
.part5_dva{height:200px;width:200px;background-image:url(../img/dva.webp);background-size:contain;background-repeat:no-repeat;}
.part5_tree{height:200px;width:200px;background-image:url(../img/tree.webp);background-size:contain;background-repeat:no-repeat;}
.part5_fore{height:200px;width:200px;background-image:url(../img/laster.webp);background-size:contain;background-repeat:no-repeat;}
.part5_five{height:200px;width:200px;background-image:url(../img/five.webp);background-size:contain;background-repeat:no-repeat;}
.part5_six{height:200px;width:200px;background-image:url(../img/six.webp);background-size:contain;background-repeat:no-repeat;}
.part5_seven{height:200px;width:200px;background-image:url(../img/seven.webp);background-size:contain;background-repeat:no-repeat;}

.spisok1,.spisok2{
    z-index:5;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    list-style:none;
    gap:30px;
    width:100%;
}

/* ═══════════════════════════════
   PART 6 — COMPARE
═══════════════════════════════ */
.part6{
    z-index:11;
    display:flex;
    justify-content:center;
    align-items:center;
    height:1280px;
    width:100vw;
    background-color:#000;
}
.popka {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 10%; /* Расстояние между карточками */
    width: 100%;
    height: 100%;
}
.part6_1{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    height:971px;
    width:100vw;
}
.part6_1_1{
    height:15%;
    width:100%;
}
.part6_1_2{
    display:flex;
    justify-content:start;
    align-items:center;
    height:30%;
    width:100%;
}
.part6_1_3{
    display:flex;
    justify-content:center;
    align-items:center;
    height:55%;
    width:100%;
}
.part6_1_1_ul{
    column-gap:3%;
    font-family:"Inter",sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:100px;
    color:#FFFFFF;
    height:100%;
    width:100%;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:start;
}
.point{
    height:10px;
    width:10px;
    border:0 solid;
    border-radius:10px;
    background-color:#ffffff;
}
.part6_1_2_1{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    width:80%;
}
.part6_1_2_2{height:100%;width:20%;}

.divchenko{
    column-gap:10%;
    display:flex;
    justify-content:end;
    align-items:end;
    height:100%;
    width:100%;
}

.crd_part1{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    height:125px;
    width:270px;
    background-image:url(../img/crd_part1.webp);
    background-size:contain;
    background-repeat:no-repeat;
}
.crd_part2{
    flex-wrap:wrap;
    display:flex;
    justify-content:center;
    align-items:center;
    height:125px;
    width:200px;
    background-image:url(../img/crd_part2.webp);
    background-size:contain;
    background-repeat:no-repeat;
}
.catalog1,.catalog2{
  list-style: none;
    display: flex;
    flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.crd_part12, .crd_part32 {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #10ACA2;
    text-align: start;
    line-height: 1.2;
}

.part6_1_3w{
    display:flex;
    flex-direction:column;
    width:90%;
    list-style:none;
    padding:0;
    margin:0;
}
.part6_1_3w li{
    display:flex;
    align-items:start;
    border-bottom:1px solid #333;
    padding:18px 0;
    width:100%;
    color:#ffffff;
    font-family:"Inter",sans-serif;
    font-size:18px;
}
.part6_1_3w li:last-child{border-bottom:none;}


.row-label{flex:2;text-align:left;}
.row-check{flex:1;text-align:center;font-size:22px;color:#6FDBD4;}
.row-lock{color:#888;font-size:18px;}
.price{font-size:48px;font-weight:700;color:#ffffff;}
.per{font-size:14px;color:#888;margin-left:4px;}
.btn-get{
    background-color:#6FDBD4;
    border:none;
    border-radius:50px;
    padding:14px 28px;
    font-family:"Inter",sans-serif;
    font-weight:700;
    font-size:14px;
    cursor:pointer;
    color:#000;
}

/* ═══════════════════════════════
   PART 7 — REVIEWS
═══════════════════════════════ */
.part7{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    width:100%;
    min-height:600px;
    background-color:#000000;
    padding:60px 0;
    overflow:hidden;
}
.part7_inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
}
.rating{
    font-family:"Inter",sans-serif;
    font-size:90px;
    font-weight:300;
    color:#ffffff;
    margin-bottom:50px;
}
.reviews_slider{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    gap:20px;
}
.reviews_viewport{
    overflow:hidden;
    width:80%;
    max-width:80vw;
}
.reviews_track{
    display:flex;
    gap:30px;
    transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.review_card{
    background-color:#1C1C1E;
    border-radius:20px;
    padding:50px;
    min-width:calc(50% - 15px);
    color:#ffffff;
    font-family:"Inter",sans-serif;
    font-size:18px;
    line-height:1.7;
    flex-shrink:0;
    box-sizing:border-box;
}
.quote_icon{font-size:20px;color:#6FDBD4;margin-bottom:20px;}
.reviewer{
    margin-top:32px;
    color:#A0A1A8;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:12px;
}
.reviewer_line{
    display:inline-block;
    width:30px;
    height:1px;
    background-color:#A0A1A8;
}
.slider_btn{
    background:none;
    border:1px solid #444;
    color:#ffffff;
    font-size:32px;
    border-radius:50%;
    width:52px;
    height:52px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:border-color 0.2s,color 0.2s;
    flex-shrink:0;
}
.slider_btn:hover{border-color:#6FDBD4;color:#6FDBD4;}
.slider_dots{display:flex;gap:10px;margin-top:32px;}
.dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#444;
    cursor:pointer;
    transition:background-color 0.3s;
}
.dot.active{background-color:#6FDBD4;}

/* ═══════════════════════════════
   PART 8 — JOIN OVER
═══════════════════════════════ */
.part8{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    background-color:#000;
    padding:60px 0;
}
.part8_bigdig{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:320px;
    width:min(1240px,92vw);
    background-image:url(../img/join_over.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:20px;
    padding:50px 60px;
}
.pppaaawwee{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}
.digsmall1{
    display:flex;
    flex-direction:column;
    gap:24px;
    width:100%;
}
.popac{display:none;}
.digsmall2{display:none;}
.digsmall136{
    font-family:"Inter",sans-serif;
    color:#ffffff;
    font-size:clamp(24px,2.5vw,36px);
    font-weight:300;
}
.digsmall136 .spanchik{font-weight:700;color:#6FDBD4;}
.digsmall139{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    width:100%;
}
.fier{
    color:#FFFFFF;
    font-size:clamp(15px,1.4vw,22px);
    font-family:"Inter",sans-serif;
    flex:1;
}
.popasd{
    display:flex;
    align-items:center;
    gap:16px;
    flex-shrink:0;
}
.but1{
    border:0 solid;
    border-radius:10px;
    height:46px;
    width:140px;
    background-image:url(../img/googleplay.webp);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    cursor:pointer;
}
.but2{
    border:0 solid;
    border-radius:10px;
    height:46px;
    width:140px;
    background-image:url(../img/applestore.webp);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    cursor:pointer;
}

/* ═══════════════════════════════
   FOOTER
═══════════════════════════════ */
.footer{
    background-color:#000000;
    width:100%;
    padding:60px 0 20px;
    font-family:"Inter",sans-serif;
}
.footer_inner{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    width:92%;
    margin:0 auto;
}
.footer_col{display:flex;flex-direction:column;gap:12px;}
.footer_col h4{
    font-size:18px;
    font-weight:600;
    color:#ffffff;
    margin-top:16px;
}

.footer_col h4:first-child{margin-top:0;}
.footer_col ul{
    list-style:none;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.footer_col ul li,
.footer_col ul li a{
    color:#A0A1A8;
    font-size:14px;
    text-decoration:none;
}
.footer_col ul li a:hover{color:#6FDBD4;}
.teal_link{color:#6FDBD4 !important;}
.footer_logo{display:flex;align-items:flex-start;}
.footer_sable{
    font-size:48px;
    font-weight:700;
    color:#ffffff;
    font-family:"Inter",sans-serif;
}
.footer_bottom{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    width:92%;
    margin:24px auto;
}
.copyright{color:#A0A1A8;font-size:14px;}
.footer_legal{
    width:92%;
    margin:0 auto;
    padding-top:16px;
    border-top:1px solid #222;
}
.footer_legal a{color:#A0A1A8;font-size:12px;text-decoration:none;}
.footer_legal a:hover{color:#6FDBD4;}
.footer_disclaimers{
    width:92%;
    margin:20px auto 0;
    padding-top:20px;
    color:#555;
    font-family:"Inter",sans-serif;
    font-size:11px;
    line-height:1.7;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.footer_disclaimers a{color:#555;text-decoration:underline;}
.footer_disclaimers a:hover{color:#6FDBD4;}
.footer_disclaimers ul{
    list-style:disc;
    padding-left:20px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

/* ═══════════════════════════════════════
   MOBILE MENU
═══════════════════════════════════════ */
.spans{
    position:relative;
    display:flex;
    align-items:center;
}

.mobile_menu {
    display: none;
    position: fixed; /* ✅ Фиксируем относительно окна браузера */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #1C1C1E;
    z-index: 9999;
    padding: 80px 20px 20px; /* ✅ Отступ сверху, чтобы не перекрывать кнопку закрытия */
    overflow-y: auto; /* ✅ Прокрутка внутри меню, если контента много */
    box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}
.mobile_menu.open{
    display:block;
}

.mobile_menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: -1;
}

/* ✅ Контейнер для пунктов меню — центрируем и делаем читаемым */
.mobile_menu .products1 {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile_menu .products1 a {
    color: #fff;
    font-size: 24px;
    font-family: "Inter", sans-serif;
    text-decoration: none;
    font-weight: 500;
}

/* ✅ Кнопка закрытия меню (крестик) */
.mobile_menu .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.mobile_menu .close-btn::before,
.mobile_menu .close-btn::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
}
.products{
    font-family:"Inter",sans-serif;
    font-weight:200;
    color: #ffffff;
    opacity: 80%;
     text-transform: uppercase;
}
.mobile_menu .close-btn::before { transform: rotate(45deg); }
.mobile_menu .close-btn::after { transform: rotate(-45deg); }
/* ── Анимация выезжания справа налево ── */
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px); /* Начинаем справа */
    }
    to {
        opacity: 1;
        transform: translateX(0); /* Заезжаем на место */
    }
}

/* Базовый стиль для пунктов меню — скрыты по умолчанию */
.mobile_menu .products1 li {
    opacity: 0;
    transform: translateX(50px);
    animation: slideInRight 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    animation-play-state: paused; /* ⏸️ Ждём команды на запуск */
}

/* ✅ Запускаем анимацию, когда меню открыто */
.mobile_menu.open .products1 li {
    animation-play-state: running;
}

/* 🎭 Каскадная задержка для каждого пункта */
.mobile_menu.open .products1 li:nth-child(1) { animation-delay: 0.1s; }
.mobile_menu.open .products1 li:nth-child(2) { animation-delay: 0.2s; }
.mobile_menu.open .products1 li:nth-child(3) { animation-delay: 0.3s; }
.mobile_menu.open .products1 li:nth-child(4) { animation-delay: 0.4s; }
.mobile_menu.open .products1 li:nth-child(5) { animation-delay: 0.5s; }
/* Добавьте больше, если пунктов станет больше */

/* ✨ Опционально: анимация для заголовка/логотипа внутри меню */
.mobile_menu .menu-header {
    opacity: 0;
    transform: translateX(30px);
    animation: slideInRight 0.3s ease-out forwards;
    animation-play-state: paused;
}
.mobile_menu.open .menu-header {
    animation-play-state: running;
    animation-delay: 0.05s;
}

/* ── Scroll Reveal Animation ── */
.reveal {
    opacity: 0;
    transform: translateY(40px); /* Элемент смещён вниз */
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0); /* Возвращаем на место */
}

/* Опционально: разные направления появления */
.reveal.from-left { transform: translateX(-60px); }
.reveal.from-right { transform: translateX(60px); }
.reveal.from-left.active,
.reveal.from-right.active { transform: translate(0); }

/* Для изображений/карточек — эффект масштабирования */
.reveal.scale {
    transform: scale(0.95);
    opacity: 0;
}
.reveal.scale.active {
    transform: scale(1);
    opacity: 1;
}

/* ═══════════════════════════════
   CUSTOM SCROLLBAR
═══════════════════════════════ */

/* Для Chrome, Safari, Edge */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #1C1C1E;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #6FDBD4 0%, #1FC6BB 100%);
    border-radius: 10px;
    border: 2px solid #1C1C1E;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #7FEAE4 0%, #2FD6CB 100%);
}

/* Кнопки скроллбара */
::-webkit-scrollbar-button {
    display: none;
}

/* Для Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #6FDBD4 #1C1C1E;
}

/* ═══════════════════════════════
   SCROLL REVEAL ANIMATION
═══════════════════════════════ */

.reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
    will-change: opacity, transform;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Разные направления */
.reveal.from-left {
    transform: translateX(-80px);
}

.reveal.from-right {
    transform: translateX(80px);
}

.reveal.from-left.active,
.reveal.from-right.active {
    transform: translateX(0);
}

/* Масштабирование */
.reveal.scale {
    transform: scale(0.9);
    opacity: 0;
}

.reveal.scale.active {
    transform: scale(1);
    opacity: 1;
}

/* Задержка для дочерних элементов */
.reveal.stagger > * {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.reveal.stagger.active > * {
    opacity: 1;
    transform: translateY(0);
}

.reveal.stagger.active > *:nth-child(1) { transition-delay: 0.1s; }
.reveal.stagger.active > *:nth-child(2) { transition-delay: 0.2s; }
.reveal.stagger.active > *:nth-child(3) { transition-delay: 0.3s; }
.reveal.stagger.active > *:nth-child(4) { transition-delay: 0.4s; }
.reveal.stagger.active > *:nth-child(5) { transition-delay: 0.5s; }
/* ═══════════════════════════════════════
   ADAPTIVE
═══════════════════════════════════════ */

/* ── LAPTOP ≤1445px ── */
@media (max-width:1445px){
    .text{font-size:56px;}
    .pp2{font-size:56px;}
    .mainbloсk{height:700px;}
    .nav{width:55%;}
    .fdddppes{font-size:32px;}
    .title,.title2{font-size:18px;}
    .main_tett,.main_tett2{font-size:13px;}
    .footer_inner{flex-wrap:wrap;gap:32px;}
    .part6_1_1_ul{font-size:70px;}
}

/* ── LAPTOP ≤1280px ── */
@media (max-width:1280px){
    .text{font-size:56px;}
    .pp2{font-size:56px;}
    .mainbloсk{height:700px;}
    .nav{width:55%;}
    .fdddppes{font-size:32px;}
    .title,.title2{font-size:18px;}
    .main_tett,.main_tett2{font-size:13px;}
    .footer_inner{flex-wrap:wrap;gap:32px;}
    .part6_1_1_ul{font-size:60px;}
}

/* ── TABLET ≤1024px ── */
@media (max-width:1024px){
    .mainbloсk{height:auto;min-height:600px;padding:30px 0;background-size:cover;}
    .text{font-size:42px;}
    .pp2{font-size:42px;}
    .nav{width:80%;align-items:center;}
    .products{flex-wrap:wrap;justify-content:center;row-gap:10px;}

    .part2_firstline{min-height:auto;flex-direction:column;align-items:center;}
    .text_pr22{flex-direction:column;align-items:center;min-height:auto;}
    .partochka_1,.partochka_3{width:80%;min-height:auto;flex-direction:column;align-items:center;}
    .partochka_2{width:100%;min-height:400px;order:-1;}
    .partochka_243{position:relative;height:100%;width:80%;left:50%;top:0;transform:translateX(-50%);background-size:contain;background-position:center;}
    .sp_left,.sp_right{align-items:center;text-align:center;}
    .title,.title2{text-align:center;}
    .main_tett,.main_tett2{text-align:center;}
    .fdddppes{font-size:26px;}
    .storis{gap:40px;}

    .part3{height:400px;}

    .bigpart{flex-direction:column;align-items:center;height:auto;padding:30px 0;}
    .f1rst{width:80%;max-width:100%;height:300px;background-position:center;}
    .tw0{width:80%;height:auto;padding:30px 0;}
    .th p{font-size:24px;text-align:center;}

    .part5{flex-direction:column;}
    .part5_1,.part5_2{width:100%;}

    .part6_1_1_ul{font-size:50px;flex-wrap:wrap;row-gap:10px;}
    .divchenko{column-gap:30px;justify-content:center;}
    .catalog1,.catalog2{align-items:start;font-size:30px;margin-bottom:2%;}
    .crd_part1,.crd_part2{height:100px;width:270px;}

    .rating{font-size:64px;}
    .review_card{padding:32px;font-size:16px;}
    .reviews_viewport{width:80%;}

    .digsmall139{flex-direction:column;align-items:flex-start;}
    .fier{width:100%;}
    .popasd{width:auto;}

    .footer_inner{flex-wrap:wrap;gap:32px;}
    .footer_bottom{flex-direction:column;align-items:flex-start;row-gap:12px;}
}

/* ── MOBILE ≤768px ── */
@media (max-width:768px){

    /* Показываем кнопку бургера */
    .bobik{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .mainbloсk{height:auto;min-height:500px;background-size:cover;padding:20px 0;}
    .bobbkA{width:94%;}
    .text{font-size:28px;text-align:center;}
    .pp2{font-size:28px;}
    .nav{width:100%;padding:0 16px;}

    /* Скрываем обычное меню, показываем только через бургер */
    .products{
        display:none;
        font-size:14px;
        column-gap:12px;
        flex-wrap:wrap;
        justify-content:center;
    }
    .link{padding:12px 24px;font-size:13px;}
    .textic{width:auto;font-size:11px;}

    .part2_firstline{min-height:auto;}
    .text_pr2{width:100%;}
    .text_pr222{min-height:auto;padding:30px 0 16px;}
    .maintet{width:92%;row-gap:12px;}
    .ppper{font-size:11px;}
    .fdddppes{font-size:20px;}

    .mobile{
        display:block;
        width:100%;
        max-width:100%;
        height:300px;
        background-image:url(../img/phone1.webp);
        background-size:contain;
        background-repeat:no-repeat;
        background-position:bottom;
        margin:16px 0;
    }
    .partochka_2,.partochka_243{display:none !important;}

    .text_pr22{flex-direction:column;align-items:center;gap:20px;min-height:auto;}
    .partochka_1,.partochka_3{width:92%;align-items:center;gap:16px;min-height:auto;}
    .sp_left,.sp_right{align-items:center;text-align:center;}
    .title,.title2{font-size:17px;text-align:center;}
    .main_tett,.main_tett2{font-size:13px;text-align:center;}
    .picture21e,.picture21e2{height:32px;background-position:center;}
    .bigpic{height:1px;margin-top:16px;}

    .part2_secondline{min-height:auto;padding:20px 0;}
    .storis{gap:16px;}
    .yho{width:70px;height:26px;}
    .bloomerg{width:130px;height:26px;}
    .bisnesins{width:70px;height:26px;}
    .Forbs{width:90px;height:26px;}

    .part3{height:300px;}

    .part4{height:auto;padding:20px 0;}
    .bigpart{flex-direction:column;align-items:center;width:100%;}
    .f1rst{width:90%;max-width:100%;height:220px;background-position:center;}
    .tw0{width:90%;height:auto;padding:20px 0;}
    .main_text{align-items:center;}
    .th p{font-size:20px;text-align:center;}

    .part5{flex-direction:column;}
    .part5_1,.part5_2{width:100%;padding:30px 0;}
    .part5_1_1{width:88%;}
    .text1,.text3,.text5{font-size:20px;}
    .text2,.text4,.text6{font-size:14px;}
    .part5_2_1{flex-direction:column;width:92%;}
    .part5_2_2_1,.part5_2_2_2{width:150%;}
    .spisok1,.spisok2{gap:50px;}
    .part5_odin,.part5_dva,.part5_tree,.part5_fore,
    .part5_five,.part5_six,.part5_seven{height:80px;width:80px;}

    /* ── Part 6 ── */
    .part6{height:auto;padding:40px 0;}
    .part6_1{height:auto;flex-direction:column;}
    .part6_1_1{height:auto;padding:0 4vw;}
    .part6_1_1_ul{font-size:20px;column-gap:12px;flex-wrap:wrap;row-gap:8px;padding:0 4vw;justify-content:flex-start;}
    .part6_1_2{flex-direction:column;height:auto;padding:20px 0;}
    .part6_1_2_1{width:100%;height:auto;}
    .divchenko{justify-content:end;column-gap:20px;flex-wrap:wrap;row-gap:20px;}
    .catalog1,.catalog2{align-items:start;font-size:14px;}
    .crd_part1,.crd_part2{height:40px;width:100px;}
    .part6_1_2_2{width:100%;height:auto;}
    .part6_1_3{height:auto;padding:0 4vw;}
    .part6_1_3w{width:100%;}
    .part6_1_3w li{font-size:13px;flex-wrap:wrap;row-gap:6px;padding:14px 0;}
    .row-label{flex:3;font-size:13px;}
    .row-check{flex:1;font-size:18px;}
    .price{font-size:28px;}
    .btn-get{padding:10px 16px;font-size:11px;white-space:nowrap;}

    /* ── Part 7 Reviews ── */
    .part7{padding:30px 0;}
    .rating{font-size:56px;margin-bottom:24px;}
    .reviews_viewport{width:88%;}
    .review_card{width:100%;height:250px;padding:20px;font-size:10px;border-radius:12px;}
    .reviews_slider{gap:8px;}
    .slider_btn{width:36px;height:36px;font-size:20px;}

    /* ── Part 8 ── */
    .part8{padding:20px 16px;}
    .part8_bigdig{padding:30px 20px;border-radius:16px;}
    .pppaaawwee{width:100%;}
    .digsmall136{font-size:20px;}
    .digsmall139{flex-direction:column;gap:16px;}
    .fier{font-size:14px;}
    .popasd{width:100%;}
    .but1,.but2{height:40px;width:120px;}

    /* ── Footer ── */
    .footer{padding:30px 0 16px;}
    .footer_inner{flex-direction:column;gap:20px;width:88%;}
    .footer_sable{font-size:32px;}
    .footer_col h4{font-size:15px;}
    .footer_bottom{flex-direction:column;align-items:flex-start;row-gap:8px;width:88%;}
    .footer_legal{width:88%;}
    .footer_disclaimers{width:88%;font-size:10px;}
}