html, body {
            overflow-x: hidden;
            width: 100%;
            position: relative;
        touch-action: manipulation;
        }

        body {
            margin: 0;
            padding: 0;
            /* Премиальный, векторный CSS-градиент на весь экран */
            background: #FFFFFF;
            background-image: radial-gradient(circle at 10% 20%, rgba(97, 203, 217, 0.08) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(9, 45, 71, 0.04) 0%, transparent 40%), linear-gradient(180deg, #FFFFFF 0%, #F5F9FA 100%);
            background-attachment: fixed; /* Градиент стоит на месте при скролле */
        }

    /* Отключаем зум при быстром двойном клике на телефонах (особенно iPhone) */
    button, a, input, textarea, .btn-primary, .btn-secondary, .cart-add-btn, .qty-btn, .modal-qty-btn, .header-cart, .info-icon, .modal-close {
        touch-action: manipulation;
    }

        .scale-wrapper {
            width: 100%;
        }

        .main-wrapper {
            position: relative;
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            background: transparent; /* Убираем жесткий белый фон, чтобы просвечивал градиент экрана */
            padding-top: 100px; /* Отступ для фиксированной шапки */
            overflow: hidden;
        }

        .abs { position: absolute; }
        
        /* Типографика */
        .font-roboto { font-family: 'Roboto', sans-serif; font-style: normal; }
        .font-montserrat { font-family: 'Montserrat', sans-serif; font-style: normal; }
        .color-dark { color: #092D47; }
        .color-gray { color: #3F3E3E; }
        .color-white { color: #FFFFFF; }
        .uppercase { text-transform: uppercase; }
        .text-center { text-align: center; }

        /* Компоненты виджета "Добавить" */
        .cart-widget { width: 176px; height: 240px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); position: relative; }
        .cart-bg-1 { position: absolute; left: 0; top: 0; background: linear-gradient(179.93deg, #CBF2FD 0.17%, #61CBD9 99.94%); border: 1px solid #FFFFFF; border-radius: 30px; box-sizing: border-box; width: 100%; height: 100%; z-index: 1; }
        .cart-bg-2 { position: absolute; left: 0; top: 0; background: linear-gradient(90deg, #FFE3CC 0%, #FEE5DD 100%); border: 1px solid #FFFFFF; border-radius: 30px; box-sizing: border-box; width: 100%; height: 100%; z-index: 1; }
        
        .cart-add-btn { position: absolute; left: 10.23%; right: 10.57%; top: 79.17%; bottom: 5.79%; background: #FFFFFF; border: 0.2px solid #756370; border-radius: 15px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-family: 'Roboto'; font-weight: 400; font-size: 14px; color: #092D47; cursor: pointer; z-index: 2; }
        .cart-calc-wrap { position: absolute; left: 10.18%; right: 10.62%; top: 57.8%; bottom: 27.16%; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)); background: #FFFFFF; border: 0.2px solid #756370; border-radius: 15px; display: flex; overflow: hidden; box-sizing: border-box; z-index: 2; }
        .qty-btn { width: 33.33%; background: transparent; border: none; color: #092D47; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; user-select: none; line-height: 1; }
        .qty-btn:first-child { transform: translateY(-2px); } /* Визуально поднимаем минус */
        .qty-btn:last-child { transform: translateY(1px); } /* Визуально опускаем плюс */
        .qty-btn:hover { background: #F4FAFA; }
        .qty-input { width: 33.34%; border: none; border-left: 0.2px solid #756370; border-right: 0.2px solid #756370; text-align: center; font-family: 'Roboto'; font-weight: 400; font-size: 20px; color: #092D47; background: transparent; padding: 0; box-sizing: border-box; -moz-appearance: textfield; outline: none; }
        .qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

        /* Маскированные контейнеры */
        .mask-container { filter: drop-shadow(2px 4px 11.2px rgba(0, 0, 0, 0.25)); border-radius: 30px; overflow: hidden; background: #D9D9D9; }
        .mask-border { border: 4px solid #FFFFFF; border-radius: 30px; box-sizing: border-box; pointer-events: none; }

        /* Анимации парения баллонов */
        @keyframes float-1 {
            0%, 100% { transform: translateY(0) rotate(17.18deg); }
            50% { transform: translateY(-15px) rotate(17.18deg); }
        }
        @keyframes float-2 {
            0%, 100% { transform: translateY(0) rotate(-20.31deg); }
            50% { transform: translateY(-12px) rotate(-20.31deg); }
        }
        
        .hero-float-1 { animation: float-1 4s ease-in-out infinite; }
        .hero-float-2 { animation: float-2 5s ease-in-out infinite; }

        /* Анимация при скролле */
        .reveal-up-abs {
            opacity: 0;
            margin-top: 50px;
            transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), margin-top 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
            will-change: opacity, margin-top;
        }
        .reveal-up-abs.active { opacity: 1; margin-top: 0; }
        .delay-1 { transition-delay: 0.1s; }
        .delay-2 { transition-delay: 0.2s; }
        .delay-3 { transition-delay: 0.3s; }
        .delay-4 { transition-delay: 0.4s; }
        .delay-5 { transition-delay: 0.5s; }

        /* Аккордеон "Наши Клиенты" */
        .accordion-item {
            width: 887px;
            background: rgba(255, 255, 255, 0.1);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            border-radius: 30px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .accordion-header {
            height: 82px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 32px 0 27px;
            cursor: pointer;
        }
        .accordion-icon {
            font-family: 'Roboto';
            color: #092D47;
            font-size: 36px;
            font-weight: 300;
            line-height: 0;
            user-select: none;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            padding-bottom: 4px;
        }
        .accordion-content {
            height: 0;
            opacity: 0;
            overflow: hidden;
            transition: height 0.3s ease, opacity 0.3s ease;
        }
        .accordion-body {
            padding: 0 32px 25px 27px;
            font-family: 'Roboto';
            font-size: 16px;
            color: #092D47;
            line-height: 140%;
        }

        /* Анимация для элементов внутри Flex-контейнера */
        .reveal-up-flex {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
            will-change: opacity, transform;
        }
        .reveal-up-flex.active { opacity: 1; transform: translateY(0); }

        /* Слайдер клиентов */
        .client-slide {
            display: none;
            flex-direction: column;
            gap: 20px;
        }
        .client-slide.active {
            display: flex;
            animation: slideIn 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
        }
        @keyframes slideIn {
            from { opacity: 0; transform: translateX(30px); }
            to { opacity: 1; transform: translateX(0); }
        }
        #clients-next-btn:hover { background: #61CBD9 !important; transform: scale(1.05); }
        #clients-next-btn:active { transform: scale(0.95); }

        #products-next-btn:hover, #clients-next-btn:hover, #mini-next-btn:hover { background: #61CBD9 !important; transform: scale(1.05); }
        #products-next-btn:active, #clients-next-btn:active, #mini-next-btn:active { transform: scale(0.95); }

        /* Hover-эффекты для карточек доставки */
        .delivery-card-wrap {
            transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s ease, opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), margin-top 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
            cursor: pointer;
        }
        .delivery-card-wrap:hover {
            transform: translateY(-15px);
            box-shadow: 0px 15px 30px rgba(9, 45, 71, 0.15) !important;
        }
        .delivery-img {
            transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        .delivery-card-wrap:hover .delivery-img {
            transform: scale(1.08) translateY(-5px);
        }

        /* Современный Header */
        #modern-header { position: fixed; top: 0; left: 0; width: 100%; height: 70px; z-index: 9999; transition: background 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease; display: block; }
        #modern-header.scrolled { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05); }
        #modern-header.header-hidden { transform: translateY(-100%) !important; }
        #header-inner { max-width: 1040px; margin: 0 auto; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; box-sizing: border-box; }
        
        .header-logo { display: flex; align-items: center; gap: 12px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 17px; color: #3F3E3E; text-transform: uppercase; cursor: pointer; transition: color 0.3s ease; }
        .header-logo img { width: 36px; height: auto; display: block; }
        .header-logo:hover { color: #61CBD9; }
        
        .header-nav { display: flex; align-items: center; gap: 40px; }
        .header-links { display: flex; align-items: center; gap: 30px; }
        .header-actions { display: flex; align-items: center; gap: 12px; }
        
        .header-link { font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 15px; color: #3F3E3E; text-transform: uppercase; text-decoration: none; position: relative; transition: color 0.3s; }
        .header-link::after { content: ''; position: absolute; width: 0%; height: 2px; bottom: -6px; left: 50%; transform: translateX(-50%); background-color: #61CBD9; transition: width 0.3s ease; }
        .header-link:hover { color: #61CBD9; }
        .header-link:hover::after { width: 100%; }
        
        .header-phone { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #F5F9FA; border: 1px solid #092D47; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; color: #092D47; text-decoration: none; }
        .header-phone:hover { background: #092D47; color: #FFFFFF; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(9, 45, 71, 0.2); }

        .header-cart { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #F5F9FA; border: 1px solid #092D47; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; }
        .header-cart img { width: 22px; transition: filter 0.3s; }
        .header-cart:hover { background: #092D47; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(9, 45, 71, 0.2); }
        .header-cart:hover img { filter: brightness(0) invert(1); }

        @keyframes cart-pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.15) translateY(-2px); box-shadow: 0 0 20px rgba(97, 203, 217, 0.8); background: #092D47; }
            100% { transform: scale(1); }
        }
        .pulse-anim { animation: cart-pulse 0.45s ease-in-out !important; background: #092D47 !important; border-color: #61CBD9 !important; }
        .pulse-anim img { filter: brightness(0) invert(1) !important; }

        #header-cart-sum { display: none !important; font-weight: 700; font-size: 16px; cursor: pointer; transition: opacity 0.3s; }
        .cart-badge { position: absolute; top: -6px; right: -8px; background: #D6336C; color: #FFFFFF; font-size: 12px; font-weight: 700; border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0); transition: all 0.3s ease; pointer-events: none; border: 2px solid #FFFFFF; box-shadow: 0 2px 5px rgba(0,0,0,0.15); z-index: 10; }
        .cart-badge.active { opacity: 1; transform: scale(1); }

        /* Hover-эффекты для кнопок и футера */
        .btn-primary { transition: background 0.3s, color 0.3s, transform 0.3s, filter 0.3s, margin-top 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; }
        .btn-primary:hover { background: #61CBD9 !important; color: #092D47 !important; transform: translateY(-5px); filter: drop-shadow(0px 8px 15px rgba(97, 203, 217, 0.4)) !important; }
        .btn-primary .color-white { transition: color 0.3s ease; }
        .btn-primary:hover .color-white { color: #092D47 !important; }
        
        .btn-secondary { transition: background 0.3s, color 0.3s, transform 0.3s, filter 0.3s, margin-top 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; }
        .btn-secondary:hover { background: #092D47 !important; color: #FFFFFF !important; transform: translateY(-5px); filter: drop-shadow(0px 8px 15px rgba(9, 45, 71, 0.3)) !important; }
        .btn-secondary .color-dark { transition: color 0.3s ease; }
        .btn-secondary:hover .color-dark { color: #FFFFFF !important; }

        .footer-contact-link { transition: color 0.3s ease, transform 0.3s ease; cursor: pointer; }
        .footer-contact-link:hover { color: #61CBD9 !important; transform: translateX(5px); }

        .social-icon { transition: transform 0.3s ease, filter 0.3s ease; }
        .social-icon:hover { transform: translateY(-5px) scale(1.1); filter: drop-shadow(0px 8px 12px rgba(9, 45, 71, 0.2)); }

        .footer-policy-link { transition: color 0.3s ease; }
        .footer-policy-link:hover { color: #61CBD9 !important; }

        .footer-map-link { transition: transform 0.3s ease, filter 0.3s ease; cursor: pointer; z-index: 10; background-size: contain; background-position: center; background-repeat: no-repeat; }
        .footer-map-link:hover { transform: scale(1.05) translateY(-3px) !important; filter: drop-shadow(0 8px 15px rgba(9, 45, 71, 0.2)); }

        /* Hover для кнопки добавления в корзину */
        .cart-add-btn { transition: background 0.3s, color 0.3s, border-color 0.3s, transform 0.3s; }
        .cart-add-btn:hover { background: #092D47; color: #FFFFFF; border-color: #092D47; transform: translateY(-2px); }
        
        /* Hover для плюса и минуса */
        .qty-btn { transition: background 0.2s, color 0.2s; }
        .qty-btn:hover { background: #E6F6FF; color: #61CBD9; }

        /* Hover для большой кнопки "В корзину" */
        #open-cart-modal-btn { transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.3s ease !important; }
        #open-cart-modal-btn:hover { transform: translateY(-3px) scale(1.02) !important; filter: drop-shadow(0px 8px 15px rgba(214, 51, 108, 0.4)) !important; }

        /* --- ЛАЙТ СВИП (Световой блик) НА ВСЕ КНОПКИ --- */
        .btn-primary, .btn-secondary, .modal-submit, #open-cart-modal-btn {
            overflow: hidden;
            position: relative;
        }
        .cart-add-btn { overflow: hidden; }
        .modal-submit { position: relative; } 
        
        .btn-primary::after, .btn-secondary::after, .cart-add-btn::after, .modal-submit::after, #open-cart-modal-btn::after {
            content: ''; position: absolute; top: 0; left: -150%; width: 150%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
            transform: skewX(-25deg); pointer-events: none; z-index: 10; transition: none;
        }

        .btn-primary:hover::after, .btn-secondary:hover::after, .cart-add-btn:hover::after, .modal-submit:hover::after, #open-cart-modal-btn:hover::after {
            left: 150%; transition: left 0.6s ease-in-out;
        }

        /* Модальное окно (Всплывающая форма) */
        .modal-overlay {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(9, 45, 71, 0.5);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            z-index: 10000;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            overflow-y: auto;
            padding: 40px 0;
            box-sizing: border-box;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }
        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        .modal-content {
            background: #FFFFFF;
            border-radius: 25px;
            padding: 40px;
            width: 450px;
            max-width: 90%;
            position: relative;
            margin: auto;
            transform: translateY(30px) scale(0.95);
            transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }
        .modal-overlay.active .modal-content {
            transform: translateY(0) scale(1);
        }
        .modal-close {
            position: absolute;
            top: 20px; right: 25px;
            font-size: 32px;
            color: #756370;
            cursor: pointer;
            transition: color 0.3s;
            line-height: 1;
        }
        .modal-close:hover { color: #092D47; }
        .modal-input {
            width: 100%; padding: 15px 20px; margin-bottom: 15px;
            border: 1px solid #CFCCCC; border-radius: 12px; box-sizing: border-box;
            font-size: 16px; outline: none; transition: border-color 0.3s;
        }
        .modal-input:focus { border-color: #61CBD9; }
        .modal-submit {
            width: 100%; padding: 18px; margin-top: 10px;
            background: #092D47; color: #FFFFFF; border: none; border-radius: 30px;
            font-size: 16px; font-weight: 700; cursor: pointer; transition: background 0.3s, transform 0.2s;
        }
        .modal-submit:hover { background: #61CBD9; transform: translateY(-2px); }
        .modal-submit:disabled { background: #CFCCCC; color: #FFFFFF; cursor: not-allowed; transform: none; box-shadow: none; }
        .modal-submit:disabled::after { display: none; }

        /* Чекбокс согласия */
        #privacy-policy { width: 18px; height: 18px; flex-shrink: 0; cursor: pointer; accent-color: #61CBD9; margin-top: 1px; }

        /* Стили списка товаров в модальном окне */
        .cart-modal-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; gap: 15px; }
        .cart-modal-item-name { font-weight: 500; font-size: 15px; flex: 1; padding-right: 10px; line-height: 1.2; }
        .cart-modal-item-controls { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
        .cart-modal-qty-wrap { display: flex; align-items: center; background: #F5F9FA; border-radius: 8px; border: 1px solid #CFCCCC; padding: 2px; }
        .modal-qty-btn { background: none; border: none; font-size: 16px; cursor: pointer; color: #092D47; padding: 0 6px; line-height: 1; outline: none; }
        .modal-qty-val { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 14px; min-width: 16px; text-align: center; color: #092D47; }
        .cart-modal-item-price { font-weight: 700; font-size: 15px; min-width: 75px; text-align: right; }
        .cart-modal-item-remove { color: #F979A9; cursor: pointer; font-size: 22px; line-height: 1; transform: translateY(-1px); display: flex; align-items: center; justify-content: center; }

        /* Скроллбар для списка товаров в корзине */
        #cart-items-list::-webkit-scrollbar { width: 5px; }
        #cart-items-list::-webkit-scrollbar-track { background: #F5F9FA; border-radius: 4px; }
        #cart-items-list::-webkit-scrollbar-thumb { background: #756370; border-radius: 4px; }

        /* Cookie Banner */
        .cookie-banner {
            position: fixed; bottom: 0; left: 0; width: 100%;
            background: rgba(9, 45, 71, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
            color: #FFFFFF; padding: 15px 0; z-index: 10000;
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
            display: flex; justify-content: center; align-items: center;
            opacity: 0; pointer-events: none; transform: translateY(30px);
            transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        .cookie-banner.show { opacity: 1; pointer-events: auto; transform: translateY(0); }
        .cookie-content {
            width: 1440px; max-width: 90%; display: flex; justify-content: space-between; align-items: center; gap: 20px;
        }
        .cookie-text { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1.4; color: #E6F6FF; }
        .cookie-link { color: #61CBD9; text-decoration: underline; transition: color 0.3s; }
        .cookie-link:hover { color: #F979A9; }
        .cookie-btn {
            background: #61CBD9; color: #092D47; border: none; padding: 10px 25px; border-radius: 30px;
            font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 14px; cursor: pointer;
            transition: background 0.3s, transform 0.2s; white-space: nowrap;
        }
        .cookie-btn:hover { background: #F979A9; transform: translateY(-2px); }

        /* Иконка информации о товаре */
        .info-icon {
            position: absolute; top: 15px; right: 15px; z-index: 20;
            display: inline-flex; width: 29px; height: 29px;
            background: #F5F9FA; border: 1px solid #756370; border-radius: 50%;
            justify-content: center; align-items: center;
            font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 17px; color: #756370;
            cursor: pointer; transition: all 0.3s ease; text-transform: lowercase; box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .info-icon:hover { background: #61CBD9; color: #FFF; border-color: #61CBD9; transform: scale(1.1); box-shadow: 0 4px 8px rgba(97, 203, 217, 0.4); }

        /* Скроллбар для описания в модальном окне */
        #info-modal-desc {
            max-height: 320px; overflow-y: auto; padding-right: 15px;
        }
        #info-modal-desc::-webkit-scrollbar { width: 5px; }
        #info-modal-desc::-webkit-scrollbar-track { background: #F5F9FA; border-radius: 4px; }
        #info-modal-desc::-webkit-scrollbar-thumb { background: #756370; border-radius: 4px; }

/* Отключаем перехват кликов у текстовых блоков поверх виджета (названия, цены), 
   чтобы они не блокировали кнопку "i" (Подробнее) на десктопе */
.product-card > div:nth-child(3),
.product-card > div:nth-child(4),
.product-card > div:nth-child(5) {
    pointer-events: none;
}

/* --- СТИЛИ ДЛЯ ТЕКСТОВЫХ СТРАНИЦ (Политика, Соглашение) --- */
body.legal-page {
    padding: 40px 20px;
    color: #3F3E3E;
    line-height: 1.6;
}
.legal-container {
    max-width: 800px;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 50px 60px;
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(9, 45, 71, 0.08);
}
.legal-container h1, .legal-container h2 { color: #092D47; font-weight: 600; text-transform: uppercase; }
.legal-container h1 { font-size: 28px; margin-top: 0; margin-bottom: 30px; text-align: center; border-bottom: 2px solid #F5F9FA; padding-bottom: 20px; }
.legal-container h2 { font-size: 20px; margin-top: 35px; margin-bottom: 15px; }
.legal-container p, .legal-container li { font-size: 15px; margin-bottom: 15px; text-align: justify; }
.legal-container ul { padding-left: 20px; }
.back-link {
    display: inline-flex; align-items: center; gap: 8px; margin-bottom: 30px;
    color: #61CBD9; text-decoration: none; font-weight: 500; font-size: 16px; transition: color 0.3s, transform 0.3s;
}
.back-link:hover { color: #092D47; transform: translateX(-5px); }

        /* Скрываем мобильные переносы на десктопе */
        br.mob-br { display: none; }

        /* =========================================
           СОВРЕМЕННАЯ ДЕСКТОПНАЯ СЕТКА (GRID & FLEXBOX)
           ========================================= */
        .hero-section { position: relative; max-width: 1040px; margin: 0 auto; padding: 0 20px 80px; z-index: 2; min-height: 400px; box-sizing: border-box; display: block; }
        .hero-title { font-size: 60px; line-height: 1.1; margin: 0 0 20px; font-weight: 600; }
        .hero-subtitle { font-size: 20px; line-height: 1.3; margin: 0 0 40px; color: #3F3E3E; max-width: 450px; }
        .hero-actions { display: flex; gap: 20px; margin-bottom: 60px; margin-left: 120px; }
        .hero-btn-call { width: 186px; height: 50px; border-radius: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #092D47; background: #F5F9FA; font-weight: 700; cursor: pointer; }
        .btn-primary { width: 214px; height: 50px; border-radius: 30px; display: flex; justify-content: center; align-items: center; background: #092D47; color: #FFF; font-weight: 400; text-decoration: none; cursor: pointer; gap: 10px; }
        
        .adv-grid { display: flex; gap: 120px; margin-top: 160px; }
        .adv-item { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
        .adv-title { font-size: 18px; line-height: 1.2; text-align: left; }
        .adv-value { font-size: 28px; font-weight: 700; line-height: 1; }
        
        .hero-float-1 { position: absolute; right: 40px; top: 50px; width: 200px; height: 340px; background: url('images/ballons/404.webp') center/contain no-repeat; z-index: -1; animation: float-1 4s ease-in-out infinite; }
        .hero-float-2 { position: absolute; right: 240px; top: 90px; width: 200px; height: 340px; background: url('images/ballons/134.webp') center/contain no-repeat; z-index: -1; animation: float-2 5s ease-in-out infinite; }

        /* Адаптация для ноутбуков и средних мониторов (1025px - 1200px) */
        @media (min-width: 1025px) and (max-width: 1200px) {
            .hero-float-1 { right: 100px; width: 180px; height: 300px; top: calc(15% - 50px); opacity: 1; }
            .hero-float-2 { right: 300px; width: 180px; height: 300px; top: calc(25% - 50px); opacity: 1; }
            .hero-title { font-size: 50px; }
            .adv-grid { margin-top: 100px; gap: 60px; }
            .delivery-card-title { font-size: 26px; }
            .delivery-cards-container { gap: 15px; }
            .delivery-card-wrap { width: calc(33.333% - 10px); padding: 30px 15px 25px; }
        }

        .catalog-section, .clients-section { max-width: 1000px; width: calc(100% - 40px); background: #FFFFFF; border-radius: 30px; padding: 50px 40px; margin: 0 auto 80px; box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.15); border: 4px solid #FFFFFF; box-sizing: border-box; position: relative; overflow: hidden; z-index: 1; }
        .catalog-section::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 30%, rgba(97, 203, 217, 0.12) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(249, 121, 169, 0.08) 0%, transparent 50%); z-index: -1; pointer-events: none; }
        .clients-section::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(circle at 80% 20%, rgba(97, 203, 217, 0.12) 0%, transparent 50%), radial-gradient(circle at 20% 80%, rgba(249, 121, 169, 0.08) 0%, transparent 50%); z-index: -1; pointer-events: none; }
        .catalog-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .section-title { font-size: 32px; font-weight: 600; margin: 0; }
        #products-next-btn, #clients-next-btn { width: 48px; height: 48px; background: #092D47; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: transform 0.3s; }
        #products-next-btn img, #clients-next-btn img { width: 24px; filter: brightness(0) invert(1); }

        #products-slider { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px 30px; }
        .mini-balloons-wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px 30px; }

        .product-card { width: 176px; height: 420px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
        .product-img { width: 100%; height: 280px; background-size: contain; background-position: center bottom; background-repeat: no-repeat; margin-bottom: -100px; position: relative; z-index: 1; pointer-events: none; }
        #mini-balloons-wrapper .product-img { top: -10px; transform: scale(1.3); transform-origin: bottom center; }
        .product-card .cart-widget { position: relative; z-index: 2; margin-bottom: 0; }
        .product-name { font-size: 24px; font-weight: 600; line-height: 1.2; position: absolute; top: 204px; z-index: 3; width: 100%; margin: 0; pointer-events: none; }
        .product-weight { font-size: 18px; font-weight: 300; color: #3F3E3E; position: absolute; top: 235px; z-index: 3; width: 100%; margin: 0; pointer-events: none; }
        .product-price { font-size: 28px; font-weight: 700; line-height: 1; position: absolute; top: 271px; z-index: 3; width: 100%; margin: 0; pointer-events: none; }

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

    .cart-summary-bar { max-width: 950px; margin: 60px auto 0; background: linear-gradient(-45deg, #CBF2FD, #61CBD9, #D6336C, #FFE3CC, #CBF2FD); background-size: 400% 400%; animation: cartGradientFlow 12s ease infinite; border-radius: 40px; padding: 15px 40px; display: flex; align-items: center; justify-content: space-between; box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.15); border: 4px solid #FFFFFF; box-sizing: border-box; position: relative; overflow: hidden; z-index: 1; }
        .cart-summary-bar::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 100%); z-index: -1; pointer-events: none; }
        .cart-summary-label { font-size: 22px; font-weight: 500; margin: 0; }
        #cart-total { font-size: 26px; font-weight: 700; flex: 1; margin: 0 0 0 20px; color: #092D47; text-shadow: 0 2px 15px rgba(255, 255, 255, 0.6); }
    #open-cart-modal-btn { display: flex; align-items: center; justify-content: center; gap: 15px; padding: 0 30px; height: 45px; border-radius: 30px; background: #D6336C; color: #FFF; font-size: 20px; font-weight: 500; cursor: pointer; border: none; outline: none; transition: transform 0.2s; box-shadow: 0 4px 15px rgba(214, 51, 108, 0.4); }
        #open-cart-modal-btn img { width: 24px; filter: brightness(0) invert(1); }

        .delivery-section { max-width: 1040px; margin: 0 auto; padding: 0 20px 80px; box-sizing: border-box; }
        .delivery-cards-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 50px; }
        .delivery-card-wrap { width: calc(33.333% - 14px); background: linear-gradient(135deg, #FFFFFF 0%, #F0F8FA 100%); border-radius: 30px; padding: 40px 20px 30px; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.15); border: 4px solid #FFFFFF; box-sizing: border-box; }
        .delivery-card-title { font-size: 30px; font-weight: 600; margin: 0 0 20px; line-height: 1.1; }
        .delivery-img { width: 100%; height: 170px; margin: 0 0 25px; background-size: contain; background-position: center; background-repeat: no-repeat; }
        .delivery-card-subtitle { font-size: 18px; font-weight: 700; margin: 0 0 10px; color: #61CBD9; }
        .delivery-card-text { font-size: 15px; font-weight: 500; line-height: 1.4; margin: 0; }
        
        .mobile-catalog-cta { display: none; }
        .manager-contact { display: flex; align-items: center; justify-content: space-between; gap: 30px; background: #F5F9FA; padding: 30px 40px; border-radius: 25px; box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.05); border: 1px solid #FFFFFF; margin-bottom: 20px; }
        #manager-contact-text { font-size: 18px; font-weight: 500; line-height: 1.4; text-align: left; margin: 0; flex: 1; }
        #manager-contact-btn { width: auto; padding: 0 35px; height: 55px; border-radius: 30px; background: #092D47; color: #FFF; display: flex; align-items: center; justify-content: center; font-weight: 700; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 16px; text-transform: uppercase; white-space: nowrap; flex-shrink: 0; }

        .clients-section { background: linear-gradient(180deg, #E6F6FF 0%, #FEFFFF 100%); }
        .clients-header { max-width: 887px; margin: 0 auto 40px; display: flex; justify-content: space-between; align-items: center; }
        .clients-slider-wrap { max-width: 887px; margin: 0 auto; }

        .footer-contacts { max-width: 1000px; width: calc(100% - 40px); background: #FFFFFF; border-radius: 30px 30px 0 0; padding: 50px 56px 30px; margin: 0 auto; box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1); border: 4px solid #FFFFFF; border-bottom: none; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
        .footer-col h2 { font-size: 24px; font-weight: 400; margin: 0 0 20px; }
        .footer-col p, .footer-col a { font-size: 14px; font-weight: 500; margin: 5px 0; color: inherit; text-decoration: none; }
        .footer-col h3 { font-size: 20px; font-weight: 600; margin: 0 0 5px; }
        .footer-col h4 { font-size: 20px; font-weight: 400; margin: 0 0 20px; }
        .footer-actions-wrap { display: flex; flex-direction: column; align-items: flex-end; }
        .footer-actions-wrap .btn-secondary { width: auto; padding: 0 35px; box-sizing: border-box; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 30px; background: #F5F9FA; border: 1px solid #092D47; font-weight: 700; margin-bottom: 20px; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 16px; text-transform: uppercase; color: #092D47; white-space: nowrap; }
        .footer-socials { display: flex; gap: 15px; }
        .footer-socials div { width: 45px; height: 45px; cursor: pointer; }
        .footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #092D47; padding-top: 20px; margin-top: 10px; }

        /* =========================================
           ФИНАЛЬНАЯ СТАБИЛЬНАЯ МОБИЛЬНАЯ АДАПТАЦИЯ
           ========================================= */
        @media (max-width: 1024px) {
    /* Адаптация текстовых страниц */
    body.legal-page { padding: 20px 10px !important; }
    .legal-container { padding: 30px 20px !important; }
    .legal-container h1 { font-size: 22px !important; }

            /* Подготовка главного контейнера */
            .main-wrapper { width: 100% !important; height: auto !important; overflow: hidden !important; background: #FFFFFF !important; transform: none !important; left: 0 !important; margin-left: 0 !important; padding-top: 90px !important; padding-bottom: 40px !important; margin: 0 !important; }
            .scale-wrapper { height: auto !important; }
            
            /* Сброс десктопных оберток для мобильной версии */
            .hero-section, .catalog-section, .clients-section, .delivery-section {
                width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; min-height: auto !important; display: block !important;
                border: none !important; box-shadow: none !important; background: transparent !important;
            }
            .hero-section {
                min-height: calc(100vh - 90px) !important; /* 100% высоты экрана минус отступ шапки */
                display: flex !important;
                flex-direction: column !important;
                padding-bottom: 20px !important;
            }
            .catalog-section::before, .clients-section::before { display: none !important; }
            .section-title { font-size: 28px !important; text-align: center !important; margin: 30px 0 30px !important; padding: 0 20px; }

            /* Включаем переносы на мобильных устройствах */
            br.mob-br { display: block !important; content: ""; }

            /* Улучшение формы заказа для пальцев (мобильные) */
            .modal-overlay { padding: 20px 0 !important; }
            .modal-content { padding: 35px 20px 25px !important; }
            #cart-items-list { max-height: none !important; overflow-y: visible !important; margin-bottom: 15px !important; }
            .modal-close { top: 15px !important; right: 20px !important; font-size: 40px !important; padding: 5px !important; }
            .cart-modal-item { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
            .cart-modal-item-name { font-size: 16px !important; padding-right: 0 !important; width: 100% !important; }
            .cart-modal-item-controls { width: 100% !important; justify-content: space-between !important; gap: 8px !important; }
            .cart-modal-qty-wrap { padding: 4px 8px !important; border-radius: 12px !important; }
            .modal-qty-btn { font-size: 24px !important; padding: 4px 15px !important; }
            .modal-qty-val { font-size: 18px !important; min-width: 24px !important; }
            .cart-modal-item-price { font-size: 18px !important; }
            .cart-modal-item-remove { font-size: 34px !important; padding: 5px 10px !important; }
            .modal-input { padding: 18px 20px !important; font-size: 16px !important; border-radius: 14px !important; }

            #privacy-policy { width: 24px !important; height: 24px !important; margin-top: 3px !important; }
            .modal-content label[for="privacy-policy"] { font-size: 13px !important; line-height: 1.5 !important; }
            .tg-qr-wrapper { display: none !important; }

            /* Скрытие тяжелых десктопных фонов */
            .bg-rect-30, .bg-rect-31, .mask-container, .mask-border { display: none !important; }
            
            /* Баллоны на фоне мобильного Hero (Эффект глубины и расфокуса) */
            .hero-float-1 { display: block !important; width: 224px !important; height: 384px !important; left: -80px !important; top: 0 !important; opacity: 0.15 !important; z-index: 1 !important; animation: float-1 6s ease-in-out infinite !important; }
            .hero-float-2 { display: block !important; width: 192px !important; height: 320px !important; left: auto !important; right: -60px !important; top: 45% !important; opacity: 0.15 !important; z-index: 1 !important; animation: float-2 7s ease-in-out infinite !important; }
            
            /* Шапка */
            #modern-header { position: fixed !important; background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px); }
            #header-inner { position: relative !important; left: 0 !important; margin-left: 0 !important; padding: 0 20px; width: 100% !important; transform: none !important; margin: 0 !important; }
            .header-nav { gap: 10px !important; }
            .header-actions { gap: 10px !important; }
            .header-links { display: none; } /* Оставляем только лого и корзину */
            .header-logo { font-size: 15px; max-width: 200px; line-height: 1.2; }
            .r32-bg-box { display: none !important; }
            
            /* Главный экран (Текст и Кнопки) */
            .hero-title { position: relative !important; z-index: 10 !important; left: 0 !important; top: 0 !important; width: 100% !important; height: auto !important; font-size: 48px !important; line-height: 1.1 !important; margin: auto 0 20px !important; padding: 0 20px; box-sizing: border-box; text-align: center; transform: none !important; }
            .hero-subtitle { position: relative !important; z-index: 10 !important; left: 0 !important; top: 0 !important; width: 100% !important; max-width: 500px; height: auto !important; font-size: 18px !important; padding: 0 20px; margin: 0 auto 40px !important; box-sizing: border-box; text-align: center; color: #3F3E3E !important; transform: none !important; }
            
            .hero-actions { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; gap: 15px !important; margin: 0 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; }
            #download-price-btn { display: none !important; }
            .hero-btn-call { position: relative !important; z-index: 10 !important; left: 0 !important; top: 0 !important; width: 100% !important; max-width: 350px; margin: 0 !important; height: 55px !important; display: flex !important; transform: none !important; }
            
            /* Преимущества */
            .adv-grid { position: relative !important; display: flex !important; flex-direction: column !important; gap: 20px; padding: 25px 20px; background: #F5F9FA; margin: 30px 20px 0 !important; border-radius: 20px; left: 0 !important; top: 0 !important; box-sizing: border-box; transform: none !important; }
            .adv-item { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important; transform: none !important; }
            .adv-title { font-size: 14px !important; color: #888 !important; margin: 0 !important; text-transform: uppercase; text-align: center !important; }
            .adv-value { font-size: 32px !important; font-weight: bold; color: #092D47 !important; margin: 0 !important; }
            
            /* КАТАЛОГ (Стабильно 2 колонки, без вылетов) */
            #products-next-btn, #mini-next-btn { display: none !important; }
            
            #products-slider, .mini-balloons-wrapper {
                position: relative !important; left: 0 !important; top: 0 !important; transform: none !important;
                width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important;
                /* Превращаем главные контейнеры в сетку */
                display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important;
            }

            .product-card { 
                position: relative !important; left: 0 !important; top: 0 !important; transform: none !important;
                display: flex !important; flex-direction: column !important; align-items: center !important; 
                background: #fff !important; border-radius: 16px !important; padding: 15px 10px !important; 
                box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important; border: 1px solid #F5F9FA !important; 
                width: 100% !important; box-sizing: border-box !important; height: auto !important;
            }

            /* Чистим старые правила и жестко привязываемся к классам */
            .product-card > div { position: static !important; transform: none !important; width: 100% !important; height: auto !important; text-align: center !important; margin: 0 !important; }
            .product-card .product-img { order: 1 !important; height: 140px !important; background-size: contain !important; background-position: center bottom !important; margin-bottom: 10px !important; top: 0 !important; display: block !important; }
            .product-card .product-name { order: 2 !important; font-size: 16px !important; font-weight: 700 !important; color: #092D47 !important; margin-bottom: 4px !important; display: block !important; }
        .product-card .product-weight { order: 3 !important; font-size: 13px !important; color: #555 !important; margin-bottom: 4px !important; display: block !important; }
            .product-card .product-price { order: 4 !important; font-size: 17px !important; font-weight: 800 !important; color: #092D47 !important; margin-bottom: 15px !important; display: block !important; }
            .product-card .cart-widget { order: 5 !important; margin-top: auto !important; display: flex !important; flex-direction: column !important; gap: 8px !important; filter: none !important; width: 100% !important; height: auto !important; }

            .cart-bg-1, .cart-bg-2 { display: none !important; }
            .cart-calc-wrap { order: 1 !important; position: relative !important; width: 100% !important; height: 38px !important; left: 0 !important; top: 0 !important; border-radius: 10px !important; background: #F5F9FA !important; border: 1px solid #CFCCCC !important; display: flex !important; align-items: center !important; transform: none !important; }
            .cart-add-btn { order: 2 !important; position: relative !important; width: 100% !important; height: 38px !important; left: 0 !important; top: 0 !important; border-radius: 10px !important; background: #61CBD9 !important; color: #fff !important; font-weight: 600 !important; border: none !important; font-size: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; filter: drop-shadow(0px 4px 8px rgba(97, 203, 217, 0.3)) !important; transform: none !important; }
            
            .qty-btn { font-size: 18px !important; width: 30% !important; height: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; }
            .qty-input { font-size: 15px !important; width: 40% !important; height: 100% !important; margin: 0 !important; }

            /* ИТОГОВАЯ КОРЗИНА */
            .cart-summary-bar { display: none !important; }
            .mobile-catalog-cta { display: flex !important; justify-content: center !important; width: 100% !important; padding: 0 20px !important; margin: 40px 0 !important; box-sizing: border-box !important; }

            /* ДОСТАВКА (3 блока аккуратно столбцом) */
            .delivery-cards-container { position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; display: flex !important; flex-direction: column !important; gap: 20px !important; padding: 0 20px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 50px !important; }
            .delivery-card-wrap { position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; width: 100% !important; height: auto !important; padding: 40px 20px !important; box-sizing: border-box !important; background: linear-gradient(135deg, #FFFFFF 0%, #F0F8FA 100%) !important; border-radius: 20px !important; box-shadow: 2px 4px 15px rgba(0,0,0,0.15) !important; border: 4px solid #FFFFFF !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; margin: 0 !important; }
            
            .delivery-card-wrap .delivery-card-title { font-size: 26px !important; margin-bottom: 20px !important; }
            .delivery-card-wrap .delivery-img { height: 160px !important; margin-bottom: 20px !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; display: block !important; width: 100% !important; }
            .delivery-card-wrap .delivery-card-subtitle { font-size: 16px !important; margin-bottom: 10px !important; }
            .delivery-card-wrap .delivery-card-text { font-size: 14px !important; }

            /* ТЕКСТ СВЯЗАТЬСЯ И КНОПКА (Узнать стоимость) */
            .manager-contact { position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; flex-direction: column !important; text-align: center !important; padding: 30px 20px !important; margin: 0 20px 40px !important; width: auto !important; box-sizing: border-box !important; }
            #manager-contact-text { position: relative !important; width: 100% !important; height: auto !important; padding: 0 !important; box-sizing: border-box !important; text-align: center !important; margin: 0 0 25px !important; font-size: 15px !important; line-height: 1.4 !important; display: block !important; }
            #manager-contact-btn { position: relative !important; width: 100% !important; max-width: 350px !important; height: 55px !important; margin: 0 auto !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 !important; }

            /* =========================================
               ШАГ 4: НАШИ КЛИЕНТЫ И ФУТЕР
               ========================================= */
            
            /* Клиенты */
            .clients-header { flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 15px !important; margin: 60px 0 30px !important; }
            #clients-bg, #clients-border { display: none !important; }
            #section-clients-title { position: relative !important; left: 0 !important; top: 0 !important; width: auto !important; text-align: center !important; font-size: 28px !important; margin: 0 !important; transform: none !important; box-sizing: border-box; padding: 0 !important; line-height: 1.2 !important; }
            
            #clients-slider { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; transform: none !important; display: block !important; z-index: 1 !important; height: auto !important; margin-bottom: 20px !important; }
            .client-slide { display: none !important; } 
            .client-slide.active { display: flex !important; flex-direction: column !important; gap: 12px !important; }
            
            #clients-next-btn { position: relative !important; left: auto !important; top: auto !important; margin: 0 !important; transform: none !important; }
            #clients-next-btn:hover { background: #092D47 !important; transform: none !important; }
            #clients-next-btn:active { background: #61CBD9 !important; transform: scale(0.95) !important; }
            
            .accordion-item { position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; width: 100% !important; border-radius: 16px !important; background: #F5F9FA !important; box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important; border: 1px solid #E6F6FF !important; }
            .accordion-header { height: auto !important; padding: 15px 20px !important; }
            .accordion-header div:first-child { font-size: 16px !important; line-height: 1.3 !important; text-align: left !important; width: 85% !important; height: auto !important; }
            .accordion-icon { font-size: 28px !important; width: 15% !important; text-align: right !important; justify-content: flex-end !important; }
            .accordion-body { padding: 0 20px 20px !important; font-size: 14px !important; text-align: left !important; }

            /* Футер */
            #section-contacts { display: grid !important; } 
            
            .footer-contacts { position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; width: auto !important; margin: 40px 20px 20px !important; background: #F5F9FA !important; padding: 25px 20px !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 55% 40% !important; justify-content: space-between !important; border-radius: 30px !important; box-shadow: 0 -4px 15px rgba(0,0,0,0.1) !important; border: 4px solid #FFFFFF !important; }
            .footer-col { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; width: 100% !important; margin-bottom: 0 !important; word-break: break-word !important; }
            .footer-col:nth-child(2) { align-items: flex-end !important; text-align: right !important; }
            .footer-actions-wrap { grid-column: 1 / -1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; margin-bottom: 0 !important; margin-top: 15px !important; }
            .footer-bottom { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 10px !important; padding-top: 15px !important; border-top: 1px solid #CFCCCC !important; width: 100% !important; }
            
            #footer-title { font-size: 17px !important; font-weight: 800 !important; color: #092D47 !important; margin-bottom: 10px !important; line-height: 1.2 !important; text-align: left !important; }
            .footer-col p { font-size: 13px !important; margin-bottom: 5px !important; color: #3F3E3E !important; line-height: 1.2 !important; }
            .footer-col h3 { font-size: 14px !important; margin-top: 0 !important; margin-bottom: 4px !important; font-weight: 700 !important; color: #092D47 !important; line-height: 1.2 !important; }
            .footer-col h4 { font-size: 13px !important; font-weight: 500 !important; color: #61CBD9 !important; margin-bottom: 15px !important; line-height: 1.2 !important; }
            
            .footer-actions-wrap .btn-secondary { width: 100% !important; max-width: 320px !important; height: 50px !important; margin: 0 auto 12px !important; }
            .footer-map-link { margin: 0 0 12px !important; }
            .footer-socials { display: flex !important; flex-direction: row !important; justify-content: center !important; gap: 20px !important; margin: 0 0 15px !important; width: 100% !important; }
        .footer-policy-link { font-size: 11px !important; color: #555 !important; margin-bottom: 6px !important; text-decoration: underline !important; display: inline-block !important; line-height: 1.2 !important; text-align: right !important; }

            /* Cookie Banner для мобильных */
            .cookie-banner { bottom: 20px !important; left: 20px !important; width: calc(100% - 40px) !important; border-radius: 20px !important; padding: 20px !important; box-sizing: border-box !important; z-index: 100000 !important; transition: opacity 0.4s ease, transform 0.4s ease !important; }
            .cookie-banner:not(.show) { opacity: 0 !important; transform: translateY(30px) !important; pointer-events: none !important; }
            .cookie-content { flex-direction: column !important; gap: 15px !important; text-align: center !important; padding: 0 !important; width: 100% !important; position: relative !important; z-index: 2 !important; }
            .cookie-btn { width: 100% !important; max-width: none !important; padding: 15px !important; position: relative !important; z-index: 10 !important; pointer-events: auto !important; cursor: pointer !important; touch-action: manipulation !important; }
        }

        /* =========================================
           АДАПТАЦИЯ ДЛЯ ПЛАНШЕТОВ (600px - 1024px)
           ========================================= */
        @media (min-width: 600px) and (max-width: 1024px) {
            /* Сетка преимуществ: Текст слева, Цифра справа */
            .adv-grid { flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; gap: 40px !important; }
            .adv-item { align-items: center !important; width: auto !important; }

            /* Блоки доставки в ряд */
            .delivery-cards-container { flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important; }
            .delivery-card-wrap { width: calc(50% - 15px) !important; max-width: 400px !important; }
        }

        @media (min-width: 900px) and (max-width: 1024px) {
            /* Доставка в 3 колонки */
            .delivery-card-wrap { width: calc(33.333% - 15px) !important; }
        }

        /* =========================================
           АДАПТАЦИЯ ДЛЯ САМЫХ МАЛЕНЬКИХ ЭКРАНОВ (до 360px - iPhone SE)
           ========================================= */
        @media (max-width: 360px) {
            /* Уменьшаем крупные заголовки */
            .hero-title { font-size: 32px !important; }
            .hero-subtitle { font-size: 14px !important; }
            .section-title { font-size: 24px !important; }
            
            /* Делаем шрифт и элементы карточки чуть меньше, чтобы 2 колонки гарантированно влезли */
            .product-card { padding: 12px 8px !important; }
            .product-card .product-name { font-size: 14px !important; }
            .product-card .product-price { font-size: 15px !important; }
            .product-card .cart-add-btn { font-size: 12px !important; height: 34px !important; }
            .cart-calc-wrap { height: 34px !important; }
            .qty-btn { font-size: 16px !important; }
            
            /* Уменьшаем шрифты в доставке */
            .delivery-card-wrap .delivery-card-title { font-size: 22px !important; }
        }