

/*
 * Crypto global responsive system.
 * Applies Montserrat font and consistent 500/600 font weight across all Crypto Elementor widgets.
 */

.crypto-header,
.crypto-currency-selector-widget,
.crypto-hero,
.crypto-rate-board,
.crypto-mc,
.crypto-why,
.crypto-steps,
.crypto-net,
.crypto-currencies,
.crypto-bulk,
.crypto-security,
.crypto-device,
.crypto-faq,
.crypto-rate-cta,
.crypto-footer {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    width: 100%;
}

.crypto-header *,
.crypto-currency-selector-widget *,
.crypto-hero *,
.crypto-rate-board *,
.crypto-mc *,
.crypto-why *,
.crypto-steps *,
.crypto-net *,
.crypto-currencies *,
.crypto-bulk *,
.crypto-security *,
.crypto-device *,
.crypto-faq *,
.crypto-rate-cta *,
.crypto-footer * {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

.crypto-header p,
.crypto-hero p,
.crypto-rate-board p,
.crypto-mc p,
.crypto-why p,
.crypto-steps p,
.crypto-net p,
.crypto-currencies p,
.crypto-bulk p,
.crypto-security p,
.crypto-device p,
.crypto-faq p,
.crypto-rate-cta p,
.crypto-footer p,
.crypto-header a,
.crypto-hero a,
.crypto-rate-board a,
.crypto-mc a,
.crypto-why a,
.crypto-steps a,
.crypto-net a,
.crypto-currencies a,
.crypto-bulk a,
.crypto-security a,
.crypto-device a,
.crypto-faq a,
.crypto-rate-cta a,
.crypto-footer a,
.crypto-header span,
.crypto-hero span,
.crypto-rate-board span,
.crypto-mc span,
.crypto-why span,
.crypto-steps span,
.crypto-net span,
.crypto-currencies span,
.crypto-bulk span,
.crypto-security span,
.crypto-device span,
.crypto-faq span,
.crypto-rate-cta span,
.crypto-footer span,
.crypto-header small,
.crypto-hero small,
.crypto-rate-board small,
.crypto-mc small,
.crypto-why small,
.crypto-steps small,
.crypto-net small,
.crypto-currencies small,
.crypto-bulk small,
.crypto-security small,
.crypto-device small,
.crypto-faq small,
.crypto-rate-cta small,
.crypto-footer small {
    font-weight: 500;
}

.crypto-header h1,
.crypto-header h2,
.crypto-header h3,
.crypto-hero h1,
.crypto-hero h2,
.crypto-hero h3,
.crypto-rate-board h1,
.crypto-rate-board h2,
.crypto-rate-board h3,
.crypto-mc h1,
.crypto-mc h2,
.crypto-mc h3,
.crypto-why h1,
.crypto-why h2,
.crypto-why h3,
.crypto-steps h1,
.crypto-steps h2,
.crypto-steps h3,
.crypto-net h1,
.crypto-net h2,
.crypto-net h3,
.crypto-currencies h1,
.crypto-currencies h2,
.crypto-currencies h3,
.crypto-bulk h1,
.crypto-bulk h2,
.crypto-bulk h3,
.crypto-security h1,
.crypto-security h2,
.crypto-security h3,
.crypto-device h1,
.crypto-device h2,
.crypto-device h3,
.crypto-faq h1,
.crypto-faq h2,
.crypto-faq h3,
.crypto-rate-cta h1,
.crypto-rate-cta h2,
.crypto-rate-cta h3,
.crypto-footer h1,
.crypto-footer h2,
.crypto-footer h3,
[class*="crypto-"][class*="__heading"],
[class*="crypto-"][class*="__title"],
[class*="crypto-"][class*="__card-title"] {
    font-weight: 600 !important;
}

.crypto-header strong,
.crypto-hero strong,
.crypto-rate-board strong,
.crypto-mc strong,
.crypto-why strong,
.crypto-steps strong,
.crypto-net strong,
.crypto-currencies strong,
.crypto-bulk strong,
.crypto-security strong,
.crypto-device strong,
.crypto-faq strong,
.crypto-rate-cta strong,
.crypto-footer strong,
[class*="crypto-"][class*="__badge"],
[class*="crypto-"][class*="__button"],
[class*="crypto-"][class*="__btn"] {
    font-weight: 600 !important;
}

.crypto-hero__container,
.crypto-rate-board__container,
.crypto-mc__container,
.crypto-why__container,
.crypto-steps__container,
.crypto-net__container,
.crypto-currencies__container,
.crypto-bulk__container,
.crypto-security__container,
.crypto-device__container,
.crypto-faq__container,
.crypto-rate-cta__container,
.crypto-footer__container {
    max-width: 1300px;
}

/* Keep wide section mockups inside their own column. */
.crypto-mc__visual,
.crypto-bulk__panel-wrap,
.crypto-security__visual,
.crypto-device__visual,
.crypto-rate-cta__visual {
    min-width: 0;
    overflow: hidden;
}

.crypto-mc__uploaded-visual,
.crypto-device__visual img,
.crypto-rate-cta__visual img {
    max-width: 100%;
}

/* Tablet layout */
@media (max-width: 1180px) {
    .crypto-hero__grid,
    .crypto-mc__grid,
    .crypto-bulk__grid,
    .crypto-security__top,
    .crypto-device__grid,
    .crypto-rate-cta__grid,
    .crypto-footer__grid {
        grid-template-columns: 1fr !important;
    }

    .crypto-hero__content,
    .crypto-mc__content,
    .crypto-bulk__content,
    .crypto-security__copy,
    .crypto-device__content,
    .crypto-rate-cta__content {
        max-width: 760px !important;
    }

    .crypto-mc__visual,
    .crypto-bulk__panel,
    .crypto-security__visual,
    .crypto-device__visual,
    .crypto-rate-cta__visual {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .crypto-rate-board__filters,
    .crypto-why__grid,
    .crypto-net__cards,
    .crypto-currencies__grid,
    .crypto-security__features,
    .crypto-faq__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .crypto-steps__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .crypto-footer__col + .crypto-footer__col::before {
        display: none !important;
    }
}

/* Small tablet and large mobile */
@media (max-width: 860px) {
    .crypto-hero__container,
    .crypto-rate-board__container,
    .crypto-mc__container,
    .crypto-why__container,
    .crypto-steps__container,
    .crypto-net__container,
    .crypto-currencies__container,
    .crypto-bulk__container,
    .crypto-security__container,
    .crypto-device__container,
    .crypto-faq__container,
    .crypto-rate-cta__container,
    .crypto-footer__container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .crypto-hero__inner,
    .crypto-mc__inner,
    .crypto-bulk__inner,
    .crypto-security__inner,
    .crypto-device__inner,
    .crypto-faq__inner,
    .crypto-rate-cta__inner,
    .crypto-footer__inner {
        padding: 46px 24px !important;
        border-radius: 18px !important;
    }

    .crypto-hero__heading,
    .crypto-rate-board__heading,
    .crypto-mc__heading,
    .crypto-why__heading,
    .crypto-steps__heading,
    .crypto-net__heading,
    .crypto-currencies__heading,
    .crypto-bulk__heading,
    .crypto-security__heading,
    .crypto-device__heading,
    .crypto-faq__heading,
    .crypto-rate-cta__heading {
        font-size: clamp(34px, 8vw, 52px) !important;
        line-height: 1.08 !important;
    }

    .crypto-rate-board__filters,
    .crypto-why__grid,
    .crypto-steps__cards,
    .crypto-net__cards,
    .crypto-currencies__grid,
    .crypto-security__features,
    .crypto-device__info-grid,
    .crypto-faq__grid {
        grid-template-columns: 1fr !important;
    }

    .crypto-bulk__panel-main,
    .crypto-bulk__panel-bottom,
    .crypto-bulk__trust-bar,
    .crypto-footer__notice {
        grid-template-columns: 1fr !important;
    }

    .crypto-footer__grid {
        gap: 30px !important;
    }

    .crypto-footer__description {
        max-width: none !important;
    }
}

/* Mobile */
@media (max-width: 620px) {
    .crypto-hero__inner,
    .crypto-mc__inner,
    .crypto-bulk__inner,
    .crypto-security__inner,
    .crypto-device__inner,
    .crypto-faq__inner,
    .crypto-rate-cta__inner,
    .crypto-footer__inner {
        padding: 36px 16px !important;
    }

    .crypto-header__inner,
    .crypto-hero__buttons,
    .crypto-bulk__buttons,
    .crypto-rate-cta__buttons,
    .crypto-footer__socials {
        gap: 12px !important;
    }

    .crypto-hero__button,
    .crypto-mc__cta,
    .crypto-steps__button,
    .crypto-bulk__btn,
    .crypto-rate-cta__button {
        width: 100% !important;
        justify-content: center !important;
    }

    .crypto-mc__benefits,
    .crypto-device__device-cards,
    .crypto-device__chips,
    .crypto-rate-cta__trust {
        grid-template-columns: 1fr !important;
    }

    .crypto-bulk__chips--currencies,
    .crypto-bulk__chips--networks {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .crypto-footer__logo-row,
    .crypto-footer__notice {
        align-items: flex-start !important;
    }

    .crypto-footer__logo-img {
        max-width: 220px !important;
    }

    .crypto-footer__bottom {
        text-align: center !important;
    }
}


/* Mobile horizontal drag cards to keep pages shorter and responsive. */
@media (max-width: 767px) {
    .crypto-mobile-drag,
    .crypto-hero__features,
    .crypto-rate-board__filters,
    .crypto-why__grid,
    .crypto-steps__grid,
    .crypto-net__cards,
    .crypto-currencies__grid,
    .crypto-security__features,
    .crypto-device__device-cards,
    .crypto-faq__list,
    .crypto-rate-cta__trust-wrap,
    .crypto-rate-cta__trust,
    .crypto-bulk__trust-bar {
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 10px !important;
    }

    .crypto-mobile-drag::-webkit-scrollbar,
    .crypto-hero__features::-webkit-scrollbar,
    .crypto-rate-board__filters::-webkit-scrollbar,
    .crypto-why__grid::-webkit-scrollbar,
    .crypto-steps__grid::-webkit-scrollbar,
    .crypto-net__cards::-webkit-scrollbar,
    .crypto-currencies__grid::-webkit-scrollbar,
    .crypto-security__features::-webkit-scrollbar,
    .crypto-device__device-cards::-webkit-scrollbar,
    .crypto-faq__list::-webkit-scrollbar,
    .crypto-rate-cta__trust-wrap::-webkit-scrollbar,
    .crypto-rate-cta__trust::-webkit-scrollbar,
    .crypto-bulk__trust-bar::-webkit-scrollbar {
        display: none !important;
    }

    .crypto-hero__features > *,
    .crypto-rate-board__filters > *,
    .crypto-why__grid > *,
    .crypto-steps__grid > *,
    .crypto-net__cards > *,
    .crypto-currencies__grid > *,
    .crypto-security__features > *,
    .crypto-device__device-cards > *,
    .crypto-faq__list > *,
    .crypto-rate-cta__trust-wrap > *,
    .crypto-rate-cta__trust > *,
    .crypto-bulk__trust-bar > * {
        flex: 0 0 min(84vw, 340px) !important;
        width: min(84vw, 340px) !important;
        max-width: none !important;
        scroll-snap-align: start !important;
    }

    .crypto-steps__grid::before,
    .crypto-steps__grid::after {
        display: none !important;
    }

    .crypto-steps__item {
        min-width: min(84vw, 340px) !important;
    }

    .crypto-currencies__card,
    .crypto-net__card,
    .crypto-why__card,
    .crypto-security__feature,
    .crypto-faq__item {
        min-height: auto !important;
    }

    .crypto-device__device-cards {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .crypto-device__device-card {
        border: 1px solid #dfeaf3 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }

    .crypto-device__device-card + .crypto-device__device-card {
        border-left: 1px solid #dfeaf3 !important;
    }
}

@media (max-width: 430px) {
    .crypto-hero__features > *,
    .crypto-rate-board__filters > *,
    .crypto-why__grid > *,
    .crypto-steps__grid > *,
    .crypto-net__cards > *,
    .crypto-currencies__grid > *,
    .crypto-security__features > *,
    .crypto-device__device-cards > *,
    .crypto-faq__list > *,
    .crypto-rate-cta__trust-wrap > *,
    .crypto-rate-cta__trust > *,
    .crypto-bulk__trust-bar > * {
        flex-basis: 88vw !important;
        width: 88vw !important;
    }
}


/* Rate board mobile must stay card-based, not horizontal table. */
@media (max-width: 767px) {
    .crypto-rate-board__table {
        min-width: 0 !important;
        width: 100% !important;
    }

    .crypto-rate-board__card {
        overflow: hidden !important;
    }
}
