@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf');

}

@font-face {
    font-family: 'Dela Gothic One';
    src: url('../fonts/DelaGothicOne-Regular.ttf');
}

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background-color: black;
    color: white;
    overflow-x: hidden;
}

.fon {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.fon::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(ellipse at center,
            rgba(4, 57, 13, 0.6) 0%,
            rgba(4, 57, 13, 0.4) 40%,
            rgba(4, 57, 13, 0.15) 65%,
            rgba(4, 57, 13, 0) 100%),
        url('./pics/header-fon.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    -webkit-mask-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 65%,
            rgba(0, 0, 0, 0) 100%);

    mask-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 65%,
            rgba(0, 0, 0, 0) 100%);

    z-index: 0;
}

.fon>* {
    position: relative;
    z-index: 1;
}


.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 4vw;
    gap: 2rem;
    margin: 0 auto;
}

.header__logo img {
    height: 45px;
    width: auto;
}

.header__nav {
    display: none;
}

.ask-btn {
    outline: none;
    border: 1.5px solid rgba(255, 255, 255, 0.9);

    min-height: 35px;
    display: flex;
    align-items: center;
    gap: 0.6em;

    font-size: clamp(0.4rem, 2vw, 0.8rem);

    padding: 0.5em 1em;
    background-color: #00000000;

    border-radius: 999px;
    cursor: pointer;
        text-decoration: none;
}

.ask-btn__icon {
    height: 2em;
    aspect-ratio: 1 / 1;

    border-radius: 50%;
    background: #006be0;

    display: flex;
    align-items: center;
    justify-content: center;
}

.ask-btn__icon img {
    width: 0.9em;
    height: 0.9em;
}

.ask-btn__text {
    font-family: 'Montserrat';
    color: #fff;
}


@media (min-width: 768px) {

    .header {
        padding: 1.2rem 3vw;
    }

    .header__logo img {
        height: 70px;

        width: auto;
    }

    .ask-btn {
        font-size: clamp(1rem, 1.5vw, 3rem);

        padding: 0.7em 1.2em;
    }
}




@media (min-width: 1024px) {

    .header__logo img {
        height: clamp(70px, 1.5vw, 20rem);

        width: auto;
    }



    .header__nav {
        display: flex;
        gap: clamp(1rem, 1.5rem, 2rem);
        flex-wrap: wrap;

        justify-content: center;
        row-gap: 0.8rem;
    }

    .header__link.color {
        color: #93FA00;
    }

    .header__link {
        font-size: clamp(0.8rem, 1.2vw, 2rem);
        white-space: nowrap;

        text-decoration: none;
        color: inherit;

        font-family: 'Montserrat';
        font-weight: 700;
    }

    .ask-btn {
        font-size: clamp(0.6rem, 0.9vw, 3rem);
    }
}



/* who we */
.hero__container {
    display: flex;
    flex-direction: column;
    font-family: "Dela Gothic One";
}

.hero__info {
    display: contents;
}

.hero__title {
    order: 1;
    font-size: clamp(2rem, 5vw, 2.4rem);
    line-height: 1.1;
    margin: 2rem 0.5rem;
    text-align: center;
}

.hero__animation {
    order: 2;
    display: flex;
    justify-content: center;
    /* animation: luxuryFloat 3.5s ease-in-out infinite; */
    animation:
        introScale 2s linear forwards,
        luxuryFloat 3.5s ease-in-out infinite 2.1s;
}

@keyframes introScale {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes luxuryFloat {
    0% {
        transform: translateY(0px) scale(1);
    }

    50% {
        transform: translateY(clamp(-12px, -2vw, -50px)) scale(1);
    }

    100% {
        transform: translateY(0px) scale(1);
    }
}

.hero__image {
    width: clamp(200px, 30vw, 520px);

    height: auto;
    display: block;
}

.hero__text {
    order: 3;
    font-family: "Montserrat";
    text-align: center;
    font-size: clamp(1.5rem, 2vw, 2rem);
    line-height: 1.1;
    margin: 2rem 0.5rem;
    opacity: 0.85;

}

.array-pc {
    display: none;
}

.hero__cta {
    order: 4;
    position: relative;
    display: inline-block;
    align-self: center;
}

.array-phone {
    width: clamp(40px, 25vw, 90px);
}

.array-phone img {
    width: 100%;
    height: auto;
    display: block;
}

.btn.hero__btn {
    border: 3px solid #90F601;
    border-radius: 15px;

    font-family: 'Montserrat';
    font-weight: 800;
    font-size: clamp(1.1rem, 2vw, 3rem);
    line-height: 1.1;

    color: #90F601;
    background: transparent;

    padding: 0.6rem clamp(1rem, 2.5vw, 5em);
    cursor: pointer;
}


@media (min-width: 1024px) {
    .hero__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: clamp(0px, 3vw, 25px);
        margin: 2rem 1rem 1rem 1rem;
    }

    .hero__image {
        grid-column: 1;
        grid-row: 1;
        display: flex;


        width: clamp(260px, 40vw, 1024px);
        height: auto;
        display: block;
    }

.hero__highlight {
    color: #93FA00;
}

    .hero__info {
        grid-column: 2;
        grid-row: 1;

        display: flex;
        max-width: 1400px;
        flex-direction: column;
    }

    .hero__text {
        margin: 1rem 1rem clamp(1rem, 0.3vw, 5vw) 0rem;
        text-align: start;
        font-size: clamp(1.5rem, 2vw, 2.5rem);
    }

    .hero__title {

        margin: 1rem 1rem clamp(1rem, 0.3vw, 5vw) 0rem;
        font-size: clamp(1.7rem, 3vw, 5rem);
        text-align: start;

    }


    .hero__animation {
        margin-left: auto;
        margin-right: clamp(1rem, 5vw, 20rem);
    }

    .hero__cta {
        grid-column: 2;
        grid-row: 1;
        display: inline-grid;
        grid-auto-flow: column;
        align-items: center;
        column-gap: clamp(8px, 2vw, 16px);
    }

    .array-phone {
        display: none;
    }

    .array-pc {
        display: block;
        width: clamp(120px, 25vw, 200px);
        grid-column: 2;
    }

    .array-pc img {
        width: 100%;
        height: auto;
        display: block;
        transform: translateY(-30%);
    }

    .btn.hero__btn {
        grid-column: 1;
    }

    .array-phone img {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media (min-width: 2560px) {
    .hero__info {
        max-width: 1500px;
    }
}


.partners {
    margin: clamp(1rem, 2vw, 4rem) 1rem;
    text-align: center;
    color: #fff;
}


.partners__title {
    font-family: 'Dela Gothic One', sans-serif;
    font-weight: 400;
    font-size: clamp(2rem, 5vw, 2.4rem);
    line-height: 1.1;
    margin: 2rem 1rem 1rem;
}

.partners__subtitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: clamp(1.2rem, 2vw, 1.8rem);
    line-height: 1.12;
    opacity: 0.85;
    letter-spacing: -0.02em;
    margin: 1rem;
}

.partners__slider {
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}

.partners__slider img {
    height: clamp(70px, 10vw, 120px);
    height: 70px;

    width: auto;
    flex-shrink: 0;
}


@media (min-width: 1024px) {

    .partners__title {
        font-size: clamp(1.7rem, 3vw, 5rem);
    }

    .partners__subtitle {
        font-size: clamp(1.5rem, 2vw, 2.5rem);
    }

    .partners__slider {
        /* max-width: 2000px; */
        overflow: visible;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .partners__slider .swiper-wrapper {
        max-width: 3000px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
    }

    .partners__slider .swiper-slide {
        width: auto;
    }


    .partners__slider:hover .swiper-slide {
        opacity: 0.4;
        transition: opacity 0.3s ease;
    }

    .partners__slider .swiper-slide:hover {
        opacity: 1;
    }


    .partners__slider img {
        height: clamp(20px, 6vw, 10rem);
    }

    .partners__slider img:hover {
        transform: scale(1.2);
    }


}



.stats {
    padding: clamp(1.5rem, 5vw, 3rem) clamp(1rem, 4vw, 2rem);
    background-color: #000;
    text-align: center;
    color: #fff;
}

.stats__title {
    font-family: "Dela Gothic One", sans-serif;
    font-size: clamp(1.7rem, 3vw, 5rem);
    line-height: 1.1;
    margin-top: clamp(1.5rem, 5vw, 3rem);
    margin-bottom: clamp(1.2rem, 4vw, 2rem);
}

.stats__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, 4vw, 2rem);
}

.stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 0.8rem);
    max-width: 320px;
    width: 100%;
}

.stat__value {
    font-family: "Dela Gothic One", sans-serif;
    font-size: clamp(3rem, 10vw, 4.5rem);
    line-height: 1;
    color: #90f601;
}

.stat__desc {
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1.5rem, 2vw, 2rem);
    opacity: 0.8;
    text-align: center;
}


@media (min-width: 1024px) {
    .stats {
        padding: clamp(3rem, 6vw, 5rem) clamp(2rem, 6vw, 4rem);
    }

    .stats__title {
        margin-bottom: clamp(3rem, 4vw, 4rem);
    }

    .stats__list {
        flex-direction: row;
        justify-content: center;
        gap: clamp(3rem, 6vw, 6rem);
    }

    .stat {
        max-width: none;
        width: auto;
    }

    .stat__value {
        font-size: clamp(2rem, 3vw, 6rem);
    }

    .stat__desc {
        font-size: clamp(1.6rem, 2vw, 4.5rem);
    }
}


.why-us {
    padding: clamp(1rem, 2vw, 3rem) clamp(0.5rem, 1vw, 1rem);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.why-us__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.why-us__info {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 1;
    max-width: 100%;
}

.why-us__title {
    font-family: "Dela Gothic One", sans-serif;
    font-size: clamp(2rem, 5vw, 2.4rem);
    margin: 0px;
    letter-spacing: 2px;
    font-weight: 700;
    line-height: 1.1;
}

.why-us__text {
    font-size: clamp(1rem, 2vw, 4rem);
    opacity: 0.7;
    line-height: 1.4;
}


.why-us__features {
    order: 2;
    display: flex;
    flex-direction: column;
}

.feature {
    display: flex;
    align-items: center;
    border-radius: 20px;
}

.feature__icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.feature__content {
    display: flex;
    flex-direction: column;
}

.feature__title {
    font-family: "Dela Gothic One", sans-serif;
    font-size: clamp(1rem, 2vw, 1.5rem);

    margin: 0px;
    font-weight: 300;
    color: #90f601;
}

.feature__text {
    font-size: clamp(0.9rem, 2vw, 1.3rem);
    opacity: 0.7;
    line-height: 1.3;
}

.feature--full {
    order: 3;
}

@media (min-width: 1024px) {
    .why-us__container {
        max-width: 3000px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }

    .why-us__text {
        font-size: clamp(1.5rem, 2vw, 2.5rem);
    }


    .why-us__features {
        width: 45vw;
        max-width: 1140px;
        margin-left: auto;
        margin-right: clamp(0.5rem, 2vw, 10rem);
        order: 1;
    }

    .why-us__info {
        order: 2;
        text-align: left;
        width: 45vw;
        max-width: 1140px;
        justify-content: center;
    }

    .why-us__title {
        font-size: clamp(1.7rem, 3vw, 5rem);
    }

    .feature {
        align-items: flex-start;
        gap: 1.5rem;
    }

    .feature__icon {
        width: clamp(2.5rem, 2.5vw, 10rem);
        height: clamp(2.5rem, 2.5vw, 10rem);
        align-self: center;
    }

    .feature__title {
        font-size: clamp(1rem, 2vw, 3rem);
    }

    .feature__text {
        font-size: clamp(0.85rem, 1.3vw, 2rem);
    }

    .feature--full {
        grid-column: 1 / -1;
        order: 3;
    }
}

.offer {
    font-family: "Montserrat", sans-serif;
    color: #fff;
}


.mini-fon {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
}

/* .mini-fon>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}  */

.offer__content {
    display: contents;
}

.offer__title {
    margin: 1rem 0.75rem;
    color: #fff;

    line-height: 1.2;
    text-align: center;
    order: 1;
    font-family: "Dela Gothic One", sans-serif;
    font-size: clamp(1.9rem, 7vw, 5rem);
    text-transform: uppercase;
}


.offer__partners {
    order: 2;
    font-size: clamp(0.9rem, 4vw, 1.05rem);
    opacity: 0.75;
    margin: 0rem 0.75rem;

}

.offer__text {
    order: 3;
    font-size: clamp(0.95rem, 4.2vw, 1.1rem);
    line-height: 1.4;
    margin: 0rem 0.75rem;

}


.offer__image {
    order: 4;
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: clamp(180px, 55vw, 320px);
    aspect-ratio: 1 / 1;

    margin: 1.5rem auto 0;
    justify-self: center;
}

.offer__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;

    display: block;

    filter:
        drop-shadow(0 0 80px rgba(120, 210, 255, 0.55)) drop-shadow(0 0 160px rgba(120, 210, 255, 0.35));
}

.offer__btn_a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    padding: clamp(0.9rem, 2.5vw, 3rem);

    font-size: clamp(1.4rem, 2vw, 3rem);
    font-weight: 600;
    text-align: center;

    color: #fff;
    background: #002da01b;

    border: none;
    border-radius: 15px;
    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.2s ease,
        box-shadow 0.3s ease;
}

.offer__btn {
    order: 5;
    position: relative;
    z-index: 2;

    margin: 1rem;

    border-radius: 15px;

    font-size: clamp(1.2rem, 4vw, 1.8rem);
    font-weight: 600;
    text-align: center;
    background: #002da01b;
    text-decoration: none;
    transition: 0.3s;
}

.offer__btn_a:hover {
    background: #3a72ff;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 45, 160, 0.45);
}

.offer__btn_a:active {
    transform: scale(0.97);
}

@media (min-width: 1024px) {

    .offer__btn_a:hover {
        background: #3a72ff;
        box-shadow:
            0 18px 45px rgba(0, 45, 160, 0.45),
            inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    .mini-fon {
        display: grid;
        grid-template-columns: minmax(420px, 1.1fr) minmax(360px, 0.9fr);
        align-items: center;
        position: relative;
        margin: clamp(10px, 5vw, 5rem);
    }

    .mini-fon::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(90deg,
                rgba(0, 0, 0, 0.45) 0%,
                rgba(0, 0, 0, 0.32) 28%,
                rgba(0, 0, 0, 0.2) 48%,
                rgba(0, 0, 0, 0.12) 62%,
                rgba(0, 0, 0, 0.06) 75%,
                rgba(0, 0, 0, 0.03) 85%,
                transparent 100%);
    }

    .offer__content {
        display: flex;
        max-width: 2000px;
        flex-direction: column;
        position: relative;
        z-index: 2;

        grid-column: 1;
        /* margin: 0rem 1rem; */
        margin-left: auto;
        text-align: left;
        align-items: flex-start;
    }

    .offer__image {
        order: 4;
        position: relative;
        z-index: 2;

        display: flex;
        align-items: center;
        justify-content: center;

        width: clamp(180px, 55vw, 30rem);
        aspect-ratio: 1 / 1;

        margin: 1.5rem auto 0;
        justify-self: center;
    }

    .offer__image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;

        filter:
            drop-shadow(0 0 80px rgba(120, 210, 255, 0.55)) drop-shadow(0 0 160px rgba(120, 210, 255, 0.35));
    }

    .offer__title {
        font-size: clamp(2rem, 3vw, 10rem);
        line-height: 1.05;
        margin-bottom: clamp(0.625rem, 2vw, 1rem);
    }

    .offer__partners {
        font-size: clamp(0.9rem, 1.1vw, 3rem);
        margin-bottom: clamp(0.5rem, 2vw, 1rem);
    }

    .offer__text {
        font-size: clamp(0.9rem, 1vw, 3rem);
    }

    .offer__btn {
        margin-top: clamp(1rem, 2.5vh, 2rem);
        align-self: flex-start;
        font-size: clamp(1rem, 1.5vw, 1.5rem);
        border-radius: 12px;
        background: rgba(8, 47, 155, 0.59);
        transition: 0.3s;
    }

    .offer__btn:hover {
        background: #3a72ff;
    }

    .offer__image {
        grid-column: 2;
        position: relative;
        overflow: visible;
        align-self: flex-end;
    }

    .offer__image img {
        position: absolute;
        bottom: clamp(8px, 2vh, 24px);
        width: clamp(200px, 28vw, 50rem);
        max-width: none;
    }
}

.reviews {
    /* display: flex;
    flex-direction: column; */
    max-width: 100%;
}

.reviews__title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: clamp(1.7rem, 3vw, 5rem);
    font-family: 'Dela Gothic One';
    line-height: 1.15;
    letter-spacing: 1.5px;
    font-weight: 700;
    margin: 1rem;
}

.reviews__subtitle {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: clamp(1.5rem, 2vw, 2.5rem);
    font-family: 'Montserrat';
    margin: 1rem;
    opacity: 0.85;
}

/* 
.reviews__carousel {
    width: 100%;
    overflow: hidden;
}

.reviews__carousel .swiper-slide {
    width: clamp(120px, 20vw, 100rem);
    gap: clamp(0.5rem, 2vw, 2rem);
    display: flex;
    justify-content: center;
    align-items: center;
}

.reviews__carousel img {
    gap: clamp(0.5rem, 2vw, 2rem);
    width: 20vw;
    height: auto;
    display: block;
} */


.reviews__carousel {
    max-width: 3000px;
    touch-action: auto;
    overflow: hidden;
    padding: 0 0.5rem;
}

.reviews__carousel .swiper-wrapper {
    /* display: flex;
    justify-content: center;
    margin: clamp(20px, 1.2vw, 3rem) clamp(5px, 0.5vw, 1.5rem); */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    width: clamp(120px, 20vw, 100rem);
    /* margin: clamp(0.3rem, 0.5vw, 3rem); */
    /* gap: clamp(0.5rem, 2vw, 2rem); */
}

.reviews__carousel .swiper-slide {
    padding-right: clamp(1rem, 0.5vw, 5rem);
    /* width: 3000px; */
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.reviews__carousel img {
    width: clamp(120px, 20vw, 100rem);
    margin: clamp(0.3rem, 0.5vw, 3rem);
    height: auto;
    display: block;
    border-radius: 15px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

@media (hover: hover) {
    .reviews__carousel:hover .swiper-slide {
        opacity: 0.4;
        transition: opacity 0.3s ease;
    }

    .reviews__carousel .swiper-slide:hover {
        opacity: 1;
    }
}


.faq {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(3rem, 6vw, 6rem) 3rem;
    color: #fff;
}

.faq__list {
    max-width: 3000px;
}

.faq__title {
    font-family: 'Dela Gothic One';

    text-align: center;
    font-size: clamp(1.8rem, 2.7vw, 10rem);
    margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.faq__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: clamp(1.2rem, 3vw, 2rem) 0;
}

.faq__question {
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    text-align: left;
    font-size: clamp(1.1rem, 2vw, 4rem);
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq__icon {
    font-size: 100%;
    line-height: 1;
    transition: transform 0.3s ease;
}

.faq__answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    font-size: clamp(0.95rem, 2vw, 3rem);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.75);
    transition: max-height 0.35s ease, opacity 0.3s ease;
    margin-top: 0;
}

/* АКТИВНОЕ СОСТОЯНИЕ */
.faq__item.active .faq__answer {
    max-height: 20rem;
    opacity: 1;
    margin-top: 0.8rem;
}

.faq__item.active .faq__icon {
    transform: rotate(180deg);
}

.iti {
    width: 100%;
    height: 100%;
}

.iti input,
.iti input[type="text"],
.iti input[type="tel"] {
    color: #fff;
    background: transparent;
}

.iti__arrow {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: rgba(255, 255, 255, 0.6) !important;
}

.iti__arrow--up {
    border-top: none !important;
    border-bottom: 4px solid rgba(255, 255, 255, 0.6) !important;
}

.iti__selected-flag {
    background-color: rgba(255, 255, 255, 0.05);
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(255, 255, 255, 0.08);
    font-size: clamp(1rem, 1.5vw, 100rem);
}

.iti__dial-code {
    color: rgba(255, 255, 255, 0.7) !important;
}

.iti__country-list {
    max-height: 3000px !important;
    ;
    background: #0f1412 !important;
    font-size: clamp(1rem, 1vw, 2rem);
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(147, 250, 0, 0.1) !important;
    border-radius: 0.75rem !important;
    width: clamp(19rem, 25vw, 1000px);
    ;
    height: clamp(20rem, 10vh, 3000px) !important;
    margin-top: 4px !important;
    padding: 6px 0 !important;
    -webkit-overflow-scrolling: touch;
    z-index: 1100 !important;
}

.iti__country {
    color: #fff !important;
    padding: 10px 14px !important;
    transition: background 0.15s ease;
}

.iti__country:hover,
.iti__country.iti__highlight {
    background-color: rgba(147, 250, 0, 0.12) !important;
}

.iti__country-name {
    color: rgba(255, 255, 255, 0.95);
}

.iti__divider {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 6px !important;
    margin-bottom: 6px !important;
}

.iti__country-list::-webkit-scrollbar {
    width: 8px;
}

.iti__country-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

.iti__country-list::-webkit-scrollbar-thumb {
    background: rgba(147, 250, 0, 0.3);
    border-radius: 4px;
}

.iti__country-list::-webkit-scrollbar-thumb:hover {
    background: rgba(147, 250, 0, 0.5);
}

.iti--container {
    z-index: 1100 !important;
}

.iti--container .iti__country-list {
    border-radius: 0.75rem !important;
}

@media (min-width: 1024px) {}

.contact {
    background: #000;
    padding: 0 0 5rem;
    color: #fff;
}

.contact__title {
    font-family: 'Dela Gothic One';
    text-align: center;
    font-size: clamp(2rem, 4vw, 5rem);
    margin-bottom: 1rem;
}

.contact__text {
    font-family: "Montserrat";
    text-align: center;
    font-size: clamp(1rem, 2vw, 4rem);
    opacity: 0.7;
    margin-bottom: 1.5rem;
}


/* #phone-flag img{
    width: clamp(24px, 2vw, 100rem) !important;        
} */



/* .fi {
    display: none !important;
} */

/* 
.phone-field {
    position: relative;
    width: 100%;
}

.phone-input {
    width: 100%;
    height: 70px;
    padding-left: 50px; 
    box-sizing: border-box;
}

.phone-flag {
    position: absolute;
    left: 0;          
    top: 50%;
    transform: translateY(-50%);
    width: clamp(24px, 2vw, 100rem) !important;        
    aspect-ratio: 1.5 / 1 !important; 
    pointer-events: none;
} */

/* .phone-input {
    width: 100%;
    height: 70px;
    padding-left: 50px; 
    box-sizing: border-box;
} */




:root {
    --bg: #000;              /* фон поля ввода */
    --border: #ccc;           /* цвет границы поля */
    --radius: 12px;
  
    --input-text: #fff;
    --btn-bg: #2cff00;
    --btn-hover: #24e600;
    --btn-text: #000;
  
    --gap: 0.75rem;            /* промежуток между полем и кнопкой на мобиле/многострочных вар. */
    --max-w: 800px;            /* максимальная ширина формы на больших экранах */
  
    --font-family: "Montserrat", sans-serif;
    --font-size: clamp(10px, 1.5vw, 40px);
    --input-padding: 1rem;
  }
  
  .contact-form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    box-sizing: border-box;
  }
  
  .input-btn {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: var(--max-w);
    gap: 0; /* по умолчанию без горизонтального промежутка, разделим на мобиле */
    /* создаем "контейнер" для полей и кнопки, который растягивается по ширине */
  }
  
  .contact-form__field {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: var(--radius) 0 0 var(--radius);
    background-color: var(--bg);
    flex: 1 1 auto;
    min-width: 0;
    /* padding-left: 0.75rem; */
  }
  
  .phone-flag {
    width: 28px; /* чуть крупнее для видимости на разных дисплеях */
    height: 28px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.5rem ;
  }
  
  .contact-form__input {
    background: transparent;
    color: var(--input-text);
    border: none;
    outline: none;
    padding: var(--input-padding);
    width: 100%;
    font-size: var(--font-size);
  }
  .contact-form__input::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  
  .contact-form__btn {
    background: var(--btn-bg);
    color: var(--btn-text);
    border: none;
    padding: 0 1.75rem;
    border-radius: 0 var(--radius) var(--radius) 0;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .contact-form__btn:hover {
    background: var(--btn-hover);
    transform: translateY(-1px);
  }
  
  /* Ошибка под формой (скрывается по умолчанию) */
  .phone-error {
    margin-top: 0.5rem;
    color: #f66;
    font-size: 0.9rem;
  }
  
  @media (max-width: 900px) {
    :root {
      --max-w: 480px;
      --radius: 10px;
    }
    .phone-flag {
      width: 26px;
      height: 26px;
    }
  }
  
  @media (max-width: 720px) {
    .contact__title{
        font-size: clamp(1.5rem, 3vw, 2.5rem);
    }
    .contact__text {
        font-family: "Montserrat";
        text-align: center;
        font-size: clamp(0.8rem, 1,8vw, 1.8rem);
        opacity: 0.7;
        margin-bottom: 1.5rem;
    }
    .input-btn {
      flex-direction: column;
      gap: 0.75rem;
    }
    .contact-form__field {
      border-radius: 12px;
      border: 1px solid #333;
      width: 100%;
    }
    .phone-input {
      padding: 0.9rem 1rem;
    }
    .contact-form__btn {
      width: 100%;
      max-width: 400px;
      border-radius: 12px;
      padding: 0.95rem 1rem;
      font-size: 1rem;
      margin-left: auto;
      margin-right: auto;
    }
  }









/* Общая форма */
/* .contact-form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} */


/* .input-btn {
    display: flex;
    align-items: stretch; 
    width: 100%;
    max-width: 500px; 
}

.contact-form__field {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 12px 0 0 12px; 
    background-color: #000;
    flex-grow: 1; 
    padding-left: 15px;
}

.phone-flag {
    width: 24px; 
    height: auto;
    display: flex;
    align-items: center;
}

.contact-form__input {
    background-color: transparent;
    color: #fff;
    border: none;
    outline: none;
    padding: 1rem;
    width: 100%;
    font-size: 1rem;
}

.contact-form__btn {
    background: #2cff00;
    color: #000; 
    border: none;
    padding: 0 2rem;
    border-radius: 0 12px 12px 0; 
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap; 
}

.contact-form__btn:hover {
    background: #24e600;
    transform: translateY(-1px); 
}


@media (max-width: 480px) {
    .input-btn {
        flex-direction: column;
        gap: 10px;
    }
    .contact-form__field, .contact-form__btn {
        border-radius: 12px; 
    }
} */





/* Блок с флагом и инпутом */
/* .contact-form__field {
    display: flex;
    align-items: center;
    flex: 1; 
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 12px;
} */

/* Флаг */
/* .phone-flag {
    width: 24px;
    height: 18px;
    min-width: 24px;
    background-size: cover;
    background-position: center;
    margin-right: 8px;
} */

/* Инпут */
/* .contact-form__input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 14px 0;
} */

/* Кнопка */
/* .contact-form__btn {
    padding: 0 24px;
    border: none;
    border-radius: 8px;
    background: #000;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s ease;
} */

/* .contact-form__btn:hover {
    background: #333;
} */

/* Ошибка */
/* .phone-error {
    margin-top: 8px;
    color: #e53935;
    font-size: 14px;
} */

/* Адаптив */
/* @media (max-width: 600px) {
    .input-btn {
        flex-direction: column;
    }

    .contact-form__btn {
        width: 100%;
        padding: 14px;
    }
} */









/* .contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.contact-form__field {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: max-content;
    background: #000;
    border: 0.0625rem solid #2cff00;
    border-radius: 0.5rem 0.5rem 0px 0;
    overflow: visible;
}

.contact-form__input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding: 1.2em 1em;
    font-size: 1rem;
    color: #fff;
    font-family: "Montserrat";
}

.contact-form__input::placeholder {
    color: #777;
}

.contact-form__btn {
    width: 100%;
    background: #2cff00;
    color: #000;
    border: none;
    padding: 1.1em;
    border-radius: 0px 0px 0.5rem 0.5rem;
    font-family: "Montserrat";
    font-size: clamp(0.8rem, 2vw, 1rem);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.contact-form__btn:hover {
    background: #24e600;
}

.contact-form__field:has(.contact-form__input--error) {
    border-color: #ff4d4d;
}

.contact-form__input--error {
    border-color: #ff4d4d !important;
}

.phone-error {
    margin-top: 0.75rem;
    text-align: center;
    font-size: 0.9rem;
    color: #ff4d4d;
    font-family: "Montserrat";
}

@media (min-width: 64em) {
    .contact-form__field {
        display: flex;
        align-items: center;
        border-radius: 0.5rem 0rem 0rem 0.5rem;
        padding: 0;
    }

    .contact-form__input {
        flex: 1;
        min-width: 0;
        padding: 1.5em 2em;
        font-size: clamp(1rem, 2vw, 2.5rem);
    }

    .contact-form__btn {
        width: auto;
        margin-left: auto;
        border-radius: 0px 0.5rem 0.5rem 0rem;
        font-size: clamp(0.8rem, 1.5vw, 3rem);
        white-space: nowrap;
        flex-shrink: 0;
    }

    .input-btn {
        display: flex;
        height: 100%;
    }
} */



.footer {
    background: #000;
    padding: 1.5rem 2.5vw;
    color: #bfbfbf;
    font-size: 0.875rem;
}

.footer__top {
    display: flex;
    justify-content: center;
}

.footer__logo img {
    height: 2.5rem;
}

.footer__nav {
    display: none;
}

.footer__nav::-webkit-scrollbar {
    display: none;
}

.footer__divider {
    margin: 1.25rem 0;
    height: 0.0625rem;
    background: rgba(255, 255, 255, 0.1);
}

.footer__bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: center;
    font-size: clamp(0.5rem, 5vw, 0.7rem);
    color: #8f8f8f;
    margin: 1rem 1.25rem;
}

@media (min-width: 1024px) {
    .footer {
        padding: 1.5rem 3.5vw;
    }

    .footer__logo img {
        height: clamp(70px, 4vw, 20rem);
    }

    .footer__top {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .footer__nav {
        display: flex;
        gap: clamp(1rem, 1.5rem, 2rem);
        flex-wrap: wrap;

        justify-content: center;
        row-gap: 0.8rem;
    }


    .footer__link {
        font-size: clamp(1rem, 1.5vw, 2.5rem);
        white-space: nowrap;

        text-decoration: none;
        color: inherit;

        font-family: 'Montserrat';
        font-weight: 700;
    }
    .footer__link.color{
        color:#93FA00;
    }

    .footer__bottom {
        flex-direction: row;
        justify-content: space-between;
        font-size: clamp(0.7rem, 1.5vw, 1.2rem);
        gap: 2em;
    }
}

.why-us-color{
    color: #93FA00;
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: clamp(1rem, 4vw, 3rem);
    font-family: system-ui, sans-serif;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.modal.is-active {
    opacity: 1;
    visibility: visible;
}

.modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(0.4rem);
}

.modal__content {
    position: relative;
    z-index: 1;

    /* min-width: min(100%, 62rem); */
    /* max-width: 100%; */
    max-height: 90vh;
    height: auto;

    display: flex;
    align-items: stretch;
    gap: clamp(1.5rem, 4vw, 3.5rem);

    background: radial-gradient(120% 120% at 0% 0%, #151a17 0%, #0b0f0d 60%);
    border-radius: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1.25rem, 1.5vw, 2rem);

    box-shadow:
        0 0 4rem rgba(0, 0, 0, 0.9),
        inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.05);

    overflow: visible;
}

.modal__close {
    position: absolute;
    top: clamp(0.75rem, 2vw, 1.25rem);
    right: clamp(0.75rem, 2vw, 1.25rem);

    width: clamp(2rem, 4vw, 2.4rem);
    height: clamp(2rem, 4vw, 2.4rem);

    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);

    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    z-index: 5;
}

.modal__left {
    position: relative;
    z-index: 4;

    flex: 1 1 clamp(22rem, 40vw, 36rem);
    min-height: 0;
    max-width: clamp(28rem, 45vw, 60rem);

    padding: clamp(0.75rem, 1.5vw, 1.25rem);
    color: #fff;
}

.modal__title {
    font-size: clamp(1.5rem, 3vw, 5rem);
    line-height: 0.95;
    margin-bottom: 0.75em;
}

.modal__text {
    font-size: clamp(0.85rem, 1.2vw, 2.4rem);
    color: #bfbfbf;
    margin-bottom: clamp(1.25rem, 3vw, 2.5rem);
}

.modal__form {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
}

.modal__form input {
    height: clamp(2.75rem, 5vw, 5.2rem);
    padding: 0 clamp(0.75rem, 2vw, 1rem);
    background: #0f1412;
    border: 0.0625rem solid rgba(255, 255, 255, 0.12);
    border-radius: 0.75rem;
    color: #fff;
    font-size: clamp(0.85rem, 0.8vw, 2.3rem);
}

.modal__form input:focus {
    outline: none;
    border-color: #93fa00;
}

.modal__phone-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 0;
}
.input-and-flag {
    display: flex;
    align-items: center;
    /* width: 100%; */
    background: #0f1412;
    border: 0.0625rem solid rgba(255, 255, 255, 0.12);
    border-radius: 0.75rem;
    padding: 0 clamp(0.75rem, 2vw, 1rem);
    height: clamp(2.75rem, 5vw, 3.2rem);
}
#phone-flag-modal{
    display: none;
}
#phone-flag{
    display: none;
}
.input-and-flag input {
    flex: 1;
    border: none !important;   /* 🔥 перебиваем .modal__form input */
    background: transparent;
    padding: 0;
    height: 100%;
    font-size: clamp(0.85rem, 1.1vw, 1rem);
}

.modal__phone-wrap .iti {
    display: block;
    min-height: 0;
}

.phone-flag {
    width: 24px;
    height: 18px;
    min-width: 24px;
    margin-right: 10px;
}

.modal__phone-wrap .iti input {
    width: 100%;
    height: clamp(2.75rem, 5vw, 3.2rem);
    padding: 0 clamp(0.75rem, 2vw, 1rem);
    background: #0f1412;
    border: 0.0625rem solid rgba(255, 255, 255, 0.12);
    border-radius: 0.75rem;
    color: #fff;
    font-size: clamp(0.85rem, 1.1vw, 1rem);
}

.modal__phone-wrap .iti input:focus {
    outline: none;
    border-color: #93fa00;
}

.modal__phone-wrap input.contact-form__input--error {
    border-color: #ff4d4d !important;
}

.modal-phone-error {
    font-size: 0.8rem;
    color: #ff4d4d;
}

.modal__note {
    font-size: clamp(0.7rem, 0.5vw, 1.5rem);
    color: #8b8b8b;
}

.modal__submit {
    margin-top: clamp(0.75rem, 2vw, 1.25rem);
    /* height: clamp(3rem, 5vw, 3.5rem); */

    border: none;
    border-radius: 0.75rem;
    background: linear-gradient(90deg, #7dff00, #93fa00);

    font-weight: 700;
    font-size: clamp(0.9rem, 1.2vw, 3rem);
    cursor: pointer;

    /* max-width: 100%; */
    width: max-content;
    padding: 1rem;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}

.modal__media {
    position: relative;
    z-index: 2;
    /* height: 100rem; */

    /* flex: 0 0 clamp(14rem, 32%, 25rem); */
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal__media img {
    /* max-width: 100%; */
    /* height: auto; */
    height: clamp(20rem, 25vw, 50rem);
    display: block;

    opacity: 0.9;
    filter:
        drop-shadow(0 0 2rem rgba(0, 170, 255, 0.45));
}

@media (min-width: 64rem) {
    .modal__content {
        align-items: center;
    }

    .modal__media {
        flex: 0 0 clamp(16rem, 38%, 24rem);
    }
}

@media (max-width: 64rem) {
    .modal__content {
        align-items: stretch;
    }

    .modal__media {
        display: none;
    }

    .modal__left {
        max-width: 100%;
    }

    .modal__submit {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box;
        display: block;
    }
}

#tron-scan {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(1rem, 1vw, 2rem) clamp(0.5rem, 0.5vw, 1rem);
}

.tron-scan-info {
    text-align: center;
    margin: 1rem;
}

.tron-scan-title {
    font-size: clamp(1.8rem, 2.7vw, 10rem);
    font-family: 'Dela Gothic One';
    line-height: 1.1;
    margin: 1rem;
    color: #ffffff;
}

.tron-scan-text {
    font-size: clamp(1.5rem, 1.9vw, 5rem);
    font-family: 'Montserrat';
    line-height: 1.2;
    color: #ffffff;
}

.tron-scan-list {
    display: flex;
    /* max-width: 3000px; */
    width: clamp(1rem, 80vw, 3000px);
    /* align-items: center; */
    padding: clamp(0.5rem, 3vw, 3rem) clamp(0.6rem, 3vw, 2rem);
    flex-direction: column;
    gap: clamp(0.3rem, 0.5vw, 2rem)
}

.tron-scan-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #111111;
    padding: clamp(18px, 1vw, 1rem) clamp(25px, 1.5vw, 2rem);
    border-radius: 14px;
    transition: 0.3s ease;
}

.tron-scan-row:hover {
    background: #1a1a1a;
    transform: translateY(clamp(0, 5rem, 1vw, 1rem));
}

.hash {
    font-size: clamp(0.85rem, 1.3vw, 2rem);
    font-family: 'Montserrat';
    word-break: break-all;
    color: #ffffff;
    margin-right: clamp(20px, 2vw, 10rem);
    opacity: 0.85;
}

.amount {
    font-size: clamp(0.85rem, 1.3vw, 2rem);
    font-family: 'Dela Gothic One';
    color: #ffffff;
    white-space: nowrap;
}

@media (max-width: 768px) {

    #tron-scan {
        padding: 40px 15px;
    }

    .tron-scan-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 15px;
    }

    .amount {
        align-self: flex-end;
    }
}


/* ===== Секция ===== */

/* #tron-scan {
    padding: 100px 20px;
    background: radial-gradient(circle at top, #0f172a 0%, #020617 70%);
    position: relative;
    overflow: hidden;
} */

/* .tron-scan-info {
    text-align: center;
    margin: 1rem;
}

.tron-scan-title {
    font-size: clamp(1.8rem, 2.7vw, 10rem);
    font-family: 'Dela Gothic One';
    line-height: 1.1;
    margin: 1rem;
    color: #ffffff;
}

.tron-scan-text {
    font-size: clamp(1.5rem, 1.9vw, 5rem);
    font-family: 'Montserrat';
    line-height: 1.2;
    color: #ffffff;
}

.tron-scan-list {
    padding: clamp(0.5rem, 3vw, 3rem) clamp(0.6rem, 3vw, 2rem);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1rem, 2vw, 2rem);
}

.tron-scan-row {
background: linear-gradient(-45deg, #000000, #0b101b);
    border-radius: 22px;
    padding: 28px 32px;
    transition: all 0.35s ease;
    position: relative;
}

.tron-scan-row:hover {
    transform: translateY(-6px);
    border-color: rgba(0,255,163,0.3);
    box-shadow: 0 20px 40px rgba(0,255,163,0.08);
}


.amount {
font-size: clamp(1.5rem, 2.5vw, 5rem);
    font-weight: 600;
color: #1ca818;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}


.hash-wrapper {

    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.03);
    padding: 10px 14px;
    border-radius: 12px;
}

.hash {
    font-family: monospace;
font-size: clamp(1.5rem, 2vw, 5rem);
    color: rgba(255,255,255,0.7);
}

.copy-btn {
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.copy-btn:hover {
    opacity: 1;
    transform: scale(1.15);
}

.copy-btn.copied {
    color: #00ffa3;
    font-weight: bold;
} */


/* .hash-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: monospace;
    font-size: 14px;
    opacity: 0.8;
} */

/* .copy-btn {
    cursor: pointer;
    opacity: 0.6;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy-btn:hover {
    opacity: 1;
    transform: scale(1.1);
}

.copy-btn.copied {
    color: #00ffa3;
    font-weight: bold;
} */

.skeleton {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
}

.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: clamp(-12rem, -15vw, -6rem);
    height: 100%;
    width: clamp(6rem, 12vw, 10rem);
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.08),
            transparent);
    animation: shimmer 1.6s infinite;
}

@keyframes shimmer {
    100% {
        transform: translateX(clamp(12rem, 30vw, 24rem));
    }
}

.skeleton-row {
    background: linear-gradient(145deg, #0b1220, #0f172a);
    border-radius: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1.2rem, 2.5vw, 2rem);
    border: 0.0625rem solid rgba(255, 255, 255, 0.05);
}

.skeleton-amount {
    height: clamp(1.2rem, 2vw, 1.6rem);
    width: clamp(8rem, 40%, 14rem);
    border-radius: clamp(0.3rem, 0.5vw, 0.5rem);
    margin-bottom: clamp(0.6rem, 1.2vw, 1rem);
}

.skeleton-hash {
    height: clamp(0.8rem, 1.5vw, 1rem);
    width: clamp(10rem, 60%, 18rem);
    border-radius: clamp(0.3rem, 0.5vw, 0.5rem);
}


.tron-scan-row.hidden {
    display: none;
}

/* ===== Кнопка ===== */

.tron-toggle {
    /* margin: clamp(2rem, 4vw, 3rem) auto 0; */
    /* width: fit-content; */
    /* display: flex; */
    /* align-items: center; */
    text-align: center;
    gap: clamp(0.4rem, 1vw, 0.75rem);
    cursor: pointer;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
    /* font-size: clamp(0.9rem, 1.2vw, 1.05rem); */
    font-size: clamp(0.85rem, 1.3vw, 2rem);
    transition: opacity 0.3s ease;
}

.tron-toggle:hover {
    opacity: 0.8;
}

.toggle-icon {
    width: clamp(0.9rem, 1.2vw, 1.2rem);
    height: clamp(0.9rem, 1.2vw, 1.2rem);
    transition: transform 0.3s ease;
}

.tron-toggle.active .toggle-icon {
    transform: rotate(180deg);
}