/* ========================================================================= LUTEKS — редизайн 2026 Значения взяты 1:1 из прототипа (luteks.html). Скоупы: body.lt-2026 — общая обвязка: шапка, меню, подвал, кнопки, заглушки. Класс прописан прямо в в header.tpl, поэтому новая шапка и подвал работают на ВСЕХ страницах. body.home-2026 — блоки, которые есть только на главной. body.inner-2026 — внутренние страницы: две колонки с левым меню. Ставится скриптом в конце footer.tpl по наличию левой колонки, а не по адресу страницы. Шапка и подвал новые на всех страницах без исключения. ========================================================================= */ /* ---- Страховка: если style-2026.css загрузился, а класс lt-2026 по какой-то причине не проставился, новая разметка не должна вываливаться неоформленной. ---- */ .lt-announce, .lt-topbar, .lt-search, .lt-wish-btn, .lt-hero, .lt-footer{ display:none; } /* ---- Вне скоупа намеренно: adress_footer.png — картинка чужого бренда («Элитное постельное бельё»), перепутанный файл. Прячем на всём сайте. ---- */ .footer_adress{ display:none !important; } /* ---- Выпадающее подменю «Покупателям» есть в общем меню на всех страницах. Здесь — нейтральный рабочий вариант для старых страниц; оформление под новый дизайн ниже, в скоупе lt-2026. ---- */ li.lt-nav-dropdown{ position:relative; } li.lt-nav-dropdown > a{ display:inline-flex; align-items:center; gap:5px; } .lt-caret{ width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2; } .lt-nav-dropdown-menu{ display:none; position:absolute; top:100%; left:0; z-index:200; margin:0; padding:6px 0; min-width:230px; list-style:none; background:#fff; border:1px solid #ddd; box-shadow:0 10px 24px rgba(0,0,0,0.15); } li.lt-nav-dropdown:hover .lt-nav-dropdown-menu{ display:block; } .lt-nav-dropdown-menu li{ float:none; background:none; padding:0; } .lt-nav-dropdown-menu a{ display:block; padding:9px 18px; font-size:14px; color:#333; text-decoration:none; white-space:nowrap; } .lt-nav-dropdown-menu a:hover{ background:#f2f2f2; } /* ========================================================================= */ :root{ --cream:#f8f2e7; --cream-2:#f0e6d4; --paper:#fffdf9; --ink:#2b241f; --ink-soft:#6d6154; --line:#e4d8c3; --gold:#b3874f; --gold-light:#d6b783; --gold-dark:#8f6a3a; --bordo:#4F0202; --bordo-dark:#4a1020; --bordo-deep:#2c0912; --ph-bg:#f1e9da; --ph-line:#d9c9ab; } /* ========================================================================= БАЗА. Старая тема задаёт p{margin:15px 0}, h1/h2{margin}, a{underline}, html,body{height:100%} + фоновый узор. Всё это ломает вёрстку новых блоков, поэтому здесь сбрасываем — но только внутри lt-2026 и только для своих элементов, чтобы не задеть %content% и карусели. ========================================================================= */ body.lt-2026{ background:var(--cream) !important; /* height:100% у старой темы обрезает фон первым экраном — ниже просвечивал бы старый узор с html. Растягиваем по контенту. */ height:auto !important; min-height:100vh; /* tango/example.css в мобильной ширине даёт body{padding:20px} — из-за этого страница уезжала на 20px вправо и появлялась горизонтальная прокрутка */ padding:0 !important; margin:0 !important; overflow-x:hidden; -webkit-text-size-adjust:100%; } /* Базовую типографику меняем только на полностью переоформленных страницах: если задать её всему сайту, поедет текст в разделах, которые пока в старом дизайне (там свои размеры от html,body{font-size:12px}). */ body.home-2026, body.inner-2026{ font-family:'Manrope', sans-serif; color:var(--ink); line-height:1.6; font-size:16px; } /* box-sizing тоже точечно: глобальный border-box сломал бы старые фиксированные ширины (например .catalog_list_one{width:285px} + padding). */ body.lt-2026 .lt-announce, body.lt-2026 .lt-announce *, body.lt-2026 #header, body.lt-2026 #header *, body.lt-2026 #footer, body.lt-2026 #footer *, body.home-2026 *, body.inner-2026 *{ box-sizing:border-box; } /* сброс полей у новых блоков (аналог *{margin:0;padding:0} из прототипа) */ body.lt-2026 .lt-announce, body.lt-2026 .lt-announce *, body.lt-2026 .lt-topbar, body.lt-2026 .lt-topbar *, body.lt-2026 .lt-header-row, body.lt-2026 .lt-header-row *, body.lt-2026 .lt-hero, body.lt-2026 .lt-hero *, body.lt-2026 .lt-section, body.lt-2026 .lt-section *, body.lt-2026 .lt-footer, body.lt-2026 .lt-footer *{ margin:0; padding:0; } /* Шрифт и межстрочный — только на КОРНЯХ блоков, чтобы вложенные элементы (например внутри h1) нормально наследовали от своего родителя. Если вешать это на «*», em получал бы line-height 1.6 вместо 1.12 от h1 и разгонял строку. */ body.lt-2026 .lt-announce, body.lt-2026 .lt-topbar, body.lt-2026 .lt-header-row, body.lt-2026 .lt-hero, body.lt-2026 .lt-section, body.lt-2026 .lt-footer{ font-family:'Manrope', sans-serif; line-height:1.6; /* кегль задаём явно: на ещё не переоформленных страницах базовый размер остаётся старым (12px), и без этого шапка/подвал были бы там ниже */ font-size:16px; } /* Старая тема: .right_content{font-family:arial} и .right_content p,li{font-size:14px; line-height:1.3} — эти правила бьют наследование, поэтому для наших блоков возвращаем наследуемые значения. */ body.lt-2026 .lt-section p, body.lt-2026 .lt-section li, body.lt-2026 .lt-hero p, body.lt-2026 .lt-hero li, body.lt-2026 .lt-footer p, body.lt-2026 .lt-footer li, body.lt-2026 .lt-topbar p, body.lt-2026 .lt-announce p{ font-family:inherit; font-size:inherit; line-height:inherit; } body.lt-2026 .lt-announce a, body.lt-2026 .lt-topbar a, body.lt-2026 .lt-header-row a, body.lt-2026 .lt-hero a, body.lt-2026 .lt-section a, body.lt-2026 .lt-footer a, body.lt-2026 #header .menu_header a{ color:inherit; text-decoration:none; } body.lt-2026 .lt-hero img, body.lt-2026 .lt-section img, body.lt-2026 .lt-footer img{ max-width:100%; display:block; } body.lt-2026 .lt-section ul, body.lt-2026 .lt-footer ul{ list-style:none; } body.lt-2026 .lt-container{ max-width:1280px; margin:0 auto; padding:0 32px; } /* серифный заголовочный шрифт */ body.lt-2026 .lt-hero h1, body.lt-2026 .lt-section-head h2, body.lt-2026 .lt-contacts-info h2, body.lt-2026 .lt-promo-text h3, body.lt-2026 .lt-segment-card h4, body.lt-2026 .lt-story-body h4, body.lt-2026 .lt-testi-card p, body.lt-2026 .serif-2026{ font-family:'Cormorant Garamond', serif; font-variant-numeric:lining-nums; } /* eyebrow (надзаголовок) */ body.lt-2026 .lt-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:13px; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold-dark); font-weight:700; font-family:'Manrope', sans-serif; } body.lt-2026 .lt-eyebrow .spark{ color:var(--bordo); font-size:15px; } /* кнопки */ body.lt-2026 .lt-btn{ display:inline-flex; align-items:center; gap:10px; padding:15px 32px; border:1px solid var(--ink); background:transparent; color:var(--ink); font-family:'Manrope', sans-serif; font-size:14.5px; letter-spacing:0.1em; text-transform:uppercase; cursor:pointer; transition:all .3s ease; white-space:nowrap; border-radius:2px; } body.lt-2026 .lt-btn:hover{ background:var(--ink); color:#fff; } body.lt-2026 .lt-btn.solid{ background:var(--bordo); border-color:var(--bordo); color:#fff; } body.lt-2026 .lt-btn.solid:hover{ background:var(--bordo-dark); border-color:var(--bordo-dark); } body.lt-2026 .lt-btn.gold{ border-color:var(--gold); color:var(--gold-dark); } body.lt-2026 .lt-btn.gold:hover{ background:var(--gold); color:#fff; } /* ========================================================================= БАЗОВЫЙ СЛОЙ — то, что раньше приходило из style.css и default.css. С этого момента style-2026.css самодостаточен: старые файлы стилей из шаблона убраны, и всё, на что раньше опирались отступы, шрифты, списки, таблицы и поля форм, задано здесь. ========================================================================= */ html{ margin:0; padding:0; } body.lt-2026, body.lt-2026 *, body.lt-2026 *::before, body.lt-2026 *::after{ box-sizing:border-box; } body.lt-2026{ font-family:'Manrope', sans-serif; font-size:16px; line-height:1.6; color:var(--ink); } body.lt-2026 h1, body.lt-2026 h2, body.lt-2026 h3, body.lt-2026 h4, body.lt-2026 h5, body.lt-2026 h6, body.lt-2026 p, body.lt-2026 ul, body.lt-2026 ol, body.lt-2026 li, body.lt-2026 dl, body.lt-2026 dd, body.lt-2026 figure, body.lt-2026 blockquote, body.lt-2026 pre, body.lt-2026 form, body.lt-2026 fieldset{ margin:0; padding:0; border:none; } body.lt-2026 ul, body.lt-2026 ol{ list-style:none; } body.lt-2026 a{ color:inherit; text-decoration:none; } body.lt-2026 img{ border:none; max-width:100%; height:auto; } body.lt-2026 table{ border-collapse:collapse; border-spacing:0; } body.lt-2026 th, body.lt-2026 td{ text-align:left; vertical-align:top; } body.lt-2026 input, body.lt-2026 select, body.lt-2026 textarea, body.lt-2026 button{ font-family:inherit; font-size:inherit; color:inherit; margin:0; } body.lt-2026 button{ background:none; border:none; padding:0; } body.lt-2026 hr{ border:none; border-top:1px solid var(--line); margin:28px 0; } /* Страницы, до которых редизайн содержимого ещё не дошёл: без старых стилей у них не осталось бы вообще никакой колонки — задаём разумную по умолчанию. */ body.lt-2026:not(.home-2026):not(.inner-2026) #main{ max-width:1280px; margin:0 auto; padding:40px 32px 90px; overflow:visible; } /* ========================================================================= ЕДИНАЯ ТИПОГРАФИКА СОДЕРЖИМОГО — один источник правды. Действует одинаково на всех страницах: и на текстовых, и в каталоге, и в SEO-блоке главной. Селекторы намеренно «сквозные» (потомки, а не прямые дети): движок заворачивает текст страницы в разные обёртки, и перечислять их по одной — путь к тому, что на очередной странице заголовки снова останутся старыми. Блоки-компоненты (карточки, фильтр, секции главной) переопределяют эти правила ниже по файлу. ========================================================================= */ body.inner-2026 .right_content h1, body.lt-2026 .text h1, body.lt-2026 .one_text h1{ font-family:'Cormorant Garamond', serif; font-variant-numeric:lining-nums; font-size:41.5px; font-weight:500; line-height:1.25; color:var(--ink); margin:0 0 22px; padding:0; } body.inner-2026 .right_content h2, body.lt-2026 .text h2, body.lt-2026 .one_text h2{ font-family:'Cormorant Garamond', serif; font-variant-numeric:lining-nums; font-size:27.5px; font-weight:600; line-height:1.3; color:var(--ink); margin:34px 0 12px; padding:0; } body.inner-2026 .right_content h3, body.lt-2026 .text h3, body.lt-2026 .one_text h3{ font-family:'Cormorant Garamond', serif; font-variant-numeric:lining-nums; font-size:22px; font-weight:600; line-height:1.35; color:var(--ink); margin:28px 0 10px; padding:0; } body.inner-2026 .right_content h4, body.lt-2026 .text h4, body.lt-2026 .one_text h4{ font-family:'Manrope', sans-serif; font-size:17px; font-weight:700; line-height:1.4; color:var(--ink); margin:22px 0 8px; padding:0; } body.inner-2026 .right_content p, body.lt-2026 .text p, body.lt-2026 .one_text p{ font-family:'Manrope', sans-serif; font-size:15.5px; line-height:1.7; color:var(--ink-soft); margin:0 0 12px; } body.inner-2026 .right_content li, body.lt-2026 .text li, body.lt-2026 .one_text li{ font-family:'Manrope', sans-serif; font-size:15.5px; line-height:1.7; color:var(--ink-soft); margin:0 0 8px; } body.inner-2026 .right_content ul, body.lt-2026 .text ul, body.lt-2026 .one_text ul{ margin:0 0 16px; padding-left:22px; } body.inner-2026 .right_content ol, body.lt-2026 .text ol, body.lt-2026 .one_text ol{ margin:0 0 16px; padding-left:22px; } body.inner-2026 .right_content ul li, body.lt-2026 .text ul li, body.lt-2026 .one_text ul li{ list-style:disc; } body.inner-2026 .right_content ol li, body.lt-2026 .text ol li, body.lt-2026 .one_text ol li{ list-style:decimal; } body.inner-2026 .right_content a, body.lt-2026 .text a, body.lt-2026 .one_text a{ color:var(--bordo); text-decoration:none; } body.inner-2026 .right_content a:hover, body.lt-2026 .text a:hover, body.lt-2026 .one_text a:hover{ text-decoration:underline; } body.inner-2026 .right_content b, body.inner-2026 .right_content strong, body.lt-2026 .text b, body.lt-2026 .text strong, body.lt-2026 .one_text b, body.lt-2026 .one_text strong{ color:var(--ink); font-weight:700; } body.inner-2026 .right_content img, body.lt-2026 .text img, body.lt-2026 .one_text img{ max-width:100%; height:auto; } /* ========================================================================= КАРТИНКИ В ТЕКСТЕ СТРАНИЦЫ Движок отдаёт их ровно так, как их вставили в админке: с атрибутами align/hspace/vspace и произвольными width/height. Старые стили их вообще не трогали — отсюда и слипшийся с фотографией текст, и «марки» размером 60px от снимков на 900px. width:auto в CSS перебивает атрибут width, поэтому фотография показывается в своём настоящем размере, но не шире колонки; маленькие исходники при этом НЕ растягиваются и не мылятся. ========================================================================= */ body.inner-2026 .right_content img, body.lt-2026 .text img, body.lt-2026 .one_text img{ /* !important — потому что редактор движка часто пишет размер прямо в атрибут style у картинки, а инлайновый стиль сильнее обычного правила */ width:auto !important; height:auto !important; max-width:100%; border-radius:8px; vertical-align:middle; } /* Таблицы в тексте: в старом редакторе фотографии часто верстали таблицей. Она не должна распирать колонку, а ячейки — слипаться. */ body.inner-2026 .right_content table, body.lt-2026 .text table{ width:auto !important; max-width:100%; height:auto !important; margin:18px 0; border-collapse:collapse; } body.inner-2026 .right_content table td, body.inner-2026 .right_content table th, body.lt-2026 .text table td, body.lt-2026 .text table th{ width:auto !important; height:auto !important; padding:0 18px 16px 0; vertical-align:top; } body.inner-2026 .right_content table td:last-child, body.lt-2026 .text table td:last-child{ padding-right:0; } body.inner-2026 .right_content table tr:last-child td, body.lt-2026 .text table tr:last-child td{ padding-bottom:0; } /* фотография в ячейке — блоком и не шире трети колонки, иначе таблица из нескольких снимков вылезает за правый край */ body.inner-2026 .right_content table img, body.lt-2026 .text table img{ display:block; max-width:min(240px, 100%); } body.inner-2026 .right_content table p, body.lt-2026 .text table p{ margin:0 0 10px; } body.inner-2026 .right_content table p:last-child, body.lt-2026 .text table p:last-child{ margin-bottom:0; } /* две и более фотографии в одном абзаце — в ряд */ body.inner-2026 .right_content img, body.lt-2026 .text img, body.lt-2026 .one_text img{ max-width:min(560px, 100%); } /* две и более фотографии в одном абзаце — рядом и с новой строки, иначе ряд снимков подвёрстывается к предыдущей обтекаемой картинке */ body.inner-2026 .right_content p:has(img ~ img), body.lt-2026 .text p:has(img ~ img){ clear:both; display:flex; flex-wrap:wrap; gap:14px; margin:18px 0; } body.inner-2026 .right_content p:has(img ~ img) img, body.lt-2026 .text p:has(img ~ img) img{ max-width:min(320px, calc(50% - 12px)); } /* обтекание текстом: главное — отбивка, без неё строки липнут к фотографии */ body.inner-2026 .right_content img[align="left"], body.lt-2026 .text img[align="left"], body.inner-2026 .right_content img[style*="float:left"], body.inner-2026 .right_content img[style*="float: left"]{ float:left; margin:6px 26px 16px 0; max-width:min(200px, 30%); } body.inner-2026 .right_content img[align="right"], body.lt-2026 .text img[align="right"], body.inner-2026 .right_content img[style*="float:right"], body.inner-2026 .right_content img[style*="float: right"]{ float:right; margin:6px 0 16px 26px; max-width:min(200px, 30%); } /* заголовок никогда не встаёт сбоку от обтекаемой картинки */ body.inner-2026 .right_content h2, body.inner-2026 .right_content h3, body.lt-2026 .text h2, body.lt-2026 .text h3{ clear:both; } /* и сам блок содержимого всегда охватывает плавающие картинки */ body.inner-2026 .right_content::after, body.lt-2026 .text::after{ content:''; display:block; clear:both; } /* картинка-ссылка (галерея товара) ведёт себя так же */ body.inner-2026 .right_content a > img{ display:inline-block; } @media (max-width:560px){ /* на телефоне обтекание не читается — фотографии идут отдельными блоками */ body.inner-2026 .right_content img[align="left"], body.inner-2026 .right_content img[align="right"], body.lt-2026 .text img[align="left"], body.lt-2026 .text img[align="right"], body.inner-2026 .right_content img[style*="float"]{ float:none; display:block; margin:14px 0; max-width:100%; } body.inner-2026 .right_content p:has(img ~ img) img, body.lt-2026 .text p:has(img ~ img) img{ max-width:calc(50% - 6px); } } /* ========================================================================= ПЛАШКА ОБЪЯВЛЕНИЯ ========================================================================= */ body.lt-2026 .lt-announce{ display:block; background:var(--bordo); color:#fff; } body.lt-2026 .lt-announce-inner{ position:relative; display:flex; align-items:center; justify-content:center; padding:11px 56px; text-align:center; font-size:14px; line-height:1.6; letter-spacing:0.01em; } body.lt-2026 .lt-announce-close{ position:absolute; right:32px; top:50%; transform:translateY(-50%); background:none; border:none; padding:6px; margin:0; cursor:pointer; color:#fff; opacity:0.7; transition:opacity .2s ease; } body.lt-2026 .lt-announce-close:hover{ opacity:1; } body.lt-2026 .lt-announce-close svg{ width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; display:block; } /* ========================================================================= ШАПКА. #header в старой теме — 1200px, height:238px, дети absolute. Полностью распускаем и собираем заново. ========================================================================= */ body.lt-2026 #header{ height:auto; width:100%; margin:0; position:static; background:none; padding:0; } /* --- верхняя строка --- */ body.lt-2026 .lt-topbar{ display:block; background:var(--paper); border-bottom:1px solid var(--line); font-size:14.5px; color:var(--ink-soft); } body.lt-2026 .lt-topbar .lt-container{ display:flex; justify-content:space-between; align-items:center; padding:9px 32px; flex-wrap:wrap; gap:8px; } body.lt-2026 .lt-topbar-left{ display:flex; gap:22px; flex-wrap:wrap; align-items:center; } body.lt-2026 .lt-topbar-left span, body.lt-2026 .lt-topbar-left a{ display:inline-flex; align-items:center; gap:6px; color:var(--ink-soft); } body.lt-2026 .lt-topbar svg{ width:13px; height:13px; stroke:var(--bordo); fill:none; stroke-width:1.6; } body.lt-2026 .lt-since{ display:inline-flex; align-items:center; background:var(--cream-2); border:1px solid var(--line); border-radius:14px; padding:4px 12px; font-size:12.5px; letter-spacing:0.04em; color:var(--gold-dark); font-weight:700; transition:all .2s ease; } body.lt-2026 a.lt-since:hover{ background:var(--gold-light); border-color:var(--gold-light); color:#fff; } body.lt-2026 .lt-topbar-right{ display:flex; align-items:center; gap:10px; } body.lt-2026 .lt-msg-btn{ width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; transition:transform .25s ease; } body.lt-2026 .lt-msg-btn:hover{ transform:translateY(-2px); } body.lt-2026 .lt-msg-btn svg{ width:14px; height:14px; stroke:#fff; fill:none; stroke-width:1.8; } body.lt-2026 .lt-msg-btn.lt-tg{ background:#33a1de; } body.lt-2026 .lt-msg-btn.lt-wa{ background:#3fb457; } /* --- строка с логотипом, поиском и иконками --- */ /* фон .lt-header-row должен идти во всю ширину экрана, а содержимое — по колонке 1280px: центруем через padding, а не max-width+margin:auto (иначе вместе с содержимым обрежется и белый фон строки). */ /* Полосы шапки и меню — фон во всю ширину, содержимое по колонке 1216px (та же колонка, что у #main и подвала). Раньше здесь стояло 1280px, и логотип с меню выступали на 32px левее и правее остального содержимого. */ body.lt-2026 .lt-header-row{ background:var(--paper); display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:16px; padding-bottom:16px; padding-left:max(32px, calc((100% - 1216px) / 2)); padding-right:max(32px, calc((100% - 1216px) / 2)); } body.lt-2026 .logo_header{ float:none; margin:0; display:flex; align-items:center; text-align:left; } body.lt-2026 .logo_header img{ height:28px; width:auto; } body.lt-2026 .logo_header p{ display:none; } body.lt-2026 .adress_header{ display:none; } body.lt-2026 .lt-search{ flex:1; max-width:420px; display:flex; border:1px solid var(--line); border-radius:24px; overflow:hidden; background:var(--paper); } body.lt-2026 .lt-search input{ flex:1; border:none; outline:none; padding:12px 18px; font-family:'Manrope', sans-serif; font-size:15.5px; background:transparent; color:var(--ink); /* у полей ввода line-height по умолчанию normal; унаследованные 1.6 из общего сброса делали строку поиска на 7px выше, чем в прототипе */ line-height:normal; } body.lt-2026 .lt-search button{ border:none; background:var(--cream-2); padding:0 20px; cursor:pointer; display:flex; align-items:center; justify-content:center; } body.lt-2026 .lt-search svg{ width:16px; height:16px; stroke:var(--ink); fill:none; stroke-width:1.8; } body.lt-2026 .header_mailto{ position:static; font-size:14.5px; color:var(--ink-soft); } body.lt-2026 .phone{ position:static; font-family:'Manrope', sans-serif; font-size:14.5px; text-align:left; color:var(--ink-soft); margin:0; padding:0; } /* иконки справа: избранное + корзина */ body.lt-2026 .lt-header-icons{ display:flex; align-items:center; gap:22px; } body.lt-2026 .lt-wish-btn{ display:flex; position:relative; background:none; border:none; padding:0; cursor:pointer; color:var(--ink); } body.lt-2026 .lt-wish-btn svg{ width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.5; } body.lt-2026 .lt-wish-btn.active svg{ stroke:var(--bordo); fill:var(--bordo); } /* .basket наполняется через $(".basket").html(data) из /get-basket-count — разметку ответа мы не контролируем. Иконку держим на :before (её не затирает .html()), а пришедший текст аккуратно оформляем рядом. */ body.lt-2026 .basket{ position:relative; background:none; width:auto; height:auto; min-height:22px; padding:0 0 0 30px; margin:0; display:flex; align-items:center; overflow:visible; color:var(--ink); } body.lt-2026 .basket:before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:22px; height:22px; background:url('data:image/svg+xml;utf8,') no-repeat center / contain; } body.lt-2026 .basket h3, body.lt-2026 .basket p{ font-family:'Manrope', sans-serif; font-size:12.5px; line-height:1.3; color:var(--ink-soft); margin:0; font-weight:500; white-space:nowrap; max-width:150px; overflow:hidden; text-overflow:ellipsis; } body.lt-2026 .basket h3.noempty{ color:var(--bordo); font-weight:700; } body.lt-2026 .basket a{ color:inherit; } body.lt-2026 .basket .goto_basket{ margin-left:4px; text-decoration:underline; } /* --- горизонтальное меню --- */ body.lt-2026 #header ul.menu_header{ background:var(--bordo) !important; float:none; width:100%; height:auto; margin:0; display:flex; gap:0; /* явные кегль и интерлиньяж: пункты меню наследуют их, и высота полосы получается одинаковой на всех страницах (иначе там, где базовый размер ещё старый 12px, меню было на 7px ниже) */ font-size:16px; line-height:1.6; font-family:'Manrope', sans-serif; /* фон — во всю ширину экрана, содержимое — по колонке 1280px через padding (max-width на этом же элементе обрезал бы и фон) */ padding-left:max(32px, calc((100% - 1216px) / 2)); padding-right:max(32px, calc((100% - 1216px) / 2)); } body.lt-2026 #header .menu_header li{ background:none; float:none; padding:0; position:relative; } body.lt-2026 #header .menu_header li:first-child{ background:none; } body.lt-2026 #header .menu_header a{ display:flex; align-items:center; gap:6px; padding:15px 22px; font-size:14.5px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; color:#e9e0d2; font-family:'Manrope', sans-serif; transition:all .25s ease; } body.lt-2026 #header .menu_header a:hover{ background:rgba(255,255,255,0.06); color:var(--gold-light); } body.lt-2026 .lt-caret{ stroke:#e9e0d2; transition:transform .25s ease; } body.lt-2026 li.lt-nav-dropdown:hover .lt-caret{ transform:rotate(180deg); } /* Выпадающее подменю оформлено ровно как левое меню каталога: те же фон, рамка, разделители между пунктами, кегль и ховер. */ body.lt-2026 .lt-nav-dropdown-menu{ background:var(--paper); border:1px solid var(--line); border-top:2px solid var(--bordo); border-radius:0 0 8px 8px; box-shadow:0 18px 40px -18px rgba(0,0,0,0.35); min-width:260px; padding:0; overflow:hidden; } body.lt-2026 .lt-nav-dropdown-menu li{ display:block; float:none; background:none; padding:0; border-bottom:1px solid var(--line); } body.lt-2026 .lt-nav-dropdown-menu li:last-child{ border-bottom:none; } body.lt-2026 .lt-nav-dropdown-menu a{ display:block; padding:11px 20px; font-size:15px; text-transform:none; font-weight:500; line-height:1.35; letter-spacing:0; color:var(--ink); font-family:'Manrope', sans-serif; transition:background .2s ease, color .2s ease; } body.lt-2026 .lt-nav-dropdown-menu a:hover{ background:var(--cream-2); color:var(--bordo); } /* у правила верхнего меню выше специфичность (#header), поэтому подменю приходится задавать с тем же #header — иначе пункты идут капсом */ body.lt-2026 #header .lt-nav-dropdown-menu a{ display:block; padding:11px 20px; font-size:15px; font-weight:500; line-height:1.35; text-transform:none; letter-spacing:0; color:var(--ink); font-family:'Manrope', sans-serif; background:none; } body.lt-2026 #header .lt-nav-dropdown-menu a:hover{ background:var(--cream-2); color:var(--bordo); } /* ========================================================================= ЗАГЛУШКА «ФОТО ГОТОВИТСЯ» — одинаковая везде, размер подписи подстраивается под размер слота (container queries), как в прототипе. ========================================================================= */ body.lt-2026 .lt-ph{ position:relative; width:100%; height:100%; background:var(--ph-bg); border:1.5px dashed var(--ph-line); overflow:hidden; container-type:size; container-name:ph; } body.lt-2026 .lt-ph-inner{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8%; padding:8%; text-align:center; } body.lt-2026 .lt-ph-icon{ width:22cqmin; height:22cqmin; min-width:16px; min-height:16px; max-width:64px; max-height:64px; stroke:#a99873; stroke-width:1.6; fill:none; flex-shrink:0; } body.lt-2026 .lt-ph-caption{ display:none; font-family:'Manrope', sans-serif; font-weight:700; font-size:clamp(9px, 6cqmin, 15px); letter-spacing:0.03em; color:#8f8064; white-space:nowrap; } body.lt-2026 .lt-ph-sub{ display:none; font-family:'Manrope', sans-serif; font-size:clamp(7px, 3.2cqmin, 10px); letter-spacing:0.12em; color:#ab9c7c; white-space:nowrap; } @container ph (min-width: 110px) and (min-height: 90px){ body.lt-2026 .lt-ph-caption{ display:block; } } @container ph (min-width: 160px) and (min-height: 130px){ body.lt-2026 .lt-ph-sub{ display:block; } } /* ========================================================================= HERO ========================================================================= */ body.home-2026 .lt-hero{ display:block; background:linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%); padding:70px 0 40px; overflow:hidden; } body.home-2026 .lt-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-hero-logo{ margin-bottom:26px; } body.home-2026 .lt-hero-logo img{ height:128px; width:auto; } body.home-2026 .lt-hero h1{ font-size:60px; line-height:1.12; font-weight:500; margin:18px 0 20px; color:var(--ink); } body.home-2026 .lt-hero h1 em{ font-style:italic; color:var(--bordo); } body.home-2026 .lt-hero-text p{ font-size:18px; color:var(--ink-soft); max-width:440px; margin-bottom:30px; font-family:'Manrope', sans-serif; } body.home-2026 .lt-hero-actions{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:36px; } body.home-2026 .lt-hero-trust{ display:flex; gap:34px; flex-wrap:wrap; } body.home-2026 .lt-hero-trust .num{ font-family:'Manrope', sans-serif; font-variant-numeric:lining-nums tabular-nums; font-size:34.5px; color:var(--bordo); font-weight:800; } body.home-2026 .lt-hero-trust .lbl{ font-size:13px; color:var(--ink-soft); letter-spacing:0.03em; } body.home-2026 .lt-hero-image{ position:relative; aspect-ratio:4/5; border-radius:6px; } body.home-2026 .lt-hero-image:before{ content:''; position:absolute; inset:-16px; border:1px solid var(--gold); border-radius:6px; z-index:0; } body.home-2026 .lt-hero-image .lt-ph{ position:relative; z-index:1; border-radius:6px; } /* ========================================================================= ЗАГОЛОВКИ СЕКЦИЙ ========================================================================= */ /* центрированный (Почему мы / Сотрудничество / Как это работает / Отзывы / Полезное) */ /* В прототипе .section-head{max-width:600px} лежит внутри .container, который и даёт боковые отступы. Здесь отступы на самом заголовке, поэтому считаем max-width по содержимому (content-box) — иначе padding съедал бы 64px из 600 и заголовок переносился на лишнюю строку. */ body.lt-2026 .lt-section-head{ box-sizing:content-box; text-align:center; max-width:600px; margin:0 auto 56px; padding:0 32px; } body.lt-2026 .lt-section-head h2{ font-size:41.5px; font-weight:500; margin-top:14px; line-height:1.6; color:var(--ink); } body.lt-2026 .lt-section-head p{ color:var(--ink-soft); font-size:17px; margin-top:14px; } body.lt-2026 .lt-steps .lt-section-head{ max-width:680px; } body.lt-2026 .lt-section-head.lt-row, body.lt-2026 .lt-section-head.lt-line{ box-sizing:border-box; } body.lt-2026 .lt-why .lt-section-head{ margin-bottom:40px; } /* строчный: заголовок слева + ссылка справа (Каталог по категориям) */ body.lt-2026 .lt-section-head.lt-row{ display:flex; justify-content:space-between; align-items:baseline; text-align:left; max-width:1280px; margin:0 auto 34px; padding:0 32px; } body.lt-2026 .lt-section-head.lt-row h2{ font-size:30px; font-weight:500; margin-top:0; } body.lt-2026 .lt-section-head.lt-row a{ font-size:14.5px; font-weight:700; color:var(--bordo); } /* строчный с золотой линией (Новинки / Хиты продаж / Акции) */ body.lt-2026 .lt-section-head.lt-line{ display:flex; justify-content:space-between; align-items:baseline; text-align:left; max-width:1280px; margin:0 auto 28px; padding:0 32px 12px; border-bottom:2px solid var(--gold-light); } body.lt-2026 .lt-section-head.lt-line h2{ font-size:27.5px; font-weight:600; margin-top:0; } body.lt-2026 .lt-section-head.lt-line a{ font-size:14.5px; font-weight:700; color:var(--bordo); } /* ========================================================================= КАТАЛОГ ПО КАТЕГОРИЯМ (блок скопирован из прототипа целиком) ========================================================================= */ body.home-2026 .lt-cat-visual{ padding:90px 0 30px; } body.home-2026 .lt-cat-grid{ display:grid; grid-template-columns:repeat(6, 1fr); gap:18px; max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-cat-card{ text-align:center; display:block; } body.home-2026 .lt-cat-img{ aspect-ratio:1/1; border-radius:50%; margin-bottom:12px; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease; } body.home-2026 .lt-cat-img .lt-ph{ width:100%; height:100%; border-radius:50%; } body.home-2026 .lt-cat-card:hover .lt-cat-img{ transform:translateY(-4px); box-shadow:0 14px 28px -16px rgba(43,36,31,0.35); } body.home-2026 .lt-cat-card:hover .lt-cat-img .lt-ph{ border-color:var(--gold); } body.home-2026 .lt-cat-card > span{ display:block; font-size:14.5px; line-height:1.3; font-weight:600; color:var(--ink); min-height:2.6em; font-family:'Manrope', sans-serif; } /* ========================================================================= ТОВАРНЫЕ БЛОКИ (Новинки / Хиты продаж) — реальный вывод CMS (%slide-news% / %slide_hits1%), одетый в карточки прототипа. Механику jCarousel не трогаем: меняем только внешний вид карточек. ========================================================================= */ body.home-2026 .lt-products{ padding:0 0 56px; } /* Поля задаём один раз — на своей обёртке .lt-products-body. Внутри неё движок отдаёт ещё и .catalog_news со своими полями: если оставить их обе, ряд товаров получается на 64px уже остальной страницы. */ body.home-2026 .lt-products-body{ max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-products .catalog_news, body.home-2026 .lt-products .catalog_main{ max-width:none; margin:0; padding:0; } body.home-2026 .lt-products .catalog_news h2{ display:none; } /* заголовок даём своим .lt-section-head */ /* --- Распускаем jCarousel в сетку 4×, как в прототипе. На главной карусель НЕ инициализируется (guard в header.tpl), поэтому здесь достаточно погасить размеры/позиционирование из tango/skin.css: .jcarousel-container-horizontal жёстко 828px, .jcarousel-item 190×230, список абсолютный — всё это несовместимо с полноширинной сеткой. --- */ body.home-2026 .lt-products .jcarousel-container, body.home-2026 .lt-products .jcarousel-container-horizontal, body.home-2026 .lt-products .jcarousel-clip, body.home-2026 .lt-products .jcarousel-clip-horizontal{ width:auto !important; height:auto !important; padding:0 !important; overflow:visible !important; position:static !important; } body.home-2026 .lt-products .jcarousel-next-horizontal, body.home-2026 .lt-products .jcarousel-prev-horizontal, body.home-2026 .lt-products .jcarousel-next-vertical, body.home-2026 .lt-products .jcarousel-prev-vertical{ display:none !important; } body.home-2026 .lt-products ul{ position:static !important; width:auto !important; height:auto !important; left:auto !important; top:auto !important; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(4, 1fr); gap:26px; list-style:none; } body.home-2026 .lt-products li, body.home-2026 .lt-products .jcarousel-item{ position:static !important; float:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; background:none; display:flex; } /* карточки в ряду одинаковой высоты, как в разделах каталога */ body.home-2026 .lt-products li > .block_news{ flex:1 1 auto; } body.home-2026 .slaid_news{ background:none; height:auto; padding:0; width:auto; } body.home-2026 .news_foto{ overflow:hidden; } body.home-2026 .block_news{ background:var(--paper); border:1px solid var(--line); border-radius:8px; overflow:hidden; transition:box-shadow .3s ease, transform .3s ease; } body.home-2026 .block_news:hover{ box-shadow:0 18px 38px -20px rgba(43,36,31,0.3); transform:translateY(-3px); border-color:var(--gold-light); } body.home-2026 .block_news img{ width:100%; aspect-ratio:4/5; object-fit:cover; display:block; } body.home-2026 .block_new_title{ display:block; padding:16px 18px 20px; font-family:'Manrope', sans-serif; font-size:16px; font-weight:600; color:var(--ink); line-height:1.35; } body.home-2026 .news_cat_title{ display:none; } /* ссылку «Все новинки» движок выводит второй раз внизу блока — она уже есть в заголовке секции, поэтому нижнюю прячем */ body.home-2026 .catalog_news > p.all{ display:none; } body.home-2026 .catalog_news a.all{ font-size:14.5px; font-weight:700; color:var(--bordo); } /* ========================================================================= АКЦИИ — промо-баннер из прототипа ========================================================================= */ body.home-2026 .lt-promo{ padding:0 0 90px; } body.home-2026 .lt-promo-banner{ position:relative; height:240px; border-radius:8px; overflow:hidden; background:var(--bordo-deep); max-width:1216px; margin:0 auto; } body.home-2026 .lt-promo-wrap{ max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-promo-banner .lt-ph{ position:absolute; inset:0; border:none; } body.home-2026 .lt-promo-text{ position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; justify-content:center; padding:0 50px; color:#fff; background:linear-gradient(100deg, rgba(79,2,2,0.94) 0%, rgba(79,2,2,0.75) 45%, rgba(79,2,2,0.15) 75%); } body.home-2026 .lt-promo-text .lt-eyebrow{ color:var(--gold-light); } body.home-2026 .lt-promo-text .lt-eyebrow .spark{ color:var(--gold-light); } body.home-2026 .lt-promo-text h3{ font-size:34.5px; font-weight:500; margin:10px 0; line-height:1.6; } body.home-2026 .lt-promo-text p{ font-size:16px; max-width:400px; color:#e7d9c8; margin-bottom:18px; font-family:'Manrope', sans-serif; } body.home-2026 .lt-promo-text .lt-btn{ width:fit-content; } /* ========================================================================= ПОЧЕМУ МЫ ========================================================================= */ body.home-2026 .lt-why{ background:var(--paper); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:70px 0; } body.home-2026 .lt-why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; text-align:center; max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-why-grid .icon-wrap{ width:56px; height:56px; border-radius:50%; background:var(--cream); border:1px solid var(--gold-light); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; } body.home-2026 .lt-why-grid svg{ width:23px; height:23px; stroke:var(--bordo); fill:none; stroke-width:1.4; } body.home-2026 .lt-why-grid h4{ font-size:17px; font-weight:700; margin-bottom:6px; font-family:'Manrope', sans-serif; } body.home-2026 .lt-why-grid p{ font-size:14.5px; color:var(--ink-soft); font-family:'Manrope', sans-serif; } /* ========================================================================= СОТРУДНИЧЕСТВО (опт / розница / учреждения) ========================================================================= */ body.home-2026 .lt-segments{ background:var(--cream-2); padding:90px 0; } body.home-2026 .lt-segments-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-segment-card{ background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:32px; transition:transform .3s ease, box-shadow .3s ease; } body.home-2026 .lt-segment-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -22px rgba(43,36,31,0.3); border-color:var(--gold-light); } body.home-2026 .lt-segment-card .icon-wrap{ width:48px; height:48px; border-radius:12px; background:var(--cream); border:1px solid var(--gold-light); display:flex; align-items:center; justify-content:center; margin-bottom:18px; } body.home-2026 .lt-segment-card svg{ width:22px; height:22px; stroke:var(--bordo); fill:none; stroke-width:1.4; } body.home-2026 .lt-segment-card h4{ font-size:19.5px; font-weight:600; margin-bottom:9px; } body.home-2026 .lt-segment-card p{ font-size:15px; color:var(--ink-soft); margin-bottom:16px; font-family:'Manrope', sans-serif; } body.home-2026 .lt-segment-card a{ font-size:14.5px; font-weight:700; color:var(--bordo); } /* ========================================================================= КАК ЭТО РАБОТАЕТ ========================================================================= */ body.home-2026 .lt-steps{ background:var(--paper); padding:90px 0; border-top:1px solid var(--line); } body.home-2026 .lt-steps-row{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; position:relative; max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-steps-row:before{ content:''; position:absolute; top:26px; left:10%; right:10%; height:1px; background:repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 14px); z-index:0; } body.home-2026 .lt-step{ position:relative; z-index:1; text-align:center; } body.home-2026 .lt-step-num{ width:56px; height:56px; border-radius:50%; background:var(--paper); color:var(--bordo); font-family:'Manrope', sans-serif; font-variant-numeric:lining-nums tabular-nums; font-size:22px; font-weight:800; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; border:1.5px solid var(--gold); box-shadow:0 0 0 5px var(--cream); } body.home-2026 .lt-step h4{ font-size:16px; font-weight:700; margin-bottom:6px; font-family:'Manrope', sans-serif; } body.home-2026 .lt-step p{ font-size:14.5px; color:var(--ink-soft); font-family:'Manrope', sans-serif; } /* ========================================================================= ОТЗЫВЫ ========================================================================= */ body.home-2026 .lt-testimonials{ padding:100px 0; } body.home-2026 .lt-testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-testi-card{ background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:28px; } body.home-2026 .lt-testi-top{ display:flex; align-items:center; gap:14px; margin-bottom:16px; } body.home-2026 .lt-testi-avatar{ width:48px; height:48px; border-radius:50%; overflow:hidden; flex-shrink:0; } body.home-2026 .lt-testi-avatar .lt-ph{ border-radius:50%; } body.home-2026 .lt-testi-name{ font-size:16px; font-weight:700; font-family:'Manrope', sans-serif; color:var(--ink); } body.home-2026 .lt-testi-stars{ color:var(--gold); font-size:14px; margin-top:2px; } body.home-2026 .lt-testi-card p{ color:var(--ink-soft); font-style:italic; font-size:18.5px; line-height:1.55; } body.home-2026 .lt-testi-note{ max-width:1280px; margin:24px auto 0; padding:0 32px; font-size:12.5px; color:var(--ink-soft); font-family:'Manrope', sans-serif; font-style:italic; opacity:0.8; text-align:center; } /* ========================================================================= ГИД ПО ТКАНЯМ И УХОДУ ========================================================================= */ body.home-2026 .lt-stories{ background:var(--paper); border-top:1px solid var(--line); padding:100px 0; } body.home-2026 .lt-stories-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1280px; margin:0 auto; padding:0 32px; } body.home-2026 .lt-story-card{ border-radius:10px; overflow:hidden; border:1px solid var(--line); background:var(--paper); } body.home-2026 .lt-story-image{ aspect-ratio:16/10; } body.home-2026 .lt-story-body{ padding:20px; } body.home-2026 .lt-story-tag{ font-size:12.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--bordo); font-weight:700; margin-bottom:8px; display:block; font-family:'Manrope', sans-serif; } body.home-2026 .lt-story-body h4{ font-size:18.5px; font-weight:600; margin-bottom:10px; line-height:1.4; } body.home-2026 .lt-story-body a{ font-size:14.5px; font-weight:700; color:var(--ink); font-family:'Manrope', sans-serif; } body.home-2026 .lt-story-body a:hover{ color:var(--bordo); } /* ========================================================================= КОНТАКТЫ ========================================================================= */ body.home-2026 .lt-contacts{ background:var(--paper); border-top:1px solid var(--line); } body.home-2026 .lt-contacts-grid{ display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:90px 32px; align-items:center; max-width:1280px; margin:0 auto; } body.home-2026 .lt-contacts-info h2{ font-size:34.5px; font-weight:500; margin:12px 0 24px; line-height:1.6; color:var(--ink); } body.home-2026 .lt-contact-row{ display:flex; align-items:flex-start; gap:14px; margin-bottom:18px; } body.home-2026 .lt-contact-row .icon-wrap{ width:38px; height:38px; border-radius:50%; background:var(--cream); display:flex; align-items:center; justify-content:center; flex-shrink:0; } body.home-2026 .lt-contact-row svg{ width:17px; height:17px; stroke:var(--bordo); fill:none; stroke-width:1.6; } body.home-2026 .lt-contact-label{ font-size:13px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-soft); margin-bottom:2px; font-family:'Manrope', sans-serif; } body.home-2026 .lt-contact-value{ font-size:16.5px; font-weight:600; font-family:'Manrope', sans-serif; color:var(--ink); } body.home-2026 .lt-contacts-map{ height:360px; border-radius:10px; overflow:hidden; border:1px solid var(--line); } /* ========================================================================= ТЕКСТОВЫЙ БЛОК (%content% — реальный SEO-текст сайта) ========================================================================= */ body.lt-2026 .right_content .text{ max-width:1280px; margin:0 auto; padding:60px 32px 80px; float:none; width:auto; } body.lt-2026 .right_content .text .h2_new{ color:var(--bordo); font-weight:700; } /* ========================================================================= ГЛАВНАЯ: убираем левую колонку (дерево категорий + виджеты VK/OK) ========================================================================= */ body.home-2026 #main{ width:100%; max-width:none; margin:0; overflow:visible; } body.home-2026 #main > .left_content{ display:none; } body.home-2026 #main > .right_content{ float:none; width:100%; margin:0; padding:0; position:static; } /* ========================================================================= ПОДВАЛ. Старая разметка подвала на главной скрывается, вместо неё — .lt-footer (5 колонок из прототипа). На остальных страницах наоборот: .lt-footer скрыт (правило в самом верху файла), старый подвал как был. ========================================================================= */ body.lt-2026 #footer{ /* !important — потому что старое правило #footer{width:1200px; margin:0 auto} из style.css в некоторых сборках оказывалось сильнее и подвал получался не во всю ширину экрана */ width:100% !important; max-width:none !important; margin:0 !important; height:auto; padding:0; overflow:visible; background:#420000; color:#d9c9b6; /* clear:both обязателен: колонки страницы (.left_content/.right_content) плавающие, и если их родитель по какой-то причине их не «схлопывает», подвал уезжает вверх, а его тёмный фон оказывается под содержимым. position:relative + z-index держат подвал ниже контента по слоям. */ clear:both; position:relative; z-index:0; } body.lt-2026 #footer > .footer_menu, body.lt-2026 #footer > .logo_footer, body.lt-2026 #footer > .footer_adress, body.lt-2026 #footer > .footer_phone, body.lt-2026 #footer > .footer_policy, body.lt-2026 #footer > .eo{ display:none; } body.lt-2026 .lt-footer{ display:block; } body.lt-2026 .lt-footer-grid{ display:grid; grid-template-columns:1.3fr 0.85fr 0.95fr 0.95fr 0.95fr; gap:32px; padding:60px 32px 40px; max-width:1280px; margin:0 auto; } body.lt-2026 .lt-footer-logo{ display:block; margin-bottom:16px; } body.lt-2026 .lt-footer-logo img{ height:100px; width:auto; display:block; } body.lt-2026 .lt-footer-about p{ font-size:15px; color:#c3b19a; max-width:280px; margin-bottom:18px; font-family:'Manrope', sans-serif; } body.lt-2026 .lt-footer-about .lt-social-row{ display:flex; gap:10px; } body.lt-2026 .lt-footer-grid h5{ font-size:14.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-light); margin-bottom:18px; font-weight:700; font-family:'Manrope', sans-serif; } body.lt-2026 .lt-footer-grid li{ margin-bottom:10px; font-size:15.5px; color:#c3b19a; font-family:'Manrope', sans-serif; } body.lt-2026 .lt-footer-grid li a:hover{ color:var(--gold-light); } body.lt-2026 .lt-footer-bottom{ border-top:1px solid rgba(255,255,255,0.08); padding:22px 32px; display:flex; justify-content:space-between; font-size:14px; color:#9a8a75; flex-wrap:wrap; gap:10px; max-width:1280px; margin:0 auto; font-family:'Manrope', sans-serif; } body.lt-2026 .lt-footer-bottom .lt-legal-links a{ color:#9a8a75; } body.lt-2026 .lt-footer-bottom .lt-legal-links a:hover{ color:var(--gold-light); text-decoration:underline; } /* счётчик LiveInternet переносим в новый подвал */ body.lt-2026 .lt-footer-counter{ margin-top:12px; opacity:0.7; } /* ========================================================================= АДАПТИВ (значения из прототипа) ========================================================================= */ @media (max-width:1080px){ body.lt-2026 .lt-hero-grid{ grid-template-columns:1fr; } body.lt-2026 .lt-hero-image{ order:-1; width:100%; max-width:420px; margin:0 auto; } body.lt-2026 .lt-cat-grid{ grid-template-columns:repeat(3,1fr); } body.lt-2026 .lt-why-grid{ grid-template-columns:repeat(2,1fr); row-gap:30px; } body.lt-2026 .lt-steps-row{ grid-template-columns:repeat(2,1fr); row-gap:30px; } body.lt-2026 .lt-steps-row:before{ display:none; } body.lt-2026 .lt-segments-grid{ grid-template-columns:1fr; } body.lt-2026 .lt-testi-grid{ grid-template-columns:1fr; } body.lt-2026 .lt-stories-grid{ grid-template-columns:1fr; } body.lt-2026 .lt-contacts-grid{ grid-template-columns:1fr; } body.lt-2026 .lt-footer-grid{ grid-template-columns:1fr 1fr; row-gap:34px; } body.lt-2026 #header ul.menu_header{ flex-wrap:wrap; } /* поиск не прячем: до 900px он переезжает отдельной строкой (см. блок адаптива) */ body.lt-2026 .lt-search{ max-width:320px; } } @media (max-width:640px){ body.lt-2026 .lt-cat-grid{ grid-template-columns:repeat(2,1fr); } body.lt-2026 .lt-hero h1{ font-size:40px; } body.lt-2026 .lt-section-head h2{ font-size:30px; } body.lt-2026 .lt-footer-grid{ grid-template-columns:1fr; } } /* --- Страховка для страниц, которые ещё в старой раскладке: контейнер #main должен содержать плавающие колонки, иначе подвал уезжает наверх и его тёмный фон оказывается под содержимым. На переоформленных страницах #main — grid, он и так содержит детей, а лишний ::after стал бы там пустой ячейкой. --- */ body.lt-2026:not(.home-2026):not(.inner-2026) #main::after{ content:''; display:block; clear:both; } /* ========================================================================= ВНУТРЕННИЕ СТРАНИЦЫ (body.inner-2026) — двухколоночный макет Класс ставится скриптом в конце footer.tpl по наличию левой колонки. Левая колонка сохраняется (в отличие от главной). Разметку страницы отдаёт PHP (шаблонов на неё нет), поэтому здесь мы переопределяем реальные классы старой темы. Сайдбар на разных страницах приходит то как .left_menu, то как .menu_header внутри .left_content — стилизуем оба варианта, чтобы не зависеть от того, какой отдаст движок. ========================================================================= */ /* --- две колонки --- */ body.inner-2026 #main{ width:100%; max-width:1280px; margin:0 auto; padding:40px 32px 90px; overflow:visible; position:static; display:grid; grid-template-columns:280px 1fr; gap:44px; align-items:start; } body.inner-2026 #main > .left_content{ float:none; width:auto; margin:0; min-width:0; } body.inner-2026 #main > .right_content{ float:none; width:auto; margin:0; padding:0; position:static; min-width:0; font-family:'Manrope', sans-serif; } /* ========================================================================= ЛЕВАЯ КОЛОНКА. Реальная разметка (из исходника страницы): .left_content > .left_menu > .search_header form > .h_left (div) > ul > li.menu_top_N > a.menu_click + ul.in_menu.in_menu_10 (выпадающее) ========================================================================= */ body.inner-2026 .left_content .left_menu{ float:none; width:auto; margin:0 0 24px; padding:20px 0 6px; background:var(--paper); border:1px solid var(--line); border-radius:10px; font-family:'Manrope', sans-serif; position:relative; } /* поиск в сайдбаре */ body.inner-2026 .search_header{ margin:0 0 16px; padding:0 20px; } body.inner-2026 .search_header form{ display:flex; gap:8px; align-items:center; } body.inner-2026 .search_header input{ flex:1; min-width:0; width:auto; font-family:'Manrope', sans-serif; font-size:14px; padding:9px 14px; border:1px solid var(--line); border-radius:20px; background:var(--paper); color:var(--ink); outline:none; line-height:normal; } body.inner-2026 .search_header input:focus{ border-color:var(--gold); } body.inner-2026 .search_header a{ background:var(--bordo); border-radius:20px; color:#fff; display:inline-block; font-family:'Manrope', sans-serif; font-size:13px; font-weight:600; padding:9px 16px; text-align:center; text-decoration:none; white-space:nowrap; transition:background .25s ease; } body.inner-2026 .search_header a:hover{ background:var(--bordo-dark); } /* заголовок «Каталог продукции» */ body.inner-2026 .left_content .h_left, body.inner-2026 .left_content .left_menu h3{ font-family:'Cormorant Garamond', serif; font-size:24px; font-weight:500; line-height:1.3; color:var(--ink); margin:0 20px 12px; padding:0 0 12px; border-bottom:1px solid var(--line); } /* список категорий */ body.inner-2026 .left_menu ul{ margin:0; padding:0; list-style:none; } body.inner-2026 .left_menu li{ float:none; display:block; background:none; margin:0; padding:0; width:auto; border-bottom:1px solid var(--line); position:relative; } body.inner-2026 .left_menu > ul > li:last-child{ border-bottom:none; } body.inner-2026 .left_menu a, body.inner-2026 .left_menu a.menu_click{ display:block; padding:11px 20px; background:none; font-family:'Manrope', sans-serif; font-size:15px; font-weight:500; line-height:1.35; color:var(--ink); text-decoration:none; text-transform:none; letter-spacing:0; transition:background .2s ease, color .2s ease; } body.inner-2026 .left_menu li:hover > a, body.inner-2026 .left_menu a:hover{ background:var(--cream-2); color:var(--bordo); } body.inner-2026 .left_menu li.active > a{ color:var(--bordo); font-weight:700; font-style:normal; } body.inner-2026 .left_menu li.active{ font-style:normal; font-weight:400; } body.inner-2026 .left_menu > li:last-child a{ color:var(--ink); font-size:15px; } body.inner-2026 .left_menu p{ background:none; color:var(--ink-soft); font-size:15px; margin:0; border-radius:0; white-space:normal; } body.inner-2026 .left_menu span{ color:var(--gold-dark); } /* «Новинки» и «Распродажа» — акцентные пункты (в старой теме 18px жирным) */ body.inner-2026 .left_menu .menu_top_news > a{ font-size:15px; font-weight:700; color:var(--gold-dark); } body.inner-2026 .left_menu .menu_top_sale > a{ font-size:15px; font-weight:700; color:var(--bordo); } body.inner-2026 .left_menu .menu_top_news > a:hover, body.inner-2026 .left_menu .menu_top_sale > a:hover{ color:var(--bordo-dark); } /* выпадающие подуровни: в старой теме .in_menu{display:none}, а на hover .in_menu_10 показывается с left:215px — пересчитываем под новую ширину */ body.inner-2026 .left_menu .in_menu{ display:none; } body.inner-2026 .left_menu > ul > li:hover .in_menu_10, body.inner-2026 .left_menu .in_menu.show{ display:block; position:absolute; left:100%; top:0; min-width:250px; z-index:1000; background:var(--paper); border:1px solid var(--line); border-top:2px solid var(--bordo); border-radius:0 8px 8px 0; box-shadow:0 18px 40px -18px rgba(0,0,0,0.35); padding:4px 0; } body.inner-2026 .left_menu .in_menu li{ border-bottom:1px solid var(--line); } body.inner-2026 .left_menu .in_menu li:last-child{ border-bottom:none; } body.inner-2026 .left_menu .in_menu a{ font-size:14px; padding:10px 18px; } /* третий уровень — вправо от второго */ body.inner-2026 .left_menu .in_menu li:hover > .in_menu_20{ display:block; position:absolute; left:100%; top:0; min-width:240px; z-index:1001; background:var(--paper); border:1px solid var(--line); border-top:2px solid var(--bordo); border-radius:0 8px 8px 0; box-shadow:0 18px 40px -18px rgba(0,0,0,0.35); padding:4px 0; } /* соцвиджеты под меню */ body.inner-2026 .left_price, body.inner-2026 .left_info{ float:none; width:auto; margin:0 0 20px; text-align:left; position:static; } body.inner-2026 .left_price p{ background:none; color:var(--ink-soft); padding:0; text-transform:none; } body.inner-2026 .left_price img{ position:static; height:auto; } /* Виджеты «Одноклассников» и ВКонтакте приходят разными по ширине. Ставим им общий контейнер во всю колонку и центрируем содержимое — так оба блока встают ровно по одной сетке с меню каталога. */ body.inner-2026 #ok_group_widget, body.inner-2026 #vk_groups{ display:flex; justify-content:center; width:100%; overflow:hidden; background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:10px; margin:0 0 16px; } body.inner-2026 #ok_group_widget iframe, body.inner-2026 #vk_groups iframe, body.inner-2026 .left_price iframe{ display:block; max-width:100%; border:none; margin:0; } /* ========================================================================= ПРАВАЯ КОЛОНКА ========================================================================= */ /* текстовый блок под каталогом (в разметке класс через дефис: .catalog-text) */ /* только отбивка блока; типографика внутри — из единого блока выше */ body.inner-2026 .catalog-text, body.inner-2026 .catalog_cat_text, body.inner-2026 .right_content .text{ padding:0; margin:44px 0 0; overflow:visible; border-top:1px solid var(--line); padding-top:34px; } /* --- сетка категорий/товаров --- */ /* display:contents на .catalog_list_row — чтобы карточки попадали в общую сетку независимо от того, разбивает движок их по строкам или нет */ /* 3 в ряд: в колонке 892px карточка получается ~280px — практически тот же размер, что и на главной, где карточек 4 в ряд на 1216px (~284px). Так карточки товара выглядят одинаково на главной и в разделах. */ body.inner-2026 .catalog_all_list{ margin:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; } body.inner-2026 .catalog_list_row{ display:contents; overflow:visible; padding:0; position:static; } /* Движок не закрывает .catalog_all_list перед текстовым блоком, поэтому .catalog-text оказывается ВНУТРИ сетки и сжимается до одной колонки. Любой посторонний прямой потомок сетки растягиваем на всю ширину. */ body.inner-2026 .catalog_all_list > *:not(.catalog_list_row):not(.catalog_list_one){ grid-column:1 / -1; } /* Тот же баг разметки: #main не закрывается, и подвал попадает внутрь него. Скрипт в footer.tpl переносит его обратно в body, а это — подстраховка на случай отключённого JS: хотя бы не сожмётся в колонку сайдбара. */ body.inner-2026 #main > #footer{ grid-column:1 / -1; } body.inner-2026 .catalog_list_one{ float:none; width:auto; margin:0 !important; position:relative; text-align:center; font-size:14.5px; font-family:'Manrope', sans-serif; } body.inner-2026 .catalog_list_one a{ text-decoration:none; color:var(--ink); display:block; } body.inner-2026 .catalog_list_one img{ width:100% !important; height:auto !important; aspect-ratio:1/1; object-fit:cover; border-radius:50%; border:1.5px solid var(--line); margin:0 0 12px; background:var(--ph-bg); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; } body.inner-2026 .catalog_list_one:hover img{ transform:translateY(-4px); box-shadow:0 14px 28px -16px rgba(43,36,31,0.35); border-color:var(--gold); } body.inner-2026 .catalog_list_one p, body.inner-2026 .catalog_list_one .category_title{ margin:0; padding:0; font-size:14.5px; line-height:1.3; font-weight:600; color:var(--ink); font-family:'Manrope', sans-serif; min-height:2.6em; } body.inner-2026 .catalog_list_title{ color:var(--ink); font-size:15px; font-weight:600; text-decoration:none; text-align:center; font-family:'Manrope', sans-serif; display:block; padding:0; } body.inner-2026 .catalog_list_one:hover .catalog_list_title{ color:var(--bordo); } /* цены и кнопка — на случай, если в разделе выводятся товары, а не категории */ body.inner-2026 .catalog_list_one .price{ color:var(--bordo); font-size:20px; font-weight:800; font-family:'Manrope', sans-serif; font-variant-numeric:lining-nums tabular-nums; margin-top:8px; display:block; } body.inner-2026 .catalog_list_one .old_price{ font-size:15px; color:var(--ink-soft); text-decoration:line-through; font-weight:500; margin-left:8px; } body.inner-2026 .catalog_list_buy{ background:var(--bordo); border:none; border-radius:6px; color:#fff; display:inline-block; font-family:'Manrope', sans-serif; font-size:13px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; height:auto; line-height:1.6; margin:12px 0 0; padding:10px 18px; transition:background .25s ease; } body.inner-2026 .catalog_list_buy:hover{ background:var(--bordo-dark); } /* всплывающая таблица быстрого заказа */ body.inner-2026 .quick_order_popup{ border-top:2px solid var(--bordo); background:var(--paper); border-radius:8px; box-shadow:0 18px 40px -18px rgba(0,0,0,0.35); width:100%; left:0; } /* --- сортировка и фильтры: чипы из прототипа --- */ body.inner-2026 .catalog_sorter{ float:none; margin:0 0 24px; overflow:visible; } body.inner-2026 .catalog_sorter ul, body.inner-2026 .catalog_filter_line_ul{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; } body.inner-2026 .catalog_sorter ul li{ float:none; background:none; border:1px solid var(--line); border-radius:20px; margin:0; padding:8px 15px; font-size:14.5px; font-weight:600; color:var(--ink-soft); font-family:'Manrope', sans-serif; cursor:pointer; transition:all .25s ease; position:relative; } body.inner-2026 .catalog_sorter ul li:hover{ border-color:var(--gold); } body.inner-2026 .catalog_sorter ul li a{ color:inherit; text-decoration:none; } body.inner-2026 .catalog_sorter ul li.active{ background:var(--bordo); border-color:var(--bordo); } body.inner-2026 .catalog_sorter ul li.active a{ color:#fff; } body.inner-2026 .catalog_filter .filter-title{ float:none; margin:0 10px 0 0; font-family:'Manrope', sans-serif; font-weight:700; color:var(--ink); } body.inner-2026 .catalog_filter_line_ul li{ float:none; margin:0; } body.inner-2026 .catalog_filter_line_ul li a{ display:block; border:1px solid var(--line); border-radius:20px; padding:8px 15px; font-size:14.5px; font-weight:600; color:var(--ink-soft); font-family:'Manrope', sans-serif; text-decoration:none; transition:all .25s ease; } body.inner-2026 .catalog_filter_line_ul li a:hover{ border-color:var(--gold); } body.inner-2026 .catalog_filter_line_ul li a.active{ background:var(--bordo); border-color:var(--bordo); color:#fff; } /* --- постраничная навигация --- */ body.inner-2026 #catalog_pagination, body.inner-2026 .catalog_pagination{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:34px 0 0; padding:0; overflow:visible; } body.inner-2026 #catalog_pagination li, body.inner-2026 .catalog_pagination li{ float:none; margin:0; text-align:center; } body.inner-2026 #catalog_pagination li a, body.inner-2026 .catalog_pagination li a{ display:block; min-width:40px; padding:9px 12px; border:1px solid var(--line); border-radius:8px; font-family:'Manrope', sans-serif; font-size:14.5px; font-weight:600; color:var(--ink-soft); text-decoration:none; transition:all .25s ease; } body.inner-2026 #catalog_pagination li a:hover, body.inner-2026 .catalog_pagination li a:hover{ border-color:var(--gold); color:var(--ink); } body.inner-2026 #catalog_pagination li.current a, body.inner-2026 .catalog_pagination li.current a{ background:var(--bordo); border-color:var(--bordo); color:#fff; } /* ========================================================================= РАЗДЕЛ КАТАЛОГА (список товаров): /postelnoe-bele-satin и т.п. Разметка движка: .pathway → .catalog_cat → h1 → #filter_form → .catalog_all_list > .catalog_list_row > .catalog_subcats > h2.h2_list_view + вложенный .catalog_all_list > .catalog_list_row > .catalog_list_one.catalog_list_one_type_N → .catalog_cat_text ========================================================================= */ /* --- хлебные крошки --- */ body.inner-2026 .pathway{ border-bottom:1px solid var(--line); color:var(--ink-soft); font-family:'Manrope', sans-serif; font-size:13.5px; line-height:1.5; margin:0 0 26px; padding:0 0 14px; } body.inner-2026 .pathway a{ color:var(--ink-soft); text-decoration:none; transition:color .2s ease; } body.inner-2026 .pathway a:hover{ color:var(--bordo); text-decoration:underline; } /* --- обёртка раздела --- */ body.inner-2026 .catalog_cat{ overflow:visible; } /* Движок кладёт .catalog_subcats внутрь .catalog_list_row (а тот у нас display:contents), поэтому подраздел сам становится ячейкой сетки и сжимается в одну колонку. Растягиваем его на всю ширину — именно из-за этого раздел выглядел «сломанным». */ body.inner-2026 .catalog_subcats, body.inner-2026 .catalog_items{ grid-column:1 / -1; display:block; overflow:visible; width:auto; float:none; } /* и общая подстраховка: любой посторонний элемент внутри строки — на всю ширину */ body.inner-2026 .catalog_list_row > *:not(.catalog_list_one){ grid-column:1 / -1; } /* заголовок подраздела — тот же стиль, что и h2 в тексте */ body.inner-2026 .right_content h2.h2_list_view, body.inner-2026 .right_content .catalog_subcats > h2{ font-family:'Cormorant Garamond', serif; font-variant-numeric:lining-nums; font-size:27.5px; font-weight:600; line-height:1.3; color:var(--ink); margin:0 0 20px; padding:0 0 12px; border-bottom:1px solid var(--line); } body.inner-2026 .catalog_subcats + .catalog_subcats, body.inner-2026 .catalog_subcats ~ .catalog_subcats{ margin-top:44px; } body.inner-2026 .catalog_subcats .catalog_all_list{ margin:0 0 10px; } /* ========================================================================= КАРТОЧКА ТОВАРА — один блок правил на весь сайт. Разметка у движка разная: в разделах каталога это .catalog_list_one.catalog_list_one_type_N, на главной в блоках «Новинки»/«Хиты продаж» — .block_news. Оформление у них должно быть одинаковое, поэтому оба селектора идут вместе, а не двумя копиями. В разделах каталога карточки выводятся по 3 в ряд (мешает левое меню), на главной — по 4; ширина карточки при этом почти совпадает. ========================================================================= */ body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"], body.home-2026 .block_news{ background:var(--paper); border:1px solid var(--line); border-radius:8px; overflow:hidden; position:relative; text-align:left; display:flex; flex-direction:column; transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease; } body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"]:hover, body.home-2026 .block_news:hover{ box-shadow:0 18px 38px -20px rgba(43,36,31,0.3); transform:translateY(-3px); border-color:var(--gold-light); } body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"] > a, body.home-2026 .block_news .news_foto{ display:flex; flex-direction:column; text-decoration:none; color:var(--ink); order:1; overflow:hidden; } body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"] > a{ flex:1 1 auto; } /* фото товара — прямоугольник 4:5, как в прототипе (а не круг, как у категорий) */ body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"] img, body.home-2026 .block_news img{ width:100% !important; height:auto !important; aspect-ratio:4/5; object-fit:cover; display:block; border:none; border-radius:0; margin:0; background:var(--ph-bg); order:1; transform:none !important; box-shadow:none; } body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"]:hover img, body.home-2026 .block_news:hover img{ transform:none !important; box-shadow:none; border:none; } /* название */ body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"] .catalog_list_title, body.home-2026 .block_news .block_new_title{ order:2; display:block; font-family:'Manrope', sans-serif; font-size:15px; line-height:1.35; font-weight:600; color:var(--ink); text-align:left; margin:0; padding:16px 16px 8px; min-height:0; transition:color .25s ease; } body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"]:hover .catalog_list_title, body.home-2026 .block_news:hover .block_new_title{ color:var(--bordo); } /* --- цена --- */ body.inner-2026 .catalog_list_one .toprice, body.home-2026 .block_news .toprice{ order:3; background:none; color:var(--bordo); display:block; width:auto; padding:0 16px 18px; margin:auto 0 0; font-family:'Manrope', sans-serif; font-size:20px; font-weight:800; line-height:1.2; font-variant-numeric:lining-nums tabular-nums; text-align:left; } body.inner-2026 .catalog_list_one .toprice span, body.home-2026 .block_news .toprice span{ color:var(--bordo); } body.inner-2026 .catalog_list_one .catalog_price_sale{ display:block; } body.inner-2026 .catalog_list_one .catalog_price_sale .price, body.inner-2026 .catalog_list_one .price, body.home-2026 .block_news .price{ display:inline; margin:0; text-align:left; color:var(--bordo); font-size:20px; font-weight:800; line-height:1.2; font-family:'Manrope', sans-serif; font-variant-numeric:lining-nums tabular-nums; } body.inner-2026 .catalog_list_one .catalog_price_sale .old_price, body.inner-2026 .catalog_list_one .old_price{ display:inline; margin:0 8px 0 0; text-align:left; text-decoration:line-through; color:var(--ink-soft); font-size:15px; font-weight:500; line-height:1.2; font-family:'Manrope', sans-serif; } /* В разметке движка порядок «старая цена → новая цена → руб.». Показываем «новая цена → руб. → старая зачёркнутая»: текст «руб.» — безымянный узел с order:0, поэтому он идёт сразу за ценой, а старую цену уводим в конец через order. */ body.inner-2026 .catalog_list_one .catalog_price_sale{ display:flex; flex-wrap:wrap; align-items:baseline; gap:0 6px; } body.inner-2026 .catalog_list_one .catalog_price_sale .price{ order:0; } body.inner-2026 .catalog_list_one .catalog_price_sale .old_price{ order:1; margin:0 0 0 4px; } /* заглушка цены на главной: движок в этих блоках цену пока не отдаёт */ body.home-2026 .block_news .toprice .lt-price-soon, body.home-2026 .block_news span.lt-price-soon{ font-size:14.5px; font-weight:600; color:var(--ink-soft); letter-spacing:0.01em; } /* ========================================================================= ЯРЛЫКИ (новинка / хит / акция / скидка) — пилюли из прототипа вместо старых картинок-спрайтов. ========================================================================= */ body.lt-2026 .catalog_is_new_img, body.lt-2026 .catalog_is_hit_img, body.lt-2026 .catalog_is_sale_img, body.lt-2026 .catalog_catsale{ position:absolute; z-index:3; top:12px; left:12px; right:auto; bottom:auto; width:auto; height:auto; background:none; background-image:none; padding:5px 10px; border-radius:14px; color:#fff; font-family:'Manrope', sans-serif; font-size:11.5px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; line-height:1.2; text-align:center; cursor:default; pointer-events:none; } body.lt-2026 .catalog_is_new_img{ background:var(--gold-dark); } body.lt-2026 .catalog_is_new_img::after{ content:'Новинка'; } body.lt-2026 .catalog_is_hit_img{ background:var(--bordo); } body.lt-2026 .catalog_is_hit_img::after{ content:'Хит'; } body.lt-2026 .catalog_is_sale_img{ background:#8a6a2f; } body.lt-2026 .catalog_is_sale_img::after{ content:'Акция'; } /* размер скидки — справа, чтобы не наезжал на ярлык статуса */ body.lt-2026 .catalog_catsale{ left:auto; right:12px; background:var(--ink); font-size:12px; letter-spacing:0.02em; } /* ========================================================================= БЫСТРЫЙ ЗАКАЗ — панель, выезжающая снизу карточки при наведении ========================================================================= */ /* Панель — колонка: «Подробнее» и «Купить» закреплены, а список размеров между ними при необходимости прокручивается. Высота ограничена карточкой, поэтому семь размеров помещаются целиком, а больше — со скроллом. */ body.lt-2026 .catalog_list_one .quick_order_popup, body.lt-2026 .block_news .quick_order_popup{ display:flex; flex-direction:column; position:absolute; left:0; right:0; bottom:0; top:auto; width:auto; max-height:100%; z-index:6; background:var(--paper); border:none; border-top:2px solid var(--bordo); border-radius:0; box-shadow:0 -14px 30px -18px rgba(43,36,31,0.45); padding:10px 12px 12px; text-align:left; opacity:0; visibility:hidden; transform:translateY(100%); transition:transform .3s ease, opacity .3s ease, visibility .3s ease; } body.lt-2026 .catalog_list_one:hover .quick_order_popup, body.lt-2026 .block_news:hover .quick_order_popup{ display:flex; opacity:1; visibility:visible; transform:translateY(0); } body.lt-2026 .quick_order_popup .moretovar{ position:static; top:auto; left:auto; background:none; padding:0; margin:0 0 6px; border-radius:0; text-align:center; flex:0 0 auto; } body.lt-2026 .quick_order_popup .moretovar a{ font-family:'Manrope', sans-serif; font-size:11.5px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--gold-dark); text-decoration:none; } body.lt-2026 .quick_order_popup .moretovar a:hover{ color:var(--bordo); text-decoration:underline; } /* !important — потому что правила для таблиц в тексте страницы (они нужны для фотографий, свёрстанных таблицей) стоят выше и тоже с !important, а таблица быстрого заказа лежит в той же правой колонке. */ body.lt-2026 .quick_order_popup table{ display:block !important; width:100% !important; height:auto !important; margin:0 0 8px !important; border-collapse:collapse; font-family:'Manrope', sans-serif; flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; } /* строки остаются таблицей — иначе колонки разъезжаются от строки к строке */ body.lt-2026 .quick_order_popup table tbody{ display:table; width:100%; table-layout:fixed; } body.lt-2026 .quick_order_popup table th{ border-bottom:1px solid var(--line); font-size:10.5px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-soft); padding:0 0 5px !important; text-align:left; width:auto !important; background:var(--paper); position:sticky; top:0; z-index:1; } /* ширину колонки с количеством держим фиксированной, название размера переносится по строкам — иначе счётчик прыгает от карточки к карточке */ body.lt-2026 .quick_order_popup table th + th, body.lt-2026 .quick_order_popup table td + td{ width:88px !important; text-align:right; } body.lt-2026 .quick_order_popup table td{ border-bottom:1px dotted var(--line); padding:3px 0 !important; text-align:left; font-size:12px; color:var(--ink); vertical-align:middle; width:auto !important; } body.lt-2026 .quick_order_popup table tr:last-child td{ border-bottom:none; } body.lt-2026 .quick_order_popup .size-title, body.lt-2026 .catalog_list_one .size-title, body.lt-2026 .block_news .size-title{ background:none; background-image:none; border-radius:0; padding:0; margin:0; display:block; position:static; font-family:'Manrope', sans-serif; font-size:12.5px; font-size:12px; line-height:1.25; font-weight:600; color:var(--ink); overflow-wrap:anywhere; hyphens:auto; } body.lt-2026 .quick_order_popup .no_size_tr .size-title{ color:var(--ink-soft); } /* --- счётчик количества: минус и плюс рисуем svg, без плашек --- */ body.lt-2026 .quick_order_popup .quick_count{ display:inline-flex; align-items:center; width:auto; overflow:visible; border:1px solid var(--line); border-radius:8px; background:var(--paper); } body.lt-2026 .quick_order_popup .quick_count input, body.lt-2026 .quick_order_popup input.catalog_quick_count{ float:none; width:26px; height:22px; padding:0; margin:0; text-align:center; border:none; background:none; border-radius:0; font-family:'Manrope', sans-serif; font-size:13px; font-weight:700; color:var(--ink); font-variant-numeric:lining-nums tabular-nums; } body.lt-2026 .quick_order_popup .quick_count .quick_change_up, body.lt-2026 .quick_order_popup .quick_count .quick_change_down{ float:none; display:block; width:22px; height:22px; padding:0; margin:0; border:none; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:12px 12px; border-radius:6px; font-size:0; line-height:0; color:transparent; text-decoration:none; overflow:hidden; cursor:pointer; transition:background-color .2s ease; } body.lt-2026 .quick_order_popup .quick_count .quick_change_up img, body.lt-2026 .quick_order_popup .quick_count .quick_change_down img{ display:none; } body.lt-2026 .quick_order_popup .quick_count .quick_change_down{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6154' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } body.lt-2026 .quick_order_popup .quick_count .quick_change_up{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6154' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } body.lt-2026 .quick_order_popup .quick_count .quick_change_down:hover{ background-color:var(--cream-2); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F0202' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } body.lt-2026 .quick_order_popup .quick_count .quick_change_up:hover{ background-color:var(--cream-2); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F0202' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } body.lt-2026 .quick_order_popup .catalog_buy_button_quick, body.lt-2026 .catalog_list_one .default_button, body.lt-2026 .block_news .default_button{ display:block; flex:0 0 auto; float:none; width:100%; height:auto; margin:0; padding:9px 12px; background:var(--ink); background-image:none; border:none; border-radius:6px; color:#fff; font-family:'Manrope', sans-serif; font-size:12.5px; font-weight:700; letter-spacing:0.04em; line-height:1.2; text-transform:uppercase; text-align:center; text-decoration:none; cursor:pointer; transition:background .25s ease; } body.lt-2026 .quick_order_popup .catalog_buy_button_quick:hover, body.lt-2026 .catalog_list_one .default_button:hover, body.lt-2026 .block_news .default_button:hover{ background:var(--bordo); } /* ========================================================================= ФОРМА ПОДБОРА (сортировка + фильтры) — движок отдаёт её скрытой, но если её включат, она должна быть в стиле прототипа. ========================================================================= */ body.inner-2026 #filter_form{ background:none; box-shadow:none; border:none; padding:0; margin:0 0 28px; overflow:visible; font-size:inherit; } /* --- КОМПАКТНАЯ ПАНЕЛЬ ФИЛЬТРА (строит скрипт в footer.tpl) --- Сортировка и подбор — выпадающими списками с подписями, ограничение по цене убрано совсем. Исходные списки движка остаются в разметке (скрытыми) — по ним и кликает скрипт, чтобы не ломать логику CMS. */ body.inner-2026 #filter_form.lt-filter-ready .catalog_sorter, body.inner-2026 #filter_form.lt-filter-ready .catalog_filter{ display:none; } body.inner-2026 .filter_price, body.inner-2026 #Slider1, body.inner-2026 .catalog_filter .jslider{ display:none !important; } body.inner-2026 .lt-filter-bar{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px 18px; background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:14px 18px; margin:0; } body.inner-2026 .lt-filter-field{ display:flex; flex-direction:column; gap:6px; min-width:0; margin:0; padding:0; float:none; } body.inner-2026 .lt-filter-label{ display:block; margin:0; font-family:'Manrope', sans-serif; font-size:11.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold-dark); line-height:1.2; } body.inner-2026 .lt-filter-select{ height:40px; min-width:210px; max-width:100%; margin:0; padding:0 34px 0 12px; border:1px solid var(--line); border-radius:6px; color:var(--ink); font-family:'Manrope', sans-serif; font-size:14.5px; line-height:1.2; cursor:pointer; outline:none; transition:border-color .2s ease; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:var(--paper); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6154' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:13px 13px; } body.inner-2026 .lt-filter-select:hover{ border-color:var(--gold-light); } body.inner-2026 .lt-filter-select:focus{ border-color:var(--gold); } body.inner-2026 .lt-filter-search{ flex:1 1 220px; } body.inner-2026 .lt-filter-search .filter_search{ margin:0; max-width:none; width:100%; } body.inner-2026 .lt-filter-search .filter_search input[type="text"]{ max-width:none; } /* ссылка «Фильтр» — только в мобильной ширине */ body.inner-2026 .lt-filter-toggle{ display:none; } body.inner-2026 .lt-filter-caret{ display:inline-block; width:9px; height:9px; margin-left:8px; vertical-align:1px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); transition:transform .25s ease; } body.inner-2026 #filter_form.lt-filter-open .lt-filter-caret{ transform:rotate(-135deg) translate(-2px,-2px); } @media (max-width:760px){ body.inner-2026 .lt-filter-toggle{ display:inline-flex; align-items:center; justify-content:center; margin:0; padding:11px 18px; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:var(--bordo); text-decoration:none; font-family:'Manrope', sans-serif; font-size:14px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; line-height:1.2; } body.inner-2026 .lt-filter-toggle:hover, body.inner-2026 .lt-filter-toggle:focus{ border-color:var(--gold); text-decoration:none; } body.inner-2026 .lt-filter-bar{ display:none; margin-top:12px; } body.inner-2026 #filter_form.lt-filter-open .lt-filter-bar{ display:flex; } body.inner-2026 .lt-filter-field{ flex:1 1 100%; } body.inner-2026 .lt-filter-select{ min-width:0; width:100%; } } @media (max-width:640px){ body.inner-2026 .lt-filter-field{ flex:1 1 100%; } body.inner-2026 .lt-filter-select{ min-width:0; width:100%; } } body.inner-2026 #filter_form li{ font-size:inherit; } body.inner-2026 .catalog_filter{ background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:18px 20px; margin:0 0 24px; overflow:visible; } body.inner-2026 .catalog_filter_line, body.inner-2026 .filter_search, body.inner-2026 .filter_price, body.inner-2026 .catalog-filter-size, body.inner-2026 .catalog-filter-color{ float:none; display:block; width:auto; margin:0 0 14px; padding:0; overflow:visible; } body.inner-2026 .catalog_filter_line:last-child{ margin-bottom:0; } body.inner-2026 .catalog_filter .filter-title{ float:none; display:block; margin:0 0 8px; font-family:'Manrope', sans-serif; font-size:12.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold-dark); } body.inner-2026 .filter_search{ position:relative; max-width:340px; } body.inner-2026 .filter_search input[type="text"], body.inner-2026 .catalog_filter input[type="text"]{ width:100%; max-width:340px; height:40px; padding:0 14px; border:1px solid var(--line); border-radius:6px; background:var(--paper); font-family:'Manrope', sans-serif; font-size:14.5px; color:var(--ink); outline:none; transition:border-color .2s ease; } body.inner-2026 .filter_search input[type="text"]:focus, body.inner-2026 .catalog_filter input[type="text"]:focus{ border-color:var(--gold); } /* #filter_subsearch — выпадающая подсказка поиска по разделу (список), старый стиль прибивал её к top:147px от body */ body.inner-2026 #filter_subsearch{ position:absolute; top:100%; left:0; right:auto; margin:4px 0 0; padding:6px; width:100%; max-width:340px; min-width:0; list-style:none; background:var(--paper); border:1px solid var(--line); border-radius:8px; box-shadow:0 18px 40px -18px rgba(43,36,31,0.35); z-index:10000; } body.inner-2026 #filter_subsearch li{ float:none; margin:0; padding:0; list-style:none; border-radius:5px; } body.inner-2026 #filter_subsearch li a{ display:block; padding:8px 10px; font-family:'Manrope', sans-serif; font-size:14px; color:var(--ink); text-decoration:none; } body.inner-2026 #filter_subsearch li:hover{ background:var(--cream-2); } body.inner-2026 #filter_subsearch li:hover a{ color:var(--bordo); } body.inner-2026 .filter_price{ max-width:340px; padding:0; } body.inner-2026 .catalog_sorter ul li .sorter_order_ASC, body.inner-2026 .catalog_sorter ul li .sorter_order_DESC{ position:static; right:auto; top:auto; border:none; background:none; display:inline-block; width:auto; height:auto; margin-left:6px; font-size:11px; line-height:1; vertical-align:middle; } body.inner-2026 .catalog_sorter ul li .sorter_order_ASC::after{ content:'\2191'; } body.inner-2026 .catalog_sorter ul li .sorter_order_DESC::after{ content:'\2193'; } @media (max-width:1080px){ body.inner-2026 #main{ grid-template-columns:1fr; gap:28px; } body.inner-2026 .right_content h1{ font-size:30px; } } @media (max-width:640px){ body.inner-2026 .catalog_all_list{ grid-template-columns:repeat(2,1fr); gap:22px 16px; } } /* ========================================================================= ОСТАВШИЕСЯ ЭЛЕМЕНТЫ СТАРОЙ ТЕМЫ Кнопка «наверх», плашка про cookie, формы, всплывающие формы, галерея. Раньше их оформляли style.css / default.css — теперь всё здесь. ========================================================================= */ /* --- кнопка «наверх» (показывает и прячет её lib.js) --- */ body.lt-2026 #toTop{ position:fixed; right:22px; bottom:26px; z-index:999; display:none; width:44px; height:44px; border-radius:50%; cursor:pointer; background-color:var(--bordo); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:20px 20px; box-shadow:0 12px 28px -12px rgba(43,36,31,0.65); transition:background-color .25s ease, transform .25s ease; } body.lt-2026 #toTop:hover{ background-color:var(--bordo-dark); transform:translateY(-2px); } /* --- плашка про cookie --- */ body.lt-2026 .show_cookie_area{ position:fixed; left:0; right:0; bottom:0; z-index:10100; padding:14px 0; background:rgba(255,253,249,0.97); border-top:1px solid var(--line); box-shadow:0 -12px 30px -20px rgba(43,36,31,0.5); } body.lt-2026 .show_cookie_area_inner{ position:relative; max-width:1280px; margin:0 auto; padding:0 56px 0 32px; font-family:'Manrope', sans-serif; font-size:14.5px; line-height:1.5; color:var(--ink-soft); text-align:center; } body.lt-2026 .show_cookie_area_inner span{ color:var(--ink-soft); } body.lt-2026 .close_cookie{ position:absolute; right:24px; top:50%; transform:translateY(-50%); width:24px; height:24px; display:flex; align-items:center; justify-content:center; opacity:0.6; transition:opacity .2s ease; } body.lt-2026 .close_cookie:hover{ opacity:1; } body.lt-2026 .close_cookie img{ width:12px; height:12px; } /* --- формы: обратная связь и всплывающие формы движка --- */ body.lt-2026 .formses, body.lt-2026 .show_form_inner{ font-family:'Manrope', sans-serif; } body.lt-2026 #feedback{ margin:44px 0 0; } /* движок выводит заголовок формы как h1 — на странице он второй, поэтому даём ему размер подзаголовка, а не заголовка страницы */ body.lt-2026 #feedback h1, body.lt-2026 .formses h1{ font-family:'Cormorant Garamond', serif; font-size:27.5px; font-weight:600; line-height:1.3; color:var(--ink); margin:0 0 20px; padding:0 0 12px; border-bottom:1px solid var(--line); } body.lt-2026 .form-question, body.lt-2026 .show_form_table{ width:100%; max-width:620px; border-collapse:separate; border-spacing:0 12px; } body.lt-2026 .form-question th, body.lt-2026 .show_form_table th{ width:170px; padding:10px 16px 0 0; border:none; vertical-align:top; font-family:'Manrope', sans-serif; font-size:14.5px; font-weight:600; color:var(--ink); } body.lt-2026 .form-question td, body.lt-2026 .show_form_table td{ padding:0; border:none; } body.lt-2026 .show_form_text{ font-size:13px; font-weight:400; color:var(--ink-soft); margin-top:4px; } body.lt-2026 input.form1, body.lt-2026 input.pinput, body.lt-2026 input.pkod, body.lt-2026 .show_form_table input[type="text"], body.lt-2026 .show_form_table input[type="email"], body.lt-2026 .show_form_table input[type="tel"]{ width:100%; max-width:360px; height:42px; padding:0 14px; border:1px solid var(--line); border-radius:6px; background:var(--paper); font-size:15px; color:var(--ink); outline:none; transition:border-color .2s ease; } body.lt-2026 textarea.form1, body.lt-2026 textarea.parea, body.lt-2026 .show_form_table textarea{ width:100%; max-width:520px; min-height:130px; padding:12px 14px; border:1px solid var(--line); border-radius:6px; background:var(--paper); font-family:'Manrope', sans-serif; font-size:15px; line-height:1.6; color:var(--ink); outline:none; resize:vertical; transition:border-color .2s ease; } body.lt-2026 input.form1:focus, body.lt-2026 input.pinput:focus, body.lt-2026 input.pkod:focus, body.lt-2026 textarea.form1:focus, body.lt-2026 textarea.parea:focus{ border-color:var(--gold); } body.lt-2026 input.pkod{ max-width:150px; } body.lt-2026 .captcha{ float:none; display:block; border:1px solid var(--line); border-radius:6px; margin-top:8px; } body.lt-2026 #sven td{ padding:0 10px 0 0; } body.lt-2026 input.psendok, body.lt-2026 .show_form_send, body.lt-2026 .default_button{ display:inline-block; width:auto; height:auto; padding:12px 26px; margin:0; background:var(--bordo); background-image:none; border:none; border-radius:6px; color:#fff; font-family:'Manrope', sans-serif; font-size:13.5px; font-weight:700; letter-spacing:0.04em; line-height:1.2; text-transform:uppercase; text-align:center; text-decoration:none; cursor:pointer; transition:background .25s ease; } body.lt-2026 input.psendok:hover, body.lt-2026 .show_form_send:hover, body.lt-2026 .default_button:hover{ background:var(--bordo-dark); } /* --- всплывающая форма движка --- */ body.lt-2026 #blackwrap{ position:fixed; inset:0; width:100%; height:100%; z-index:2000; background:rgba(20,12,8,0.62); opacity:1; } body.lt-2026 #show_form, body.lt-2026 .show_form_page{ position:fixed; left:50%; top:80px; z-index:4321; width:460px; max-width:calc(100vw - 32px); margin:0 0 0 -230px; background:var(--paper); border:1px solid var(--line) !important; border-radius:10px; box-shadow:0 30px 70px -30px rgba(43,36,31,0.6); } body.lt-2026 .show_form_page{ position:static; margin:32px 0; width:100%; max-width:620px; } body.lt-2026 .show_form_inner{ padding:28px 30px 30px; } body.lt-2026 #show_form h1, body.lt-2026 .show_form_page h1{ font-family:'Cormorant Garamond', serif; font-size:27.5px; font-weight:600; line-height:1.3; color:var(--ink); margin:0 0 18px; } body.lt-2026 #show_form_close{ position:absolute; right:14px; top:10px; z-index:2; font-family:'Manrope', sans-serif; font-size:18px; line-height:1; color:var(--ink-soft); text-decoration:none; padding:6px; } body.lt-2026 #show_form_close:hover{ color:var(--bordo); } /* --- карусели движка: везде показываем обычной сеткой --- Раньше их оформлял tango/skin.css. Скрипт инициализации карусели мы отключили, поэтому классы .jcarousel-* остаются только в разметке. */ body.lt-2026 .jcarousel-container, body.lt-2026 .jcarousel-container-horizontal, body.lt-2026 .jcarousel-clip, body.lt-2026 .jcarousel-clip-horizontal{ width:auto !important; height:auto !important; overflow:visible; position:static; } body.lt-2026 .jcarousel-next-horizontal, body.lt-2026 .jcarousel-prev-horizontal, body.lt-2026 .jcarousel-next-vertical, body.lt-2026 .jcarousel-prev-vertical{ display:none !important; } body.lt-2026 .jcarousel-skin-tango .jcarousel-item{ position:static; float:none; width:auto; height:auto; margin:0; border:none; } /* --- галерея товара (jquery.lightbox): стили перенесены из jquery.lightbox-0.5.css, чтобы убрать ещё один файл --- */ #jquery-overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background:#000; } #jquery-lightbox{ position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #jquery-lightbox a img{ border:none; } #lightbox-container-image-box{ position:relative; background:var(--paper); width:250px; height:250px; margin:0 auto; border-radius:10px; overflow:hidden; } #lightbox-container-image{ padding:10px; } #lightbox-loading{ position:absolute; top:40%; left:0; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #lightbox-container-image-box > #lightbox-nav{ left:0; } #lightbox-nav a{ outline:none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext{ width:49%; height:100%; zoom:1; display:block; } #lightbox-nav-btnPrev{ left:0; float:left; } #lightbox-nav-btnNext{ right:0; float:right; } #lightbox-container-image-data-box{ font-family:'Manrope', sans-serif; font-size:13px; background:var(--paper); margin:0 auto; line-height:1.5; overflow:auto; width:100%; padding:0 10px; } #lightbox-container-image-data{ padding:0 10px; color:var(--ink-soft); } #lightbox-container-image-data #lightbox-image-details{ width:70%; float:left; text-align:left; } #lightbox-image-details-caption{ font-weight:700; color:var(--ink); } #lightbox-image-details-currentNumber{ display:block; clear:left; padding-bottom:1em; } #lightbox-secNav-btnClose{ width:66px; float:right; padding-bottom:0.7em; } /* ========================================================================= СТРАНИЦА ТОВАРА (.catalog_one) Разметка движка: .other (лента других расцветок) → .catalog_one_title → .catalog_photos_area → .catalog_description (характеристики, таблица размеров с оптовыми ценами, описание) → .add_text → .text2, а следом тремя блоками — окна «добавлено в корзину» и ошибки. Порядок в разметке неудобный, поэтому раскладываем сеткой по явным областям: фото слева, покупка справа, лента расцветок и справочный текст — во всю ширину под ними. ========================================================================= */ body.inner-2026 .catalog_one{ display:grid; grid-template-columns:minmax(0, 380px) minmax(0, 1fr); column-gap:36px; align-items:start; } body.inner-2026 .catalog_one > input[type="hidden"]{ display:none; } /* без min-width:0 ячейка сетки растягивается по содержимому, и лента миниатюр вместо прокрутки распирает страницу вправо */ body.inner-2026 .catalog_one > *{ min-width:0; } body.inner-2026 .other, body.inner-2026 .other .block_news, body.inner-2026 .other ul{ min-width:0; max-width:100%; } body.inner-2026 .catalog_one > .catalog_one_title{ grid-area:1 / 1 / 2 / 3; margin:0 0 20px; overflow:visible; } body.inner-2026 .catalog_one > .catalog_photos_area{ grid-area:2 / 1 / 3 / 2; float:none; width:auto; margin:0; display:block; } body.inner-2026 .catalog_one > .catalog_description{ grid-area:2 / 2 / 3 / 3; } body.inner-2026 .catalog_one > .other{ grid-area:3 / 1 / 4 / 3; } body.inner-2026 .catalog_one > .add_text{ grid-area:4 / 1 / 5 / 3; } body.inner-2026 .catalog_one > .text2{ grid-area:5 / 1 / 6 / 3; } body.inner-2026 .catalog_one_title h1{ float:none; margin:0; } /* --- фотографии --- */ body.inner-2026 .catalog_photos_area .main_photo{ margin:0; } body.inner-2026 .catalog_photos_area .main_photo > img{ width:100% !important; height:auto !important; aspect-ratio:1/1; object-fit:cover; display:block; border:1px solid var(--line); border-radius:10px; background:var(--ph-bg); cursor:zoom-in; max-width:none; } /* движок прячет дополнительные снимки — показываем их лентой миниатюр */ body.inner-2026 .catalog_photos_area .catalog_add_photos{ display:flex !important; flex-wrap:wrap; gap:10px; margin:12px 0 0; } body.inner-2026 .catalog_photos_area .catalog_add_photos img{ width:74px !important; height:74px !important; object-fit:cover; flex:0 0 auto; border:1.5px solid var(--line); border-radius:8px; cursor:pointer; max-width:none; transition:border-color .2s ease; } body.inner-2026 .catalog_photos_area .catalog_add_photos img:hover{ border-color:var(--gold); } /* предупреждение о цветопередаче — в палитре сайта, а не алым по кремовому */ body.inner-2026 .text_alert{ margin:16px 0 0; padding:14px 16px; border-radius:8px; background:rgba(79,2,2,0.05); border:1px solid rgba(79,2,2,0.16); } body.inner-2026 .text_alert p, body.inner-2026 .text_alert span, body.inner-2026 .text_alert strong{ color:var(--bordo) !important; font-size:12.5px !important; line-height:1.55; font-family:'Manrope', sans-serif; margin:0; font-weight:500; } body.inner-2026 .text_alert strong{ font-weight:600; } body.inner-2026 .text_alert p{ font-weight:400; } /* --- характеристики --- */ body.inner-2026 .catalog_description > ul{ margin:0 0 14px; padding:14px 18px; list-style:none; background:var(--paper); border:1px solid var(--line); border-radius:10px; } body.inner-2026 .catalog_description > ul li{ list-style:none; margin:0; padding:7px 0; font-size:14px; color:var(--ink-soft); border-bottom:1px dotted var(--line); } body.inner-2026 .catalog_description > ul li:last-child{ border-bottom:none; } body.inner-2026 .catalog_description > ul li strong{ color:var(--ink); font-weight:700; } body.inner-2026 .catalog_description > p{ font-size:13px; color:var(--ink-soft); margin:0 0 4px; } /* --- блок покупки --- */ body.inner-2026 .catalog_one_order{ margin:20px 0 0; padding:20px; overflow:visible; background:var(--paper); border:1px solid var(--line); border-radius:10px; } body.inner-2026 .catalog_one_order h3{ font-family:'Cormorant Garamond', serif; font-size:21px; font-weight:600; line-height:1.3; color:var(--ink); margin:0 0 14px; padding:0; } body.inner-2026 table.tobuy{ width:100% !important; height:auto !important; border-collapse:collapse; display:table; margin:0; font-family:'Manrope', sans-serif; } body.inner-2026 table.tobuy th{ width:auto !important; border-bottom:1px solid var(--line); padding:0 8px 8px 0 !important; font-size:10px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink-soft); text-align:left; vertical-align:bottom; line-height:1.3; } body.inner-2026 table.tobuy th.cena1, body.inner-2026 table.tobuy th.cena2, body.inner-2026 table.tobuy th.cena3{ text-align:center; width:74px !important; } body.inner-2026 table.tobuy th:last-child{ text-align:right; width:98px !important; } body.inner-2026 .catalog_price_th_desc{ font-size:11px; font-weight:700; color:var(--gold-dark); text-transform:none; letter-spacing:0; margin-top:2px; } body.inner-2026 table.tobuy td{ width:auto !important; height:auto !important; border-bottom:1px dotted var(--line); padding:9px 8px 9px 0 !important; vertical-align:middle; text-align:center; font-size:14px; font-weight:700; color:var(--bordo); font-variant-numeric:lining-nums tabular-nums; } body.inner-2026 table.tobuy td:first-child{ text-align:left; } body.inner-2026 table.tobuy td:last-child{ text-align:right; padding-right:0 !important; } body.inner-2026 table.tobuy tr:last-child td{ border-bottom:none; } body.inner-2026 table.tobuy .size-title{ font-size:12.5px; font-weight:600; color:var(--ink); line-height:1.3; background:none; padding:0; margin:0; display:block; position:static; border-radius:0; } body.inner-2026 table.tobuy .old_price_size{ display:block; font-size:11.5px; font-weight:500; color:var(--ink-soft); text-decoration:line-through; line-height:1.2; } /* счётчик количества: значения плюс/минус — svg, без gif-плашек */ body.inner-2026 .catalog_basket_change{ display:inline-flex; align-items:stretch; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--paper); } body.inner-2026 .catalog_basket_change_left{ display:block; float:none; } body.inner-2026 .catalog_basket_change .basket_count_input { width: 46px; height: 40px; padding: 0; margin: 0; border: none; background: none; border-radius: 0; text-align: center; font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 700; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; outline: none; display: flex; justify-content: center; align-items: center; } body.inner-2026 .catalog_basket_change_right{ display:flex; flex-direction:column; float:none; border-left:1px solid var(--line); } body.inner-2026 .catalog_basket_change_up, body.inner-2026 .catalog_basket_change_down{ display:block; width:28px; height:20px; padding:0; margin:0; border:none; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:11px 11px; font-size:0; line-height:0; text-decoration:none; cursor:pointer; transition:background-color .2s ease; } body.inner-2026 .catalog_basket_change_up span, body.inner-2026 .catalog_basket_change_down span{ display:none; } body.inner-2026 .catalog_basket_change_down{ border-top:1px solid var(--line); } body.inner-2026 .catalog_basket_change_up{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6154' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } body.inner-2026 .catalog_basket_change_down{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6154' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } body.inner-2026 .catalog_basket_change_up:hover{ background-color:var(--cream-2); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F0202' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } body.inner-2026 .catalog_basket_change_down:hover{ background-color:var(--cream-2); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F0202' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E"); } /* главная кнопка покупки */ body.lt-2026 .catalog_one .default_button, body.lt-2026 a.catalog_buy_button{ display:inline-block; float:none; width:auto; height:auto; margin:18px 0 0; padding:14px 40px; background:var(--bordo); background-image:none; border:none; border-radius:8px; color:#fff; font-family:'Manrope', sans-serif; font-size:14px; font-weight:700; letter-spacing:0.05em; line-height:1.2; text-transform:uppercase; text-align:center; text-decoration:none; cursor:pointer; transition:background .25s ease, transform .2s ease; } body.lt-2026 .catalog_one .default_button:hover, body.lt-2026 a.catalog_buy_button:hover{ background:var(--bordo-dark); transform:translateY(-1px); } /* --- лента других расцветок --- */ body.inner-2026 .catalog_one > .other{ margin:38px 0 0; } body.inner-2026 .other::before{ content:'Смотрите также'; display:block; margin:0 0 14px; padding:0 0 12px; border-bottom:1px solid var(--line); font-family:'Cormorant Garamond', serif; font-size:23px; font-weight:600; color:var(--ink); } body.inner-2026 .other .block_news{ background:none; border:none; border-radius:0; box-shadow:none; overflow:visible; display:block; transform:none; padding:0; } body.inner-2026 .other .block_news:hover{ box-shadow:none; transform:none; border:none; } body.inner-2026 .other ul{ display:flex; flex-wrap:nowrap; gap:10px; margin:0; padding:2px 2px 10px; list-style:none; overflow-x:auto; overscroll-behavior-x:contain; } body.inner-2026 .other li{ flex:0 0 auto; float:none; margin:0; padding:0; background:none; list-style:none; } body.inner-2026 .other li a{ display:block; border-radius:8px; overflow:hidden; } body.inner-2026 .other li img{ width:76px !important; height:76px !important; object-fit:cover; display:block; border:1.5px solid var(--line); border-radius:8px; max-width:none; transition:border-color .2s ease, transform .2s ease; } body.inner-2026 .other li a:hover img{ border-color:var(--gold); transform:translateY(-2px); } body.inner-2026 .other li.selected-now img{ border-color:var(--bordo); box-shadow:0 0 0 2px rgba(79,2,2,0.14); } /* --- справочный текст под товаром --- */ body.inner-2026 .catalog_one > .add_text{ margin:34px 0 0; padding:28px 0 0; border-top:1px solid var(--line); } /* движок часто начинает блок пустым абзацем — не даём ему раздувать отступ */ body.inner-2026 .catalog_one > .add_text > *:first-child{ margin-top:0; } body.inner-2026 .catalog_one > .add_text > p:first-child{ margin:0; line-height:0; } body.inner-2026 .add_text table th{ width:230px !important; padding:12px 18px 12px 0 !important; vertical-align:top; border-bottom:1px solid var(--line); font-family:'Manrope', sans-serif; font-size:14px; font-weight:700; color:var(--ink); } body.inner-2026 .add_text table td{ padding:12px 0 !important; vertical-align:top; border-bottom:1px solid var(--line); } /* однострочные таблицы используются как обёртка для текста — линия там лишняя */ body.inner-2026 .add_text table tr:last-child td, body.inner-2026 .add_text table tr:last-child th{ border-bottom:none; } body.inner-2026 .add_text table ul{ margin:0; padding-left:20px; } body.inner-2026 .add_text table li{ list-style:disc; font-size:14px; margin:0 0 4px; } /* ========================================================================= ОКНА «ДОБАВЛЕНО В КОРЗИНУ» И ОШИБКИ В старой теме они были display:none и показывались скриптом. После удаления старых стилей они висели прямо в тексте страницы — прячем. ========================================================================= */ body.lt-2026 #catalog_add_to_basket_window_add_popup_show, body.lt-2026 #catalog_add_to_basket_window_add_popup_hide, body.lt-2026 #catalog_error_no_add{ display:none; position:fixed; left:50%; top:22%; z-index:4400; width:360px; max-width:calc(100vw - 32px); margin-left:-180px; padding:26px 28px; background:var(--paper); border:1px solid var(--line); border-radius:12px; box-shadow:0 30px 70px -28px rgba(43,36,31,0.6); text-align:center; } body.lt-2026 #catalog_add_to_basket_window_add_popup_show h3, body.lt-2026 #catalog_add_to_basket_window_add_popup_hide h3{ font-family:'Cormorant Garamond', serif; font-size:23px; font-weight:600; color:var(--ink); margin:0 0 10px; } body.lt-2026 #catalog_add_to_basket_window_add_popup_show p, body.lt-2026 #catalog_add_to_basket_window_add_popup_hide p, body.lt-2026 #catalog_error_no_add p{ font-family:'Manrope', sans-serif; font-size:14.5px; color:var(--ink-soft); margin:0; } body.lt-2026 #catalog_error_no_add{ border-color:var(--bordo); } body.lt-2026 #catalog_error_no_add p{ color:var(--bordo); font-weight:600; } body.lt-2026 #catalog_add_to_basket_window_add_popup_show p{ display:flex; gap:10px; justify-content:center; margin-top:18px; } body.lt-2026 #catalog_add_to_basket_window_add_popup_show .default_button{ margin:0; padding:11px 20px; font-size:12.5px; border-radius:6px; } body.lt-2026 #catalog_add_to_basket_window_add_popup_show .continue{ background:var(--cream-2); color:var(--ink); } body.lt-2026 #catalog_add_to_basket_window_add_popup_show .continue:hover{ background:var(--line); } body.lt-2026 #catalog_add_to_basket_window_add_popup_show .close{ position:absolute; right:12px; top:10px; width:22px; height:22px; opacity:0.6; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b241f' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E") no-repeat center / 13px 13px; } body.lt-2026 #catalog_add_to_basket_window_add_popup_show .close:hover{ opacity:1; } @media (max-width:900px){ /* одна колонка: порядок задаём order, иначе лента расцветок — она первая в разметке движка — оказывается впереди названия и фотографии */ body.inner-2026 .catalog_one{ grid-template-columns:minmax(0, 1fr); } body.inner-2026 .catalog_one > .catalog_one_title{ grid-area:auto; order:1; } body.inner-2026 .catalog_one > .catalog_photos_area{ grid-area:auto; order:2; } body.inner-2026 .catalog_one > .catalog_description{ grid-area:auto; order:3; margin-top:24px; } body.inner-2026 .catalog_one > .other{ grid-area:auto; order:4; } body.inner-2026 .catalog_one > .add_text{ grid-area:auto; order:5; } body.inner-2026 .catalog_one > .text2{ grid-area:auto; order:6; } body.inner-2026 .catalog_photos_area{ max-width:420px; } } @media (max-width:640px){ body.inner-2026 .catalog_one_order{ padding:14px; } body.inner-2026 table.tobuy{ display:block; overflow-x:auto; } body.inner-2026 table.tobuy tbody{ display:table; width:100%; } body.lt-2026 .catalog_one .default_button, body.lt-2026 a.catalog_buy_button{ display:block; width:100%; padding:14px 20px; } body.inner-2026 .add_text table th{ width:auto !important; } } /* ========================================================================= МОБИЛЬНАЯ ВЕРСИЯ Единый блок адаптива для всего сайта. Точки перелома: 1200 — сужаем поля колонки 900 — горизонтальное меню уходит в «бургер», шапка перестраивается 760 — одна колонка почти везде, фильтр за ссылкой 560 — телефон: минимальные поля, крупные кнопки Разметку движка не трогаем — всё делается стилями и парой классов, которые ставит скрипт в header.tpl (lt-nav-open) и footer.tpl. ========================================================================= */ /* Контакты под значком: на десктопе значка нет — там верхняя полоса */ body.lt-2026 .lt-hcontacts{ display:none; position:relative; } body.lt-2026 .lt-hcontacts-btn{ display:flex; align-items:center; justify-content:center; width:26px; height:26px; padding:0; margin:0; background:none; border:none; cursor:pointer; color:var(--ink); } body.lt-2026 .lt-hcontacts-btn svg{ width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.5; } body.lt-2026 .lt-hcontacts.lt-open .lt-hcontacts-btn{ color:var(--bordo); } body.lt-2026 .lt-hcontacts-panel{ display:none; position:absolute; top:calc(100% + 14px); right:-6px; z-index:80; min-width:250px; padding:16px 18px; text-align:left; background:var(--paper); border:1px solid var(--line); border-radius:8px; box-shadow:0 20px 44px -20px rgba(43,36,31,0.45); } body.lt-2026 .lt-hcontacts.lt-open .lt-hcontacts-panel{ display:block; } body.lt-2026 .lt-hcontacts-panel .lt-topbar-inner{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:0; margin:0; font-family:'Manrope', sans-serif; font-size:14.5px; line-height:1.5; color:var(--ink-soft); } body.lt-2026 .lt-hcontacts-panel .lt-topbar-left{ flex-direction:column; align-items:flex-start; gap:12px; width:100%; } body.lt-2026 .lt-hcontacts-panel .lt-topbar-left span, body.lt-2026 .lt-hcontacts-panel .lt-topbar-left a{ display:inline-flex; align-items:center; gap:8px; color:var(--ink); font-weight:600; } body.lt-2026 .lt-hcontacts-panel svg{ width:14px; height:14px; stroke:var(--bordo); fill:none; stroke-width:1.6; flex-shrink:0; } body.lt-2026 .lt-hcontacts-panel .lt-since{ font-weight:700; color:var(--gold-dark); } body.lt-2026 .lt-hcontacts-panel .lt-topbar-right{ gap:10px; padding-top:12px; border-top:1px solid var(--line); width:100%; } body.lt-2026 .lt-hcontacts-panel .lt-msg-btn svg{ stroke:#fff; width:14px; height:14px; } /* Бургер: на десктопе его нет */ body.lt-2026 .lt-burger{ display:none; width:42px; height:42px; padding:0; margin:0; flex-shrink:0; align-items:center; justify-content:center; flex-direction:column; gap:5px; background:none; border:1px solid var(--line); border-radius:8px; cursor:pointer; } body.lt-2026 .lt-burger span{ display:block; width:18px; height:2px; background:var(--ink); border-radius:2px; transition:transform .25s ease, opacity .2s ease; } body.lt-2026 #header.lt-nav-open .lt-burger{ background:var(--cream-2); border-color:var(--gold-light); } body.lt-2026 #header.lt-nav-open .lt-burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); } body.lt-2026 #header.lt-nav-open .lt-burger span:nth-child(2){ opacity:0; } body.lt-2026 #header.lt-nav-open .lt-burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); } /* Ничто не должно вылезать за экран: длинные слова и ссылки переносим */ body.lt-2026 .lt-hero, body.lt-2026 .lt-section, body.lt-2026 .lt-footer, body.lt-2026 .right_content, body.lt-2026 .left_content{ min-width:0; } body.lt-2026 .right_content table{ max-width:100%; } /* ------------------------------------------------------------------ 1200 */ @media (max-width:1200px){ body.lt-2026 .lt-header-row, body.lt-2026 #header ul.menu_header{ padding-left:24px; padding-right:24px; } body.lt-2026 .lt-topbar .lt-container{ padding-left:24px; padding-right:24px; } body.lt-2026 .lt-footer-grid{ padding-left:24px; padding-right:24px; } body.lt-2026 .lt-footer-bottom{ padding-left:24px; padding-right:24px; } body.home-2026 .lt-products-body, body.home-2026 .lt-products .catalog_news, body.home-2026 .lt-products .catalog_main, body.home-2026 .lt-promo-wrap{ padding-left:24px; padding-right:24px; } body.inner-2026 #main{ padding-left:24px; padding-right:24px; } body.home-2026 .lt-products ul{ grid-template-columns:repeat(3,1fr); } } /* ------------------------------------------------------------------- 900 */ @media (max-width:900px){ /* --- шапка --- */ body.lt-2026 .lt-header-row{ flex-wrap:wrap; gap:12px; padding-top:12px; padding-bottom:12px; padding-left:16px; padding-right:16px; } body.lt-2026 .lt-burger{ display:flex; order:1; } /* верхняя полоса контактов уходит под значок трубки слева от «избранного» */ body.lt-2026 .lt-topbar{ display:none; } body.lt-2026 .lt-hcontacts{ display:block; } body.lt-2026 .logo_header{ order:2; margin-right:auto; } body.lt-2026 .lt-header-icons{ order:3; gap:16px; } body.lt-2026 .lt-search{ order:4; flex:1 0 100%; max-width:none; } /* --- меню за бургером --- */ body.lt-2026 #header ul.menu_header{ display:none; flex-direction:column; gap:0; padding-left:0; padding-right:0; } body.lt-2026 #header.lt-nav-open ul.menu_header{ display:flex; } body.lt-2026 #header .menu_header li{ width:100%; border-bottom:1px solid rgba(255,255,255,0.13); } body.lt-2026 #header .menu_header > li:last-child{ border-bottom:none; } body.lt-2026 #header .menu_header a{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:14px 20px; } /* подменю «Покупателям» — обычным списком, раскрывается по тапу */ body.lt-2026 .lt-nav-dropdown-menu, body.lt-2026 li.lt-nav-dropdown:hover .lt-nav-dropdown-menu{ display:none; position:static; min-width:0; width:100%; background:rgba(0,0,0,0.2); border:none; border-radius:0; box-shadow:none; } body.lt-2026 li.lt-nav-dropdown.lt-open .lt-nav-dropdown-menu, body.lt-2026 li.lt-nav-dropdown.lt-open:hover .lt-nav-dropdown-menu{ display:block; } body.lt-2026 .lt-nav-dropdown-menu li{ border-bottom:1px solid rgba(255,255,255,0.10); } body.lt-2026 #header .lt-nav-dropdown-menu a{ color:#e9e0d2; padding:12px 32px; font-size:14.5px; background:none; } body.lt-2026 #header .lt-nav-dropdown-menu a:hover{ background:rgba(255,255,255,0.07); color:var(--gold-light); } body.lt-2026 li.lt-nav-dropdown.lt-open .lt-caret{ transform:rotate(180deg); } /* список разделов каталога внутри бургера — с прокруткой, если он длинный */ body.lt-2026 #header .lt-nav-catalog{ max-height:60vh; overflow-y:auto; } /* --- верхняя строка контактов --- */ body.lt-2026 .lt-announce-inner{ padding:10px 46px; font-size:13px; } body.lt-2026 .lt-announce-close{ right:14px; } /* --- блоки главной --- */ body.home-2026 .lt-hero{ padding:56px 0 48px; } body.home-2026 .lt-hero-grid{ gap:36px; padding-left:24px; padding-right:24px; } body.home-2026 .lt-hero-logo img{ height:88px; } body.home-2026 .lt-hero h1{ font-size:44px; } body.home-2026 .lt-hero-text p{ font-size:16.5px; max-width:none; } body.lt-2026 .lt-section{ padding-left:24px; padding-right:24px; } body.lt-2026 .lt-section-head h2{ font-size:32px; line-height:1.25; } body.lt-2026 .lt-section-head p{ font-size:16px; } body.lt-2026 .lt-section-head.lt-row{ flex-wrap:wrap; gap:10px; } body.lt-2026 .lt-section-head.lt-row h2{ font-size:26px; } body.home-2026 .lt-cat-visual{ padding-top:56px; } body.home-2026 .lt-why{ padding:56px 0; } body.home-2026 .lt-segments{ padding:56px 0; } body.home-2026 .lt-steps{ padding:56px 0; } body.home-2026 .lt-testimonials{ padding:56px 0; } body.home-2026 .lt-stories{ padding:56px 0; } body.home-2026 .lt-promo{ padding-bottom:56px; } body.home-2026 .lt-promo-banner{ height:auto; min-height:0; } body.home-2026 .lt-promo-text{ position:static; padding:28px 24px; background:linear-gradient(160deg, rgba(79,2,2,0.96) 0%, rgba(44,9,18,0.96) 100%); } body.home-2026 .lt-promo-banner .lt-ph{ display:none; } body.home-2026 .lt-promo-text h3{ font-size:26px; } body.home-2026 .lt-promo-text p{ max-width:none; } body.home-2026 .lt-contacts-grid{ padding:56px 24px; gap:32px; } body.home-2026 .lt-contacts-info h2{ font-size:28px; } body.home-2026 .lt-contacts-map{ height:260px; } body.home-2026 .lt-products ul{ grid-template-columns:repeat(3,1fr); gap:18px; } /* --- подвал --- */ body.lt-2026 .lt-footer-grid{ padding-left:24px; padding-right:24px; padding-top:44px; } body.lt-2026 .lt-footer-bottom{ flex-direction:column; align-items:flex-start; gap:8px; padding-left:24px; padding-right:24px; text-align:left; } /* --- внутренние страницы: левая колонка над содержимым --- */ body.inner-2026 #main{ padding-left:16px; padding-right:16px; } body.inner-2026 .catalog_all_list{ grid-template-columns:repeat(3,1fr); } /* Меню каталога сворачиваем: иначе 16 пунктов отодвигают товары на экран вниз. Заголовок «Каталог продукции» — переключатель. */ body.inner-2026 .left_content .left_menu{ padding-bottom:0; } body.inner-2026 .left_menu .lt-menu-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; user-select:none; margin:0; padding:14px 20px; border-bottom:none; } body.inner-2026 .left_menu .lt-menu-caret{ flex-shrink:0; width:9px; height:9px; border-right:2px solid var(--gold-dark); border-bottom:2px solid var(--gold-dark); transform:rotate(45deg) translate(-2px,-2px); transition:transform .25s ease; } body.inner-2026 .left_menu.lt-menu-open .lt-menu-caret{ transform:rotate(-135deg) translate(-2px,-2px); } body.inner-2026 .left_menu > ul{ display:none; border-top:1px solid var(--line); } body.inner-2026 .left_menu.lt-menu-open > ul{ display:block; } /* поиск в колонке дублирует поиск в шапке — на телефоне он лишний */ body.inner-2026 .left_content .search_header{ display:none; } /* выпадающие подразделы левого меню на тапе не работают — показываем списком */ body.inner-2026 .left_menu .in_menu_10{ position:static; box-shadow:none; border:none; border-radius:0; min-width:0; background:var(--cream-2); margin:0; } body.inner-2026 .left_menu .in_menu_20{ position:static; box-shadow:none; } } /* ------------------------------------------------------------------- 760 */ @media (max-width:760px){ body.lt-2026 .lt-topbar .lt-container{ justify-content:flex-start; } body.lt-2026 .lt-topbar-left{ gap:6px 16px; font-size:13.5px; } body.lt-2026 .lt-topbar-right{ width:100%; } body.home-2026 .lt-hero h1{ font-size:36px; } body.home-2026 .lt-hero-actions{ gap:12px; } body.home-2026 .lt-hero-actions .lt-btn{ flex:1 1 100%; text-align:center; justify-content:center; } body.home-2026 .lt-hero-trust{ gap:22px; } body.lt-2026 .lt-section-head h2{ font-size:28px; } body.home-2026 .lt-products ul{ grid-template-columns:repeat(2,1fr); gap:16px; } body.home-2026 .lt-steps-row:before{ display:none; } /* каталог: сетка товаров в две колонки */ body.inner-2026 .catalog_all_list{ grid-template-columns:repeat(2,1fr); gap:22px 14px; } body.inner-2026 .right_content h1, body.lt-2026 .right_content > h1, body.lt-2026 .right_content > .catalog_cat > h1{ font-size:30px; } body.lt-2026 .right_content > h2, body.lt-2026 .right_content > .catalog_cat > h2, body.inner-2026 h2.h2_list_view, body.lt-2026 .catalog_cat_text h2, body.lt-2026 .catalog-text h2, body.lt-2026 .text h2{ font-size:23px; } } /* ------------------------------------------------------------------- 560 */ @media (max-width:560px){ body.lt-2026 .lt-announce-inner{ padding:9px 42px; font-size:12.5px; line-height:1.45; } body.lt-2026 .lt-announce-close{ right:10px; padding:5px; } body.lt-2026 .lt-topbar .lt-container{ padding-top:7px; padding-bottom:7px; } body.lt-2026 .lt-since{ display:none; } body.lt-2026 .lt-topbar-left{ gap:4px 14px; font-size:13px; } body.lt-2026 .lt-header-row{ padding-left:12px; padding-right:12px; gap:10px; } body.lt-2026 .logo_header img{ height:24px; } body.lt-2026 .lt-header-icons{ gap:14px; } body.home-2026 .lt-hero{ padding:40px 0 36px; } body.home-2026 .lt-hero-grid{ padding-left:16px; padding-right:16px; gap:28px; } body.home-2026 .lt-hero-logo img{ height:70px; } body.home-2026 .lt-hero h1{ font-size:31px; line-height:1.18; } body.home-2026 .lt-hero-trust{ gap:16px 24px; } body.home-2026 .lt-hero-trust .num{ font-size:26px; } body.lt-2026 .lt-section{ padding-left:16px; padding-right:16px; } body.lt-2026 .lt-section-head h2{ font-size:25px; } body.lt-2026 .lt-section-head.lt-row h2{ font-size:22px; } body.home-2026 .lt-why{ padding:44px 0; } body.home-2026 .lt-segments, body.home-2026 .lt-steps, body.home-2026 .lt-testimonials, body.home-2026 .lt-stories{ padding:44px 0; } body.home-2026 .lt-why-grid{ grid-template-columns:1fr; row-gap:24px; } body.home-2026 .lt-steps-row{ grid-template-columns:1fr; row-gap:24px; } body.home-2026 .lt-cat-grid{ gap:14px; } body.home-2026 .lt-products-body, body.home-2026 .lt-products .catalog_news, body.home-2026 .lt-products .catalog_main, body.home-2026 .lt-promo-wrap{ padding-left:16px; padding-right:16px; } body.home-2026 .lt-contacts-grid{ padding:44px 16px; } body.home-2026 .lt-contacts-map{ height:220px; } body.home-2026 .lt-testi-card{ padding:20px; } body.home-2026 .lt-promo-text{ padding:24px 18px; } body.lt-2026 .lt-footer-grid{ padding:36px 16px 28px; row-gap:26px; } body.lt-2026 .lt-footer-bottom{ padding:18px 16px; font-size:12.5px; } /* --- внутренние страницы --- */ body.inner-2026 #main{ padding:24px 12px 60px; gap:22px; } body.inner-2026 .catalog_all_list{ gap:18px 12px; } body.inner-2026 .catalog_list_one[class*="catalog_list_one_type"] .catalog_list_title, body.home-2026 .block_news .block_new_title{ font-size:14px; padding:12px 12px 6px; } body.inner-2026 .catalog_list_one .toprice, body.home-2026 .block_news .toprice{ padding:0 12px 14px; font-size:18px; } body.inner-2026 .catalog_list_one .catalog_price_sale .price{ font-size:18px; } body.lt-2026 .catalog_is_new_img, body.lt-2026 .catalog_is_hit_img, body.lt-2026 .catalog_is_sale_img, body.lt-2026 .catalog_catsale{ top:8px; font-size:10.5px; padding:4px 8px; } body.lt-2026 .catalog_is_new_img, body.lt-2026 .catalog_is_hit_img, body.lt-2026 .catalog_is_sale_img{ left:8px; } body.lt-2026 .catalog_catsale{ right:8px; } /* панель быстрого заказа на телефоне мешает — товар открывается тапом */ body.lt-2026 .catalog_list_one .quick_order_popup, body.lt-2026 .block_news .quick_order_popup{ display:none !important; } body.lt-2026 .right_content > h1, body.lt-2026 .right_content > .catalog_cat > h1{ font-size:26px; } body.inner-2026 .pathway{ font-size:12.5px; margin-bottom:18px; } } /* --------------------------------------------------- очень узкие экраны */ @media (max-width:380px){ body.inner-2026 .catalog_all_list{ grid-template-columns:1fr; } body.home-2026 .lt-products ul{ grid-template-columns:1fr; } body.home-2026 .lt-cat-grid{ grid-template-columns:1fr; } } /* Список разделов каталога добавляется скриптом только ради мобильного меню. На десктопе верхнее меню должно остаться ровно как в прототипе, поэтому там ни списка, ни стрелки у пункта «Каталог» нет. */ @media (min-width:901px){ body.lt-2026 #header li.lt-nav-has-catalog .lt-nav-catalog, body.lt-2026 #header li.lt-nav-has-catalog:hover .lt-nav-catalog{ display:none; } body.lt-2026 #header li.lt-nav-has-catalog > a .lt-caret{ display:none; } } /* ========================================================================= FANCYBOX — увеличение фотографии товара. Плагин вызывается из разметки страницы товара ($.fancybox), поэтому его стили перенесены сюда целиком из jquery.fancybox.css: пути к картинкам в нём абсолютные, править их не пришлось. Отдельный файл больше не нужен. ========================================================================= */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/themes/default/images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(/themes/default/images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/themes/default/images/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/themes/default/images/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/themes/default/images/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(/themes/default/images/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }