/*
 * SKY-ONE OLD DESIGN V2
 *
 * Не меняем desktop-дизайн production.
 * Только техническая совместимость:
 * - vanilla slider
 * - mobile menu
 * - промежуточные размеры
 * - современные страницы, которых раньше не было.
 */

html,
body {
    min-width: 320px;
}

img {
    max-width: 100%;
}


/* ---------------------------------------------------------
   VANILLA SLIDER:
   исходная геометрия, фон и тексты берутся из style.css
   --------------------------------------------------------- */

.legacy-slider {
    position: relative;
}

.legacy-slider > .legacy-slide {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
}

.legacy-slider > .legacy-slide.is-active {
    display: block;
}

.slider-arrow {
    display: none;
}

.slider-controls {
    position: absolute;
    z-index: 40;

    left: 0;
    right: 0;
    bottom: 30px;

    text-align: center;
}

.slider-dot {
    display: inline-block;

    width: 10px;
    height: 10px;

    margin: 0 3px;
    padding: 0;

    border: 1px solid #666;
    border-radius: 50%;

    background: #ff7c00;

    opacity: .45;

    cursor: pointer;
}

.slider-dot.is-active {
    opacity: 1;
}


/* ---------------------------------------------------------
   INNER PRODUCTION BANNERS
   --------------------------------------------------------- */

.inner-slide--equipment {
    background:
        url(images/slider/slide11.jpg)
        no-repeat 50% 50%;

    background-size: cover;
}

.inner-slide--about {
    background:
        url(images/slider/slide8.jpg)
        no-repeat 50% 50%;

    background-size: cover;
}

.inner-slide--contacts {
    background:
        url(images/slider/slide15.jpg)
        no-repeat 50% 50%;

    background-size: cover;
}

.inner-slide--internet {
    background:
        url(images/slider/slide5.jpg)
        no-repeat 50% 50%;

    background-size: cover;
}

.inner-slide--tv {
    background:
        url(images/slider/slide12.jpg)
        no-repeat 50% 50%;

    background-size: cover;
}

.inner-slide--video {
    background:
        url(images/slider/slide14.jpg)
        no-repeat 50% 50%;

    background-size: cover;
}

.inner-slide--default {
    background:
        url(images/slider/slide10.jpg)
        no-repeat 50% 50%;

    background-size: cover;
}


/* ---------------------------------------------------------
   TOP PANEL
   --------------------------------------------------------- */

.header .social-box {
    right: 20px;
    top: 18px;
}

.cabinet-link {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;

    font: 700 13px Arial;
}


/* ---------------------------------------------------------
   SAFE STAGING REQUEST BOX
   --------------------------------------------------------- */

.request-box .submit a {
    display: block;

    width: 100%;
    height: 32px;

    background: #ff8000;
    color: #fff;

    text-align: center;
    text-decoration: none;

    font: 700 18px/32px Arial;

    cursor: pointer;
}

#ajaxresp {
    padding: 5px 10px;
    font-size: 12px;
}


/* ---------------------------------------------------------
   ORIGINAL TARIFF DOM SMALL FIXES
   --------------------------------------------------------- */

.equipment-box.alltariffs .tariff_line .col4.price-request:after {
    display: none;
}

.equipment-box.alltariffs .tariff_line .col4.price-request {
    font-size: 12px;
}

.equipment-box.alltariffs + .equipment-box {
    margin-top: 30px;
}


/* ---------------------------------------------------------
   EXISTING NEW PAGES — under old shell
   --------------------------------------------------------- */

.legacy-body {
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.legacy-body table {
    max-width: 100%;
    overflow-x: auto;
}

.archive-notice {
    margin: 0 0 20px;
    padding: 12px 15px;

    border-left: 4px solid #ff7c00;
    background: #f3f3f3;
}


/* Calculator */

.modern-calculator {
    margin: 25px 0;
    padding: 20px;

    border: 1px solid #ccc;
    background: #f6f6f6;
}

.modern-calculator label {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
}

.calc-field {
    margin-bottom: 18px;
}

.modern-calculator select,
.modern-calculator input {
    width: 100%;
    max-width: 600px;
}

.calc-button,
.orange-button {
    display: inline-block;

    padding: 9px 20px;

    border: 0;

    background: #ff7c00;
    color: #fff !important;

    text-decoration: none !important;
    cursor: pointer;
}

.calc-result-modern {
    margin-top: 20px;
    padding: 15px;

    border-left: 5px solid #ff7c00;

    background: #212025;
    color: #fff;
}

.calc-result-modern * {
    color: #fff;
}

.calc-result-modern .big-price {
    color: #ff7c00;
    font-size: 26px;
    font-weight: 700;
}


/* New detail/category cards */

.modern-equipment-list,
.tariff-grid-modern {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 20px;

    margin: 20px 0;
}

.modern-equipment-card,
.tariff-card-modern {
    padding: 18px;

    border: 1px solid #ccc;
    background: #fff;
}

.modern-equipment-card:hover,
.tariff-card-modern:hover {
    border-color: #ff7c00;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media only screen and (max-width: 991px) {

    /*
     * В original CSS .box имеет min-width:800.
     * Убираем его только там, где viewport уже меньше.
     */
    .box {
        min-width: 0;
    }
}


/* ---------------------------------------------------------
   MOBILE
   Основную работу делает ОРИГИНАЛЬНЫЙ media.css.
   --------------------------------------------------------- */

@media only screen and (max-width: 768px) {

    .naviTop .naviBox.act {
        display: block;
    }

    .slider-controls {
        bottom: 20px;
    }

    .modern-equipment-list,
    .tariff-grid-modern {
        grid-template-columns: 1fr;
    }

    /*
     * Старый CSS ограничивал мобильную таблицу через #equipment.
     * Применяем то же поведение и ко второму LTE-box.
     */
    .equipment-box.alltariffs .row_line:first-child,
    .equipment-box.alltariffs .tariff_line .col:first-child {
        width: 100%;
    }
}


@media only screen and (max-width: 430px) {

    .box {
        padding-left: 12px;
        padding-right: 12px;
    }
}


@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}


/* =========================================================
   OLD DESIGN V2.1
   ========================================================= */


/*
 * Старый Owl добавлял .owl-item.active.
 * Наш vanilla slider использует .legacy-slide.is-active.
 * Визуальное состояние делаем эквивалентным production.
 */

.slider_index
.legacy-slide.is-active
.text .text1,

.slider_index
.legacy-slide.is-active
.text .text2,

.slider_index
.legacy-slide.is-active
.text .text3,

.slider_inside
.legacy-slide.is-active
.text .text1,

.slider_inside
.legacy-slide.is-active
.text .text2,

.slider_inside
.legacy-slide.is-active
.text .text3 {

    opacity: 1;
    margin-right: 0;
}


/*
 * Production Equipment использовал accordion.
 * HTML .cont сохраняем, но по умолчанию он закрыт.
 */

.equipment-box.equipment > .cont {
    display: none;
}

.equipment-box.equipment > .cont.is-open {
    display: block;
}

.equipment-box.equipment > .h6 {
    cursor: pointer;
}

.equipment-box.equipment >
.h6.ui-state-active {

    background: #f0eae3;
    border-bottom: 0 !important;
}


/*
 * На мобильном accordion остаётся таким же:
 * содержимое показывается только открытой строкой.
 */

@media only screen and (max-width: 768px) {

    .equipment-box.equipment >
    .cont {
        display: none;
    }

    .equipment-box.equipment >
    .cont.is-open {
        display: block;
    }
}


/* =========================================================
   OLD DESIGN V2.2 — HOME EQUIPMENT
   Exact production local Index CSS
   ========================================================= */

.text-index .safety {
    height: 330px;
    position: relative;
}

.text-index .safety-img {
    height: 255px !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center 95% !important;

    background-size:
        90% auto !important;

    position: relative;
}


/*
 * Production local correction:
 * smaller price circle over equipment image.
 */

.text-index .safety-price {
    position: absolute !important;

    width: 80px !important;
    height: 80px !important;

    top: 55px;
    left: 40%;

    transform:
        translateX(-50%);

    margin: 0 !important;
    padding: 0 !important;

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

    border-radius: 50% !important;

    background:
        #ff8000 !important;

    color: #fff !important;

    font:
        700 20px Arial !important;

    line-height: 1 !important;

    z-index: 4;
}

.text-index .safety-price span {
    display: block;
}


/*
 * Images need room under title and price circle.
 */

.text-index .safety-text {
    position: relative;
    z-index: 5;
}


/* =========================================================
   TARIF HELPER V2
   ========================================================= */

.tarif-helper {
    margin: 25px 0 40px;

    border-top:
        8px solid #ff7c00;

    background: #f5f3f1;

    padding: 22px;
}

.tarif-helper__title {
    margin:
        0 0 7px;

    color: #000;

    font:
        700 24px Arial;
}

.tarif-helper__lead {
    margin:
        0 0 22px;

    color: #555;

    font:
        400 14px/20px Arial;
}


.tarif-helper__presets {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 22px;
}

.tarif-helper__preset {
    padding:
        8px 13px;

    border:
        1px solid #bbb;

    background: #fff;

    color: #333;

    font:
        700 13px Arial;

    cursor: pointer;
}

.tarif-helper__preset:hover,
.tarif-helper__preset.is-active {
    border-color: #ff7c00;

    background: #ff7c00;
    color: #fff;
}


.tarif-helper__grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 16px;
}


.tarif-helper__field label {
    display: block;

    margin-bottom: 6px;

    font-weight: 700;
}

.tarif-helper__field input,
.tarif-helper__field select {
    width: 100%;
    height: 40px;

    padding:
        6px 9px;

    border:
        1px solid #aaa;

    background: #fff;

    font:
        14px Arial;
}


.tarif-helper__actions {
    margin-top: 20px;
}


.tarif-helper__button {
    display: inline-block;

    border: 0;

    padding:
        11px 28px;

    background: #ff7c00;
    color: #fff;

    font:
        700 16px Arial;

    cursor: pointer;
}

.tarif-helper__button:hover {
    background: #d96800;
}


.tarif-helper__summary {
    display: none;

    margin-top: 25px;
}

.tarif-helper__summary.is-visible {
    display: block;
}


.tarif-helper__cards {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 15px;

    margin-top: 15px;
}


.tarif-helper-card {
    position: relative;

    min-width: 0;

    padding:
        18px;

    border:
        1px solid #ccc;

    background: #fff;
}


.tarif-helper-card--optimal {
    border:
        3px solid #ff7c00;
}


.tarif-helper-card__badge {
    display: inline-block;

    margin-bottom: 12px;

    padding:
        5px 9px;

    background: #212025;
    color: #fff;

    font:
        700 12px Arial;

    text-transform: uppercase;
}


.tarif-helper-card--optimal
.tarif-helper-card__badge {
    background: #ff7c00;
}


.tarif-helper-card h3 {
    margin:
        0 0 7px;

    color: #000;

    font:
        700 18px Arial;
}


.tarif-helper-card__equipment {
    min-height: 36px;

    margin-bottom: 12px;

    color: #666;

    font:
        13px/18px Arial;
}


.tarif-helper-card__spec {
    padding:
        7px 0;

    border-top:
        1px solid #eee;

    font:
        13px/18px Arial;
}


.tarif-helper-card__price {
    margin-top: 14px;

    color: #ff7c00;

    font:
        700 23px Arial;
}


.tarif-helper-card__year {
    margin-top: 5px;

    color: #555;

    font:
        12px/17px Arial;
}


.tarif-helper-card__why {
    min-height: 54px;

    margin-top: 12px;

    color: #333;

    font:
        12px/18px Arial;
}


.tarif-helper-card__links {
    margin-top: 15px;
}


.tarif-helper-card__links a {
    display: inline-block;

    margin:
        0 8px 6px 0;
}


.tarif-helper__empty {
    padding: 18px;

    border-left:
        5px solid #ff7c00;

    background: #fff;
}


.tariff-helper-callout {
    margin:
        20px 0 28px;

    padding:
        17px 20px;

    background: #212025;
    color: #fff;
}


.tariff-helper-callout__text {
    display: inline-block;

    margin-right: 25px;

    font:
        700 16px Arial;
}


.tariff-helper-callout a {
    display: inline-block;

    padding:
        8px 17px;

    background: #ff7c00;
    color: #fff !important;

    font-weight: 700;

    text-decoration: none !important;
}


@media only screen and (max-width: 768px) {

    .tarif-helper {
        padding: 15px;
    }

    .tarif-helper__grid,
    .tarif-helper__cards {
        grid-template-columns:
            1fr;
    }

    .tarif-helper__title {
        font-size: 20px;
    }

    .tarif-helper-card__why {
        min-height: 0;
    }
}


/* =========================================================
   SATELLITE CALCULATOR V3
   ========================================================= */

.satcalc {
    margin:
        20px 0 45px;

    border:
        1px solid #d7d7d7;

    background: #fff;
}


.satcalc-intro {
    padding:
        22px 25px;

    border-top:
        8px solid #ff7c00;

    background: #f4f2f0;
}


.satcalc-intro strong {
    display: block;

    margin-bottom: 6px;

    font:
        700 22px Arial;
}


.satcalc-intro span {
    color: #555;

    font:
        14px/20px Arial;
}


/* Old calculator idea:
   five simple user profiles. */

.satcalc-profiles {
    display: grid;

    grid-template-columns:
        repeat(
            5,
            1fr
        );

    border-top:
        1px solid #ddd;

    border-bottom:
        1px solid #ddd;
}


.satcalc-profile {
    min-height: 76px;

    padding:
        12px 8px;

    border: 0;
    border-right:
        1px solid #ddd;

    background: #fff;

    cursor: pointer;

    text-align: center;
}


.satcalc-profile:last-child {
    border-right: 0;
}


.satcalc-profile strong {
    display: block;

    margin-bottom: 5px;

    color: #222;

    font:
        700 15px Arial;
}


.satcalc-profile span {
    display: block;

    color: #777;

    font:
        11px/15px Arial;
}


.satcalc-profile:hover,
.satcalc-profile.is-active {
    background: #ff7c00;
}


.satcalc-profile:hover strong,
.satcalc-profile:hover span,
.satcalc-profile.is-active strong,
.satcalc-profile.is-active span {
    color: #fff;
}


.satcalc-mode {
    padding:
        18px 25px 5px;

    background: #fff;
}


.satcalc-mode-button {
    margin:
        0 7px 7px 0;

    padding:
        8px 13px;

    border:
        1px solid #bbb;

    background: #fff;

    cursor: pointer;

    font:
        700 12px Arial;
}


.satcalc-mode-button.is-active {
    border-color:
        #212025;

    background:
        #212025;

    color: #fff;
}


/*
 * Activity lines preserve the visual logic
 * of old TARIF HELPER but use native ranges.
 */

.satcalc-activity {
    padding:
        10px 25px 15px;
}


.satcalc-row {
    display: grid;

    grid-template-columns:
        265px 1fr 65px;

    gap: 20px;

    align-items: center;

    min-height: 67px;

    border-bottom:
        1px solid #e7e7e7;
}


.satcalc-info {
    display: flex;

    align-items: center;

    gap: 13px;
}


.satcalc-info > i {
    width: 32px;

    color: #ff7c00;

    font-size: 25px;

    text-align: center;
}


.satcalc-info strong {
    display: block;

    font:
        700 14px Arial;
}


.satcalc-info span {
    display: block;

    margin-top: 3px;

    color: #777;

    font:
        11px Arial;
}


.satcalc-row input[type="range"] {
    width: 100%;

    accent-color:
        #ff7c00;

    cursor: pointer;
}


.satcalc-row output {
    display: block;

    min-width: 58px;

    padding:
        7px 5px;

    background:
        #212025;

    color: #fff;

    font:
        700 15px Arial;

    text-align: center;
}


.satcalc-known {
    padding:
        25px;
}


.satcalc-known label {
    display: block;

    margin-bottom: 12px;
}


.satcalc-known label strong,
.satcalc-known label span {
    display: block;
}


.satcalc-known label span {
    margin-top: 4px;

    color: #777;
}


.satcalc-known-input {
    display: flex;

    align-items: center;

    gap: 10px;
}


.satcalc-known-input input {
    width: 180px;

    height: 42px;

    padding:
        6px 10px;

    border:
        1px solid #aaa;

    font-size: 18px;
}


.satcalc-total {
    display: flex;

    align-items: center;

    gap: 9px;

    padding:
        18px 25px;

    background:
        #f0eeeb;

    border-top:
        1px solid #ddd;

    border-bottom:
        1px solid #ddd;
}


.satcalc-total > span {
    font:
        700 14px Arial;
}


.satcalc-total > strong {
    margin-left: 6px;

    color:
        #ff7c00;

    font:
        700 27px Arial;
}


.satcalc-total > small {
    color: #555;
}


#satcalc-submit {
    margin-left: auto;

    padding:
        11px 20px;

    border: 0;

    background:
        #ff7c00;

    color: #fff;

    cursor: pointer;

    font:
        700 14px Arial;
}


#satcalc-submit:hover {
    background:
        #d96800;
}


.satcalc-result {
    padding:
        25px;
}


.satcalc-primary {
    border:
        4px solid #ff7c00;

    background: #fff;
}


.satcalc-primary-label {
    display: inline-block;

    margin:
        0 0 0 20px;

    padding:
        7px 13px;

    background:
        #ff7c00;

    color: #fff;

    font:
        700 12px Arial;

    text-transform: uppercase;
}


.satcalc-primary-grid {
    display: grid;

    grid-template-columns:
        1.25fr 1fr;

    gap: 30px;

    padding:
        20px;
}


.satcalc-primary-equipment {
    margin-bottom: 4px;

    color: #777;

    font:
        13px Arial;
}


.satcalc-primary h2 {
    margin:
        0 0 12px;

    color: #000;

    font:
        700 24px Arial;
}


.satcalc-primary-reason {
    max-width: 520px;

    font:
        14px/20px Arial;
}


.satcalc-primary-specs {
    border-left:
        1px solid #ddd;

    padding-left:
        25px;
}


.satcalc-primary-specs > div {
    padding:
        7px 0;

    border-bottom:
        1px solid #eee;
}


.satcalc-primary-specs span,
.satcalc-primary-specs strong {
    display: block;
}


.satcalc-primary-specs span {
    margin-bottom: 2px;

    color: #777;

    font-size: 11px;
}


.satcalc-primary-specs strong {
    font-size: 14px;
}


.satcalc-primary-specs
.orange {
    color: #ff7c00;

    font-size: 19px;
}


.satcalc-primary-actions {
    padding:
        0 20px 20px;
}


.satcalc-primary-actions a {
    margin-right: 16px;
}


.satcalc-orange-button {
    display: inline-block;

    padding:
        9px 16px;

    background:
        #ff7c00;

    color: #fff !important;

    text-decoration:
        none !important;

    font-weight: 700;
}


.satcalc-alts {
    margin-top: 25px;
}


.satcalc-alts-title {
    font:
        700 18px Arial;
}


.satcalc-alts-note {
    margin:
        5px 0 15px;

    color: #666;
}


.satcalc-alt-row {
    display: grid;

    grid-template-columns:
        2fr 1fr 1.3fr 1fr 70px;

    gap: 12px;

    align-items: center;

    padding:
        12px 14px;

    border-top:
        1px solid #ddd;
}


.satcalc-alt-row:nth-child(even) {
    background:
        #f5f2ee;
}


.satcalc-alt-name strong,
.satcalc-alt-name span {
    display: block;
}


.satcalc-alt-name span {
    margin-top: 3px;

    color: #666;

    font-size: 11px;
}


.satcalc-alt-price {
    color: #ff7c00;

    font-weight: 700;
}


.satcalc-empty {
    padding: 20px;

    border-left:
        5px solid #ff7c00;

    background:
        #f5f2ee;
}


/*
 * LTE deliberately outside the main product.
 */

.satcalc-lte {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 20px;

    margin:
        5px 25px 25px;

    padding:
        15px 18px;

    border:
        1px solid #ccc;

    background:
        #f4f4f4;

    color: #555;
}


.satcalc-lte strong,
.satcalc-lte span {
    display: block;
}


.satcalc-lte strong {
    margin-bottom: 4px;

    color: #333;
}


.satcalc-lte a {
    white-space: nowrap;
}


/* Secondary product on Equipment page */

.equipment-secondary-note {
    margin:
        45px 0 15px;

    padding:
        15px 18px;

    border-left:
        5px solid #999;

    background:
        #f3f3f3;
}


.equipment-secondary-note h2 {
    margin:
        0 0 5px;

    color: #333;

    font:
        700 18px Arial;
}


.equipment-secondary-note p {
    margin: 0;

    color: #666;
}


.equipment-box--secondary {
    border-color:
        #999 !important;
}


.equipment-box--secondary .h6 {
    opacity: .92;
}


/* MOBILE */

@media only screen and (max-width: 768px) {

    .satcalc-profiles {
        grid-template-columns:
            1fr 1fr;
    }

    .satcalc-profile:last-child {
        grid-column:
            1 / -1;
    }

    .satcalc-row {
        grid-template-columns:
            1fr 60px;

        gap:
            10px 15px;

        padding:
            13px 0;
    }

    .satcalc-info {
        grid-column:
            1 / -1;
    }

    .satcalc-row input[type="range"] {
        grid-column: 1;
    }

    .satcalc-row output {
        grid-column: 2;
    }

    .satcalc-total {
        flex-wrap: wrap;
    }

    #satcalc-submit {
        width: 100%;

        margin:
            8px 0 0;
    }

    .satcalc-primary-grid {
        grid-template-columns:
            1fr;

        gap: 15px;
    }

    .satcalc-primary-specs {
        padding-left: 0;

        border-left: 0;

        border-top:
            1px solid #ddd;

        padding-top: 10px;
    }

    .satcalc-alt-row {
        grid-template-columns:
            1fr 1fr;
    }

    .satcalc-alt-name {
        grid-column:
            1 / -1;
    }

    .satcalc-lte {
        display: block;
    }

    .satcalc-lte a {
        display: inline-block;

        margin-top: 10px;
    }
}


@media only screen and (max-width: 430px) {

    .satcalc-profiles {
        grid-template-columns:
            1fr;
    }

    .satcalc-profile:last-child {
        grid-column: auto;
    }

    .satcalc-intro,
    .satcalc-activity,
    .satcalc-known,
    .satcalc-result {
        padding-left: 14px;
        padding-right: 14px;
    }
}


/* =========================================================
   SATELLITE CALCULATOR V3.1
   Equipment cost + tariff-set links
   ========================================================= */

.satcalc-primary-equipment {
    margin-bottom: 8px;
}


.satcalc-primary-equipment > span {
    display: block;

    margin-bottom: 3px;

    color: #777;

    font:
        11px Arial;
}


.satcalc-primary-equipment > a {
    color: #285c81;

    font:
        700 16px Arial;

    text-decoration: underline;
}


.satcalc-primary-equipment > a:hover {
    color: #ff7c00;
}


.satcalc-equipment-cost {
    margin-top: 3px;

    padding:
        9px 11px !important;

    border:
        1px solid #ff7c00 !important;

    background:
        #fff8f1;
}


.satcalc-equipment-cost strong {
    color: #ff7c00;

    font-size: 20px !important;
}


/* ---------------------------------------------------------
   Alternatives table
   --------------------------------------------------------- */

.satcalc-alt-head,
.satcalc-alt-row {
    display: grid;

    grid-template-columns:
        minmax(210px, 1.9fr)
        minmax(120px, .95fr)
        minmax(150px, 1.2fr)
        minmax(115px, .9fr)
        minmax(115px, .9fr)
        55px;

    gap: 12px;

    align-items: center;
}


.satcalc-alt-head {
    padding:
        8px 14px;

    background: #212025;

    color: #fff;

    font:
        700 11px Arial;

    text-transform: uppercase;
}


.satcalc-alt-row {
    padding:
        13px 14px;

    border-top:
        1px solid #ddd;
}


.satcalc-alt-row:nth-of-type(odd) {
    background: #f5f2ee;
}


.satcalc-equipment-link {
    display: block;

    color: #285c81;

    font:
        700 13px Arial;

    text-decoration: underline;
}


.satcalc-equipment-link:hover {
    color: #ff7c00;
}


.satcalc-alt-name span {
    display: block;

    margin-top: 4px;

    color: #666;

    font:
        11px Arial;
}


.satcalc-alt-price {
    color: #ff7c00;

    font:
        700 14px Arial;
}


.satcalc-alt-kit {
    color: #222;

    font:
        700 14px Arial;
}


.satcalc-alt-mobile-label {
    display: none;
}


/*
 * The customer should immediately understand
 * one-time cost vs monthly cost.
 */

.satcalc-alt-kit:before {
    content: "оборуд. ";

    color: #888;

    font:
        400 10px Arial;
}


.satcalc-alt-open {
    text-align: right;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media only screen and (max-width: 768px) {

    .satcalc-alt-head {
        display: none;
    }


    .satcalc-alt-row {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            10px 14px;

        margin-bottom: 10px;

        padding:
            14px;

        border:
            1px solid #ddd;

        background: #fff;
    }


    .satcalc-alt-name {
        grid-column:
            1 / -1;

        padding-bottom: 8px;

        border-bottom:
            1px solid #eee;
    }


    .satcalc-alt-mobile-label {
        display: block;

        margin-bottom: 3px;

        color: #888;

        font:
            10px Arial;

        text-transform: uppercase;
    }


    .satcalc-alt-kit:before {
        content: "";
    }


    .satcalc-alt-open {
        grid-column:
            1 / -1;

        text-align: left;
    }
}


/* =========================================================
   SATELLITE CALCULATOR V3.2
   Clear commercial column names
   ========================================================= */

.satcalc-alt-kit:before {
    content: "" !important;
}


/*
 * Чуть лучше читаемость длинных названий колонок.
 */

.satcalc-alt-head {
    font-size: 10px;
    line-height: 13px;
}


.satcalc-alt-head > div {
    padding-right: 5px;
}


/*
 * Стоимость оборудования отделяем визуально
 * от ежемесячной абонентской платы.
 */

.satcalc-alt-kit {
    color: #222;

    font-weight: 700;
}


.satcalc-alt-price {
    color: #ff7c00;

    font-weight: 700;
}


@media only screen and (max-width: 768px) {

    .satcalc-alt-mobile-label {
        font-size: 10px;
        line-height: 13px;
    }

}


/* =========================================================
   SATELLITE CALCULATOR V3.2
   Clear commercial column names
   ========================================================= */

.satcalc-alt-kit:before {
    content: "" !important;
}


/*
 * Чуть лучше читаемость длинных названий колонок.
 */

.satcalc-alt-head {
    font-size: 10px;
    line-height: 13px;
}


.satcalc-alt-head > div {
    padding-right: 5px;
}


/*
 * Стоимость оборудования отделяем визуально
 * от ежемесячной абонентской платы.
 */

.satcalc-alt-kit {
    color: #222;

    font-weight: 700;
}


.satcalc-alt-price {
    color: #ff7c00;

    font-weight: 700;
}


@media only screen and (max-width: 768px) {

    .satcalc-alt-mobile-label {
        font-size: 10px;
        line-height: 13px;
    }

}


/* =========================================================
   SATELLITE CALCULATOR V3.3
   ========================================================= */


/*
 * Заголовки раньше были чёрными на тёмном фоне.
 * Они физически были, но практически не читались.
 */

.satcalc-alt-head,
.satcalc-alt-head > div {
    color: #fff !important;
}


.satcalc-alt-head {
    background: #212025 !important;

    font:
        700 11px/14px Arial !important;

    letter-spacing:
        .15px;

    text-transform:
        uppercase;
}


.satcalc-alt-head > div {
    opacity: 1 !important;
}


/* =========================================================
   TWO COMMERCIAL RECOMMENDATIONS
   ========================================================= */

.satcalc-recommendations {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 20px;

    margin-bottom: 32px;
}


.satcalc-pick {
    position: relative;

    border:
        1px solid #ccc;

    background: #fff;

    padding:
        0 20px 20px;
}


.satcalc-pick--speed {
    border:
        4px solid #ff7c00;
}


.satcalc-pick--budget {
    border:
        4px solid #212025;
}


.satcalc-pick-badge {
    display: inline-block;

    margin:
        0 0 16px;

    padding:
        7px 12px;

    background:
        #212025;

    color: #fff;

    font:
        700 11px Arial;

    letter-spacing:
        .3px;
}


.satcalc-pick--speed
.satcalc-pick-badge {
    background:
        #ff7c00;
}


.satcalc-pick-title {
    margin-bottom: 7px;

    color: #111;

    font:
        700 20px/24px Arial;
}


.satcalc-pick-reason {
    min-height: 58px;

    margin-bottom: 17px;

    color: #555;

    font:
        12px/18px Arial;
}


.satcalc-pick-product {
    padding:
        12px 0;

    border-top:
        1px solid #eee;

    border-bottom:
        1px solid #eee;
}


.satcalc-pick-product > span {
    display: block;

    margin-bottom: 4px;

    color: #888;

    font:
        10px Arial;

    text-transform:
        uppercase;
}


.satcalc-pick-product > a {
    color: #285c81;

    font:
        700 16px Arial;

    text-decoration:
        underline;
}


.satcalc-pick-product > a:hover {
    color: #ff7c00;
}


.satcalc-pick h2 {
    margin:
        15px 0 10px;

    color: #000;

    font:
        700 19px Arial;
}


.satcalc-pick-specs {
    margin-top: 8px;
}


.satcalc-pick-specs > div {
    display: flex;

    align-items: baseline;

    justify-content:
        space-between;

    gap: 15px;

    padding:
        8px 0;

    border-bottom:
        1px solid #eee;
}


.satcalc-pick-specs span {
    color: #777;

    font:
        11px Arial;
}


.satcalc-pick-specs strong {
    text-align: right;

    color: #222;

    font:
        700 14px Arial;
}


.satcalc-pick-specs
.orange {
    color: #ff7c00;

    font-size: 19px;
}


.satcalc-pick-kit {
    margin-top: 5px;

    padding:
        11px 10px !important;

    border:
        1px solid #ff7c00 !important;

    background:
        #fff8f1;
}


.satcalc-pick-kit strong {
    color: #ff7c00 !important;

    font-size: 18px !important;
}


.satcalc-pick-actions {
    margin-top: 18px;
}


.satcalc-pick-actions a {
    display: inline-block;

    margin:
        0 12px 7px 0;
}


/*
 * Equipment price is a STARTING price.
 */

.satcalc-alt-kit {
    color: #222;

    font:
        700 14px Arial;
}


@media only screen and (max-width: 768px) {

    .satcalc-recommendations {
        grid-template-columns:
            1fr;
    }


    .satcalc-pick-reason {
        min-height: 0;
    }


    .satcalc-pick-specs > div {
        align-items:
            flex-start;

        flex-direction:
            column;

        gap: 3px;
    }


    .satcalc-pick-specs strong {
        text-align: left;
    }
}


/* =========================================================
   TARIFF DETAIL V1
   ========================================================= */

.tariff-detail {
    margin:
        20px 0 45px;
}


.tariff-detail-back {
    margin-bottom: 14px;
}


.tariff-detail-back a {
    font-size: 13px;
}


/* HERO */

.tariff-detail-hero {
    display: grid;

    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(330px, .7fr);

    min-height: 430px;

    border-top:
        8px solid #ff7c00;

    background:
        #f3f1ef;
}


.tariff-detail-main {
    padding:
        32px 35px;
}


.tariff-detail-kicker {
    margin-bottom: 13px;

    color: #ff7c00;

    font:
        700 12px Arial;

    letter-spacing:
        1px;
}


.tariff-detail-equipment {
    margin-bottom: 5px;

    color: #777;

    font:
        12px Arial;
}


.tariff-detail-equipment a {
    margin-left: 4px;

    color: #285c81;

    font-weight: 700;
}


.tariff-detail-main h1 {
    margin:
        4px 0 16px;

    color: #111;

    font:
        700 34px/39px Arial;
}


.tariff-detail-lead {
    max-width: 680px;

    margin:
        0 0 24px;

    color: #444;

    font:
        15px/23px Arial;
}


.tariff-detail-prices {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 14px;

    max-width: 650px;
}


.tariff-detail-prices > div {
    padding:
        13px 15px;

    border:
        1px solid #d8d8d8;

    background: #fff;
}


.tariff-detail-prices span,
.tariff-detail-prices strong {
    display: block;
}


.tariff-detail-prices span {
    margin-bottom: 5px;

    color: #777;

    font:
        11px Arial;
}


.tariff-detail-prices strong {
    color: #222;

    font:
        700 21px Arial;
}


.tariff-detail-prices .orange {
    color: #ff7c00;
}


.tariff-detail-actions {
    margin-top: 25px;
}


.tariff-detail-actions a {
    display: inline-block;

    margin:
        0 17px 8px 0;
}


.tariff-detail-button {
    padding:
        11px 22px;

    background: #ff7c00;

    color: #fff !important;

    font-weight: 700;

    text-decoration:
        none !important;
}


.tariff-detail-button:hover {
    background: #d96800;
}


/* PRODUCT IMAGE */

.tariff-detail-visual {
    display: flex;

    position: relative;

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

    overflow: hidden;

    min-height: 430px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #ebe8e5
        );
}


.tariff-detail-visual img {
    display: block;

    width: 92%;
    height: 92%;

    object-fit: contain;
}


.tariff-detail-image-caption {
    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 18px;

    color: #777;

    font:
        700 11px Arial;

    text-align: center;
}


.tariff-detail-placeholder {
    text-align: center;
}


.tariff-detail-placeholder > div {
    margin-bottom: 12px;

    color: #ff7c00;

    font:
        700 31px Arial;

    letter-spacing: 2px;
}


.tariff-detail-placeholder strong {
    display: block;

    color: #222;

    font:
        700 22px Arial;
}


.tariff-detail-placeholder span {
    display: block;

    margin-top: 8px;

    color: #888;
}


/* KEY SPECS */

.tariff-detail-specs {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    border:
        1px solid #ddd;

    border-top: 0;
}


.tariff-detail-spec {
    min-height: 83px;

    padding:
        17px 20px;

    border-right:
        1px solid #ddd;

    background: #fff;
}


.tariff-detail-spec:last-child {
    border-right: 0;
}


.tariff-detail-spec span,
.tariff-detail-spec strong {
    display: block;
}


.tariff-detail-spec span {
    margin-bottom: 6px;

    color: #777;

    font:
        11px Arial;
}


.tariff-detail-spec strong {
    font:
        700 20px Arial;
}


.tariff-detail-spec--price strong {
    color: #ff7c00;
}


/* TEXT / WHY */

.tariff-detail-grid {
    display: grid;

    grid-template-columns:
        1.25fr .75fr;

    gap: 25px;

    margin-top: 30px;
}


.tariff-detail-copy,
.tariff-detail-why {
    padding:
        25px;

    border:
        1px solid #ddd;

    background: #fff;
}


.tariff-detail-why {
    background:
        #f5f2ee;
}


.tariff-detail-section-title {
    margin-bottom: 14px;

    color: #111;

    font:
        700 21px/26px Arial;
}


.tariff-detail-copy p {
    margin:
        0 0 14px;

    font:
        14px/22px Arial;
}


.tariff-detail-inline-link {
    display: inline-block;

    margin-top: 5px;

    font-weight: 700;
}


.tariff-detail-why ul {
    margin:
        0;

    padding-left: 20px;
}


.tariff-detail-why li {
    margin-bottom: 12px;

    font:
        13px/19px Arial;
}


/* BUDGET */

.tariff-detail-budget {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 0;

    margin-top: 25px;

    border:
        4px solid #ff7c00;

    background: #fff;
}


.tariff-detail-budget > div {
    padding:
        20px;

    border-right:
        1px solid #ddd;
}


.tariff-detail-budget > div:last-child {
    border-right: 0;
}


.tariff-detail-budget span,
.tariff-detail-budget strong,
.tariff-detail-budget small {
    display: block;
}


.tariff-detail-budget span {
    margin-bottom: 6px;

    color: #777;

    font:
        11px Arial;

    text-transform: uppercase;
}


.tariff-detail-budget strong {
    color: #222;

    font:
        700 21px Arial;
}


.tariff-detail-budget small {
    margin-top: 5px;

    color: #777;
}


.tariff-detail-note {
    margin:
        14px 0 30px;

    padding:
        12px 16px;

    border-left:
        4px solid #999;

    background: #f5f5f5;

    color: #555;

    font:
        12px/18px Arial;
}


/* RELATED */

.tariff-detail-related {
    margin-top: 30px;
}


.tariff-detail-related-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 12px;
}


.tariff-detail-related-card {
    display: block;

    min-height: 150px;

    padding:
        16px;

    border:
        1px solid #ccc;

    background: #fff;

    text-decoration:
        none !important;
}


.tariff-detail-related-card:hover {
    border-color: #ff7c00;
}


.tariff-detail-related-card strong,
.tariff-detail-related-card span,
.tariff-detail-related-card b {
    display: block;
}


.tariff-detail-related-card strong {
    margin-bottom: 12px;

    color: #285c81;

    font:
        700 15px Arial;
}


.tariff-detail-related-card span {
    margin-bottom: 7px;

    color: #555;

    font:
        12px Arial;
}


.tariff-detail-related-card b {
    margin-top: 12px;

    color: #ff7c00;

    font:
        700 16px Arial;
}


/* FINAL CTA */

.tariff-detail-final {
    display: flex;

    align-items: center;
    justify-content:
        space-between;

    gap: 25px;

    margin-top: 30px;

    padding:
        22px 25px;

    background: #212025;

    color: #fff;
}


.tariff-detail-final strong,
.tariff-detail-final span {
    display: block;
}


.tariff-detail-final strong {
    margin-bottom: 5px;

    color: #fff;

    font:
        700 18px Arial;
}


.tariff-detail-final span {
    color: #ddd;

    font:
        12px Arial;
}


/* MOBILE */

@media only screen and (max-width: 768px) {

    .tariff-detail-hero {
        grid-template-columns:
            1fr;
    }


    .tariff-detail-main {
        padding:
            22px 17px;
    }


    .tariff-detail-main h1 {
        font-size: 27px;
        line-height: 32px;
    }


    .tariff-detail-visual {
        min-height: 300px;

        order: -1;
    }


    .tariff-detail-prices {
        grid-template-columns:
            1fr;
    }


    .tariff-detail-specs {
        grid-template-columns:
            1fr 1fr;
    }


    .tariff-detail-spec:nth-child(2) {
        border-right: 0;
    }


    .tariff-detail-spec:nth-child(-n+2) {
        border-bottom:
            1px solid #ddd;
    }


    .tariff-detail-grid {
        grid-template-columns:
            1fr;
    }


    .tariff-detail-budget {
        grid-template-columns:
            1fr;
    }


    .tariff-detail-budget > div {
        border-right: 0;

        border-bottom:
            1px solid #ddd;
    }


    .tariff-detail-budget > div:last-child {
        border-bottom: 0;
    }


    .tariff-detail-related-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .tariff-detail-final {
        display: block;
    }


    .tariff-detail-final
    .tariff-detail-button {
        display: inline-block;

        margin-top: 15px;
    }
}


@media only screen and (max-width: 430px) {

    .tariff-detail-specs,
    .tariff-detail-related-grid {
        grid-template-columns:
            1fr;
    }


    .tariff-detail-spec {
        border-right: 0;

        border-bottom:
            1px solid #ddd;
    }

}


/* =========================================================
   EQUIPMENT SHOWCASE V1
   ========================================================= */

.equipment-showcase {
    margin:
        20px 0 45px;
}


/* INTRO */

.equipment-showcase-intro {
    display: flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap: 35px;

    margin-bottom: 28px;
}


.equipment-showcase-intro h1 {
    margin:
        3px 0 8px;

    color: #111;

    font:
        700 28px Arial;
}


.equipment-showcase-intro p {
    max-width: 700px;

    margin: 0;

    color: #555;

    font:
        14px/21px Arial;
}


.equipment-showcase-kicker {
    color: #ff7c00;

    font:
        700 11px Arial;

    letter-spacing:
        1px;
}


.equipment-showcase-calc {
    display: block;

    min-width: 255px;

    padding:
        13px 17px;

    border-left:
        5px solid #ff7c00;

    background:
        #f4f2ef;

    text-decoration:
        none !important;
}


.equipment-showcase-calc span,
.equipment-showcase-calc strong {
    display: block;
}


.equipment-showcase-calc span {
    margin-bottom: 4px;

    color: #777;

    font:
        11px Arial;
}


.equipment-showcase-calc strong {
    color: #285c81;

    font:
        700 13px Arial;
}


/* GRID */

.equipment-showcase-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 24px;
}


/* FULL CARD IS CLICKABLE */

.equipment-product-card {
    display: block;

    overflow: hidden;

    border:
        1px solid #d0d0d0;

    background: #fff;

    color: #222 !important;

    text-decoration:
        none !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}


.equipment-product-card:hover {
    transform:
        translateY(-3px);

    border-color:
        #ff7c00;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .10);
}


/* IMAGE */

.equipment-product-visual {
    position: relative;

    display: flex;

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

    overflow: hidden;

    height: 285px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #efeeec
        );
}


.equipment-product-visual img {
    display: block;

    width: 94%;
    height: 94%;

    object-fit: contain;

    transition:
        transform .18s ease;
}


.equipment-product-card:hover
.equipment-product-visual img {
    transform:
        scale(1.035);
}


.equipment-product-photo-action {
    position: absolute;

    left: 15px;
    bottom: 13px;

    padding:
        5px 8px;

    background:
        rgba(33, 32, 37, .88);

    color: #fff;

    font:
        700 10px Arial;

    opacity: 0;

    transform:
        translateY(5px);

    transition:
        opacity .16s ease,
        transform .16s ease;
}


.equipment-product-card:hover
.equipment-product-photo-action {
    opacity: 1;

    transform:
        translateY(0);
}


/* PLACEHOLDER FOR JUPITER / GILAT */

.equipment-product-card--brand
.equipment-product-visual {
    background:
        linear-gradient(
            135deg,
            #212025 0%,
            #333237 100%
        );
}


.equipment-product-card--brand
.equipment-product-visual:before,
.equipment-product-card--brand
.equipment-product-visual:after {
    content: "";

    position: absolute;

    width: 420px;
    height: 1px;

    background:
        rgba(255, 124, 0, .25);

    transform:
        rotate(-28deg);
}


.equipment-product-card--brand
.equipment-product-visual:before {
    top: 75px;
    left: -70px;
}


.equipment-product-card--brand
.equipment-product-visual:after {
    bottom: 60px;
    right: -80px;
}


.equipment-product-brand {
    position: relative;

    z-index: 2;

    text-align: center;
}


.equipment-product-brand span,
.equipment-product-brand strong,
.equipment-product-brand small {
    display: block;
}


.equipment-product-brand span {
    margin-bottom: 10px;

    color: #ff7c00;

    font:
        700 17px Arial;

    letter-spacing:
        4px;
}


.equipment-product-brand strong {
    color: #fff;

    font:
        700 25px Arial;
}


.equipment-product-brand small {
    margin-top: 8px;

    color: #aaa;

    font:
        11px Arial;
}


/* CONTENT */

.equipment-product-content {
    padding:
        21px 22px 18px;
}


.equipment-product-badge {
    display: inline-block;

    margin-bottom: 9px;

    padding:
        5px 8px;

    background:
        #212025;

    color: #fff;

    font:
        700 10px Arial;

    text-transform:
        uppercase;

    letter-spacing:
        .3px;
}


.equipment-product-card:first-child
.equipment-product-badge {
    background:
        #ff7c00;
}


.equipment-product-content h2 {
    margin:
        0 0 10px;

    color: #111;

    font:
        700 22px Arial;
}


.equipment-product-content p {
    min-height: 64px;

    margin:
        0 0 18px;

    color: #555;

    font:
        13px/20px Arial;
}


.equipment-product-metrics {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;
}


.equipment-product-metrics > div {
    padding:
        11px 12px;

    border:
        1px solid #e1e1e1;

    background:
        #f8f8f8;
}


.equipment-product-metrics span,
.equipment-product-metrics strong {
    display: block;
}


.equipment-product-metrics span {
    margin-bottom: 5px;

    color: #888;

    font:
        10px Arial;
}


.equipment-product-metrics strong {
    color: #222;

    font:
        700 14px Arial;
}


.equipment-product-metrics
.equipment-product-price {
    color: #ff7c00;

    font-size: 17px;
}


/* NO ORANGE RECTANGLE BUTTON */

.equipment-product-footer {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    margin-top: 18px;

    padding-top: 13px;

    border-top:
        1px solid #ddd;

    color: #285c81;

    font:
        700 13px Arial;
}


.equipment-product-footer strong {
    color: #ff7c00;

    font-size: 20px;

    transition:
        transform .16s ease;
}


.equipment-product-card:hover
.equipment-product-footer strong {
    transform:
        translateX(5px);
}


/* EXPLANATION */

.equipment-showcase-note {
    margin-top: 28px;

    padding:
        20px 22px;

    border-left:
        5px solid #ff7c00;

    background:
        #f4f2ef;
}


.equipment-showcase-note > strong,
.equipment-showcase-note > span {
    display: block;
}


.equipment-showcase-note > strong {
    margin-bottom: 6px;

    color: #222;

    font:
        700 17px Arial;
}


.equipment-showcase-note > span {
    max-width: 900px;

    color: #555;

    font:
        13px/20px Arial;
}


.equipment-showcase-note > div {
    margin-top: 12px;
}


.equipment-showcase-note a {
    margin-right: 18px;

    font-weight: 700;
}


/* SECONDARY LTE */

.equipment-mobile-secondary {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 30px;

    margin-top: 35px;

    padding:
        22px 24px;

    border:
        1px solid #ccc;

    background:
        #f4f4f4;
}


.equipment-mobile-label {
    margin-bottom: 5px;

    color: #888;

    font:
        700 10px Arial;

    letter-spacing:
        .8px;
}


.equipment-mobile-secondary h2 {
    margin:
        0 0 6px;

    color: #333;

    font:
        700 19px Arial;
}


.equipment-mobile-secondary p {
    max-width: 620px;

    margin: 0;

    color: #666;

    font:
        12px/18px Arial;
}


.equipment-mobile-stats {
    display: flex;

    align-items: center;

    gap: 25px;
}


.equipment-mobile-stats span,
.equipment-mobile-stats strong {
    display: block;
}


.equipment-mobile-stats span {
    margin-bottom: 3px;

    color: #888;

    font:
        10px Arial;
}


.equipment-mobile-stats strong {
    color: #333;

    font:
        700 13px Arial;
}


.equipment-mobile-stats a {
    white-space: nowrap;

    font-weight: 700;
}


/* FINAL CTA */

.equipment-showcase-final {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 25px;

    margin-top: 28px;

    padding:
        21px 24px;

    background:
        #212025;

    color: #fff;
}


.equipment-showcase-final strong,
.equipment-showcase-final span {
    display: block;
}


.equipment-showcase-final strong {
    margin-bottom: 4px;

    color: #fff;

    font:
        700 17px Arial;
}


.equipment-showcase-final span {
    color: #ccc;

    font:
        12px Arial;
}


.equipment-showcase-final a {
    display: block;

    padding:
        10px 17px;

    background:
        #ff7c00;

    color: #fff !important;

    font-weight: 700;

    text-decoration:
        none !important;
}


/* TABLET / MOBILE */

@media only screen and (max-width: 991px) {

    .equipment-showcase-intro {
        align-items:
            flex-start;
    }


    .equipment-mobile-secondary {
        align-items:
            flex-start;
    }


    .equipment-mobile-stats {
        flex-wrap: wrap;
    }
}


@media only screen and (max-width: 768px) {

    .equipment-showcase-intro {
        display: block;
    }


    .equipment-showcase-calc {
        margin-top: 18px;
    }


    .equipment-showcase-grid {
        grid-template-columns:
            1fr;
    }


    .equipment-product-visual {
        height: 280px;
    }


    .equipment-product-content p {
        min-height: 0;
    }


    .equipment-mobile-secondary {
        display: block;
    }


    .equipment-mobile-stats {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        margin-top: 18px;
    }


    .equipment-mobile-stats a {
        grid-column:
            1 / -1;
    }


    .equipment-showcase-final {
        display: block;
    }


    .equipment-showcase-final a {
        display: inline-block;

        margin-top: 15px;
    }

}


@media only screen and (max-width: 430px) {

    .equipment-product-visual {
        height: 235px;
    }


    .equipment-product-metrics {
        grid-template-columns:
            1fr;
    }


    .equipment-mobile-stats {
        grid-template-columns:
            1fr;
    }


    .equipment-mobile-stats a {
        grid-column: auto;
    }

}


/* =========================================================
   EQUIPMENT IMAGES V2
   1254x1254 WebP — full square card visual
   ========================================================= */

.equipment-showcase
.equipment-product-visual {

    width: 100%;

    height: auto !important;

    aspect-ratio: 1 / 1;

    padding: 0 !important;

    overflow: hidden;

    background: #f5f2ef;
}


.equipment-showcase
.equipment-product-visual img {

    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;
}


.equipment-showcase
.equipment-product-card:hover
.equipment-product-visual img {

    transform:
        scale(1.015);
}


/*
 * Clear visual price emphasis.
 */

.equipment-showcase
.equipment-product-price {

    color: #ff7c00 !important;
}


/*
 * No forced fixed height on tablet/mobile.
 */

@media only screen and (max-width: 768px) {

    .equipment-showcase
    .equipment-product-visual {

        height: auto !important;
        aspect-ratio: 1 / 1;
    }

}


@media only screen and (max-width: 430px) {

    .equipment-showcase
    .equipment-product-visual {

        height: auto !important;
        aspect-ratio: 1 / 1;
    }

}


/* =========================================================
   HOME PRODUCT CARDS V1
   New generated images already contain product information.
   Remove all old text/price overlays.
   ========================================================= */

.text-index
.home-product-tile {

    height: auto !important;

    overflow: hidden;

    border:
        1px solid #ddd;

    background: #f4f1ef;

    box-shadow:
        0 3px 12px
        rgba(0, 0, 0, .07);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.text-index
.home-product-tile:hover {

    transform:
        translateY(-3px);

    border-color:
        #ff7c00;

    box-shadow:
        0 10px 24px
        rgba(0, 0, 0, .13);
}


.text-index
.home-product-tile-link {

    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;

    text-decoration:
        none !important;
}


.text-index
.home-product-tile-image {

    display: block;

    width: 100% !important;
    height: auto !important;

    max-width: none !important;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    transition:
        transform .20s ease;
}


.text-index
.home-product-tile:hover
.home-product-tile-image {

    transform:
        scale(1.018);
}


/*
 * Disable legacy Index decorations for these two cards.
 */

.text-index
.home-product-tile
.safety-text,

.text-index
.home-product-tile
.safety-price {

    display: none !important;
}


/*
 * Preserve original two-column desktop arrangement.
 */

.text-index
.home-product-tile.marg {

    margin-right:
        3.95%;
}


/*
 * Mobile follows the old responsive layout,
 * but the image stays perfectly square.
 */

@media only screen and (max-width: 768px) {

    .text-index
    .home-product-tile {

        height: auto !important;
    }


    .text-index
    .home-product-tile-image {

        width: 100% !important;

        aspect-ratio:
            1 / 1;
    }

}


/* =========================================================
   HOME PRODUCT LAYOUT V2
   Desktop:
   text | S2X | EXPRESS | timer
   ========================================================= */


/* ---------- DESKTOP ---------- */

@media only screen and (min-width: 992px) {

    /*
     * Main text takes the left side.
     * Product area takes the right side.
     */

    .text-index .text-box {

        float: left !important;

        width: 39% !important;

        margin:
            0 !important;
    }


    .text-index .safety-box {

        float: right !important;

        width: 58% !important;

        margin:
            0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr)
            172px;

        grid-template-rows:
            auto
            auto;

        column-gap:
            16px;

        row-gap:
            0;

        align-items:
            stretch;
    }


    /*
     * Two product cards side-by-side.
     */

    .text-index
    .safety-box
    .home-product-tile {

        float: none !important;

        width: auto !important;

        height: auto !important;

        margin: 0 !important;

        align-self:
            start;

        grid-row:
            1 / 3;
    }


    .text-index
    .safety-box
    .home-product-tile.marg {

        grid-column:
            1;
    }


    .text-index
    .safety-box
    .home-product-tile:not(.marg) {

        grid-column:
            2;
    }


    /*
     * Timer becomes one coherent third panel.
     */

    .text-index
    .safety-box
    .safety-end-text {

        position: static !important;

        float: none !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;

        grid-column:
            3;

        grid-row:
            1;

        display: flex;

        align-items:
            flex-end;

        justify-content:
            center;

        padding:
            22px 12px 8px;

        box-sizing:
            border-box;

        text-align:
            center;

        font-size:
            13px;

        line-height:
            1.35;

        font-weight:
            700;

        text-transform:
            uppercase;

        color:
            #222;

        background:
            #fafafa;

        border:
            1px solid #e5e5e5;

        border-bottom:
            0;
    }


    .text-index
    .safety-box
    .safety-time {

        position: static !important;

        float: none !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;

        grid-column:
            3;

        grid-row:
            2;

        display: flex;

        align-items:
            flex-start;

        justify-content:
            center;

        padding:
            8px 8px 22px;

        box-sizing:
            border-box;

        background:
            #fafafa;

        border:
            1px solid #e5e5e5;

        border-top:
            0;
    }


    .text-index
    .safety-box
    #clock {

        margin:
            0 auto !important;

        white-space:
            nowrap;
    }


    .text-index
    .safety-box
    .clear {

        display:
            none !important;
    }


    /*
     * Product cards: restrained modernisation,
     * still consistent with the old SKY-ONE style.
     */

    .text-index
    .home-product-tile {

        border:
            1px solid #e4e4e4;

        border-radius:
            2px;

        box-shadow:
            0 4px 14px
            rgba(0, 0, 0, .08);

        background:
            #f5f2ef;
    }


    .text-index
    .home-product-tile:hover {

        transform:
            translateY(-3px);

        border-color:
            #ff7c00;

        box-shadow:
            0 9px 24px
            rgba(0, 0, 0, .13);
    }

}


/* ---------- TABLET ---------- */

@media only screen
and (min-width: 769px)
and (max-width: 991px) {

    .text-index
    .safety-box {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap:
            14px;

        height:
            auto !important;
    }


    .text-index
    .safety-box
    .home-product-tile {

        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;
    }


    .text-index
    .safety-box
    .safety-end-text {

        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;

        padding:
            13px;

        text-align:
            center;

        background:
            #fafafa;

        border:
            1px solid #e5e5e5;
    }


    .text-index
    .safety-box
    .safety-time {

        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        padding:
            10px;

        background:
            #fafafa;

        border:
            1px solid #e5e5e5;
    }


    .text-index
    .safety-box
    .clear {

        display:
            none !important;
    }

}


/* ---------- PHONE ---------- */

@media only screen and (max-width: 768px) {

    .text-index
    .safety-box {

        display:
            grid !important;

        grid-template-columns:
            minmax(0, 1fr);

        gap:
            12px;

        height:
            auto !important;
    }


    .text-index
    .safety-box
    .home-product-tile {

        float:
            none !important;

        width:
            100% !important;

        max-width:
            430px;

        margin:
            0 auto !important;
    }


    .text-index
    .safety-box
    .safety-end-text {

        float:
            none !important;

        width:
            100% !important;

        max-width:
            430px;

        margin:
            4px auto 0 !important;

        padding:
            12px 10px 4px;

        box-sizing:
            border-box;

        text-align:
            center;
    }


    .text-index
    .safety-box
    .safety-time {

        float:
            none !important;

        width:
            100% !important;

        max-width:
            430px;

        margin:
            0 auto !important;

        display:
            flex;

        justify-content:
            center;

        padding-bottom:
            12px;
    }


    .text-index
    .safety-box
    .clear {

        display:
            none !important;
    }

}


/* =========================================================
   HOME SHOWCASE V3
   Desktop: text + 4 compact cards
   Timer: full-width strip below cards
   ========================================================= */


/* ---------- DESKTOP ---------- */

@media only screen and (min-width: 992px) {

    .text-index {

        display: grid !important;

        grid-template-columns:
            minmax(0, 40%)
            minmax(0, 1fr);

        column-gap:
            30px;

        align-items:
            start;
    }


    .text-index .text-box {

        grid-column:
            1;

        grid-row:
            1;

        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;
    }


    .text-index .home-offer-showcase {

        grid-column:
            2;

        grid-row:
            1;

        width:
            100%;

        min-width:
            0;
    }


    .home-offer-grid {

        display:
            grid;

        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap:
            10px;

        width:
            100%;
    }


    .home-offer-card {

        display:
            block;

        position:
            relative;

        min-width:
            0;

        aspect-ratio:
            1 / 1;

        overflow:
            hidden;

        border:
            1px solid #e1e1e1;

        background:
            #f5f2ef;

        box-shadow:
            0 3px 10px
            rgba(0, 0, 0, .07);

        text-decoration:
            none !important;

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    .home-offer-card img {

        display:
            block;

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;

        object-position:
            center;

        transition:
            transform .20s ease;
    }


    .home-offer-card:hover {

        transform:
            translateY(-3px);

        border-color:
            #ff7c00;

        box-shadow:
            0 9px 22px
            rgba(0, 0, 0, .13);
    }


    .home-offer-card:hover img {

        transform:
            scale(1.025);
    }


    /*
     * Timer is no longer a separate narrow column.
     * It is one compact horizontal bar.
     */

    .home-offer-timer {

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            18px;

        box-sizing:
            border-box;

        width:
            100%;

        min-height:
            78px;

        margin-top:
            12px;

        padding:
            12px 18px;

        background:
            #fafafa;

        border:
            1px solid #e2e2e2;

        box-shadow:
            0 2px 8px
            rgba(0, 0, 0, .04);
    }


    .home-offer-timer
    .safety-end-text {

        position:
            static !important;

        float:
            none !important;

        width:
            180px !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        flex:
            0 0 180px;

        text-align:
            left;

        font-size:
            13px;

        line-height:
            1.35;

        font-weight:
            700;

        text-transform:
            uppercase;

        color:
            #202020;
    }


    .home-offer-timer
    .safety-time {

        position:
            static !important;

        float:
            none !important;

        width:
            auto !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        flex:
            1 1 auto;

        display:
            flex;

        justify-content:
            flex-end;

        align-items:
            center;

        overflow:
            visible;
    }


    .home-offer-timer
    #clock {

        margin:
            0 !important;

        white-space:
            nowrap;
    }

}


/* ---------- TABLET ---------- */

@media only screen
and (min-width: 769px)
and (max-width: 991px) {

    .text-index
    .home-offer-showcase {

        width:
            100%;

        margin:
            0 0 28px;
    }


    .home-offer-grid {

        display:
            grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            12px;
    }


    .home-offer-card {

        display:
            block;

        aspect-ratio:
            1 / 1;

        overflow:
            hidden;

        border:
            1px solid #e1e1e1;

        background:
            #f5f2ef;
    }


    .home-offer-card img {

        display:
            block;

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;
    }


    .home-offer-timer {

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        gap:
            18px;

        margin-top:
            12px;

        padding:
            12px;

        border:
            1px solid #e2e2e2;

        background:
            #fafafa;
    }


    .home-offer-timer
    .safety-end-text,

    .home-offer-timer
    .safety-time {

        position:
            static !important;

        float:
            none !important;

        width:
            auto !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

}


/* ---------- PHONE ---------- */

@media only screen and (max-width: 768px) {

    .text-index
    .home-offer-showcase {

        width:
            100%;

        margin:
            0 0 24px;
    }


    .home-offer-grid {

        display:
            grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            9px;
    }


    .home-offer-card {

        display:
            block;

        width:
            100%;

        aspect-ratio:
            1 / 1;

        overflow:
            hidden;

        border:
            1px solid #e1e1e1;

        background:
            #f5f2ef;
    }


    .home-offer-card img {

        display:
            block;

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;
    }


    .home-offer-timer {

        display:
            flex;

        flex-direction:
            column;

        align-items:
            center;

        justify-content:
            center;

        gap:
            8px;

        margin-top:
            10px;

        padding:
            12px 8px;

        box-sizing:
            border-box;

        border:
            1px solid #e2e2e2;

        background:
            #fafafa;
    }


    .home-offer-timer
    .safety-end-text {

        position:
            static !important;

        float:
            none !important;

        width:
            100% !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        text-align:
            center;

        font-size:
            12px;

        line-height:
            1.3;

        font-weight:
            700;
    }


    .home-offer-timer
    .safety-time {

        position:
            static !important;

        float:
            none !important;

        width:
            100% !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        display:
            flex;

        justify-content:
            center;
    }

}


/*
 * Very narrow phones:
 * keep two columns while possible.
 */

@media only screen and (max-width: 360px) {

    .home-offer-grid {

        gap:
            6px;
    }

}






/* ================ TARIFFS SHOWCASE V2 START ================ */


/* =========================================================
   GENERAL
   ========================================================= */

.equipment-box.alltariffs {

    border: 0 !important;

    background:
        transparent !important;

    overflow:
        visible !important;
}


/*
 * Equipment headings:
 * large product visual + clean commercial specs.
 */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
) {

    position:
        relative;

    display:
        grid !important;

    grid-template-columns:
        168px
        minmax(205px, 1.55fr)
        repeat(3, minmax(115px, .78fr));

    gap:
        16px;

    align-items:
        center;

    box-sizing:
        border-box;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        190px;

    margin:
        44px 0 18px !important;

    padding:
        16px !important;

    overflow:
        hidden !important;

    border:
        1px solid #e1e1e1 !important;

    border-radius:
        6px;

    background:
        #fff !important;

    box-shadow:
        0 10px 30px
        rgba(25, 25, 28, .09);

    scroll-margin-top:
        110px;
}


/*
 * Firm orange accent, but restrained.
 */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        0;

    bottom:
        0;

    width:
        5px;

    background:
        #ff7c00;
}


/*
 * Full square image.
 * No aggressive zoom/crop.
 */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)::before {

    content:
        "";

    display:
        block;

    grid-column:
        1;

    grid-row:
        1;

    width:
        168px;

    height:
        168px;

    box-sizing:
        border-box;

    border:
        1px solid #e7e3df;

    border-radius:
        5px;

    background-color:
        #f4f1ef;

    background-repeat:
        no-repeat;

    background-size:
        100% 100%;

    background-position:
        center;

    box-shadow:
        0 3px 12px
        rgba(0, 0, 0, .06);
}


.equipment-box.alltariffs
#set-1::before {

    background-image:
        url("/site/templates/legacy/images/sky-one-s2x-card-1254.webp");
}


.equipment-box.alltariffs
#set-4::before {

    background-image:
        url("/site/templates/legacy/images/sky-one-express-card-1254.webp");
}


.equipment-box.alltariffs
#set-3::before {

    background-image:
        url("/site/templates/legacy/images/sky-one-gilat-ku-card-1254.webp");
}


.equipment-box.alltariffs
#set-2::before {

    background-image:
        url("/site/templates/legacy/images/sky-one-jupiter-card-1254.webp");
}


/* Remove old float-based dimensions */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
> div {

    float:
        none !important;

    width:
        auto !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    box-sizing:
        border-box;
}


/* =========================================================
   PRODUCT NAME / POSITIONING
   ========================================================= */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size1 {

    grid-column:
        2;

    padding:
        6px 6px !important;

    font-size:
        23px !important;

    line-height:
        1.12 !important;

    font-weight:
        700 !important;

    letter-spacing:
        -.015em;

    color:
        #202025 !important;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size1 > span {

    display:
        block !important;

    margin-bottom:
        8px;

    color:
        #999 !important;

    font-size:
        9px !important;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .11em;

    text-transform:
        uppercase;
}


/*
 * Small black/orange premium chip.
 */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size1::before {

    display:
        inline-flex;

    align-items:
        center;

    width:
        auto;

    margin:
        0 0 10px;

    padding:
        5px 8px;

    border-radius:
        3px;

    background:
        #202025;

    color:
        #fff;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .075em;

    text-transform:
        uppercase;
}


.equipment-box.alltariffs
#set-1
.title.size1::before {

    content:
        "Высокая скорость";
}


.equipment-box.alltariffs
#set-4
.title.size1::before {

    content:
        "Выгодный старт";
}


.equipment-box.alltariffs
#set-2
.title.size1::before {

    content:
        "Удалённые объекты";
}


.equipment-box.alltariffs
#set-3
.title.size1::before {

    content:
        "Сложные условия";
}


/*
 * Description.
 */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size1::after {

    display:
        block;

    max-width:
        330px;

    margin-top:
        10px;

    font-size:
        11px;

    line-height:
        1.5;

    font-weight:
        400;

    color:
        #69696d;
}


.equipment-box.alltariffs
#set-1
.title.size1::after {

    content:
        "До 100 Мбит/с. Для дома, офиса и бизнеса, когда скорость в приоритете.";
}


.equipment-box.alltariffs
#set-4
.title.size1::after {

    content:
        "Спутниковый интернет с минимальным бюджетом на стартовое оборудование.";
}


.equipment-box.alltariffs
#set-2
.title.size1::after {

    content:
        "Решение для объектов вдали от устойчивой наземной инфраструктуры.";
}


.equipment-box.alltariffs
#set-3
.title.size1::after {

    content:
        "Для северных регионов и объектов со сложной географией подключения.";
}


/* =========================================================
   SPECIFICATION CARDS
   ========================================================= */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size2,

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size3,

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size4 {

    display:
        flex !important;

    flex-direction:
        column;

    justify-content:
        center;

    box-sizing:
        border-box;

    min-height:
        92px !important;

    padding:
        14px 13px !important;

    border:
        1px solid #e4e4e6;

    border-radius:
        4px;

    background:
        #f7f7f8;

    color:
        #202025 !important;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size2 {

    grid-column:
        3;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size3 {

    grid-column:
        4;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size4 {

    grid-column:
        5;
}


/*
 * Orange small top marker on all specs.
 */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size2,

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size3,

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size4 {

    border-top:
        3px solid #ff7c00;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size2 > span:first-child,

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2 > span:first-child {

    display:
        block;

    margin-bottom:
        8px;

    font-size:
        8px !important;

    line-height:
        1.15;

    font-weight:
        700;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;

    color:
        #888 !important;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size2 {

    font-size:
        13px !important;

    font-weight:
        600;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title.size2
.price {

    color:
        #ff7c00 !important;

    font-size:
        22px !important;

    line-height:
        1;

    font-weight:
        800 !important;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size3,

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.title2.size4 {

    font-size:
        15px !important;

    line-height:
        1.2;

    font-weight:
        700;
}


/* =========================================================
   TARIFF GROUPS
   ========================================================= */

/*
 * Category heading becomes strong dark separator.
 */

.equipment-box.alltariffs
.line_tar2 {

    box-sizing:
        border-box;

    min-height:
        42px;

    margin:
        18px 0 0 !important;

    padding:
        12px 15px !important;

    border:
        0 !important;

    border-radius:
        4px 4px 0 0;

    background:
        #202025 !important;

    color:
        #fff !important;

    font-size:
        11px !important;

    line-height:
        1.35;

    font-weight:
        700 !important;

    letter-spacing:
        .045em;

    text-transform:
        uppercase;
}


/*
 * Orange left mark.
 */

.equipment-box.alltariffs
.line_tar2::before {

    content:
        "";

    display:
        inline-block;

    width:
        4px;

    height:
        13px;

    margin-right:
        9px;

    vertical-align:
        -2px;

    border-radius:
        1px;

    background:
        #ff7c00;
}


/* =========================================================
   COLUMN HEADERS
   ========================================================= */

.equipment-box.alltariffs
.one_row {

    box-sizing:
        border-box;

    min-height:
        42px;

    border:
        1px solid #dedee1;

    border-top:
        0;

    background:
        #eeeeef !important;
}


.equipment-box.alltariffs
.one_row
.row_line {

    box-sizing:
        border-box;

    padding-top:
        11px !important;

    padding-bottom:
        10px !important;

    color:
        #3d3d42 !important;

    font-size:
        10px !important;

    line-height:
        1.25;

    font-weight:
        700 !important;

    text-transform:
        uppercase;
}


/* =========================================================
   ROWS
   ========================================================= */

.equipment-box.alltariffs
.tariff_line {

    box-sizing:
        border-box;

    min-height:
        43px;

    border-left:
        1px solid #e2e2e4;

    border-right:
        1px solid #e2e2e4;

    border-bottom:
        1px solid #e6e6e8;

    background:
        #fff;

    transition:
        background .12s ease,
        box-shadow .12s ease;
}


/*
 * Real zebra striping.
 */

.equipment-box.alltariffs
.tariff_line:nth-of-type(even) {

    background:
        #f8f8f9;
}


.equipment-box.alltariffs
.tariff_line:hover {

    position:
        relative;

    z-index:
        2;

    background:
        #fff5eb !important;

    box-shadow:
        inset 3px 0 0 #ff7c00;
}


.equipment-box.alltariffs
.tariff_line
.col {

    box-sizing:
        border-box;

    padding-top:
        11px !important;

    padding-bottom:
        10px !important;

    color:
        #343438;
}


.equipment-box.alltariffs
.tariff_line
.col1 {

    font-size:
        11px;

    font-weight:
        700;

    color:
        #202025;
}


.equipment-box.alltariffs
.tariff_line
.col4 {

    color:
        #e66e00 !important;

    font-size:
        11px;

    font-weight:
        800;
}


/*
 * Units less visually dominant.
 */

.equipment-box.alltariffs
.tariff_line
.sm {

    color:
        #8a8a8f !important;

    font-size:
        8px !important;

    font-weight:
        400;
}


/* =========================================================
   NOTES BETWEEN GROUPS
   ========================================================= */

.equipment-box.alltariffs
.tariff_line + p,

.equipment-box.alltariffs
.one_row + p {

    color:
        #666;

    line-height:
        1.45;
}


/*
 * Existing helper on top.
 */

.tariff-helper-callout {

    box-sizing:
        border-box;

    margin-bottom:
        26px !important;

    border:
        0 !important;

    border-left:
        4px solid #ff7c00 !important;

    border-radius:
        3px;

    background:
        #202025 !important;

    box-shadow:
        0 5px 18px
        rgba(0,0,0,.10);
}


/* =========================================================
   TABLET
   ========================================================= */

@media only screen
and (min-width: 769px)
and (max-width: 991px) {

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    ) {

        grid-template-columns:
            138px
            minmax(175px, 1.2fr)
            repeat(3, minmax(90px, .72fr));

        gap:
            10px;

        min-height:
            160px;

        padding:
            12px !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )::before {

        width:
            138px;

        height:
            138px;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1 {

        font-size:
            19px !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1::after {

        font-size:
            10px;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2,

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size3,

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size4 {

        min-height:
            82px !important;

        padding:
            9px !important;
    }

}


/* =========================================================
   PHONE
   ========================================================= */

@media only screen and (max-width: 768px) {

    /*
     * Product card becomes vertical.
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    ) {

        display:
            grid !important;

        grid-template-columns:
            104px
            minmax(0, 1fr);

        grid-template-rows:
            auto auto auto auto;

        gap:
            8px 10px;

        align-items:
            start;

        min-height:
            0;

        margin:
            32px 0 14px !important;

        padding:
            10px !important;

        border-radius:
            5px;

        box-shadow:
            0 6px 20px
            rgba(0,0,0,.08);
    }


    /*
     * Full square product image.
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )::before {

        grid-column:
            1;

        grid-row:
            1 / 5;

        width:
            104px;

        height:
            104px;

        background-size:
            100% 100%;

        background-position:
            center;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1 {

        grid-column:
            2;

        grid-row:
            1;

        padding:
            0 !important;

        font-size:
            17px !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1::before {

        margin-bottom:
            6px;

        padding:
            4px 6px;

        font-size:
            7px;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1::after {

        display:
            none;
    }


    /*
     * 3 specification boxes stacked compactly
     * in the right column.
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2,

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size3,

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size4 {

        grid-column:
            2;

        display:
            block !important;

        min-height:
            0 !important;

        padding:
            6px 8px !important;

        border-top-width:
            2px;

        font-size:
            11px !important;

        line-height:
            1.2;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2 {

        grid-row:
            2;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size3 {

        grid-row:
            3;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size4 {

        grid-row:
            4;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2 > span:first-child,

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2 > span:first-child {

        display:
            inline !important;

        margin:
            0 4px 0 0;

        font-size:
            7px !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2
    .price {

        font-size:
            15px !important;
    }


    /*
     * Strong group bar on mobile too.
     */

    .equipment-box.alltariffs
    .line_tar2 {

        min-height:
            0;

        margin-top:
            14px !important;

        padding:
            10px !important;

        border-radius:
            3px 3px 0 0;

        font-size:
            9px !important;

        line-height:
            1.3;
    }


    /*
     * Preserve existing mobile tariff mechanics,
     * but improve surfaces.
     */

    .equipment-box.alltariffs
    .tariff_line {

        background:
            #fff;

        border-bottom-color:
            #ddd;
    }


    .equipment-box.alltariffs
    .tariff_line:hover {

        box-shadow:
            none;
    }

}


/* Very narrow phones */

@media only screen and (max-width: 390px) {

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    ) {

        grid-template-columns:
            88px
            minmax(0, 1fr);

        gap:
            7px 8px;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )::before {

        width:
            88px;

        height:
            88px;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1 {

        font-size:
            15px !important;
    }

}


/* ================ TARIFFS SHOWCASE V2 END ================ */



/* ================= ORDER FORM V1 START ================= */


/* ========================================================
   EQUIPMENT HEADER — 6 COLUMNS WITH ORDER CTA
   ======================================================== */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
) {

    grid-template-columns:
        168px
        minmax(190px, 1.25fr)
        repeat(3, minmax(105px, .68fr))
        132px;
}


/* Order button in equipment row */

.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.so-order-cta {

    grid-column:
        6;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    box-sizing:
        border-box;

    width:
        100%;

    min-height:
        92px;

    padding:
        12px 10px;

    border:
        0;

    border-radius:
        4px;

    background:
        #ff7c00;

    color:
        #fff !important;

    font-size:
        12px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .065em;

    text-decoration:
        none !important;

    text-align:
        center;

    box-shadow:
        0 5px 14px
        rgba(255, 124, 0, .22);

    transition:
        transform .12s ease,
        background .12s ease,
        box-shadow .12s ease;
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.so-order-cta:hover {

    background:
        #e87000;

    color:
        #fff !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 18px
        rgba(255, 124, 0, .30);
}


.equipment-box.alltariffs
.h6:is(
    #set-1,
    #set-2,
    #set-3,
    #set-4
)
.so-order-cta.is-selected {

    background:
        #202025;

    box-shadow:
        inset 0 -3px 0 #ff7c00;
}


/* ========================================================
   ORDER FORM
   ======================================================== */

.so-order-form-wrap {

    box-sizing:
        border-box;

    width:
        100%;

    margin:
        52px 0 24px;

    padding:
        0;

    overflow:
        hidden;

    border:
        1px solid #dcdcdf;

    border-radius:
        6px;

    background:
        #fff;

    box-shadow:
        0 12px 34px
        rgba(25, 25, 28, .10);

    scroll-margin-top:
        110px;
}


.so-order-form-heading {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(230px, 330px);

    gap:
        24px;

    align-items:
        center;

    padding:
        24px 28px;

    background:
        #202025;

    color:
        #fff;
}


.so-order-kicker {

    display:
        block;

    margin-bottom:
        8px;

    color:
        #ff7c00;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .12em;
}


.so-order-form-heading h2 {

    margin:
        0 0 8px !important;

    padding:
        0 !important;

    color:
        #fff !important;

    font-size:
        26px !important;

    line-height:
        1.1 !important;

    font-weight:
        700 !important;
}


.so-order-form-heading p {

    max-width:
        670px;

    margin:
        0;

    color:
        #c9c9cd;

    font-size:
        12px;

    line-height:
        1.55;
}


.so-order-selected-box {

    box-sizing:
        border-box;

    padding:
        15px 17px;

    border:
        1px solid #48484d;

    border-radius:
        4px;

    background:
        #29292e;
}


.so-order-selected-box span {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #aaaab0;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.so-order-selected-box strong {

    display:
        block;

    color:
        #fff;

    font-size:
        14px;

    line-height:
        1.3;

    font-weight:
        700;
}


/* Form grid */

.so-order-form {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap:
        18px;

    box-sizing:
        border-box;

    padding:
        25px 28px 27px;
}


/*
 * Name / phone / email = 2 cols each
 */

.so-order-field:nth-of-type(1),
.so-order-field:nth-of-type(2),
.so-order-field:nth-of-type(3) {

    grid-column:
        span 2;
}


/*
 * Region / district = 3 cols each
 */

.so-order-field:nth-of-type(4),
.so-order-field:nth-of-type(5) {

    grid-column:
        span 3;
}


.so-order-field {

    min-width:
        0;
}


.so-order-field label {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #4b4b50;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        700;

    letter-spacing:
        .035em;

    text-transform:
        uppercase;
}


.so-order-field input {

    display:
        block;

    box-sizing:
        border-box;

    width:
        100%;

    height:
        46px;

    margin:
        0;

    padding:
        0 13px;

    outline:
        0;

    border:
        1px solid #d8d8dc;

    border-radius:
        4px;

    background:
        #f8f8f9;

    color:
        #202025;

    font-family:
        inherit;

    font-size:
        13px;

    line-height:
        46px;

    transition:
        border-color .12s ease,
        background .12s ease,
        box-shadow .12s ease;
}


.so-order-field input:focus {

    border-color:
        #ff7c00;

    background:
        #fff;

    box-shadow:
        0 0 0 3px
        rgba(255, 124, 0, .10);
}


.so-order-field input::placeholder {

    color:
        #aaaab0;
}


/* Hidden bot trap */

.so-order-honeypot {

    position:
        absolute !important;

    left:
        -10000px !important;

    width:
        1px !important;

    height:
        1px !important;

    overflow:
        hidden !important;
}


/* Submit */

.so-order-submit-row {

    grid-column:
        1 / -1;

    display:
        flex;

    align-items:
        center;

    gap:
        18px;

    margin-top:
        2px;

    padding-top:
        20px;

    border-top:
        1px solid #e5e5e7;
}


.so-order-submit {

    flex:
        0 0 auto;

    min-width:
        210px;

    height:
        48px;

    padding:
        0 24px;

    border:
        0;

    border-radius:
        4px;

    background:
        #ff7c00;

    color:
        #fff;

    cursor:
        pointer;

    font-family:
        inherit;

    font-size:
        11px;

    line-height:
        48px;

    font-weight:
        800;

    letter-spacing:
        .055em;

    text-align:
        center;

    transition:
        background .12s ease,
        transform .12s ease;
}


.so-order-submit:hover {

    background:
        #e87000;

    transform:
        translateY(-1px);
}


.so-order-privacy {

    margin:
        0 !important;

    color:
        #8a8a8f !important;

    font-size:
        10px !important;

    line-height:
        1.45 !important;
}


.so-order-status {

    grid-column:
        1 / -1;

    min-height:
        0;

    color:
        #59595e;

    font-size:
        11px;

    line-height:
        1.45;
}


/* ========================================================
   TABLET
   ======================================================== */

@media only screen
and (min-width: 769px)
and (max-width: 1100px) {

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    ) {

        grid-template-columns:
            138px
            minmax(155px, 1.05fr)
            repeat(3, minmax(78px, .62fr))
            110px;

        gap:
            9px;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .so-order-cta {

        min-height:
            82px;

        padding:
            9px 6px;

        font-size:
            10px;
    }


    .so-order-form {

        gap:
            14px;

        padding:
            22px;
    }

}


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

@media only screen and (max-width: 768px) {

    /*
     * Existing V2 mobile card remains.
     * Order button becomes full-width bottom row.
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .so-order-cta {

        grid-column:
            1 / -1;

        grid-row:
            5;

        width:
            100%;

        min-height:
            44px;

        margin-top:
            4px;

        padding:
            0 12px;

        font-size:
            11px;
    }


    .so-order-form-wrap {

        margin-top:
            36px;

        border-radius:
            5px;
    }


    .so-order-form-heading {

        display:
            block;

        padding:
            20px 16px;
    }


    .so-order-form-heading h2 {

        font-size:
            22px !important;
    }


    .so-order-selected-box {

        margin-top:
            16px;
    }


    .so-order-form {

        display:
            block;

        padding:
            18px 14px 20px;
    }


    .so-order-field {

        margin-bottom:
            14px;
    }


    .so-order-field input {

        height:
            46px;

        font-size:
            16px;

        line-height:
            46px;
    }


    .so-order-submit-row {

        display:
            block;

        margin-top:
            18px;

        padding-top:
            18px;
    }


    .so-order-submit {

        display:
            block;

        width:
            100%;

        min-width:
            0;

        height:
            48px;
    }


    .so-order-privacy {

        margin-top:
            11px !important;
    }


    .so-order-status {

        margin-top:
            11px;
    }

}


/* ================== ORDER FORM V1 END ================== */

/* SKYONE HERO V1 START */

/*
 * SKY-ONE wide hero set
 * Source: 1916x821 WEBP
 * Base design remains legacy SKY-ONE.
 */

/* ---------------------------------------------------------
   HOME — 4 MAIN SLIDES
   --------------------------------------------------------- */

.slider_index .legacy-slide.slide1 {
    background-image:
        url("/site/templates/legacy/images/hero-v1/01-family-tablets-lakeside.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.slider_index .legacy-slide.slide2 {
    background-image:
        url("/site/templates/legacy/images/hero-v1/03-family-lake-sunset.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.slider_index .legacy-slide.slide3 {
    background-image:
        url("/site/templates/legacy/images/hero-v1/05-arctic-drilling-station.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.slider_index .legacy-slide.slide4 {
    background-image:
        url("/site/templates/legacy/images/hero-v1/09-family-modern-house.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}


/* ---------------------------------------------------------
   INNER SECTIONS
   --------------------------------------------------------- */

/* Оборудование */
.slider_inside .inner-slide--equipment {
    background-image:
        url("/site/templates/legacy/images/hero-v1/04-mountain-engineer-satellite.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 47%;
}

/* О компании */
.slider_inside .inner-slide--about {
    background-image:
        url("/site/templates/legacy/images/hero-v1/10-mountain-communications-camp.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 48%;
}

/* Контакты / довольные пользователи */
.slider_inside .inner-slide--contacts {
    background-image:
        url("/site/templates/legacy/images/hero-v1/02-family-tablets-sunny-lawn.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

/* Спутниковый интернет */
.slider_inside .inner-slide--internet {
    background-image:
        url("/site/templates/legacy/images/hero-v1/08-remote-work-forest-lake.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

/* Телевидение */
.slider_inside .inner-slide--tv {
    background-image:
        url("/site/templates/legacy/images/hero-v1/03-family-lake-sunset.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

/* Видеонаблюдение / умный дом */
.slider_inside .inner-slide--video {
    background-image:
        url("/site/templates/legacy/images/hero-v1/09-family-modern-house.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

/* Покрытие и прочие технические разделы */
.slider_inside .inner-slide--default {
    background-image:
        url("/site/templates/legacy/images/hero-v1/06-mountain-satellite-station.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 48%;
}


/* ---------------------------------------------------------
   DESKTOP WIDE
   Не даём изображению становиться чрезмерно высоким.
   --------------------------------------------------------- */

@media (min-width: 1400px) {

    .topImg,
    .topImg .slider_index,
    .topImg .slider_index .img {
        height: 462px;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

    .slider_index .legacy-slide.slide1 {
        background-position: 48% 50%;
    }

    .slider_index .legacy-slide.slide2 {
        background-position: 50% 50%;
    }

    .slider_index .legacy-slide.slide3 {
        background-position: 52% 50%;
    }

    .slider_index .legacy-slide.slide4 {
        background-position: 50% 50%;
    }

}


/* ---------------------------------------------------------
   MOBILE
   Более горизонтальное окно, чем старые 300px:
   в кадре остаётся больше окружения, людей и антенны.
   --------------------------------------------------------- */

@media (max-width: 768px) {

    .topImg,
    .topImg .slider_index,
    .topImg .slider_index .img {
        height: 240px;
    }

    .topImg .slider_index .text {
        top: 8px;
    }

    .topImg .slider_index .text .text1,
    .topImg .slider_index .text .text2,
    .topImg .slider_index .text .text3 {
        padding: 7px 9px;
        margin-top: 3px;
    }

    /* Family + dish */
    .slider_index .legacy-slide.slide1 {
        background-position: 46% 50%;
    }

    /* TV / family */
    .slider_index .legacy-slide.slide2 {
        background-position: 52% 50%;
    }

    /* Arctic engineering */
    .slider_index .legacy-slide.slide3 {
        background-position: 48% 50%;
    }

    /* Smart home */
    .slider_index .legacy-slide.slide4 {
        background-position: 50% 50%;
    }

}


/* ---------------------------------------------------------
   SMALL PHONES
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .topImg,
    .topImg .slider_index,
    .topImg .slider_index .img {
        height: 225px;
    }

    .topImg .slider_index .text .text1 {
        font-size: 16px;
        line-height: 17px;
    }

    .topImg .slider_index .text .text2 {
        font-size: 18px;
        line-height: 19px;
    }

    .topImg .slider_index .text .text3 {
        font-size: 15px;
        line-height: 17px;
    }

}

/* SKYONE HERO V1 END */

/* SKYONE HERO DESKTOP V3 START */

/*
 * Desktop V3
 *
 * ВАЖНО:
 * правила действуют только начиная с 992px.
 * Tablet/mobile продолжают использовать HERO V1.
 *
 * Исходники V3 имеют более человеческую композицию,
 * поэтому desktop-окно увеличено с 462px до 560px.
 */

@media (min-width: 992px) {

    /* --------------------------------------------------
       DESKTOP HERO GEOMETRY
       -------------------------------------------------- */

    .topImg {
        height: 560px;
    }

    .topImg .slider_index {
        height: 560px;
    }

    .topImg .slider_index .img {
        height: 560px;
    }

    /*
     * Немного опускаем текст относительно старого hero.
     * Он остаётся в старом SKY-ONE стиле.
     */
    .topImg .slider_index .text {
        top: 125px;
    }


    /* --------------------------------------------------
       HOME SLIDE 1
       Интернет — семья + дети + планшеты + тарелка

       Смещаем фокус вниз:
       дети и гаджеты теперь остаются в видимой части.
       -------------------------------------------------- */

    .slider_index .legacy-slide.slide1 {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/01-family-lake-tablets.webp");

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

        background-position:
            50% 68%;
    }


    /* --------------------------------------------------
       HOME SLIDE 2
       ТВ / семейное использование
       -------------------------------------------------- */

    .slider_index .legacy-slide.slide2 {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/03-family-lake-sunset.webp");

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

        background-position:
            50% 63%;
    }


    /* --------------------------------------------------
       HOME SLIDE 3
       Корпоративный спутниковый интернет / вахта
       -------------------------------------------------- */

    .slider_index .legacy-slide.slide3 {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/05-winter-drilling-camp.webp");

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

        background-position:
            50% 57%;
    }


    /* --------------------------------------------------
       HOME SLIDE 4
       Дом / видеонаблюдение / smart-home
       -------------------------------------------------- */

    .slider_index .legacy-slide.slide4 {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/09-family-satellite-home.webp");

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

        background-position:
            50% 66%;
    }


    /* --------------------------------------------------
       INNER HERO
       Их старая высота 190px остаётся.
       Меняем только изображения + focal point.
       -------------------------------------------------- */

    .slider_inside .inner-slide--equipment {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/04-mountain-telecom-engineer.webp");

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 55%;
    }


    .slider_inside .inner-slide--about {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/06-mountain-station-technicians.webp");

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 55%;
    }


    .slider_inside .inner-slide--contacts {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/02-family-sunny-lawn.webp");

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 61%;
    }


    .slider_inside .inner-slide--internet {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/08-remote-work-mountain-lake.webp");

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 58%;
    }


    .slider_inside .inner-slide--tv {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/03-family-lake-sunset.webp");

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 61%;
    }


    .slider_inside .inner-slide--video {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/09-family-satellite-home.webp");

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 61%;
    }


    .slider_inside .inner-slide--default {
        background-image:
            url("/site/templates/legacy/images/hero-desktop-v3/10-mountain-satellite-station.webp");

        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 55%;
    }

}


/*
 * LARGE DESKTOP
 *
 * На очень широких мониторах даём hero ещё немного
 * больше воздуха по вертикали. Это уменьшает crop.
 */
@media (min-width: 1600px) {

    .topImg,
    .topImg .slider_index,
    .topImg .slider_index .img {
        height: 600px;
    }

    .topImg .slider_index .text {
        top: 145px;
    }

}


/*
 * MOBILE / TABLET SAFETY
 *
 * Никаких V3 override здесь нет.
 * Всё <=991px продолжает работать на HERO V1.
 */

/* SKYONE HERO DESKTOP V3 END */

/* SKYONE MOBILE TARIFFS V3 START */

/*
 * Mobile-first presentation for /tariffs/
 * Desktop styles stay untouched.
 *
 * Goals:
 * - actual equipment image is visible
 * - product and price are readable immediately
 * - ORDER CTA is large and obvious
 * - tariffs become compact comparison rows
 */

@media (max-width: 768px) {

    /* =====================================================
       OUTER CONTAINER
       ===================================================== */

    .equipment-box.alltariffs {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding: 0 12px 18px !important;
        background: #f5f5f5 !important;
    }


    /* =====================================================
       EQUIPMENT PRODUCT CARD
       ===================================================== */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    ) {
        display: grid !important;

        grid-template-columns:
            118px
            minmax(0, 1fr);

        grid-template-areas:
            "image name"
            "image price"
            "image speed1"
            "image speed2"
            "button button";

        column-gap: 14px;
        row-gap: 4px;

        align-items: center;

        min-height: 0 !important;
        height: auto !important;

        margin: 24px 0 10px !important;
        padding: 14px !important;

        border: 1px solid #dedede !important;
        border-radius: 10px !important;

        background: #fff !important;

        box-shadow:
            0 7px 22px
            rgba(0, 0, 0, .08) !important;

        overflow: hidden !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )::after {
        width: 4px !important;
    }


    /*
     * Product image
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )::before {
        grid-area: image !important;

        width: 118px !important;
        height: 118px !important;

        margin: 0 !important;

        border: 0 !important;
        border-radius: 7px !important;

        background-color: #f2f0ee !important;
        background-size: 100% 100% !important;
        background-position: center !important;

        box-shadow: none !important;
    }


    /*
     * Product title
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1 {
        grid-area: name !important;

        padding: 0 !important;
        margin: 0 !important;

        font-size: 19px !important;
        line-height: 1.08 !important;

        font-weight: 800 !important;
        letter-spacing: -.02em;

        color: #202025 !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1 > span {
        display: none !important;
    }


    /*
     * Product badge
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1::before {
        display: inline-flex !important;

        margin: 0 0 7px !important;
        padding: 4px 7px !important;

        border-radius: 4px !important;

        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: .07em !important;
    }


    /*
     * Price
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2 {
        grid-area: price !important;

        padding: 1px 0 4px !important;

        font-size: 13px !important;
        line-height: 1.1 !important;

        color: #777 !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2 > span:first-child {
        display: none !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2 .price {
        display: inline !important;

        margin-left: 3px;

        font-size: 20px !important;
        line-height: 1 !important;

        font-weight: 800 !important;

        color: #ff7c00 !important;
    }


    /*
     * Speeds
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size3,
    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size4 {
        display: block !important;

        width: auto !important;

        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.2 !important;

        font-weight: 700 !important;

        color: #333 !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size3 {
        grid-area: speed1 !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size4 {
        grid-area: speed2 !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size3 > span,
    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title2.size4 > span {
        display: inline !important;

        margin-right: 4px;

        font-size: 10px !important;
        line-height: 1 !important;

        font-weight: 600 !important;

        color: #999 !important;
    }


    /*
     * ORDER button
     */

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .so-order-cta {
        grid-area: button !important;

        display: flex !important;

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

        width: 100% !important;
        min-height: 46px;

        box-sizing: border-box;

        margin: 10px 0 0 !important;
        padding: 12px 18px !important;

        border: 0 !important;
        border-radius: 6px !important;

        background:
            linear-gradient(
                180deg,
                #ff8a18 0%,
                #f67500 100%
            ) !important;

        color: #fff !important;

        font-size: 14px !important;
        line-height: 1 !important;

        font-weight: 800 !important;
        letter-spacing: .04em;

        text-align: center;
        text-decoration: none !important;

        box-shadow:
            0 5px 13px
            rgba(255, 124, 0, .24);

        -webkit-tap-highlight-color:
            transparent;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .so-order-cta:active {
        transform: translateY(1px);
        box-shadow: none;
    }


    /* =====================================================
       TARIFF GROUP NAME
       ===================================================== */

    .equipment-box.alltariffs
    .line_tar2 {
        margin: 10px 0 0 !important;
        padding: 11px 12px !important;

        border-radius: 7px 7px 0 0;

        background: #202025 !important;

        color: #fff !important;

        font-size: 12px !important;
        line-height: 1.15 !important;

        font-weight: 800 !important;
        letter-spacing: .035em;

        text-align: left !important;
    }


    /*
     * Desktop heading row is not useful on phones.
     */

    .equipment-box.alltariffs
    .one_row {
        display: none !important;
    }


    /* =====================================================
       TARIFF ROW
       ===================================================== */

    .equipment-box.alltariffs
    .tariff_line {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto
            auto;

        grid-template-areas:
            "name name price"
            "down up price"
            "quota quota price";

        gap: 5px 10px;

        align-items: center;

        position: relative;

        width: 100% !important;

        box-sizing: border-box;

        margin: 0 !important;
        padding: 12px !important;

        border-left:
            1px solid #e6e6e6 !important;

        border-right:
            1px solid #e6e6e6 !important;

        border-bottom:
            1px solid #e6e6e6 !important;

        background:
            #fff !important;
    }


    .equipment-box.alltariffs
    .tariff_line:last-of-type {
        border-radius:
            0 0 7px 7px;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col {
        float: none !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }


    /*
     * Tariff name
     */

    .equipment-box.alltariffs
    .tariff_line
    .col1 {
        grid-area: name;

        font-size: 15px !important;
        line-height: 1.1 !important;

        font-weight: 800 !important;

        color: #202025 !important;
    }


    /*
     * Download / upload
     */

    .equipment-box.alltariffs
    .tariff_line
    .col2 {
        grid-area: down;

        font-size: 12px !important;
        font-weight: 700 !important;

        color: #555 !important;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col3 {
        grid-area: up;

        font-size: 12px !important;
        font-weight: 700 !important;

        color: #555 !important;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col2::before {
        content: "↓ ";
        color: #ff7c00;
        font-weight: 900;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col3::before {
        content: "↑ ";
        color: #777;
        font-weight: 900;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col2 .sm,
    .equipment-box.alltariffs
    .tariff_line
    .col3 .sm {
        display: inline !important;

        margin-left: 2px;

        font-size: 9px !important;
        color: #999 !important;
    }


    /*
     * Monthly price
     */

    .equipment-box.alltariffs
    .tariff_line
    .col4 {
        grid-area: price;

        position: static !important;

        min-width: 82px;

        font-size: 17px !important;
        line-height: 1.05 !important;

        font-weight: 900 !important;

        text-align: right !important;

        color: #ff7c00 !important;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col4 .sm {
        display: block !important;

        margin-top: 3px;

        font-size: 8px !important;
        line-height: 1 !important;

        font-weight: 600 !important;

        color: #999 !important;
    }


    /*
     * Included traffic
     */

    .equipment-box.alltariffs
    .tariff_line
    .col5 {
        grid-area: quota;

        font-size: 11px !important;
        line-height: 1.15 !important;

        color: #777 !important;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col5::before {
        content: "Включено: ";

        font-size: 9px;
        font-weight: 600;

        color: #aaa;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col5 .sm {
        display: inline !important;
        font-size: 9px !important;
    }


    /*
     * Extra legacy columns do not need to overload mobile.
     */

    .equipment-box.alltariffs
    .tariff_line
    .col6,
    .equipment-box.alltariffs
    .tariff_line
    .col7 {
        display: none !important;
    }


    /* =====================================================
       FORM
       ===================================================== */

    .so-order-form-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;

        border-radius: 9px !important;
    }

}


/* ---------------------------------------------------------
   EXTRA SMALL PHONES
   --------------------------------------------------------- */

@media (max-width: 390px) {

    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    ) {
        grid-template-columns:
            100px
            minmax(0, 1fr);

        column-gap: 11px;

        padding: 12px !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )::before {
        width: 100px !important;
        height: 100px !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size1 {
        font-size: 17px !important;
    }


    .equipment-box.alltariffs
    .h6:is(
        #set-1,
        #set-2,
        #set-3,
        #set-4
    )
    .title.size2 .price {
        font-size: 18px !important;
    }


    .equipment-box.alltariffs
    .tariff_line {
        padding: 10px !important;
        gap: 4px 7px;
    }


    .equipment-box.alltariffs
    .tariff_line
    .col4 {
        min-width: 72px;
        font-size: 15px !important;
    }

}

/* SKYONE MOBILE TARIFFS V3 END */