/* Новые стили для "продающего" первого экрана */

.slider__skidka {
    background: #F5F5ED !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 700px;
    padding: 60px 0;
    gap: 40px;
}


.slider__skidka-zag {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 58px !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    color: #1a1a1a !important;
    max-width: 700px;
    margin-bottom: 30px !important;
}

.slider__skidka-info {
    margin-bottom: 45px !important;
    gap: 15px !important;
}

.slider__skidka-info li {
    font-size: 20px !important;
    color: #333 !important;
}

.slider__skidka-info li strong {
    color: #C24933;
    font-weight: 700;
}

.slider__skidka-info li::before {
    background-color: #C24933 !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(194, 73, 51, 0.2);
}

.slider__skidka-zapic {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 20px 50px !important;
    height: auto !important;
    background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%) !important;
    box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4) !important;
    border-radius: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
}

@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(194, 73, 51, 0.4);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(194, 73, 51, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(194, 73, 51, 0);
    }
}

/* Адаптив для мобильных */
@media screen and (max-width: 992px) {
    .slider__skidka {
        flex-direction: column !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        text-align: center;
        min-height: auto;
    }

    .slider__skidka-text {
        order: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .slider__skidka-zag {
        font-size: 34px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .slider__skidka-info {
        max-width: 100% !important;
        padding-left: 0 !important;
        align-items: center;
    }

    .slider__skidka-info li {
        text-align: left;
    }

    .slider__skidka-info::before {
        display: none;
    }
}


/* Стили для продающего экрана Кухонь (в стиле index.html) */
.hero-kuhni {
    position: relative;
    width: 100%;
    min-height: 600px;
    margin: 30px 0 30px;
    border-radius: 20px;
    overflow: hidden;
    background: #F5F5ED !important;
    display: flex;
    align-items: center;
}

.hero-kuhni__bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: url('../images/kitchen/angular/5/2.png') center/cover no-repeat;
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.hero-kuhni__container {
    position: relative;
    z-index: 2;
    padding: 60px;
    max-width: 750px;
}

.hero-kuhni__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 12px;
    color: #222 !important;
    text-transform: none !important;
    letter-spacing: -1.5px !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
}

.accent-text {
    color: #a68b3d !important;
    position: relative;
    display: inline-block;
}

.hero-kuhni__subtitle {
    font-size: 20px;
    color: #555;
    margin-bottom: 40px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.hero-kuhni__benefits {
    list-style: none;
    padding: 0;
    margin: 0 0 45px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}

.hero-kuhni__benefits::before {
    content: none;
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(213, 185, 99, 0.5), transparent);
}

.hero-kuhni__benefit {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.hero-kuhni__benefit-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    color: #d5b963;
    margin-top: 2px;
    border-radius: 50%;
    border: 1px solid rgba(196, 164, 124, 0.35);
    background: #f7f5f0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.hero-kuhni__benefit-icon svg {
    width: 20px;
    height: 20px;
}

.hero-kuhni__benefit-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hero-kuhni__benefit-title {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.3;
}

.hero-kuhni__benefit-desc {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    font-weight: 500;
    opacity: 0.95;
}

.hero-kuhni__cta-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
}

.hero-kuhni__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 22px 35px;
    min-height: 56px;
    background: linear-gradient(135deg, #e74c3c 0%, #c24933 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
    box-shadow: 0 10px 25px rgba(194, 73, 51, 0.4);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    animation: none;
}

.hero-kuhni__cta:hover {
    box-shadow: 0 15px 35px rgba(194, 73, 51, 0.5);
}


.hero-kuhni__hint {
    font-size: 14px;
    color: #444;
    font-weight: 600;
    max-width: 220px;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .hero-kuhni {
        min-height: auto;
        padding: 60px 20px !important;
        flex-direction: column;
        text-align: center;
    }

    .hero-kuhni__bg {
        width: 100%;
        height: 300px;
        position: relative;
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
        order: 2;
        margin-top: 30px;
        display: none;
    }

    .hero-kuhni__container {
        padding: 0;
        order: 1;
    }

    .hero-kuhni__title {
        font-size: 36px;
    }

    .hero-kuhni__benefit {
        text-align: left;
    }
}

@keyframes specs-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Technical Specs Card (Option 1: Integrated) */
.hero-specs {
    position: relative;
    margin-top: 40px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(213, 185, 99, 0.2);
    border-radius: 16px;
    padding: 20px 25px;
    max-width: 500px;
    z-index: 10;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    animation: specs-fade-in 1s ease-out 0.5s both;
}

@media screen and (max-width: 1100px) {
    .hero-specs {
        grid-template-columns: 1fr 1fr;
        max-width: 400px;
    }
}

@media screen and (max-width: 767px) {
    .hero-specs {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }
}

.hero-specs__item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hero-specs__label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    font-weight: 700;
}

.hero-specs__value {
    font-size: 15px;
    font-weight: 800;
    color: #222;
    line-height: 1.2;
}

.hero-specs__accent {
    color: #D5B963;
}

.slider__skidka-zapic,
.hero-kuhni__cta {
    animation: pulse-red-kuhni 2s infinite !important;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

.slider__skidka-zapic:hover,
.slider__skidka-zapic,
.hero-kuhni__cta {
    animation: pulse-red-kuhni 2s infinite !important;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

.slider__skidka-zapic:hover,
.hero-kuhni__cta:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 35px rgba(194, 73, 51, 0.5) !important;
}

/* Отключение шиммера на главной для соответствия стилю кухни */
.slider__skidka-zapic::after {
    content: none !important;
    animation: none !important;
}

/* -------------------------------------------------- */
/* NEW HEADER STYLES (PREMIUM REDESIGN) */
/* -------------------------------------------------- */

.new-header {
    width: 100%;
    position: sticky;
    top: -35px;
    /* Matches approx height of top bar so it scrolls away */
    z-index: 1000;
    font-family: 'Montserrat', sans-serif;
}

/* ... existing top bar styles ... */

.new-header__main {
    position: relative;
    z-index: 1001;
    background-color: rgba(255, 255, 255, 0.95);
    /* Ultra clean white */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    /* Strong, deep shadow for separation */
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /* Subtle border */
    transition: all 0.3s ease;
}

.new-header__top-bar {
    background: #F9F8F5;
    /* Premium Light Beige */
    border-bottom: 1px solid rgba(213, 185, 99, 0.15);
    padding: 9px 0;
    font-size: 11px;
    /* Smaller, cleaner */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    /* Wide tracking */
    color: #444;
}

.new-header__top-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.new-header__top-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #444;
    text-decoration: none;
    transition: color 0.3s ease;
}

.new-header__top-item:hover {
    color: #d5b963;
    /* Brand gold on hover */
}

.new-header__top-separator {
    color: #d5b963;
    /* Gold separator */
    margin: 0 25px;
    font-weight: 300;
}

.new-header__top-item svg {
    width: 14px;
    height: 14px;
    color: #d5b963;
    flex-shrink: 0;
}

.new-header__main {
    background-color: rgba(255, 255, 255, 0.95);
    /* Ultra clean white */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    /* Strong, deep shadow for separation */
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /* Subtle border */
    transition: all 0.3s ease;
}

.new-header__main-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-header__logo svg {
    width: 170px;
    /* Slightly larger */
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.new-header__logo:hover svg {
    transform: scale(1.02);
}

.new-header__nav {
    flex: 1;
    margin: 0 30px;
    /* More spacing */
}

.new-header__menu {
    display: flex;
    justify-content: center;
    gap: 30px;
    /* More spacing between items */
    list-style: none;
    margin: 0;
    padding: 0;
}

.new-header__menu li {
    padding: 0;
    margin: 0;
}

.new-header__menu li::before {
    display: none;
    /* Remove custom bullet form all.css */
}

.new-header__menu a {
    text-decoration: none;
    color: #2c2c2c;
    font-weight: 700;
    /* Bolder */
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* spaced out */
    transition: color 0.3s ease;
    padding: 10px 0;
    position: relative;
    display: block;
}

.new-header__menu a:hover {
    color: #d5b963;
}

.new-header__menu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #d5b963;
    transition: width 0.3s ease;
}

.new-header__menu a:hover::after {
    width: 100%;
}

.new-header__actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Option 1: Premium Gold Outline Style */
.new-header__catalog.button-green {
    background: transparent !important;
    border: 2px solid #d5b963 !important;
    color: #3b352c !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    height: auto !important;
    transition: all 0.3s ease !important;
}

.new-header__catalog.button-green:hover {
    background: #d5b963 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(213, 185, 99, 0.3) !important;
}

.new-header__catalog svg {
    width: 18px;
    height: 18px;
    fill: #d5b963 !important;
    transition: all 0.3s ease !important;
    margin: 0;
}

.new-header__catalog.button-green:hover svg {
    fill: #fff !important;
}

.new-header__phone {
    font-weight: 800;
    /* Bolder */
    color: #1a1a1a;
    font-size: 17px;
    /* Larger */
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.3s ease;
}

.new-header__phone:hover {
    color: #d5b963;
}


.new-header__burger {
    display: none;
    cursor: pointer;
    padding: 5px;
    color: #333;
    transition: color 0.3s;
}

.new-header__burger:hover {
    color: #C24933;
}

.new-header__burger svg {
    width: 30px;
    height: 26px;
    fill: currentColor;
}

/* Mobile Adaptation */
@media screen and (max-width: 1200px) {
    .new-header__menu {
        gap: 20px;
    }

    .new-header__nav {
        margin: 0 20px;
    }

    .new-header__logo svg {
        width: 150px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1100px) {
    .new-header__nav {
        margin: 0 10px;
    }

    .new-header__menu {
        gap: 12px;
    }

    .new-header__menu a {
        font-size: 12px;
        letter-spacing: 0.3px;
    }

    .new-header__catalog.button-green {
        padding: 8px 16px !important;
        font-size: 12px !important;
        gap: 8px;
    }
}

@media screen and (max-width: 992px) {
    .new-header__top-bar {
        display: none;
    }

    .new-header {
        top: 0;
    }

    .new-header__nav {
        display: none;
        /* Hide desktop menu */
    }

    .new-header__phone {
        display: none;
    }

    .new-header__catalog.button-green {
        padding: 8px 20px !important;
        font-size: 13px !important;
    }

    .new-header__burger {
        display: block;
        margin-left: 10px;
    }
}

/* Tablet widths: keep desktop-like nav links between logo and catalog */
@media screen and (min-width: 768px) and (max-width: 992px) {
    .new-header__main-container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .new-header__logo svg {
        width: 140px !important;
    }

    .new-header__nav {
        display: block !important;
        flex: 1 !important;
        margin: 0 12px !important;
    }

    .new-header__menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    .new-header__menu a {
        font-size: 12px !important;
        letter-spacing: 0.3px !important;
        white-space: nowrap !important;
    }

    .new-header__actions {
        gap: 0 !important;
    }

    .new-header__catalog.button-green {
        padding: 8px 16px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }
}

@media screen and (max-width: 480px) {
    .new-header__logo svg {
        width: 120px;
    }

    .new-header__actions {
        gap: 10px;
    }

    /* Mobile Catalog Button - Icon Only */
    .new-header__catalog.button-green {
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 50% !important;
        font-size: 0 !important;
        /* Hide text */
        border: 2px solid #d5b963 !important;
        background: transparent !important;
    }

    .new-header__catalog svg {
        margin: 0;
        width: 20px;
        height: 20px;
        fill: #d5b963 !important;
    }

    .new-header__catalog.button-green:hover {
        background: #d5b963 !important;
    }

    .new-header__catalog.button-green:hover svg {
        fill: #fff !important;
    }

    .new-header__catalog::after {
        content: none;
    }
}

/* Mobile header: no right menu button, catalog keeps desktop-like text */
.new-header__burger {
    display: none !important;
}

@media screen and (max-width: 480px) {
    .new-header__catalog.button-green {
        width: auto !important;
        height: auto !important;
        padding: 8px 20px !important;
        justify-content: center !important;
        border-radius: 50px !important;
        font-size: 13px !important;
        gap: 8px !important;
        /* Restore text on very small screens if user wants text, 
           but previous block set it to icon only. 
           Let's standardise mobile to be just the distinct button with text if space allows, 
           or keep the icon-only logic if preferred. 
           For this specific "Option 1" request, the user wants it beautiful. 
           Let's keep text on mobile to make it clear what it is, 
           as just an icon might be too subtle with the new outline style. */
        font-size: 13px !important;
        width: auto !important;
        border-radius: 50px !important;
    }

    .new-header__catalog svg {
        width: 18px !important;
        height: 18px !important;
    }
}

.slider__skidka {
    background: #F5F5ED !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 700px;
    padding: 60px 0;
    gap: 40px;
}


.slider__skidka-zag {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 54px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #2D2D2D !important;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.slider__skidka-zag .accent-text {
    color: #d5b963;
    position: relative;
    display: inline-block;
}

.slider__skidka-sub {
    font-size: 20px !important;
    color: #666 !important;
    margin-bottom: 40px !important;
    font-weight: 300;
}

.slider__skidka-info {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 50px 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    max-width: 600px;
}

.slider__skidka-info li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    font-size: 14px;
    line-height: 1.4;
}

.slider__skidka-info svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: #2D2D2D;
    margin-top: 2px;
}

.slider__skidka-content {
    display: flex;
    flex-direction: column;
}

.slider__skidka-item-title {
    font-weight: 700;
    color: #2D2D2D;
    display: block;
    margin-bottom: 4px;
}

.slider__skidka-item-desc {
    color: #888;
    font-size: 13px;
}

.slider__skidka-buts {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 60px;
}

/* Адаптив для мобильных */
@media screen and (max-width: 992px) {
    .slider__skidka {
        flex-direction: column !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        text-align: center;
        min-height: auto;
    }

    .slider__skidka-text {
        order: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .slider__skidka-zag {
        font-size: 34px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .slider__skidka-info {
        max-width: 100% !important;
        padding-left: 0 !important;
        align-items: center;
    }

    .slider__skidka-info li {
        text-align: left;
    }

    .slider__skidka-info::before {
        display: none;
    }
}


/* Стили для продающего экрана Кухонь (в стиле index.html) */
.hero-kuhni {
    background: #F5F5ED !important;
    min-height: 600px;
    padding: 0;
    display: flex;
    align-items: center;
}

.hero-kuhni__flex {
    display: flex;
    align-items: center;
    gap: 60px;
}

.hero-kuhni__text {
    flex: 1;
}

.hero-kuhni__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.hero-kuhni__subtitle {
    font-size: 20px;
    color: #666;
    margin-bottom: 40px;
}

.hero-kuhni__cta {
    display: inline-block;
    padding: 20px 15px;
    background: #d5b963;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(213, 185, 99, 0.2);
}

.hero-kuhni__cta:hover {
    background: #c4a852;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(213, 185, 99, 0.3);
}

.hero-kuhni__hint {
    display: inline-block;
    margin-left: 0;
    font-size: 13px;
    color: #888;
    line-height: 1.4;
    vertical-align: middle;
}

.hero-kuhni__image {
    flex: 1.2;
    position: relative;
}

.hero-kuhni__img {
    width: 100%;
    border-radius: 15px;
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1);
}

.hero-badges {
    display: flex;
    gap: 30px;
    margin-top: 50px;
}

.hero-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 14px;
}

.hero-badge__icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d5b963;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.hero-badge__icon svg {
    width: 20px;
    height: 20px;
}

/* -------------------------------------------------- */
/* VARIANT 1: L-SHAPED GRID (TRIPLE IMAGE) */
/* -------------------------------------------------- */

.hero-lg-grid {
    position: relative;
    width: 100%;
    max-width: 800px;
    height: 600px;
    margin-left: auto;
}

.hero-lg-grid__wrapper {
    display: flex;
    gap: 20px;
    width: 100%;
    height: 100%;
}

.hero-lg-grid__main {
    flex: 1.2;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

.hero-lg-grid__side {
    flex: 0.8;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hero-lg-grid__item {
    flex: 1;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.hero-lg-grid__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Hover Effects */
.hero-lg-grid__main:hover .hero-lg-grid__image,
.hero-lg-grid__item:hover .hero-lg-grid__image {
    transform: scale(1.1);
}

.hero-lg-grid__main:hover .hero-lg-grid__overlay,
.hero-lg-grid__item:hover .hero-lg-grid__overlay {
    background: linear-gradient(to top, rgba(13, 13, 13, 0.7) 0%, transparent 60%);
}

/* Mobile Adaptation for L-Grid */
@media screen and (max-width: 992px) {
    .hero-lg-grid {
        height: auto;
        max-width: 100%;
        margin-top: 50px;
        order: 2;
    }

    .hero-lg-grid__wrapper {
        flex-direction: column;
    }

    .hero-lg-grid__main {
        height: 400px;
    }

    .hero-lg-grid__side {
        flex-direction: row;
        height: 250px;
    }

    .hero-lg-grid__item {
        flex: 1;
    }
}

@media screen and (max-width: 480px) {
    .hero-lg-grid__main {
        height: 300px;
    }

    .hero-lg-grid__side {
        flex-direction: column;
        height: 400px;
    }

    .hero-lg-grid__label {
        font-size: 16px;
    }
}

/* Text Block Typography & Spacing Improvements */
.slider__skidka-text {
    max-width: 650px;
    padding-right: 20px;
    animation: heroFadeInLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.slider__skidka-zag {
    font-size: 62px !important;
    letter-spacing: -2px !important;
    margin-bottom: 25px !important;
}

.slider__skidka-info {
    gap: 35px !important;
    /* More breathing room */
    margin-bottom: 60px !important;
}

.slider__skidka-info li {
    gap: 20px !important;
}

.slider__skidka-item-title {
    font-size: 16px;
    margin-bottom: 6px;
}

.slider__skidka-item-desc {
    font-size: 14px;
    line-height: 1.6;
}

/* Entry Animations */
@keyframes heroFadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroFadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Hover States Enhancement */
.hero-lg-grid__main:hover .hero-lg-grid__image,
.hero-lg-grid__item:hover .hero-lg-grid__image {
    transform: scale(1.06);
}

.hero-lg-grid__main:hover .hero-lg-grid__glass,
.hero-lg-grid__item:hover .hero-lg-grid__glass {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Mobile Adaptation Updated */
@media screen and (max-width: 992px) {
    .hero-lg-grid {
        height: auto;
        max-width: 100%;
        margin-top: 60px;
        order: 2;
    }

    .hero-lg-grid__wrapper {
        flex-direction: column;
    }

    .hero-lg-grid__main {
        height: 450px;
        border-radius: 30px;
    }

    .hero-lg-grid__side {
        flex-direction: row;
        height: 300px;
        gap: 15px;
    }

    .hero-lg-grid__item {
        border-radius: 20px;
    }

    .slider__skidka-zag {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 580px) {
    .hero-lg-grid__side {
        flex-direction: column;
        height: 500px;
    }

    .hero-lg-grid__main {
        height: 350px;
    }

    .hero-lg-grid__glass {
        bottom: 15px;
        left: 15px;
        right: 15px;
        padding: 10px 15px;
    }
}

/* Hide triple-image hero on phones/tablets including Surface Pro 7-like widths */
@media screen and (max-width: 992px) {
    .slider__skidka .hero-lg-grid {
        display: none !important;
    }
}

/* Tablet widths up to 992px: show only two side images, hide main kitchen image */
@media screen and (min-width: 768px) and (max-width: 992px) {
    .slider__skidka {
        flex-direction: row !important;
        align-items: flex-start;
        justify-content: space-between;
        text-align: left;
        gap: 24px;
    }

    .slider__skidka .slider__skidka-text {
        order: 1;
        align-items: flex-start;
        text-align: left;
        max-width: calc(100% - 280px);
    }

    .slider__skidka .hero-lg-grid {
        display: block !important;
        order: 2;
        align-self: stretch;
        height: clamp(520px, 69vw, 600px);
        max-width: 260px;
        margin-top: 0;
        margin-left: auto;
    }

    .slider__skidka .hero-lg-grid__main {
        display: none !important;
    }

    .slider__skidka .hero-lg-grid__wrapper {
        display: block;
        height: 100%;
    }

    .slider__skidka .hero-lg-grid__side {
        display: flex;
        flex-direction: column;
        gap: 15px;
        height: 100%;
    }

    .slider__skidka .hero-lg-grid__item {
        flex: 1;
    }

    .slider__skidka .slider__skidka-zag {
        margin-top: 0 !important;
    }
}