/* Start:/tariffs/tariffs-visual.css?17681695696008*/
/* =========================
   TARIFF GRADIENT VARIABLES
   ========================= */

:root {
    /* 1. Корпоративный — не трогаем */
    --tariff-350-bg:  linear-gradient(135deg, #02629a 0%, #0084bc 60%, #229dcb 100%);
    --tariff-350-title: linear-gradient(90deg, #02629a, #0084bc);

    /* 100 */
    --tariff-100-bg: linear-gradient(135deg, #1c92d6 0%, #a5fff0 65%, #32b4e7 100%);
    --tariff-100-title: linear-gradient(90deg, #135069 0%, #15b2f2 100%);
    /* 300 */
    --tariff-300-bg: linear-gradient(135deg, #0178ab 0%, #b2f2ff 60%, #0178ab 100%);
    --tariff-300-title: linear-gradient(90deg, #056991 0%, #47c7f2 100%);

    /* 1000 */
    --tariff-1000-bg: linear-gradient(135deg, #bf7ce4 0%, #aeeffd 60%, #bf52e2 100%);
    --tariff-1000-title: linear-gradient(90deg, #7343a5, #a190e5);
    /* 1500 */
    --tariff-1500-bg: linear-gradient(135deg, #8855d5 0%, #afecfd 60%, #9075dd 100%);
    --tariff-1500-title: linear-gradient(90deg, #563c91, #988cdd);

    /* Wi-Fi */
    --tariff-Wi-Fi-bg: linear-gradient(135deg, #d1e9f7 0%, #d2e9f8 50%, #cee9f3 100%);
    --tariff-Wi-Fi-title: linear-gradient(90deg, #397a9e, #47d6eb);
    /* Цвет текста заголовков */
    --tariff-title-text-light: #ffffff !important;
    --tariff-title-text-dark:  #1f2a30;
}

.tariff-feature > a.custom-checkbox, .tariff-feature.custom-checkbox {
    color: #35393c !important;
    margin: 5px 0;
    cursor: pointer;
}




/* =========================
   ANIMATIONS
   ========================= */

@keyframes gradientMove {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


/* =========================
   TARIFF CARD (BLOCK)
   ========================= */

.tariff-wrapper-block .tariff-main-block .tariff-block {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background-size: 300% 300%;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background-position 1.2s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Hover по всей карточке */
.tariff-wrapper-block .tariff-main-block .tariff-block:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
    background-position: 100% 50%;
}

.tariff-wrapper-block .tariff-main-block .tariff-block .tariff-heading {
    font-size: 1.4rem !important;
}
/* =========================
   CARD BACKGROUNDS
   ========================= */

.tariff-block[data-price="350"]  { background-image: var(--tariff-350-bg); }
.tariff-block[data-price="500"]  { background-image: var(--tariff-100-bg); }
.tariff-block[data-price="700"]  { background-image: var(--tariff-300-bg); }
.tariff-block[data-price="1000"] { background-image: var(--tariff-1000-bg); }
.tariff-block[data-price="1500"] { background-image: var(--tariff-1500-bg); }
.tariff-block[data-price="Wi-Fi"] { background-image: var(--tariff-Wi-Fi-bg) !important; background: var(--tariff-Wi-Fi-bg) !important; }


/* =========================
   TARIFF TITLE (За 350+)
   ========================= */

.tariff-wrapper-block .tariff-heading {
    display: inline-block;
    padding: 12px 22px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 14px;
    color: #ffffff;
    background-size: 200% 200%;
    background-position: 0% 50%;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background-position 0.8s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    cursor: default;
}


/* Hover ЗАГОЛОВКА от ВСЕЙ карточки */
.tariff-wrapper-block .tariff-block:hover .tariff-heading {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    background-position: 100% 50%;
}


/* =========================
   TITLE BACKGROUNDS
   ========================= */

.tariff-block[data-price="350"]  .tariff-heading { background-image: var(--tariff-350-title) !important; }
.tariff-block[data-price="500"]  .tariff-heading { background-image: var(--tariff-100-title) !important; }
.tariff-block[data-price="700"]  .tariff-heading { background-image: var(--tariff-300-title) !important; }
.tariff-block[data-price="Wi-Fi"] .tariff-heading { background-image: var(--tariff-Wi-Fi-title) !important; color:#fff !important; }
.tariff-block[data-price="1000"] .tariff-heading {background-image: var(--tariff-1000-title) !important;color: #ffffff !important;}
.tariff-block[data-price="1500"] .tariff-heading {background-image: var(--tariff-1500-title) !important;color: #ffffff !important;}


/* =========================
   MOBILE ADAPTATION
   ========================= */

@media (max-width: 768px) {

    /* Карточки */
    .tariff-wrapper-block .tariff-main-block .tariff-block {
        transform: none !important;
        box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    }

    .tariff-wrapper-block .tariff-main-block .tariff-block:hover {
        transform: none;
        box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    }

    /* Заголовки тарифов */
    .tariff-wrapper-block .tariff-heading {
        font-size: 16px;
        padding: 8px 14px;
        border-radius: 12px;
    }

    /* Центрирование заголовка */
    .tariff-wrapper-block .tariff-block .col-lg-2 {
        text-align: center;
        margin-bottom: 10px;
    }
}





/* =========================
   INLINE BACKGROUND OVERRIDE
   ========================= */

.tariff-block[data-price="350"]  { background: var(--tariff-350-bg) !important; }
.tariff-block[data-price="500"]  { background: var(--tariff-100-bg) !important; }
.tariff-block[data-price="700"]  { background: var(--tariff-300-bg) !important; }
.tariff-block[data-price="1000"] { background: var(--tariff-1000-bg) !important; }
.tariff-block[data-price="1500"] { background: var(--tariff-1500-bg) !important; }
.tariff-block[data-price="wifi"] { background: var(--tariff-Wi-Fi-bg) !important; }

/* End */
/* /tariffs/tariffs-visual.css?17681695696008 */