/* ============================================================ SALUS — ПОЛНЫЙ CSS (Orzax-стиль) ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap'); /* ---- 1. ШАПКА: прозрачная поверх слайдера ---- */ #rec2784680701 { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 9999 !important; background: transparent !important; box-shadow: none !important; border-bottom: none !important; transition: background 0.35s ease, box-shadow 0.35s ease !important; } /* При скролле шапка становится белой */ #rec2784680701.salus-scrolled { background: rgba(255,255,255,0.98) !important; box-shadow: 0 1px 24px rgba(0,0,0,0.09) !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; } /* Затемнение страницы при открытии меню каталога */ #rec2784680701 .uc-header__overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 9998; } body.salus-menu-open #rec2784680701 .uc-header__overlay { display: block; } body.salus-menu-open { overflow: hidden; } /* ---- 2. ШРИФТ шапки — Nunito ---- */ #rec2784680701, #rec2784680701 * { font-family: 'Nunito', Arial, sans-serif !important; } /* Навигация: белый текст когда шапка прозрачная */ #rec2784680701:not(.salus-scrolled) a, #rec2784680701:not(.salus-scrolled) .tn-elem { color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,0.25) !important; } #rec2784680701.salus-scrolled a, #rec2784680701.salus-scrolled .tn-elem { color: #1a1a1a !important; text-shadow: none !important; } /* Кнопка Каталог */ #rec2784680701 .uc-catalog-btn { font-weight: 700 !important; font-size: 14px !important; border-radius: 8px !important; letter-spacing: 0.02em !important; transition: opacity 0.2s !important; } #rec2784680701 .uc-catalog-btn:hover { opacity: 0.85 !important; } /* Поисковая строка — компактная, не растянутая */ #rec2784680701 .t838__input, #rec2784680701 .t-input, #rec2784681101 .t838__input { font-family: 'Nunito', Arial, sans-serif !important; font-size: 14px !important; border-radius: 22px !important; max-width: 520px !important; } /* ---- 3. СЛАЙДЕР: начинается под шапкой ---- */ #salus-hero-slider { margin-top: -71px !important; padding-top: 0 !important; } /* Слайды */ #salus-hero-slider .salus-slide { display: none; width: 100%; } #salus-hero-slider .salus-slide.active { display: block; } #salus-hero-slider .salus-slide.leaving { display: block; opacity: 0; transform: translateX(-30px); } /* Стрелки слайдера */ .salus-slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; width: 44px; height: 44px; border-radius: 50%; background: rgba(0,0,0,0.28) !important; border: 1.5px solid rgba(255,255,255,0.75) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.28) !important; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.25s; } .salus-slider-arrow:hover { background: rgba(0,0,0,0.5) !important; } .salus-slider-arrow.prev { left: 20px; } .salus-slider-arrow.next { right: 20px; } .salus-slider-arrow svg { width: 18px; height: 18px; fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } /* Dots */ #salus-slider-dots { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 20; display: flex; gap: 7px; } #salus-slider-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer; border: 1.5px solid rgba(255,255,255,0.7); transition: background 0.3s, transform 0.3s; } #salus-slider-dots span.active { background: #FF3C00; border-color: #FF3C00; transform: scale(1.2); } /* ---- 4. КАРТОЧКИ ТОВАРОВ ---- */ /* Кнопка Добавить в корзину */ a.t-store__prod-popup__btn, .t-store__prod-popup__btn-wrapper a.t-store__prod-popup__btn, .t-store__prod-snippet__container a.t-store__prod-popup__btn { border-radius: 50px !important; background: #FF3C00 !important; color: #fff !important; font-weight: 600 !important; font-size: 15px !important; box-shadow: 0 4px 16px rgba(255,60,0,.30) !important; border: none !important; font-family: 'Nunito', Arial, sans-serif !important; opacity: 1 !important; pointer-events: auto !important; } a.t-store__prod-popup__btn.t-store__prod-popup__btn_disabled { opacity: 1 !important; pointer-events: auto !important; } /* Скрыть лишнее в правой колонке */ .t-store__prod-popup__info_pr_btn .js-store-prod-all-text, .t-store__prod-popup__info_pr_btn .js-store-prod-charcs, .t-store__prod-popup__info_pr_btn .salus-acc, .t-store__prod-popup__info_pr_btn .t-store__tabs, .t-store__prod-popup__info_pr_btn .t-store__tabs__list, .t-store__prod-popup__info_pr_btn .js-store-tabs, .t-store__prod-popup__info_pr_btn .salus-product-intro { display: none !important; } /* ---- 5. АККОРДЕОН карточки товара ---- */ .salus-acc { width:100%; margin:20px 0 0; box-sizing:border-box; font-family:'Nunito',Arial,sans-serif; } .salus-acc details { border-radius:10px; overflow:hidden; margin-bottom:8px; background:#f8f8f8; border:1px solid #ebebeb; } .salus-acc details[open] { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.07); } .salus-acc summary { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; font-family:'Nunito',Arial,sans-serif; font-size:14px; font-weight:500; color:#1a1a1a; cursor:pointer; list-style:none; border-radius:10px; } .salus-acc summary::-webkit-details-marker { display:none; } .salus-acc summary::after { content:"+"; width:22px; height:22px; border-radius:50%; background:#FA8669; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:15px; font-weight:400; flex-shrink:0; margin-left:10px; } .salus-acc details[open] summary::after { content:"-"; } .salus-acc .acc-body { padding:4px 18px 16px; font-family:'Nunito',Arial,sans-serif; font-size:14px; font-weight:400; color:#444; line-height:1.6; } /* ---- 6. ПОИСК z-index ---- */ #rec2784681101 { z-index:9998 !important; } .t-site-search-popup { position:fixed !important; z-index:10000000 !important; } .t-site-search-popup__background { z-index:9999999 !important; } .t-site-search-popup { left:50% !important; transform:translateX(-50%) !important; } } } } } } } } } } } } } } } } } } }