/* STARTER+ B2B homepage v2 — scoped */
.sp-home{max-width:1480px;margin:0 auto;padding:22px 16px 32px;font-family:inherit;color:#253044}.sp-home *{box-sizing:border-box}.sp-home__top{display:grid;grid-template-columns:minmax(0,3fr) minmax(290px,2fr);gap:24px;align-items:stretch}.sp-home__hero{min-width:0;position:relative;overflow:hidden;border-radius:10px;background:#1948d2;min-height:300px}.sp-home__banner-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.sp-home__banner-track::-webkit-scrollbar{display:none}.sp-home__banner-slide{flex:0 0 100%;width:100%;scroll-snap-align:start;min-width:0}.sp-home__banner-slide img,.sp-home__banner-link{display:block;width:100%;height:100%}.sp-home__banner-slide img{object-fit:cover;max-height:440px;min-height:300px}.sp-home__banner-controls{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.92)}.sp-home__banner-controls button,.sp-home__arrivals-controls button{border:1px solid #dce3ee;border-radius:6px;background:#fff;color:#1948d2;width:32px;height:32px;font-size:23px;line-height:1;cursor:pointer}.sp-home__banner-indicator{font-size:12px;color:#475569;min-width:35px;text-align:center}.sp-home__hero-fallback{min-height:300px;height:100%;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff;background:linear-gradient(115deg,#123cbd 0%,#1948d2 52%,#0b267d 100%)}.sp-home__hero-copy{position:relative;z-index:1;max-width:72%}.sp-home__eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;color:#c8d8ff}.sp-home__hero-fallback h1{font-size:clamp(24px,2.4vw,36px);line-height:1.15;color:#fff;margin:14px 0}.sp-home__hero-fallback p{color:#dce6ff;font-size:14px;line-height:1.5;margin:0 0 24px}.sp-home__hero-cta{display:inline-block;background:#fff;color:#1948d2!important;border-radius:6px;padding:12px 17px;text-decoration:none;font-size:13px;font-weight:600}.sp-home__hero-art{position:relative;align-self:stretch;flex:1;min-width:80px}.sp-home__hero-plus{position:absolute;right:3%;top:20%;font-size:clamp(110px,15vw,230px);line-height:1;font-weight:800;color:rgba(255,255,255,.16);transform:rotate(-13deg)}.sp-home__gear{position:absolute;color:rgba(255,255,255,.3);font-size:90px}.sp-home__gear--one{top:4%;right:10%}.sp-home__gear--two{bottom:0;left:0;font-size:55px}.sp-home__news{min-width:0;border:1px solid #e3e8f1;border-radius:10px;background:#fff;padding:20px 22px}.sp-home__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sp-home__section-head h2{font-size:21px;line-height:1.3;font-weight:600;margin:0;color:#263246}.sp-home__section-head>a{color:#1948d2;font-size:13px;white-space:nowrap}.sp-home__news-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #edf0f5}.sp-home__news-item:last-child{border-bottom:0}.sp-home__news-thumb{flex:0 0 112px;height:86px;display:block;border-radius:7px;overflow:hidden;background:#f7f9fc}.sp-home__news-thumb img{width:100%;height:100%;object-fit:cover}.sp-home__news-info{min-width:0}.sp-home__news-item time{display:block;color:#8290a3;font-size:12px;margin-bottom:6px}.sp-home__news-title{color:#253044;text-decoration:none;font-size:15px;line-height:1.45;font-weight:500}.sp-home__news-title:hover{color:#1948d2}.sp-home__empty{color:#64748b;font-size:14px}.sp-home__arrivals{margin-top:28px}.sp-home__section-head--arrivals{margin-bottom:16px}.sp-home__section-head--arrivals p{font-size:13px;color:#7c8798;margin:4px 0 0}.sp-home__arrivals-controls{display:flex;gap:8px}.sp-home__arrivals-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.sp-home__arrival-card{scroll-snap-align:start;flex:0 0 calc((100% - 48px)/4);min-width:0;border:1px solid #e3e8f1;border-radius:9px;overflow:hidden;background:#fff}.sp-home__arrival-image{position:relative;display:flex;height:170px;align-items:center;justify-content:center;background:#f7f9fc;text-decoration:none}.sp-home__arrival-image img{width:100%;height:100%;object-fit:contain;padding:12px}.sp-home__new-badge{position:absolute;top:10px;left:10px;background:#1948d2;color:#fff;font-size:10px;letter-spacing:.04em;font-weight:700;padding:5px 8px;border-radius:4px}.sp-home__image-placeholder{color:#1948d2;font-weight:700;letter-spacing:.08em}.sp-home__arrival-body{padding:14px;display:flex;flex-direction:column;min-height:126px}.sp-home__arrival-title{color:#263246;text-decoration:none;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-home__arrival-sku{color:#1948d2;font-size:12px;margin-top:6px}.sp-home__arrival-more{margin-top:auto;padding-top:10px;color:#1948d2;font-size:13px;text-decoration:none}@media(max-width:991px){.sp-home__top{grid-template-columns:1fr}.sp-home__arrival-card{flex-basis:calc((100% - 32px)/3)}}@media(max-width:640px){.sp-home{padding:14px 12px 24px}.sp-home__hero,.sp-home__hero-fallback{min-height:200px}.sp-home__hero-fallback{padding:22px}.sp-home__hero-copy{max-width:85%}.sp-home__news{padding:16px}.sp-home__news-thumb{flex-basis:95px;height:72px}.sp-home__arrival-card{flex-basis:76%}.sp-home__section-head h2{font-size:19px}}@media(prefers-reduced-motion:reduce){.sp-home__banner-track,.sp-home__arrivals-track{scroll-behavior:auto}} 

/* STARTER+ — компактная главная страница */

/* Верхние блоки одинаковой высоты */
.sp-home__top {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(290px, 2fr);
    gap: 20px;
    align-items: stretch;
}

/* Баннер занимает высоту двух новостей */
.sp-home__hero,
.sp-home__hero--brands {
    position: relative;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden;
    border-radius: 10px;
}

/* Слайдер растягивается внутри баннера,
   но не увеличивает высоту всей строки */
.sp-home__hero--brands .sp-home__banner-track {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.sp-home__hero--brands .sp-home__banner-slide,
.sp-home__hero--brands .sp-home__banner-link {
    height: 100%;
    min-height: 0 !important;
}

.sp-home__hero--brands .sp-home__banner-slide img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain;
    object-position: center;
}

/* Новости справа */
.sp-home__news {
    padding: 16px 20px;
}

.sp-home__news .sp-home__section-head {
    margin-bottom: 6px;
}

.sp-home__news-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
}

/* Фотографии новостей крупнее и без обрезки */
.sp-home__news-thumb {
    flex: 0 0 150px;
    width: 150px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 7px;
    background: #f7f9fc;
}

.sp-home__news-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
}

/* Нижний блок ближе к верхнему */
.sp-home__arrivals {
    margin-top: 16px;
}

.sp-home__section-head--arrivals {
    margin-bottom: 10px;
}

/* Компактные карточки товаров NEW */
.sp-home__arrival-image {
    height: 125px;
}

.sp-home__arrival-body {
    padding: 10px 12px;
    min-height: 100px;
}

/* Планшеты */
@media (max-width: 991px) {
    .sp-home__top {
        grid-template-columns: 1fr;
    }

    .sp-home__hero--brands {
        height: 260px !important;
    }
}

/* Телефоны */
@media (max-width: 640px) {
    .sp-home__hero--brands {
        height: 200px !important;
    }

    .sp-home__news-thumb {
        flex: 0 0 110px;
        width: 110px;
        height: 80px;
    }

    .sp-home__news {
        padding: 14px;
    }

    .sp-home__arrival-image {
        height: 120px;
    }
}

/* STARTER+ — адаптивные баннеры ASKA / WIX */

.sp-home__hero {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1200 / 470;
    background: #101010 !important;
}

.sp-home__banner-track {
    width: 100%;
    height: 100%;
}

.sp-home__banner-slide {
    height: 100%;
    overflow: hidden;
}

.sp-home__banner-link {
    width: 100%;
    height: 100%;
}

.sp-home__banner-slide img {
    display: block;
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 640px) {
    .sp-home__hero {
        aspect-ratio: 16 / 9;
    }
}
