/* Redesign-bridge: minimal additions on top of the old galaxycraft framework */

.new-strict .panel-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #151515;
    border-radius: 20px;
    padding: 30px 18px 22px;
    box-shadow: 0 0 80px rgba(128, 90, 234, 0.25);
    transition: transform .25s ease, box-shadow .25s ease;
    height: 100%;
}
.new-strict .panel-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 0 130px rgba(128, 90, 234, 0.45);
}
.new-strict .panel-card__img{
    width: 100%;
    max-width: 180px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    margin-bottom: 18px;
}
.new-strict .panel-card__title{
    color: #fff;
    font-family: "NEXT ART", "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: .02em;
}

.new-strict .sub-heading{
    text-align: center;
    margin: 60px auto 18px;
    max-width: 1100px;
}
.new-strict .new-strict__section-heading{
    margin-top: 140px;
}

.new-strict .sub-heading_boxed{
    position: relative;
    background: #151515;
    border-radius: 20px;
    padding: 40px 48px 36px;
    max-width: 1200px;
    margin: 48px auto 18px;
    box-shadow: 0 0 80px rgba(128, 90, 234, 0.18);
    overflow: hidden;
}

.new-strict .sub-heading_boxed_add{
    position: relative;
    background: #151515;
    border-radius: 20px;
    padding: 40px 48px 36px;
    max-width: 1200px;
    margin: 48px auto 18px;
    box-shadow: 0 0 80px rgba(128, 90, 234, 0.18);
    overflow: hidden;
}

.new-strict .planets-grid + .sub-heading_boxed_add{
    margin-top: -12px;
}

.new-strict .planet-card{
margin: 6px;
}

.new-strict .sub-heading_boxed::before{
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, #5650FF 0%, #AC55E5 50%, #FF21A6 100%);
}
.new-strict .sub-heading_boxed .sub-heading__title{
    margin-bottom: 10px;
}
.new-strict .sub-heading_boxed .sub-heading__text{
    color: rgba(255,255,255,0.7);
}

/* Когда после боксовой плашки идёт блок-пояснение — прижимаем их вплотную */
.new-strict .sub-heading_boxed + .planets-grid{
    margin-top: 12px;
}

.new-strict .planets-grid{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    height: auto !important;
}
.new-strict .planets-grid .mb-30{
    margin-bottom: 0 !important;
}
.new-strict .sub-heading__title{
    font-family: "NEXT ART", "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 14px;
}
.new-strict .sub-heading__text{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255,255,255,0.6);
    max-width: 820px;
    margin: 0 auto;
}

.new-strict .planet-card{
    background: #151515;
    border-radius: 16px;
    padding: 18px 16px;
    text-align: center;
    color: #fff;
    font-family: "NEXT ART", "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-shadow: 0 0 60px rgba(86, 80, 255, 0.2);
    transition: transform .25s ease, box-shadow .25s ease;
}
.new-strict .planet-card span{
    white-space: nowrap;
}
.new-strict .planet-card__icon{
    width: 56px;
    height: 56px;
    object-fit: contain;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}
.new-strict .planet-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 0 130px rgba(86, 80, 255, 0.45);
}

.new-strict .info-card{
    background: #151515;
    border-radius: 20px;
    padding: 32px 28px;
    height: 100%;
    box-shadow: 0 0 80px rgba(128, 90, 234, 0.2);
}
.new-strict .info-card__title{
    font-family: "NEXT ART", "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    margin-bottom: 14px;
    line-height: 1.25;
}
.new-strict .info-card__text{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.55;
    color: rgba(255,255,255,0.7);
    margin: 0;
}

.new-strict .fix-card{
    background: #151515;
    border-radius: 16px;
    padding: 22px 24px;
    height: 100%;
    box-shadow: 0 0 60px rgba(128, 90, 234, 0.15);
}
.new-strict .fix-card__text{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255,255,255,0.75);
    margin: 0;
}

.new-strict .separator-img{
    display: block;
    width: 100%;
    max-width: 1350px;
    margin: 120px auto;
}

.new-strict .mti-30{
    margin-top: 30px !important;
}

#header{
    background:
            url("../img/old_assets/skydrive_galaxycraft_header.webp")
            no-repeat
            center center;
    background-size: cover;
}

/* ========================================================================== */
/* Мобильная адаптация (< 768px)                                              */
/* ========================================================================== */
@media (max-width: 767.98px) {

    /* Section headings — крупные H2 */
    .new-strict .new-strict__section-heading{
        margin-top: 70px;
        font-size: 28px !important;
        line-height: 1.2 !important;
        padding: 0 16px;
    }

    /* Sub-heading (обычный, без бокса) */
    .new-strict .sub-heading{
        margin: 40px auto 14px;
        padding: 0 16px;
    }
    .new-strict .sub-heading__title{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .new-strict .sub-heading__text{
        font-size: 15px;
    }

    /* Sub-heading в боксовой плашке — на мобилке выравниваем по ширине с planets-grid */
    .new-strict .sub-heading_boxed,
    .new-strict .sub-heading_boxed_add{
        padding: 28px 20px 24px;
        margin: 32px 0 14px;
        border-radius: 16px;
    }

    /* Карточки панелей */
    .new-strict .panel-card{
        padding: 22px 14px 18px;
    }
    .new-strict .panel-card__img{
        max-width: 120px;
        margin-bottom: 12px;
    }
    .new-strict .panel-card__title{
        font-size: 14px;
    }

    /* Карточки планет — фиксируем равную высоту чтоб 1- и 2-строчные тайтлы совпадали */
    .new-strict .planet-card{
        height: 150px;
        padding: 14px 10px;
        font-size: 17px;
        margin: 0 0 6px;
        gap: 8px;
    }
    .new-strict .planet-card span{
        white-space: normal;
    }
    .new-strict .planet-card__icon{
        width: 44px;
        height: 44px;
    }
    /* Уплотняем сетку: уменьшаем гуттеры и убираем нижний разрыв колонок */
    .new-strict .planets-grid .row{
        margin-left: -6px;
        margin-right: -6px;
    }
    .new-strict .planets-grid .row > [class^="col-"]{
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: 12px;
    }

    /* Info-карточки (Другие изменения) */
    .new-strict .info-card{
        padding: 24px 20px;
    }
    .new-strict .info-card__title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .new-strict .info-card__text{
        font-size: 15px;
    }

    /* Карточки исправлений */
    .new-strict .fix-card{
        padding: 18px 18px;
    }
    .new-strict .fix-card__text{
        font-size: 14px;
    }

    /* Шапка/логотип */
    .new-strict .longread-header__logo{
        max-width: 90%;
    }

    /* Wrapper внутренний паддинг, чтоб контент не липнул к краям */
    .new-strict .wrapper{
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Уменьшаем большие отступы целиком — иначе на мобилке зияющие пустоты */
    .new-strict .pt-150{ padding-top: 60px !important; }
    .new-strict .mt-150{ margin-top: 60px !important; }
    .new-strict .pt-75{  padding-top: 35px !important; }
    .new-strict .py-75{  padding-top: 35px !important; padding-bottom: 35px !important; }
    .new-strict .pb-75{  padding-bottom: 35px !important; }
    .new-strict .pt-50{  padding-top: 25px !important; }

    /* Финальный блок с сердцем */
    .new-strict .new-strict__credits-icon{
        max-width: 80px;
    }
    .new-strict #credits .new-strict__section-heading{
        font-size: 22px !important;
    }
}

/* ========================================================================== */
/* Планшетная адаптация (768px – 1199.98px) — iPad portrait/landscape         */
/* ========================================================================== */
@media (min-width: 768px) and (max-width: 1199.98px) {

    /* H2 секций — чуть меньше, ближе к верху */
    .new-strict .new-strict__section-heading{
        margin-top: 100px;
        font-size: 38px !important;
        line-height: 1.2 !important;
    }

    /* Sub-heading (обычный) */
    .new-strict .sub-heading{
        margin: 50px auto 16px;
        padding: 0 24px;
    }
    .new-strict .sub-heading__title{
        font-size: 28px;
    }
    .new-strict .sub-heading__text{
        font-size: 16px;
    }

    /* Sub-heading-плашка — ограничиваем шириной вьюпорта с боковыми полями */
    .new-strict .sub-heading_boxed,
    .new-strict .sub-heading_boxed_add{
        padding: 32px 36px 28px;
        margin-left: 24px;
        margin-right: 24px;
        max-width: none;
    }

    /* Карточки солнечных панелей — на iPad 4 в ряд это уже впритык */
    .new-strict .panel-card{
        padding: 24px 12px 18px;
    }
    .new-strict .panel-card__img{
        max-width: 140px;
        margin-bottom: 14px;
    }
    .new-strict .panel-card__title{
        font-size: 14px;
    }

    /* Карточки планет — поджимаем размеры, выравниваем ширину с плашкой */
    .new-strict .planets-grid{
        max-width: none;
        margin-left: 24px;
        margin-right: 24px;
    }
    .new-strict .planet-card{
        height: 140px;
        font-size: 18px;
        padding: 14px 10px;
        gap: 8px;
    }
    .new-strict .planet-card span{
        white-space: normal;
    }
    .new-strict .planet-card__icon{
        width: 44px;
        height: 44px;
    }

    /* Info-карточки */
    .new-strict .info-card{
        padding: 26px 22px;
    }
    .new-strict .info-card__title{
        font-size: 19px;
    }
    .new-strict .info-card__text{
        font-size: 15px;
    }

    /* Большие фреймворковые отступы */
    .new-strict .pt-150{ padding-top: 90px !important; }
    .new-strict .mt-150{ margin-top: 90px !important; }
}

/* Очень узкие экраны (< 380px) — дополнительная подстройка */
@media (max-width: 379.98px) {
    .new-strict .new-strict__section-heading{
        font-size: 24px !important;
    }
    .new-strict .sub-heading__title{
        font-size: 20px;
    }
    .new-strict .planet-card{
        font-size: 16px;
    }
}