/* ============================================================ Imperial — слой редизайна поверх темы Free. Подключается последним (index.html), все правила через #themeOverride, чтобы перебивать site.css и color-settings.css.html. ============================================================ */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/imperial/manrope-cyr.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/imperial/manrope-lat.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --imp-bg: #F6F2EC; --imp-surface: #FFFFFF; --imp-sand: #EFE8DD; --imp-ink: #1E1A16; --imp-ink-2: #4A433B; --imp-muted: #6A6158; --imp-line: #E6DFD5; --imp-line-2: #EFE9E0; --imp-gold: #E6AB1A; --imp-gold-soft: #FBF1DA; --imp-bronze: #8A5E0E; --imp-dark: #1E1A16; --imp-dark-2: #2A251F; --imp-dark-line: #3A332B; --imp-on-dark: #EDE6DC; --imp-on-dark-muted: #B3A999; --imp-serif: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; /* заголовки: тот же гротеск, жирнее */ --imp-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; --imp-r: 14px; --imp-r-lg: 20px; --imp-max: 1600px; /* ширина контейнера (с полями) */ --imp-gut: 16px; /* боковые поля */ } @media (min-width: 1100px) { :root { --imp-gut: 24px; } } /* ---------- База ---------- */ html body#themeOverride { font-family: var(--imp-sans); background: var(--imp-bg) !important; color: var(--imp-ink); -webkit-font-smoothing: antialiased; overflow-x: clip; /* стрелки каруселей вылезали за край на телефоне */ } #themeOverride input, #themeOverride select, #themeOverride textarea, #themeOverride button { font-family: var(--imp-sans); } #themeOverride h1, #themeOverride .Title__Main, #themeOverride .category-name, #themeOverride .product_name { font-family: var(--imp-serif); font-weight: 600; letter-spacing: -0.005em; line-height: 1.08; font-variant-numeric: lining-nums; /* у Cormorant по умолчанию старостильные цифры: «APL.o18» */ } #themeOverride h2 { font-family: var(--imp-serif); font-weight: 600; line-height: 1.12; font-variant-numeric: lining-nums; } #themeOverride .container { max-width: var(--imp-max); padding-left: var(--imp-gut) !important; padding-right: var(--imp-gut) !important; box-sizing: border-box; } #themeOverride a:focus-visible, #themeOverride button:focus-visible, #themeOverride input:focus-visible { outline: 2px solid var(--imp-bronze); outline-offset: 2px; } /* ---------- Верхняя служебная строка ---------- */ #themeOverride .header-top--links { background: var(--imp-dark); text-transform: none; } #themeOverride .header-top--links .container { line-height: 40px; padding: 0 16px; font-size: 13px; } #themeOverride .header-top--links .header-top_nav > ul > li { font-size: 13px; margin-right: 24px; } #themeOverride .header-top--links .header-top_nav > ul > li > a, #themeOverride .header-top--links .header-top_nav > ul > li > .link { color: var(--imp-on-dark) !important; } #themeOverride .header-top--links a:hover { color: var(--imp-gold) !important; text-decoration: none; } #themeOverride .header-top--right { margin-left: auto; display: flex; align-items: center; gap: 20px; color: var(--imp-on-dark-muted); font-size: 13px; } #themeOverride .imp-hours { white-space: nowrap; } #themeOverride .header-top_nav-sub ul { background: var(--imp-dark-2) !important; border-radius: 12px; } /* ---------- Шапка ---------- */ #themeOverride .header { background: var(--imp-surface); border-bottom: 1px solid var(--imp-line); } #themeOverride .header > .container { padding-top: 18px; padding-bottom: 18px; } #themeOverride .header_logo { display: flex; align-items: center; gap: 12px; line-height: 1; margin-right: 28px; color: var(--imp-ink) !important; } #themeOverride .header_logo #logo { width: 44px !important; height: auto; max-width: none; } #themeOverride .imp-wordmark { display: flex; flex-direction: column; gap: 4px; white-space: nowrap; } #themeOverride .imp-wordmark__name { font-variant-numeric: lining-nums; font-family: var(--imp-serif); font-size: 24px; font-weight: 700; letter-spacing: 0.04em; line-height: 1; color: var(--imp-ink); } #themeOverride .imp-wordmark__tag { font-size: 12px; color: var(--imp-muted); letter-spacing: 0.02em; } /* кнопка «Каталог» */ #themeOverride .nav-cat-btn { height: 48px; line-height: 48px; padding: 0 18px; border-radius: 12px; background: var(--imp-gold) !important; color: var(--imp-ink) !important; font-size: 15px; font-weight: 700; gap: 10px; } #themeOverride .nav-cat-btn .nav-cat-btn__action { background: var(--imp-ink) !important; height: 2px; border-radius: 2px; } #themeOverride .nav-cat.active .nav-cat-btn, #themeOverride .nav-cat-btn.active { background: var(--imp-ink) !important; color: #fff !important; } #themeOverride .nav-cat.active .nav-cat-btn .nav-cat-btn__action, #themeOverride .nav-cat-btn.active .nav-cat-btn__action { background: var(--imp-gold) !important; } /* поиск */ #themeOverride .header .header--right { flex: 1 1 auto; min-width: 0; } #themeOverride .header .Nav-search { flex: 1 1 auto; max-width: none; width: auto; margin-right: 24px; } #themeOverride .header .nav-cat { margin-right: 20px; } #themeOverride .header_logo { margin-right: 20px !important; } #themeOverride .header .Nav-search .inp-search { width: 100%; } #themeOverride .Nav-search .inp-search input, #themeOverride .Nav-search .Nav-inp-search { height: 48px; border-radius: 12px !important; border: 1.5px solid var(--imp-line) !important; background: var(--imp-bg) !important; font-size: 15px; padding-left: 18px; color: var(--imp-ink); } #themeOverride .Nav-search .Nav-inp-search:focus { border-color: var(--imp-ink) !important; background: #fff !important; } #themeOverride .Nav-search .Nav-inp-search::placeholder { color: var(--imp-muted); } #themeOverride .Nav-search .fi-rr-search { width: 40px; height: 40px; border-radius: 9px; background: var(--imp-ink); color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 16px; top: 4px !important; right: 4px !important; transform: none !important; } /* телефон и «Заказать звонок» */ #themeOverride .Nav-contact-phone { font-size: 18px; font-weight: 700; color: var(--imp-ink) !important; letter-spacing: .01em; } #themeOverride .header p.Nav-contact-callback { color: var(--imp-bronze) !important; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; border: 0 !important; } /* иконки справа */ #themeOverride .Nav-product-custom { gap: 0; margin-left: 12px; } #themeOverride .Nav-product-custom { gap: 14px !important; } #themeOverride .header .product-custom { margin: 0 !important; padding: 0 !important; width: auto; } #themeOverride .header .product-custom--link { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 11.5px; white-space: nowrap; } #themeOverride .product-custom--link { color: var(--imp-muted) !important; font-size: 12px; } #themeOverride .header .product-custom_icon .icon, #themeOverride .header .product-custom_icon svg { color: var(--imp-ink) !important; } #themeOverride .product-custom_short-count, #themeOverride .header__cart-count { background: var(--imp-gold) !important; color: var(--imp-ink) !important; font-size: 11px; font-weight: 700; height: 18px; line-height: 18px; min-width: 18px; padding: 0 5px; top: -6px; right: -8px; } #themeOverride .product-added-msg { border-radius: 12px; } /* ---------- Горизонтальное меню разделов ---------- */ #themeOverride .Nav__Primary-outer { background: var(--imp-surface); border-top: 1px solid var(--imp-line-2); } #themeOverride .Nav__horizontal--list { background: transparent !important; justify-content: space-between; padding: 0 16px !important; } #themeOverride .Nav__horizontal--item { background: transparent !important; padding-bottom: 0 !important; } #themeOverride .Nav__horizontal--link { font-size: 14.5px; padding-left: 0 !important; padding-right: 0 !important; white-space: nowrap; font-weight: 600; text-transform: none !important; color: var(--imp-ink) !important; padding-top: 15px; padding-bottom: 15px; background: transparent !important; } #themeOverride .Nav__Primary-outer--dd .Nav__horizontal--link:hover { color: var(--imp-bronze) !important; } #themeOverride .Nav__Primary-outer--dd .Nav__horizontal--link:hover:before { background: var(--imp-gold) !important; height: 2px; } #themeOverride .Nav__horizontal--item:last-child .Nav__horizontal--link { color: var(--imp-bronze) !important; } /* ---------- Кнопки и цены (общие) ---------- */ #themeOverride .button, #themeOverride .Button__Primary, #themeOverride .bg-maincolor { border-radius: 12px; font-weight: 700; } #themeOverride .price { font-weight: 700; } /* ---------- Подвал ---------- */ #themeOverride .footer { background: var(--imp-dark) !important; color: var(--imp-on-dark-muted); margin-top: 88px; padding: 64px 0 0; } #themeOverride .footer a { color: var(--imp-on-dark) !important; } #themeOverride .footer a:hover { color: var(--imp-gold) !important; text-decoration: none; } #themeOverride .footer .footer-col-title { color: #fff; font-size: 15px; font-weight: 700; margin-bottom: 16px; } #themeOverride .footer .footer-col__list li { margin-bottom: 12px; font-size: 15px; } #themeOverride .footer .copyright-text { color: #fff; font-size: 15px; line-height: 1.6; } #themeOverride .footer .footer_info { color: var(--imp-on-dark-muted); font-size: 14px; } #themeOverride .footer .Nav-contact-phone { color: #fff !important; font-size: 22px; } #themeOverride .footer_last_block { border-top: 1px solid var(--imp-dark-line); color: var(--imp-on-dark-muted); padding: 20px 0 28px; margin-top: 40px; font-size: 12px; line-height: 1.55; } #themeOverride .footer_payment_svg { background: #fff; border-radius: 6px; padding: 2px 4px; display: inline-flex; } #themeOverride .brk-credit { color: var(--imp-on-dark-muted) !important; } /* ---------- Прочее ---------- */ #themeOverride .btn-top { border-radius: 50%; background: var(--imp-ink) !important; } #themeOverride .btn-top .st0 { stroke: var(--imp-gold) !important; } /* ---------- Телефон ---------- */ @media (max-width: 1024px) { #themeOverride .header > .container { padding-top: 8px; padding-bottom: 8px; } #themeOverride .header_logo { margin-right: 0; gap: 8px; } #themeOverride .header_logo #logo { width: 30px !important; } #themeOverride .imp-wordmark__name { font-size: 20px; } #themeOverride .imp-wordmark__tag { display: none; } #themeOverride .Nav-search .Nav-inp-search { height: 46px; } #themeOverride .footer { margin-top: 56px; padding-top: 40px; } #themeOverride .fixed-panel { border-top: 1px solid var(--imp-line); box-shadow: 0 -6px 20px rgba(30,26,22,.08); } } /* ---------- Мобильное меню и нижняя панель ---------- */ #themeOverride .MobileMenu .menu-title, #themeOverride .MobileMenu-title { font-family: var(--imp-serif); font-size: 24px; font-weight: 600; } #themeOverride .MobileMenu .fi-rr-angle-small-right, #themeOverride .MobileMenu [class*="fi-rr-angle"] { color: var(--imp-bronze) !important; } #themeOverride .fixed-panel .product-custom_short-count, #themeOverride .fixed-panel .header__cart-count { background: var(--imp-gold) !important; color: var(--imp-ink) !important; } @media (max-width: 1024px) { #themeOverride .footer-box_col { border-color: var(--imp-dark-line) !important; } #themeOverride .footer .footer-col-title { margin-bottom: 0; } } /* ============================================================ Общие блоки Imperial (imp-*) — mobile-first ============================================================ */ #themeOverride .imp-wrap { max-width: var(--imp-max); margin: 0 auto; padding: 0 var(--imp-gut); box-sizing: border-box; } #themeOverride .imp-eyebrow { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--imp-bronze); } #themeOverride .imp-eyebrow--gold { color: var(--imp-gold); } #themeOverride .imp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 22px; border-radius: 14px; border: 0; box-sizing: border-box; font: 700 15px/1 var(--imp-sans); text-decoration: none !important; cursor: pointer; white-space: nowrap; } #themeOverride .imp-btn--lg { height: 54px; padding: 0 26px; font-size: 16px; } #themeOverride .imp-btn--dark { background: var(--imp-ink); color: #fff !important; } #themeOverride .imp-btn--gold { background: var(--imp-gold); color: var(--imp-ink) !important; } #themeOverride .imp-btn--line { background: transparent; color: var(--imp-ink) !important; box-shadow: inset 0 0 0 1.5px var(--imp-ink); } #themeOverride .imp-link { font-size: 15px; font-weight: 700; color: var(--imp-bronze) !important; text-decoration: none; } #themeOverride .imp-sec { margin-top: 48px; } #themeOverride .imp-sec__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; } #themeOverride .imp-sec__title { margin: 0; font-family: var(--imp-serif); font-size: 32px; font-weight: 600; line-height: 1.1; color: var(--imp-ink); } /* главная: убрать старые отступы контейнера */ #themeOverride .main-content--home { padding-top: 0; } /* Первый экран */ #themeOverride .imp-hero { padding-top: 24px; } #themeOverride .imp-hero__grid { display: flex; flex-direction: column; gap: 20px; } #themeOverride .imp-hero__text { display: flex; flex-direction: column; gap: 14px; } #themeOverride .imp-hero__title { margin: 0; font-family: var(--imp-serif); font-size: 40px; line-height: 1.04; font-weight: 600; color: var(--imp-ink); } #themeOverride .imp-hero__lead { margin: 0; font-size: 16px; line-height: 1.55; color: var(--imp-ink-2); } #themeOverride .imp-hero__actions { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; } #themeOverride .imp-hero__actions .imp-btn { width: 100%; } #themeOverride .imp-hero__media { position: relative; order: -1; border-radius: 22px; overflow: hidden; background: #3A3632; aspect-ratio: 358 / 280; } #themeOverride .imp-hero__text { order: 0; } #themeOverride .imp-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 22% 50%; display: block; } #themeOverride .imp-hero__tag { position: absolute; left: 12px; bottom: 12px; display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border-radius: 12px; background: rgba(255,255,255,.94); text-decoration: none; } #themeOverride .imp-hero__tag-sm { font-size: 11px; color: var(--imp-muted); } #themeOverride .imp-hero__tag-lg { font-size: 14px; font-weight: 700; color: var(--imp-ink); } /* Преимущества */ #themeOverride .imp-perks { margin-top: 20px; } #themeOverride .imp-perks__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } #themeOverride .imp-perk { display: flex; flex-direction: column; gap: 8px; padding: 14px; background: var(--imp-surface); border: 1px solid var(--imp-line); border-radius: 14px; font-size: 14px; } #themeOverride .imp-perk b { display: block; font-weight: 700; line-height: 1.25; color: var(--imp-ink); } #themeOverride .imp-perk small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.35; color: var(--imp-muted); } #themeOverride .imp-perk__ic { width: 40px; height: 40px; border-radius: 11px; background: var(--imp-gold-soft); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #themeOverride .imp-perk__ic svg { width: 22px; height: 22px; fill: none; stroke: var(--imp-bronze); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* Разделы каталога */ #themeOverride .imp-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } #themeOverride .imp-cat { display: flex; flex-direction: column; gap: 8px; padding: 12px; background: var(--imp-surface); border: 1px solid var(--imp-line); border-radius: 16px; text-decoration: none; } #themeOverride .imp-cat__img { height: 110px; display: flex; align-items: center; justify-content: center; } #themeOverride .imp-cat__img img { max-width: 110px; max-height: 110px; width: auto; height: auto; object-fit: contain; } #themeOverride .imp-cat__name { font-size: 14px; font-weight: 700; line-height: 1.25; color: var(--imp-ink); } #themeOverride .imp-cat--more { display: none; } #themeOverride .imp-cats-toggle { position: absolute; opacity: 0; pointer-events: none; } #themeOverride .imp-cats-toggle:checked ~ .imp-cats .imp-cat--more, #themeOverride .imp-cats:has(~ .imp-cats-toggle:checked) .imp-cat--more { display: flex; } #themeOverride .imp-cats-more { width: 100%; margin-top: 12px; } #themeOverride .imp-cats-toggle:checked + .imp-cats-more { display: none; } /* Свет по помещению */ #themeOverride .imp-rooms__track { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 16px; padding: 0 16px 6px; scrollbar-width: none; } #themeOverride .imp-rooms__track::-webkit-scrollbar { display: none; } #themeOverride .imp-room { flex: 0 0 132px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; text-decoration: none; } #themeOverride .imp-room img { width: 132px; height: 132px; object-fit: cover; border-radius: 16px; display: block; } #themeOverride .imp-room span { font-size: 14px; font-weight: 600; color: var(--imp-ink); } /* Витрина с вкладками (без JS: radio + label) */ #themeOverride .imp-show__radio { position: absolute; opacity: 0; pointer-events: none; } #themeOverride .imp-tabs { display: flex; gap: 4px; padding: 4px; background: var(--imp-sand); border-radius: 12px; margin-bottom: 14px; } #themeOverride .imp-tab { flex: 1; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 9px; font-size: 14px; font-weight: 600; cursor: pointer; color: var(--imp-ink); } #themeOverride .imp-show__panel { display: none; } #themeOverride #imp-show-0:checked ~ .imp-tabs .imp-tab--0, #themeOverride #imp-show-1:checked ~ .imp-tabs .imp-tab--1 { background: var(--imp-ink); color: #fff; font-weight: 700; } #themeOverride #imp-show-0:checked ~ .imp-show__panel--0, #themeOverride #imp-show-1:checked ~ .imp-show__panel--1 { display: block; } #themeOverride .imp-show__more { margin-top: 14px; text-align: center; } #themeOverride .imp-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } /* Сервис */ #themeOverride .imp-service { margin-top: 56px; background: var(--imp-dark); color: var(--imp-on-dark); padding: 44px 0; } #themeOverride .imp-service__grid { display: flex; flex-direction: column; gap: 24px; } #themeOverride .imp-service__intro { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; } #themeOverride .imp-service__title { margin: 0; font-family: var(--imp-serif); font-size: 34px; font-weight: 600; line-height: 1.08; color: #fff; } #themeOverride .imp-service__intro p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--imp-on-dark-muted); } #themeOverride .imp-service__cards { display: grid; grid-template-columns: 1fr; gap: 10px; } #themeOverride .imp-svc { display: grid; grid-template-columns: 28px 1fr; column-gap: 14px; row-gap: 4px; padding: 18px; border-radius: 16px; background: var(--imp-dark-2); border: 1px solid var(--imp-dark-line); text-decoration: none !important; } #themeOverride .imp-svc svg { grid-row: span 2; width: 26px; height: 26px; fill: none; stroke: var(--imp-gold); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } #themeOverride .imp-svc b { color: #fff; font-size: 16px; } #themeOverride .imp-svc span { color: var(--imp-on-dark-muted); font-size: 14px; line-height: 1.5; } /* Бренды */ #themeOverride .imp-brands { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } #themeOverride .imp-brand { height: 64px; display: flex; align-items: center; justify-content: center; padding: 10px; background: var(--imp-surface); border: 1px solid var(--imp-line); border-radius: 12px; text-decoration: none; box-sizing: border-box; } #themeOverride .imp-brand img { max-width: 100%; max-height: 40px; object-fit: contain; filter: grayscale(1); opacity: .85; } #themeOverride .imp-brand span { font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #3A332B; } /* Текст магазина */ #themeOverride .imp-prose { font-size: 15px; line-height: 1.7; color: var(--imp-ink-2); } #themeOverride .imp-prose h2 { margin-bottom: 14px; } #themeOverride .imp-prose h3, #themeOverride .imp-prose b, #themeOverride .imp-prose strong { color: var(--imp-ink); } /* ============================================================ Карточка товара (общая: главная, каталог, поиск) — перестройка старой разметки ============================================================ */ #themeOverride .Product-grid { background: var(--imp-surface); border: 1px solid var(--imp-line); border-radius: 16px; overflow: hidden; display: flex !important; flex-direction: column; padding: 0 !important; box-shadow: none !important; } #themeOverride .imp-grid .Product-grid { width: auto !important; max-width: none !important; margin: 0 !important; } #themeOverride .Product-grid .product__box--image { position: relative; padding: 12px 12px 0; } #themeOverride .Product-grid .Product-grid_img { border-radius: 10px; background: #fff; } #themeOverride .imp-grid .Product-grid .Product-grid_img { display: block; aspect-ratio: 1 / 1; height: auto !important; padding: 0 !important; } #themeOverride .imp-grid .Product-grid .list-thumb-image_wrap { position: static; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #themeOverride .imp-grid .Product-grid .list-thumb-image_wrap img { position: static; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transform: none; } #themeOverride .Product-grid .dotted-img, #themeOverride .Product-grid .grid-gallery__list, #themeOverride .Product-grid .product_rating, #themeOverride .Product-grid .rating.-zero, #themeOverride .Product-grid .rating__total, #themeOverride .Product-grid .Product-grid_dialog { display: none !important; } #themeOverride .Product-grid form.js-add-to-cart { display: flex; flex-direction: column; flex-grow: 1; padding: 10px 12px 12px; gap: 8px; } #themeOverride .Product-grid .Product-grid_content { display: flex; flex-direction: column; gap: 6px; padding: 0 !important; flex-grow: 1; } #themeOverride .Product-grid .Product-grid_stock-sku-box { order: 1; display: flex; flex-direction: column; gap: 2px; margin: 0 !important; } #themeOverride .Product-grid .Product-grid_description { order: 2; margin: 0 !important; } #themeOverride .Product-grid .Product-grid_prices { order: 3; margin: auto 0 0 !important; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } #themeOverride .Product-grid .Product-grid_name a { font-size: 13px; line-height: 1.35; font-weight: 600; color: var(--imp-ink) !important; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #themeOverride .Product-grid .price { font-size: 18px; font-weight: 700; color: var(--imp-ink); } #themeOverride .Product-grid .old-price { font-size: 13px; color: var(--imp-muted); } #themeOverride .Product-grid .Product-stock_item { font-size: 12px; font-weight: 600; } #themeOverride .Product-grid .Product-stock_item-high { color: #2F6B3A !important; } #themeOverride .Product-grid .Product-stock_item-high:before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #2F6B3A; margin-right: 6px; vertical-align: 1px; } #themeOverride .Product-grid .Product-grid_sku { font-size: 12px; color: var(--imp-muted); } #themeOverride .Product-grid .Product-grid_sku:empty { display: none; } #themeOverride .Product-grid .Product-grid_bottom { display: flex; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; } #themeOverride .Product-grid .Product-grid_cart { flex: 1 1 auto; margin: 0 !important; } #themeOverride .Product-grid .Product-grid_cart .button { width: 100%; height: 44px; line-height: 44px; padding: 0 10px; border-radius: 10px !important; background: var(--imp-gold) !important; color: var(--imp-ink) !important; font-size: 14px; font-weight: 700; text-align: center; box-sizing: border-box; } #themeOverride .Product-grid .Product-grid_cart .button.added { background: var(--imp-ink) !important; color: #fff !important; border: 0 !important; } #themeOverride .Product-grid .Product-grid_cart .button.disabled { background: var(--imp-sand) !important; color: var(--imp-muted) !important; } #themeOverride .Product-grid { position: relative; } #themeOverride .Product-grid .Product-grid_action { position: absolute; top: 6px; right: 6px; z-index: 2; display: flex; flex-direction: column; gap: 2px; } #themeOverride .Product-grid .Product-grid_action .product-action { width: 40px; height: 40px; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.92) !important; color: var(--imp-ink) !important; font-size: 18px; } #themeOverride .Product-grid .Product-grid_action .product-action.active { color: var(--imp-bronze) !important; } #themeOverride .Product-grid .badge { border-radius: 8px; } @media (max-width: 767px) { #themeOverride .Product-grid .Product-grid_action .add-to-compare { display: none !important; } } /* ============================================================ Планшет и десктоп ============================================================ */ @media (min-width: 768px) { #themeOverride .imp-sec { margin-top: 72px; } #themeOverride .imp-sec__title { font-size: 40px; } #themeOverride .imp-perks__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } #themeOverride .imp-perk { flex-direction: row; align-items: center; gap: 14px; padding: 18px 20px; font-size: 15px; } #themeOverride .imp-perk small { font-size: 13px; } #themeOverride .imp-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } #themeOverride .imp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } #themeOverride .imp-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } #themeOverride .imp-brand { height: 84px; } #themeOverride .imp-room { flex-basis: 200px; } #themeOverride .imp-room img { width: 200px; height: 200px; } #themeOverride .imp-service__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } #themeOverride .Product-grid .Product-grid_name a { font-size: 15px; } #themeOverride .Product-grid .price { font-size: 21px; } } @media (min-width: 1100px) { #themeOverride .imp-hero { padding-top: 40px; } #themeOverride .imp-hero__grid { display: grid; grid-template-columns: 560px 1fr; gap: 48px; align-items: center; } #themeOverride .imp-hero__media { order: 0; aspect-ratio: auto; height: 520px; border-radius: 28px; } #themeOverride .imp-hero__title { font-size: 58px; } #themeOverride .imp-hero__lead { font-size: 18px; } #themeOverride .imp-hero__actions { flex-direction: row; } #themeOverride .imp-hero__actions .imp-btn { width: auto; } #themeOverride .imp-hero__tag { left: 24px; bottom: 24px; padding: 14px 18px; } #themeOverride .imp-hero__tag-lg { font-size: 15px; } #themeOverride .imp-sec__title { font-size: 44px; } #themeOverride .imp-cats { grid-template-columns: repeat(5, minmax(0, 1fr)); } #themeOverride .imp-cat { padding: 20px; gap: 14px; border-radius: 20px; } #themeOverride .imp-cat__img { height: 132px; } #themeOverride .imp-cat__img img { max-width: 132px; max-height: 132px; } #themeOverride .imp-cat__name { font-size: 16px; } #themeOverride .imp-cats-more { width: auto; padding: 0 28px; } #themeOverride .imp-rooms__track { padding: 0 max(var(--imp-gut), calc((100% - var(--imp-max)) / 2 + var(--imp-gut))) 6px; scroll-padding-left: max(var(--imp-gut), calc((100% - var(--imp-max)) / 2 + var(--imp-gut))); } #themeOverride .imp-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } #themeOverride .imp-tabs { display: inline-flex; } #themeOverride .imp-tab { flex: 0 0 auto; padding: 0 20px; } #themeOverride .imp-service { margin-top: 96px; padding: 72px 0; } #themeOverride .imp-service__grid { display: grid; grid-template-columns: 380px 1fr; gap: 64px; } #themeOverride .imp-service__title { font-size: 48px; } #themeOverride .imp-brands { grid-template-columns: repeat(6, minmax(0, 1fr)); } #themeOverride .imp-about__grid { max-width: 900px; } #themeOverride .imp-prose { font-size: 16px; } #themeOverride .Product-grid .product__box--image { padding: 16px 16px 0; } #themeOverride .Product-grid form.js-add-to-cart { padding: 12px 16px 16px; } } /* ============================================================ Раздел каталога ============================================================ */ #themeOverride .breadcrumbs--box { margin: 14px 0 6px; } #themeOverride .breadcrumbs { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; white-space: nowrap; font-size: 13px; color: var(--imp-muted); } #themeOverride .breadcrumbs::-webkit-scrollbar { display: none; } #themeOverride .breadcrumbs a, #themeOverride .breadcrumbs a span { color: var(--imp-muted) !important; text-decoration: none; } #themeOverride .breadcrumbs .rarr { margin: 0 6px; color: #B9AFA2; } #themeOverride .breadcrumbs li:last-child { color: var(--imp-ink); overflow: hidden; text-overflow: ellipsis; } #themeOverride .category-heder { margin: 4px 0 14px; } #themeOverride h1.category-name { font-size: 30px; line-height: 1.08; margin: 0; } #themeOverride .subcategory-box { margin: 0 0 14px; } #themeOverride .category-subcat { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 0 0 2px; margin: 0; list-style: none; } #themeOverride .category-subcat::-webkit-scrollbar { display: none; } #themeOverride .category-subcat_item { flex: 0 0 auto; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } #themeOverride .category-subcat_item a { display: flex; align-items: center; height: 44px; padding: 0 16px; border-radius: 22px; white-space: nowrap; background: var(--imp-surface) !important; border: 1px solid var(--imp-line) !important; color: var(--imp-ink) !important; font-size: 14px; font-weight: 600; text-decoration: none; } #themeOverride .category-subcat_item a:hover { border-color: var(--imp-ink) !important; } #themeOverride .cat-panel { margin-bottom: 14px; } #themeOverride .cat-views__el { color: #C9BFB2 !important; } #themeOverride .cat-views__el.selected { color: var(--imp-ink) !important; } @media (max-width: 767px) { #themeOverride .cat-views { display: none !important; } #themeOverride .cat-panel:not(:has(select, .checked-list, .cat-sort)) { display: none; } } @media (min-width: 768px) { #themeOverride h1.category-name { font-size: 44px; } #themeOverride .subcategory-box { margin: 0 0 20px; } #themeOverride .category-subcat { flex-wrap: wrap; overflow: visible; padding: 0; } } @media (min-width: 1100px) { #themeOverride h1.category-name { font-size: 52px; } } /* Сетка товаров раздела: CSS grid вместо старых процентных ширин */ #themeOverride .cat-content .products-tile { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 !important; } #themeOverride .cat-content .products-tile > .Product-grid { width: auto !important; max-width: none !important; margin: 0 !important; flex: none !important; } #themeOverride .Product-grid .Product-grid_content, #themeOverride .Product-grid .Product-grid_stock-sku-box { text-align: left !important; align-items: flex-start !important; } #themeOverride .Product-grid .Product-grid_stock, #themeOverride .Product-grid .Product-stock { justify-content: flex-start !important; text-align: left !important; } @media (min-width: 768px) { #themeOverride .cat-content .products-tile { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } } @media (min-width: 1100px) { #themeOverride .cat-content .products-tile { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } } @media (min-width: 1360px) { #themeOverride .cat-content .products-tile { grid-template-columns: repeat(4, minmax(0, 1fr)); } } /* ============================================================ v2: поиск, мега-меню, фильтр — переписаны после ревью 28.09 ============================================================ */ /* ---------- Поиск: без рамки темы, свой выпадающий список ---------- */ #themeOverride .header .Nav-search, #themeOverride .header .Nav-search:focus-within, #themeOverride .header .Nav-search.active { padding: 0 !important; box-shadow: none !important; background: transparent !important; border: 0 !important; } #themeOverride .header .inp-search--wrap { display: none !important; } #themeOverride .header .Nav-search .Nav-inp-search:focus { outline: none; border-color: var(--imp-ink) !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(230,171,26,.25) !important; } #themeOverride .header .ajax-search-result { position: absolute !important; left: 0 !important; top: calc(100% + 8px) !important; right: auto !important; width: max(100%, 480px) !important; max-height: min(70vh, 560px); overflow-y: auto; background: #fff !important; border: 1px solid var(--imp-line) !important; border-radius: 16px !important; box-shadow: 0 24px 50px rgba(30,26,22,.18) !important; padding: 6px !important; box-sizing: border-box; z-index: 50; } #themeOverride .header .ajax-search-result:empty { display: none !important; } #themeOverride .ajax-search .sb-wrap_content { display: flex; flex-direction: column; } #themeOverride .ajax-search .sb-product { display: flex !important; align-items: center; gap: 12px; padding: 8px 10px !important; border-radius: 12px; border: 0 !important; text-decoration: none !important; margin: 0 !important; } #themeOverride .ajax-search .sb-product:hover { background: var(--imp-bg); } #themeOverride .ajax-search .sb-product_img { flex: 0 0 48px; width: 48px !important; height: 48px !important; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid var(--imp-line-2); overflow: hidden; } #themeOverride .ajax-search .sb-product_img img { max-width: 44px; max-height: 44px; object-fit: contain; } #themeOverride .ajax-search .sb-product_content { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 0 !important; } #themeOverride .ajax-search .sb-product_name { font-size: 14px; line-height: 1.35; font-weight: 600; color: var(--imp-ink); white-space: normal; } #themeOverride .ajax-search .sb-product_price .price { font-size: 15px; font-weight: 700; color: var(--imp-ink); } #themeOverride .ajax-search > a:last-child, #themeOverride .ajax-search .ajax-search__all, #themeOverride .ajax-search .sb-more { display: flex; align-items: center; justify-content: center; height: 44px; margin: 4px; border-radius: 12px; background: var(--imp-sand); font-size: 14px; font-weight: 700; color: var(--imp-ink) !important; text-decoration: none !important; } @media (max-width: 1024px) { #themeOverride .header .ajax-search-result { width: 100% !important; max-height: calc(100vh - 180px); } } /* ---------- Мега-меню каталога (шаблон header.dd.cat.list.html, разметка imp-mega) ---------- */ #themeOverride .nav-cat_wrap .cat-nav-bg { background: transparent !important; } /* ловит клик мимо меню, но не затемняет шапку */ #themeOverride .nav-cat_wrap .dd-wrap { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; } #themeOverride .nav-cat_wrap .dd-wrap:after { display: none !important; } #themeOverride .nav-cat_wrap .dd-wrap > .container { padding: 0 16px !important; background: transparent !important; box-shadow: none !important; height: auto !important; } #themeOverride .imp-mega { display: grid; grid-template-columns: 290px minmax(0, 1fr) 280px; background: #fff; border-radius: 0 0 24px 24px; overflow: hidden; box-shadow: 0 30px 70px rgba(30,26,22,.25), 0 0 0 1px var(--imp-line); max-height: calc(100vh - 190px); font-family: var(--imp-sans); } #themeOverride .imp-mega__list { background: #FBF9F6; border-right: 1px solid var(--imp-line-2); padding: 12px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; } #themeOverride .imp-mega__cat { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 10px 0 8px; border-radius: 12px; font-size: 15px; font-weight: 600; color: #3A332B !important; text-decoration: none !important; } #themeOverride .imp-mega__cat:hover { background: #fff; } #themeOverride .imp-mega__cat.is-active { background: #fff; color: var(--imp-ink) !important; font-weight: 700; box-shadow: 0 0 0 1px var(--imp-line); } #themeOverride .imp-mega__ic { flex: 0 0 32px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } #themeOverride .imp-mega__ic img { max-width: 30px; max-height: 30px; object-fit: contain; } #themeOverride .imp-mega__name { flex: 1 1 auto; line-height: 1.25; } #themeOverride .imp-mega__chev { flex: 0 0 16px; fill: none; stroke: #B9AFA2; stroke-width: 2; stroke-linecap: round; } #themeOverride .imp-mega__cat.is-active .imp-mega__chev { stroke: var(--imp-bronze); } #themeOverride .imp-mega__cat--brands { color: var(--imp-bronze) !important; margin-top: 6px; } #themeOverride .imp-mega__panels { padding: 32px 40px; overflow-y: auto; } #themeOverride .imp-mega__panel { display: none; } #themeOverride .imp-mega__panel.is-active { display: block; } #themeOverride .imp-mega__head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 18px; } #themeOverride .imp-mega__title { margin: 0; font-family: var(--imp-serif); font-size: 40px; font-weight: 600; line-height: 1.05; color: var(--imp-ink); font-variant-numeric: lining-nums; } #themeOverride .imp-mega__all { flex: 0 0 auto; font-size: 15px; font-weight: 700; color: var(--imp-bronze) !important; text-decoration: none !important; white-space: nowrap; } #themeOverride .imp-mega__subs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; } #themeOverride .imp-mega__subs > li { border-bottom: 1px solid #F1ECE4; padding: 11px 0; margin: 0; } #themeOverride .imp-mega__sub { font-size: 16px; color: var(--imp-ink) !important; text-decoration: none !important; } #themeOverride .imp-mega__sub:hover { color: var(--imp-bronze) !important; } #themeOverride .imp-mega__lvl3 { display: flex; flex-wrap: wrap; gap: 2px 12px; margin-top: 6px; } #themeOverride .imp-mega__lvl3 a { font-size: 13px; color: var(--imp-muted) !important; text-decoration: none !important; } #themeOverride .imp-mega__lvl3 a:hover { color: var(--imp-bronze) !important; } #themeOverride .imp-mega__lvl3 .imp-mega__more { color: var(--imp-bronze) !important; font-weight: 600; } #themeOverride .imp-mega__empty { margin: 0; font-size: 15px; color: var(--imp-muted); } #themeOverride .imp-mega__side { background: var(--imp-bg); padding: 32px 26px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; } #themeOverride .imp-mega__cap { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--imp-bronze); } #themeOverride .imp-mega__cap + .imp-mega__chips { margin-bottom: 14px; } #themeOverride .imp-mega__chips { display: flex; flex-wrap: wrap; gap: 8px; } #themeOverride .imp-chip { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 10px; background: #fff; border: 1px solid var(--imp-line); font-size: 13px; font-weight: 700; color: var(--imp-ink) !important; text-decoration: none !important; } #themeOverride .imp-chip:hover { border-color: var(--imp-ink); } #themeOverride .imp-chip--round { border-radius: 18px; background: var(--imp-sand); border-color: transparent; font-weight: 600; } @media (max-width: 1240px) { #themeOverride .imp-mega { grid-template-columns: 270px minmax(0, 1fr); } #themeOverride .imp-mega__side { display: none; } } /* ---------- Фильтр ---------- */ #themeOverride .filters-body { background: var(--imp-surface) !important; border: 1px solid var(--imp-line); border-radius: 20px; padding: 4px 20px 20px !important; box-sizing: border-box; } #themeOverride .filters-body__title__text { font-family: var(--imp-serif); font-size: 26px; font-weight: 600; } #themeOverride .filter-el { border-bottom: 1px solid var(--imp-line-2); padding: 16px 0 !important; margin: 0 !important; } #themeOverride .filter-el:last-of-type { border-bottom: 0; } #themeOverride .filter-el_title { display: flex; align-items: center; justify-content: space-between; cursor: pointer; margin: 0 0 10px !important; } #themeOverride .filter-el_title, #themeOverride .filter-el_title__text { font-size: 15px !important; font-weight: 700 !important; color: var(--imp-ink) !important; } #themeOverride .filter-el__unit { color: var(--imp-muted); font-weight: 500; margin-left: 4px; } /* цена */ #themeOverride .filter-range { display: flex; gap: 8px; margin-bottom: 14px; } #themeOverride .filter-range__min, #themeOverride .filter-range__max { flex: 1 1 0; min-width: 0; position: relative; background: var(--imp-bg) !important; border: 1.5px solid var(--imp-line) !important; border-radius: 10px !important; height: 44px; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; } #themeOverride .filter-range__min__text, #themeOverride .filter-range__max__text { position: static !important; transform: none !important; font-size: 13px; color: var(--imp-muted); flex: 0 0 auto; margin-right: 6px; } #themeOverride .filter-range_el { flex: 1 1 auto; min-width: 0; width: 100% !important; height: 40px; padding: 0 !important; background: transparent !important; border: 0 !important; font-size: 14px; font-weight: 600; color: var(--imp-ink); } #themeOverride .filters-body .ui-slider { height: 4px !important; background: var(--imp-line) !important; border: 0 !important; border-radius: 2px; margin: 0 9px 6px; } #themeOverride .filters-body .ui-slider-range { background: var(--imp-ink) !important; } #themeOverride .filters-body .ui-slider-handle { width: 20px !important; height: 20px !important; top: -8px !important; margin-left: -10px !important; border: 2px solid var(--imp-ink) !important; background: #fff !important; border-radius: 50% !important; } /* поиск по значениям */ #themeOverride .filter-el.hasSearch input[type=text], #themeOverride .filter-el .filter-search input { height: 40px !important; border-radius: 10px !important; border: 1.5px solid var(--imp-line) !important; background: var(--imp-bg) !important; font-size: 13px; padding: 0 12px !important; margin-bottom: 8px; box-sizing: border-box; width: 100%; } /* списки значений: ровно 6 строк по 36px, чтобы не было «полустрок» */ #themeOverride .filter-el_opts { max-height: none !important; overflow: visible !important; } #themeOverride .filter-el_opts .filter-opt_el.imp-opt--more { display: none !important; } #themeOverride .filter-el_opts.imp-opts-open .filter-opt_el.imp-opt--more { display: flex !important; } #themeOverride .imp-opts-toggle { display: inline-flex; align-items: center; height: 32px; margin-top: 4px; padding: 0; border: 0; background: none; font: 700 14px/1 var(--imp-sans); color: var(--imp-bronze); cursor: pointer; } #themeOverride .imp-opts-toggle:hover { text-decoration: underline; text-underline-offset: 3px; } #themeOverride .filter__search input { height: 40px !important; border-radius: 10px !important; border: 1.5px solid var(--imp-line) !important; background: var(--imp-bg) !important; font-size: 13px; padding: 0 12px !important; margin-bottom: 8px; width: 100%; box-sizing: border-box; } #themeOverride .filter-el--btns { display: flex; flex-direction: column; gap: 10px; border: 0 !important; padding-top: 18px !important; } #themeOverride .filter-el--btns input[type=submit] { width: 100%; height: 50px; border-radius: 12px !important; background: var(--imp-ink) !important; color: #fff !important; font: 700 15px var(--imp-sans); border: 0 !important; cursor: pointer; } #themeOverride .filter-el--btns .filter-reset { text-align: center; font-size: 14px; } #themeOverride .filter-el.close .filter-el_opts, #themeOverride .filter-el.close .filter__search { display: none !important; } #themeOverride .filter-el.close .filter-el_title { margin-bottom: 0 !important; } #themeOverride .filter-el_opts .filter-opt_el, #themeOverride .filter-el_opts-el { display: flex !important; align-items: center; gap: 10px; height: 36px; margin: 0 !important; padding: 0 !important; font-size: 14px; color: var(--imp-ink-2); cursor: pointer; } #themeOverride .filter-el_opts-el:hover { color: var(--imp-ink); } #themeOverride .filter-el_opts .style-check { flex: 0 0 20px; width: 20px !important; height: 20px !important; border-radius: 6px !important; margin: 0 !important; border: 1.5px solid #CFC6B9 !important; background: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 11px !important; color: transparent !important; } #themeOverride .filter-el_opts .style-check:before { color: transparent !important; } #themeOverride .filter-el_opts .style-check.checked { background: var(--imp-ink) !important; border-color: var(--imp-ink) !important; } #themeOverride .filter-el_opts .style-check.checked:before { color: #fff !important; } #themeOverride .filter-el_opts .style-check input { position: absolute; opacity: 0; width: 0; height: 0; } /* кнопки фильтра */ #themeOverride .filters-body .button, #themeOverride .filters-body input[type=submit], #themeOverride .filter__submit .button, #themeOverride .filters-body .filter-submit { background: var(--imp-ink) !important; color: #fff !important; border-radius: 12px !important; height: 48px; font-weight: 700; border: 0 !important; } #themeOverride .filter-reset { color: var(--imp-bronze) !important; font-weight: 600; } #themeOverride .filter-el_title { justify-content: flex-start !important; gap: 4px; } #themeOverride .filter-el_title > i, #themeOverride .filter-el_title [class*="fi-rr-angle"], #themeOverride .filter-el_title [class*="fi-rr-caret"] { margin-left: auto !important; color: var(--imp-muted); } #themeOverride .filter-el[data-code="price"] .filter-el_opts { max-height: none !important; overflow: visible !important; padding: 0 2px; } #themeOverride .filter-range_el { font-size: 13px; } #themeOverride .filter-el_opts .style-check { box-sizing: border-box !important; padding: 0 !important; line-height: 1 !important; min-width: 20px; max-width: 20px; min-height: 20px; max-height: 20px; } #themeOverride .filter-el_opts .style-check:before { font-size: 11px !important; line-height: 1 !important; margin: 0 !important; position: static !important; transform: none !important; } /* ---------- Раздел: шире фильтр, колонки товаров по ширине ---------- */ @media (min-width: 1025px) { #themeOverride .category .out_sidebars, #themeOverride .category .left-sidebar, #themeOverride .category .sidear-mobile { width: 300px !important; flex: 0 0 300px !important; max-width: 300px !important; } #themeOverride .category .filters, #themeOverride .category .filters-body { width: 100% !important; } #themeOverride .category .content.with-sidebar { flex: 1 1 auto !important; width: auto !important; min-width: 0; margin-left: 32px !important; } #themeOverride .cat-content .products-tile { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: 20px; } } /* ============================================================ Типографика заголовков: деловой гротеск (Manrope 700–800) вместо антиквы — 28.09 ============================================================ */ #themeOverride h1, #themeOverride h2, #themeOverride .Title__Main, #themeOverride .category-name, #themeOverride .product_name, #themeOverride .imp-hero__title, #themeOverride .imp-sec__title, #themeOverride .imp-service__title, #themeOverride .imp-mega__title, #themeOverride .filters-body__title__text, #themeOverride .MobileMenu .menu-title, #themeOverride .MobileMenu-title { font-family: var(--imp-sans); font-weight: 800; letter-spacing: -0.025em; } #themeOverride .imp-wordmark__name { font-family: var(--imp-sans); font-weight: 800; font-size: 19px; letter-spacing: 0.08em; } #themeOverride .imp-wordmark__tag { letter-spacing: 0.01em; } #themeOverride .imp-hero__title { font-size: 34px; line-height: 1.08; } #themeOverride .imp-sec__title { font-size: 26px; line-height: 1.15; } #themeOverride .imp-service__title { font-size: 28px; line-height: 1.12; } #themeOverride h1.category-name { font-size: 26px; line-height: 1.15; } #themeOverride .imp-mega__title { font-size: 30px; } #themeOverride .filters-body__title__text { font-size: 20px; } #themeOverride .footer .imp-wordmark__name, #themeOverride .footer [style*="Cormorant"] { font-family: var(--imp-sans) !important; } @media (max-width: 1024px) { #themeOverride .imp-wordmark__name { font-size: 16px; letter-spacing: 0.06em; } } @media (min-width: 768px) { #themeOverride .imp-sec__title { font-size: 32px; } #themeOverride h1.category-name { font-size: 34px; } } @media (min-width: 1100px) { #themeOverride .imp-hero__title { font-size: 50px; line-height: 1.06; } #themeOverride .imp-sec__title { font-size: 36px; } #themeOverride .imp-service__title { font-size: 40px; } #themeOverride h1.category-name { font-size: 40px; } } /* ============================================================ Страница товара — раскладка по макету (CSS grid поверх разметки темы) ============================================================ */ #themeOverride .product_page > .content:first-of-type { display: flex; flex-direction: column; gap: 16px; } #themeOverride .product_page > .content:first-of-type > .product__header, #themeOverride .product_page .product-page_main, #themeOverride .product_page .product-page_main-right, #themeOverride .product_page .product-page_main-right > form.product-cart--box { display: contents !important; } #themeOverride .product_page .product-page_main-left { order: 1; } #themeOverride .product_page .product__title-badge__wrap { order: 2; } #themeOverride .product_page .product-top-actions { order: 3; } #themeOverride .product_page .product-cart__right { order: 4; } #themeOverride .product_page .product-cart__left { order: 5; } @media (min-width: 1025px) { #themeOverride .product_page > .content:first-of-type { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 56px; row-gap: 18px; align-items: start; grid-template-areas: "gal title" "gal meta" "gal buy" "gal feat" "gal rest"; } #themeOverride .product_page .product-page_main-left { grid-area: gal; grid-row: 1 / span 5; position: sticky; top: 190px; } #themeOverride .product_page .product__title-badge__wrap { grid-area: title; } #themeOverride .product_page .product-top-actions { grid-area: meta; } #themeOverride .product_page .product-cart__right { grid-area: buy; } #themeOverride .product_page .product-cart__left { grid-area: feat; } } #themeOverride .product_page .product-page_main-left, #themeOverride .product_page .product-cart__left, #themeOverride .product_page .product-cart__right { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; } /* заголовок и строка действий */ #themeOverride .product_page .product__title-badge__wrap { margin: 0 !important; } #themeOverride .product_page h1.product_name { font-size: 28px; line-height: 1.15; margin: 0; } @media (min-width: 1100px) { #themeOverride .product_page h1.product_name { font-size: 38px; } } #themeOverride .product_page .product-top-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin: 0 !important; padding: 0 0 4px !important; border: 0 !important; font-size: 14px; color: var(--imp-muted); } #themeOverride .product_page .product-top-actions .rating .star, #themeOverride .product_page .product-top-actions .rating .icon10 { display: none; } #themeOverride .product_page .product-top-actions .rating.-zero { display: inline-flex; } #themeOverride .product_page .product_rating__total-text { color: var(--imp-bronze); font-weight: 600; text-decoration: none; border: 0; } #themeOverride .product_page .product_action-btn { display: flex; gap: 16px; } #themeOverride .product_page .product_action-btn .product-action { display: inline-flex; align-items: center; gap: 6px; color: var(--imp-ink-2) !important; font-size: 14px; background: none !important; } #themeOverride .product_page .product_action-btn .product-action.active { color: var(--imp-bronze) !important; } #themeOverride .product_page .product_share-code--box { margin-left: auto; display: flex; align-items: center; gap: 16px; } #themeOverride .product_page .pd-code .hint { color: var(--imp-muted); } /* галерея */ #themeOverride .product_page .product-page_main-left { display: flex; gap: 14px; } #themeOverride .product_page .product_gallery-images { flex: 1 1 auto; min-width: 0; background: #fff; border: 1px solid var(--imp-line); border-radius: 24px; overflow: hidden; } #themeOverride .product_page .product_gallery-images img { object-fit: contain; } #themeOverride .product_page .previews_gallery .bx-viewport img, #themeOverride .product_page .previews_gallery img { border-radius: 12px; } #themeOverride .product_page .image-preview { border: 1px solid var(--imp-line) !important; border-radius: 12px !important; background: #fff; overflow: hidden; } #themeOverride .product_page .image-preview.selected { border: 2px solid var(--imp-ink) !important; } /* карточка покупки */ #themeOverride .product_page .product-actions { width: auto !important; margin: 0 !important; padding: 24px !important; box-sizing: border-box; background: #fff; border: 1px solid var(--imp-line); border-radius: 22px; box-shadow: none !important; } #themeOverride .product_page .product_add-services--box:empty, #themeOverride .product_page .product_add-services:empty { display: none; } #themeOverride .product_page .product_add2cart { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px 12px; } #themeOverride .product_page .product_prices { grid-column: 1 / -1; margin: 0 !important; display: flex; align-items: baseline; gap: 10px; } #themeOverride .product_page .product__price { font-size: 36px !important; font-weight: 800; letter-spacing: -0.02em; color: var(--imp-ink) !important; } #themeOverride .product_page .product_prices .old-price, #themeOverride .product_page .compare-at-price { font-size: 18px; color: var(--imp-muted); } #themeOverride .product_page .product_add2cart > .df-block { grid-column: 1 / -1; margin: 0 !important; } #themeOverride .product_page .stock__list { display: flex; align-items: center; gap: 6px; font-size: 14px; } #themeOverride .product_page .stocks_title { color: var(--imp-muted); } #themeOverride .product_page .stock__list br { display: none; } #themeOverride .product_page .Product-stock_item-low { color: #9A4A06 !important; font-weight: 600; } #themeOverride .product_page .Product-stock_item-high, #themeOverride .product_page .stock-high { color: #2F6B3A !important; font-weight: 600; } #themeOverride .product_page .Cart__Qty { display: inline-flex !important; align-items: center; height: 56px; border: 1.5px solid var(--imp-line); border-radius: 14px; margin: 0 !important; padding: 0 4px; box-sizing: border-box; background: #fff; } #themeOverride .product_page .Cart__Qty_act { width: 40px; height: 48px; display: flex !important; align-items: center; justify-content: center; font-size: 20px; color: var(--imp-ink) !important; background: none !important; cursor: pointer; } #themeOverride .product_page .Cart__Qty input { width: 36px !important; height: 48px; border: 0 !important; text-align: center; font-size: 17px; font-weight: 700; background: transparent !important; padding: 0 !important; } #themeOverride .product_page .button-one-click__wrap { display: flex; flex-direction: column; gap: 10px; margin: 0 !important; min-width: 0; } #themeOverride .product_page .addtocart--large { width: 100% !important; height: 56px !important; line-height: 56px !important; border-radius: 14px !important; padding: 0 16px !important; background: var(--imp-gold) !important; color: var(--imp-ink) !important; font-size: 17px !important; font-weight: 700; text-align: center; box-sizing: border-box; border: 0 !important; } #themeOverride .product_page .addtocart--large.added { background: var(--imp-ink) !important; color: #fff !important; } #themeOverride .product_page .product_one-click__wrap:empty { display: none; } #themeOverride .product_page .product_one-click__wrap .button, #themeOverride .product_page .product_one-click__wrap a, #themeOverride .product_page .quickorder-button { display: flex !important; align-items: center; justify-content: center; height: 48px; border-radius: 14px !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--imp-ink); color: var(--imp-ink) !important; font-weight: 700; font-size: 15px; border: 0 !important; width: 100%; } #themeOverride .imp-pd-ask { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 2px 0; font-size: 14px; color: var(--imp-muted); } #themeOverride .imp-pd-ask__btn { border: 0; background: none; padding: 0; font: 700 14px var(--imp-sans); color: var(--imp-bronze); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } #themeOverride .imp-pd-info { list-style: none; margin: 16px 0 0; padding: 0; border-top: 1px solid var(--imp-line); } #themeOverride .imp-pd-info li { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--imp-line); font-size: 15px; color: var(--imp-muted); } #themeOverride .imp-pd-info li b { color: var(--imp-ink); font-weight: 700; } #themeOverride .imp-pd-info li span { flex: 1 1 auto; } #themeOverride .imp-pd-info li a { font-size: 14px; font-weight: 600; color: var(--imp-bronze) !important; text-decoration: none; white-space: nowrap; } #themeOverride .imp-pd-info svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: var(--imp-bronze); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } /* ключевые характеристики — плитками */ #themeOverride .product_page .product-cart__left .cart, #themeOverride .product_page .product-cart__left .product_action, #themeOverride .product_page .product_action-desc { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; width: auto !important; } #themeOverride .product_page .product-cart__left .brand_product { display: none; } #themeOverride .product_page .product-cart__left table.Product__features, #themeOverride .product_page .product-cart__left table.Product__features tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; } @media (min-width: 600px) { #themeOverride .product_page .product-cart__left table.Product__features, #themeOverride .product_page .product-cart__left table.Product__features tbody { grid-template-columns: repeat(3, minmax(0, 1fr)); } } #themeOverride .product_page .product-cart__left table.Product__features tbody { grid-column: 1 / -1; } #themeOverride .product_page .product-cart__left .Product__features-item { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 14px; background: var(--imp-sand); border: 0 !important; } #themeOverride .product_page .product-cart__left .Product__features-item td { display: block; padding: 0 !important; border: 0 !important; width: auto !important; background: none !important; } #themeOverride .product_page .product-cart__left .Product__features-title { font-size: 12px; color: var(--imp-muted) !important; } #themeOverride .product_page .product-cart__left .Product__features-title * { color: var(--imp-muted) !important; } #themeOverride .product_page .product-cart__left .Product__features-value { font-size: 16px; font-weight: 700; color: var(--imp-ink); } #themeOverride .product_page .product-cart__left .product_link-full, #themeOverride .product_page .product-cart__left a[href*="features"], #themeOverride .product_page .product-cart__left .js-show-features { font-size: 14px; font-weight: 600; color: var(--imp-bronze) !important; } /* вкладки и характеристики */ #themeOverride .product_page ul.tabs { display: flex; gap: 32px; border-bottom: 1px solid var(--imp-line); margin: 48px 0 0 !important; padding: 0 !important; background: none !important; } #themeOverride .product_page .tabs_item { padding: 16px 0 !important; margin: 0 !important; font-size: 16px; font-weight: 700; color: var(--imp-muted); border: 0 !important; background: none !important; cursor: pointer; } #themeOverride .product_page .tabs_item.selected { color: var(--imp-ink); box-shadow: inset 0 -3px 0 var(--imp-gold); } #themeOverride .product_page .tabs_item:hover { color: var(--imp-ink) !important; } #themeOverride .product_page .tab-contents { padding-top: 28px; background: none !important; } #themeOverride .product_page .tab-content_el { background: none !important; border: 0 !important; padding: 0 !important; } #themeOverride .product_page .tab-contents table { border-collapse: collapse; width: 100%; max-width: 820px; } #themeOverride .product_page .tab-contents table tr { border-bottom: 1px dashed #D9D0C3; } #themeOverride .product_page .tab-contents table td, #themeOverride .product_page .tab-contents table th { padding: 11px 0 !important; font-size: 15px; background: none !important; border: 0 !important; vertical-align: top; } #themeOverride .product_page .tab-contents table td:first-child { color: var(--imp-muted); padding-right: 24px !important; } #themeOverride .product_page .tab-contents table td:last-child { font-weight: 600; color: var(--imp-ink); } /* «С этим товаром покупают» и прочие подборки на странице */ #themeOverride .product_cross-products { margin-top: 64px; } #themeOverride .product_cross-products .title, #themeOverride .product_cross-products .home-products__title { font-family: var(--imp-sans); font-weight: 800; letter-spacing: -0.02em; font-size: 28px; } #themeOverride .product_page .product-cart__right, #themeOverride .product_page .product-cart__right .product-actions { width: 100% !important; max-width: none !important; box-sizing: border-box; } #themeOverride .product_page .product-top-actions .product_share-code--box { margin-left: 0; } #themeOverride .product_page .product-top-actions .pd-code__box { margin-left: auto; } @media (max-width: 1024px) { /* миниатюры галереи на телефоне — одной прокручиваемой лентой */ #themeOverride .product_page .product-page_main-left { flex-direction: column; } #themeOverride .product_page .previews_gallery { order: 2; width: 100% !important; } #themeOverride .product_page .previews_gallery .bx-wrapper, #themeOverride .product_page .previews_gallery .bx-viewport { width: 100% !important; max-width: none !important; height: auto !important; } #themeOverride .product_page .previews_gallery .js-product-previews, #themeOverride .product_page .previews_gallery > div > div > div:not(.bx-controls) { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 8px; scrollbar-width: none; transform: none !important; width: auto !important; height: auto !important; } #themeOverride .product_page .image-preview { flex: 0 0 64px; width: 64px !important; height: 64px !important; margin: 0 !important; } #themeOverride .product_page .product-cart__right .brand_product { display: none; } } @media (max-width: 1024px) { #themeOverride .product_page .previews_gallery .image-preview-list { flex-wrap: nowrap !important; overflow-x: auto; gap: 8px; margin: 0 !important; width: 100% !important; scrollbar-width: none; } #themeOverride .product_page .previews_gallery .image-preview-list::-webkit-scrollbar { display: none; } } /* ---------- Характеристики (плагин featuregrid) — как в макете ---------- */ #themeOverride .product_page .feature-grid-list { display: grid !important; grid-template-columns: 1fr; gap: 0 56px; max-width: 1100px; background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; } @media (min-width: 900px) { #themeOverride .product_page .feature-grid-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #themeOverride .product_page .feature-grid-list > div { display: flex; flex-direction: column; gap: 28px; background: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; } #themeOverride .product_page table.product_features { width: 100%; border-collapse: collapse; background: none !important; margin: 0 !important; } #themeOverride .product_page table.product_features:not(:has(tr)) { display: none; } #themeOverride .product_page table.product_features caption { caption-side: top; text-align: left; padding: 0 0 8px !important; font-size: 17px; font-weight: 800; letter-spacing: -0.01em; color: var(--imp-ink); background: none !important; } #themeOverride .product_page table.product_features tr { border-bottom: 1px dashed #D9D0C3 !important; background: none !important; } #themeOverride .product_page table.product_features td { padding: 10px 0 !important; font-size: 15px; background: none !important; border: 0 !important; vertical-align: top; } #themeOverride .product_page table.product_features td.product_features-title { color: var(--imp-muted) !important; padding-right: 20px !important; width: 55%; } #themeOverride .product_page table.product_features td.product_features-title * { color: var(--imp-muted) !important; font-weight: 400 !important; } #themeOverride .product_page table.product_features td.product_features-value { text-align: right; font-weight: 600; color: var(--imp-ink) !important; } #themeOverride .product_page table.product_features td.product_features-value a { color: var(--imp-ink) !important; text-decoration: none !important; border-bottom: 1px solid var(--imp-line); } #themeOverride .product_page #product-options > div[style*="font-size:12px"] { max-width: 1100px; color: var(--imp-muted); padding-top: 18px !important; } /* отзывы — карточкой, как в макете */ #themeOverride .product_page #product-reviews { background: #fff !important; border: 1px solid var(--imp-line); border-radius: 22px; padding: 28px 32px !important; max-width: 1100px; box-sizing: border-box; } #themeOverride .product_page #product-reviews .button, #themeOverride .product_page #product-reviews input[type=submit] { height: 50px; padding: 0 26px; border-radius: 14px !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--imp-ink); color: var(--imp-ink) !important; font-weight: 700; border: 0 !important; } /* ============================================================ Шапка на средних ширинах: поиск не должен сжиматься в «обрубок» ============================================================ */ @media (max-width: 1439px) { #themeOverride .imp-wordmark__tag { display: none; } } @media (max-width: 1359px) and (min-width: 1025px) { #themeOverride .header .product-custom--link > span:last-child { display: none; } /* иконки без подписей */ #themeOverride .Nav-product-custom { gap: 10px !important; } #themeOverride .header .product-custom_icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } } @media (max-width: 1239px) and (min-width: 1025px) { /* поиск — отдельной строкой на всю ширину шапки */ #themeOverride .header > .container { flex-wrap: wrap; row-gap: 12px; } #themeOverride .header .header--right { display: contents !important; } #themeOverride .header .header--left { order: 1; } #themeOverride .header .Nav-contact-info { order: 2; margin-left: auto; } #themeOverride .header .Nav-product-custom { order: 3; } #themeOverride .header .Nav-search { order: 4; flex: 1 0 100% !important; margin: 0 !important; max-width: none !important; } } @media (max-width: 1320px) and (min-width: 1025px) { #themeOverride .Nav__horizontal--list { justify-content: flex-start !important; gap: 26px; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap !important; } #themeOverride .Nav__horizontal--list::-webkit-scrollbar { display: none; } #themeOverride .Nav__horizontal--item { flex: 0 0 auto; } } /* ---------- Раздел: панель, пагинация, текст — как в макете ---------- */ #themeOverride .cat-views { display: none !important; } #themeOverride .cat-panel:not(:has(select, .checked-list, .cat-sort, .sort)) { display: none !important; } #themeOverride ul.pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin: 28px 0 40px !important; padding: 0 !important; list-style: none; } #themeOverride ul.pagination li { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; } #themeOverride ul.pagination li a, #themeOverride ul.pagination li span { min-width: 44px; height: 44px; padding: 0 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #fff; border: 1px solid var(--imp-line); font-size: 15px; font-weight: 600; color: var(--imp-ink) !important; text-decoration: none !important; } #themeOverride ul.pagination li span { background: transparent; border-color: transparent; color: var(--imp-muted) !important; } #themeOverride ul.pagination li.selected a, #themeOverride ul.pagination li.selected span { background: var(--imp-ink) !important; border-color: var(--imp-ink); color: #fff !important; } #themeOverride ul.pagination li a:hover { border-color: var(--imp-ink); } #themeOverride .category .jq-selectbox, #themeOverride .cat-content .jq-selectbox__select { border-radius: 10px !important; } #themeOverride .category-desc { max-width: 900px; margin: 0 !important; font-size: 16px !important; line-height: 1.7; color: var(--imp-ink-2); } #themeOverride .category-desc h2, #themeOverride .category-desc h3 { color: var(--imp-ink); font-weight: 800; letter-spacing: -0.02em; margin: 24px 0 10px; } #themeOverride .category-desc h2 { font-size: 28px; } #themeOverride .category-desc + * .link, #themeOverride .js-category-desc ~ .link, #themeOverride [class*="desc-more"], #themeOverride .category-desc__more { color: var(--imp-bronze) !important; font-weight: 700; border: 0 !important; } /* ============================================================ Корзина и оформление (checkout v2 Shop-Script) — вид по макету ============================================================ */ #themeOverride .order-page, #themeOverride .order-page .order-wrap, #themeOverride .order-page .s-order-section, #themeOverride #main-content:has(.order-page) { background: transparent !important; } #themeOverride .inner-wrap:has(.order-page) { background: transparent !important; } #themeOverride .imp-order-title { font-size: 30px; margin: 20px 0 20px !important; } @media (min-width: 1100px) { #themeOverride .imp-order-title { font-size: 44px; margin: 28px 0 28px !important; } } #themeOverride .order-page .order-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; } @media (min-width: 1100px) { #themeOverride .order-page .order-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; } } #themeOverride .order-page .order-col { min-width: 0; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; display: flex; flex-direction: column; gap: 20px; } #themeOverride .order-page .order-box, #themeOverride .order-page #js-order-form, #themeOverride .order-page .s-cross-selling-section { background: #fff !important; border: 1px solid var(--imp-line); border-radius: 22px; padding: 24px !important; margin: 0 !important; box-shadow: none !important; } #themeOverride .order-page .section-head, #themeOverride .order-page .s-section-header { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 14px !important; padding: 0 !important; } #themeOverride .order-page .uniq-header, #themeOverride .order-page .s-header { font-size: 22px !important; font-weight: 800; letter-spacing: -0.02em; margin: 0 !important; } #themeOverride .order-page .js-clear-cart { font-size: 14px; color: var(--imp-muted) !important; text-decoration: underline; text-underline-offset: 3px; } /* товары в корзине */ #themeOverride .order-page .wa-product { padding: 16px 0 !important; border-top: 1px solid var(--imp-line-2) !important; border-bottom: 0 !important; } #themeOverride .order-page .wa-product:first-child { border-top: 0 !important; } #themeOverride .order-page .wa-column-image img { border-radius: 10px; } #themeOverride .order-page .wa-product .wa-name, #themeOverride .order-page .wa-product .wa-name a { overflow-wrap: anywhere; white-space: normal !important; font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--imp-ink) !important; text-decoration: none; } #themeOverride .order-page .wa-product .wa-price-total, #themeOverride .order-page .wa-product .wa-item-total { font-size: 18px; font-weight: 800; color: var(--imp-ink); } #themeOverride .order-page .wa-quantity-cart-section input.wa-input { text-align: center; font-weight: 700; } #themeOverride .order-page .wa-coupon-section { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px !important; } #themeOverride .order-page .wa-coupon-section .wa-input { flex: 1 1 160px; min-width: 0; } #themeOverride .order-page .order-box, #themeOverride .order-page #js-order-form, #themeOverride .order-page .s-cross-selling-section { min-width: 0; overflow: hidden; } #themeOverride .order-page .wa-coupon-section .wa-button { height: 50px; padding: 0 20px !important; border-radius: 12px !important; background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--imp-ink) !important; color: var(--imp-ink) !important; font-weight: 700; border: 0 !important; } #themeOverride .order-page .wa-cart-details, #themeOverride .order-page .wa-total-section { border-top: 1px solid var(--imp-line) !important; padding-top: 16px !important; margin-top: 16px !important; } #themeOverride .order-page .wa-total-section .wa-price, #themeOverride .order-page .wa-price-total { font-weight: 800; } /* форма оформления */ #themeOverride .order-page .wa-step-section { padding: 18px 0 !important; margin: 0 !important; border-top: 1px solid var(--imp-line-2) !important; border-bottom: 0 !important; background: none !important; } #themeOverride .order-page .wa-step-section:first-child { border-top: 0 !important; padding-top: 0 !important; } #themeOverride .order-page .wa-section-header .wa-header, #themeOverride .order-page .wa-step-section .wa-header { font-size: 18px !important; font-weight: 800 !important; letter-spacing: -0.01em; color: var(--imp-ink) !important; margin: 0 0 12px !important; } #themeOverride .order-page .wa-field-wrapper { margin: 0 0 12px !important; } #themeOverride .order-page .wa-field-wrapper .wa-name, #themeOverride .order-page .wa-label { font-size: 14px !important; font-weight: 600; color: var(--imp-ink-2) !important; margin-bottom: 6px !important; } #themeOverride .order-page .wa-input, #themeOverride .order-page .wa-select, #themeOverride .order-page .wa-textarea, #themeOverride .order-page select, #themeOverride .order-page input[type=text], #themeOverride .order-page input[type=email], #themeOverride .order-page input[type=tel] { height: 50px !important; border-radius: 12px !important; border: 1.5px solid var(--imp-line) !important; background: #fff !important; font: 500 15px var(--imp-sans) !important; color: var(--imp-ink) !important; padding: 0 14px !important; box-sizing: border-box; box-shadow: none !important; } #themeOverride .order-page .wa-textarea, #themeOverride .order-page textarea { height: 96px !important; padding-top: 12px !important; } #themeOverride .order-page .wa-input:focus, #themeOverride .order-page .wa-select:focus, #themeOverride .order-page input:focus, #themeOverride .order-page select:focus { border-color: var(--imp-ink) !important; outline: none; box-shadow: 0 0 0 3px rgba(230,171,26,.25) !important; } #themeOverride .order-page input[disabled], #themeOverride .order-page .wa-input[disabled] { background: var(--imp-bg) !important; color: var(--imp-muted) !important; } #themeOverride .order-page .wa-required-text, #themeOverride .order-page .wa-description { font-size: 13px !important; color: var(--imp-muted) !important; } #themeOverride .order-page .wa-required:after, #themeOverride .order-page .wa-required-text:before { color: #B4540A !important; } /* варианты доставки и оплаты — карточками */ #themeOverride .order-page .wa-types-list .wa-type-wrapper, #themeOverride .order-page .wa-methods-list .wa-method-wrapper { border: 1.5px solid var(--imp-line) !important; border-radius: 14px !important; padding: 14px 16px !important; background: #FBF9F6 !important; margin: 0 0 8px !important; } #themeOverride .order-page .wa-types-list .wa-type-wrapper.is-active, #themeOverride .order-page .wa-methods-list .wa-method-wrapper.is-active { border: 2px solid var(--imp-ink) !important; background: #fff !important; } /* кнопки */ #themeOverride .order-page .wa-button, #themeOverride .order-page .wa-submit-button, #themeOverride .order-page .js-submit-order-button { height: 54px !important; padding: 0 28px !important; border-radius: 14px !important; border: 0 !important; background: var(--imp-gold) !important; color: var(--imp-ink) !important; font: 700 16px var(--imp-sans) !important; box-shadow: none !important; cursor: pointer; } #themeOverride .order-page .wa-step-confirm-section .wa-price-total, #themeOverride .order-page .wa-step-confirm-section .wa-total { font-size: 28px !important; font-weight: 800; } #themeOverride .order-page .wa-agreement-wrapper, #themeOverride .order-page .wa-agreement-wrapper a { font-size: 13px; color: var(--imp-muted) !important; } #themeOverride .order-page .wa-agreement-wrapper a { color: var(--imp-bronze) !important; } /* «Рекомендуем» */ #themeOverride .order-page .s-cross-selling-section .wa-product { border: 0 !important; } #themeOverride .order-page .s-cross-selling-section .wa-button { height: 40px !important; padding: 0 14px !important; font-size: 14px !important; } /* пустая корзина */ #themeOverride .s-cart-empty-wrapper { background: #fff; border: 1px solid var(--imp-line); border-radius: 22px; padding: 64px 24px !important; } #themeOverride .s-cart-empty-wrapper .s-description { font-size: 18px; color: var(--imp-ink-2); } #themeOverride .s-cart-empty-wrapper .s-actions-wrapper a { display: inline-flex; align-items: center; height: 52px; padding: 0 26px; border-radius: 14px; background: var(--imp-ink); color: #fff !important; font-weight: 700; text-decoration: none; } #themeOverride .order-page .wa-quantity-cart-section .wa-button { height: 36px !important; min-width: 36px; padding: 0 8px !important; border-radius: 10px !important; background: var(--imp-bg) !important; color: var(--imp-ink) !important; font: 700 12px/1.1 var(--imp-sans) !important; box-shadow: inset 0 0 0 1px var(--imp-line) !important; } #themeOverride .order-page .wa-quantity-cart-section input.wa-input { height: 36px !important; width: 48px !important; padding: 0 4px !important; border-radius: 10px !important; } /* ============================================================ Прочие страницы: информационные, бренды, пустые состояния, 404 ============================================================ */ /* боковое меню информационных страниц */ #themeOverride .sb-wrap--pages { background: #fff !important; border: 1px solid var(--imp-line); border-radius: 20px; padding: 10px !important; } #themeOverride .sb-wrap--pages .menu-v { margin: 0 !important; padding: 0 !important; list-style: none; display: flex; flex-direction: column; gap: 2px; } #themeOverride .sb-wrap--pages .menu-v__item { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; } #themeOverride .sb-wrap--pages .menu-v__link { display: flex; align-items: center; min-height: 44px; padding: 0 14px !important; border-radius: 12px; background: none !important; font-size: 15px; font-weight: 600; color: #3A332B !important; text-decoration: none !important; } #themeOverride .sb-wrap--pages .menu-v__link:hover { background: var(--imp-bg) !important; } #themeOverride .sb-wrap--pages .menu-v__item.selected > .menu-v__link, #themeOverride .sb-wrap--pages .menu-v__link.selected { background: var(--imp-ink) !important; color: #fff !important; } /* текст информационных страниц */ #themeOverride .left-sidebar ~ .content, #themeOverride #page-content .page-content, #themeOverride .page { font-size: 16px; line-height: 1.7; color: var(--imp-ink-2); } #themeOverride #main-content h1 + p, #themeOverride #main-content .content p { max-width: 900px; } #themeOverride #main-content .content h2, #themeOverride #main-content .content h3 { color: var(--imp-ink); font-weight: 800; letter-spacing: -0.02em; margin: 28px 0 10px; } #themeOverride #main-content .content h2 { font-size: 26px; } #themeOverride #main-content .content h3 { font-size: 20px; } #themeOverride #main-content .content a:not([class]):not(.Product-grid a):not(.product_page a):not(.order-page a) { color: var(--imp-bronze) !important; text-decoration: underline; text-underline-offset: 3px; } #themeOverride #main-content .content ul:not([class]) li::marker { color: var(--imp-gold); } /* страница бренда: разделы бренда — карточками */ #themeOverride .brand-plugin-catalog-brand-categories { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 16px 0 28px; } #themeOverride .brand-plugin-catalog-brand-categories__column { display: contents !important; } #themeOverride .brand-plugin-catalog-brand-categories__list_depth_0 { display: contents !important; } #themeOverride .brand-plugin-catalog-brand-categories__list_depth_0 > .brand-plugin-catalog-brand-categories__item { background: #fff !important; border: 1px solid var(--imp-line); border-radius: 16px; padding: 14px 16px !important; margin: 0 !important; list-style: none; } #themeOverride .brand-plugin-catalog-brand-categories__list_depth_0 > .brand-plugin-catalog-brand-categories__item > .brand-plugin-catalog-brand-categories__link { font-size: 16px; font-weight: 700; color: var(--imp-ink) !important; text-decoration: none !important; } #themeOverride .brand-plugin-catalog-brand-categories__item .brand-plugin-catalog-brand-categories__list { margin: 8px 0 0 !important; padding: 0 !important; list-style: none; display: flex; flex-direction: column; gap: 4px; } #themeOverride .brand-plugin-catalog-brand-categories__item .brand-plugin-catalog-brand-categories__list .brand-plugin-catalog-brand-categories__link { font-size: 14px; color: var(--imp-muted) !important; text-decoration: none !important; } #themeOverride .brand-plugin-catalog-brand-categories__link:hover { color: var(--imp-bronze) !important; } /* список брендов */ #themeOverride .brands-search-input { height: 50px !important; border-radius: 12px !important; border: 1.5px solid var(--imp-line) !important; background: #fff !important; padding: 0 16px !important; font-size: 15px; max-width: 480px; } #themeOverride #main-content a[href*="/brand/"][class*="letter"], #themeOverride #main-content [class*="alphabet"] a, #themeOverride #main-content [class*="brands-letters"] a { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; border-radius: 10px; background: #fff; border: 1px solid var(--imp-line); color: var(--imp-ink) !important; font-weight: 700; text-decoration: none !important; margin: 0 4px 6px 0; } #themeOverride .shop-brand-brands__brand-wrap { margin: 0 !important; } #themeOverride .shop-brand-brands__brand-link { display: flex !important; flex-direction: column; align-items: center; gap: 10px; padding: 18px !important; background: #fff; border: 1px solid var(--imp-line); border-radius: 16px; text-decoration: none !important; color: var(--imp-ink) !important; font-size: 14px; font-weight: 600; } #themeOverride .shop-brand-brands__brand-link:hover { border-color: var(--imp-ink); } #themeOverride .shop-brand-brands__brand-image-box { height: 80px; display: flex !important; align-items: center; justify-content: center; } #themeOverride .shop-brand-brands__brand-image { max-height: 72px; max-width: 140px; object-fit: contain; } /* пустые состояния и 404 */ #themeOverride .imp-empty { max-width: 640px; margin: 48px auto; padding: 48px 32px; text-align: center; background: #fff; border: 1px solid var(--imp-line); border-radius: 24px; } #themeOverride .imp-empty__code { margin: 0; font-size: 64px; font-weight: 800; letter-spacing: -0.03em; color: var(--imp-gold); line-height: 1; } #themeOverride .imp-empty__title { margin: 12px 0 10px !important; font-size: 30px !important; } #themeOverride .imp-empty__text { margin: 0 auto; max-width: 460px; font-size: 16px; line-height: 1.6; color: var(--imp-muted); } #themeOverride .imp-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; } #themeOverride .compare-empty, #themeOverride .Compare__Empty, #themeOverride #main-content .content > p:only-of-type:not([class]) { font-size: 16px; color: var(--imp-muted); } #themeOverride .brand-plugin-catalog-brand-categories__list_depth_0 > .brand-plugin-catalog-brand-categories__item { display: block !important; width: auto !important; } #themeOverride :where(#main-content) h1 { font-size: 28px; line-height: 1.12; margin: 8px 0 18px; color: var(--imp-ink); } @media (min-width: 1100px) { #themeOverride :where(#main-content) h1 { font-size: 40px; } } #themeOverride .sb-wrap--pages .menu-v { background: none !important; } #themeOverride .sb-wrap--pages .menu-v__item > a { display: flex; align-items: center; min-height: 44px; padding: 0 14px !important; border-radius: 12px; font-size: 15px !important; font-weight: 600; color: #3A332B !important; text-decoration: none !important; background: none !important; } #themeOverride .sb-wrap--pages .menu-v__item > a:hover { background: var(--imp-bg) !important; } #themeOverride .brands-letters__list { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 20px !important; padding: 0 !important; list-style: none; } #themeOverride .brands-letters__item { margin: 0 !important; padding: 0 !important; } #themeOverride .brands-letters__item, #themeOverride .brands-letters__item a { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border-radius: 10px; background: #fff; border: 1px solid var(--imp-line); font-size: 14px; font-weight: 700; color: var(--imp-ink) !important; text-decoration: none !important; cursor: pointer; box-sizing: border-box; } #themeOverride .brands-letters__item a { border: 0; min-width: 0; height: auto; background: none; } #themeOverride .brands-letters__item:hover, #themeOverride .brands-letters__item.active, #themeOverride .brands-letters__item.selected { background: var(--imp-ink); color: #fff !important; border-color: var(--imp-ink); } /* ============================================================ 28.09 ревью: слайдер помещений, текст на главной, логотипы, выравнивание шапки ============================================================ */ /* слайдер «Свет по помещению» — внутри контейнера, ровное число карточек на экран */ #themeOverride .imp-rooms .imp-sec__head { align-items: center; } #themeOverride .imp-slider-nav { display: flex; gap: 8px; flex-shrink: 0; } #themeOverride .imp-slider-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--imp-line); background: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; transition: background .15s, border-color .15s; } #themeOverride .imp-slider-btn svg { width: 20px; height: 20px; fill: none; stroke: var(--imp-ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } #themeOverride .imp-slider-btn:hover:not(:disabled) { background: var(--imp-ink); border-color: var(--imp-ink); } #themeOverride .imp-slider-btn:hover:not(:disabled) svg { stroke: #fff; } #themeOverride .imp-slider-btn:disabled { opacity: .35; cursor: default; } #themeOverride .imp-slider--static .imp-slider-nav { display: none; } #themeOverride .imp-rooms .imp-rooms__track { --imp-per: 2.3; --imp-gap: 12px; display: flex; gap: var(--imp-gap); column-gap: var(--imp-gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: 0 !important; padding: 0 0 4px !important; margin: 0 !important; scrollbar-width: none; cursor: grab; -webkit-overflow-scrolling: touch; } #themeOverride .imp-rooms .imp-rooms__track::-webkit-scrollbar { display: none; } #themeOverride .imp-rooms .imp-rooms__track.is-drag { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; } #themeOverride .imp-rooms .imp-rooms__track.is-drag .imp-room { pointer-events: none; } #themeOverride .imp-rooms .imp-room { flex: 0 0 calc((100% - (var(--imp-per) - 1) * var(--imp-gap)) / var(--imp-per)) !important; min-width: 0; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; text-decoration: none !important; user-select: none; } #themeOverride .imp-rooms .imp-room__img { display: block; aspect-ratio: 1 / 1; border-radius: 18px; overflow: hidden; background: var(--imp-sand); } #themeOverride .imp-rooms .imp-room__img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: 0 !important; transition: transform .35s ease; } #themeOverride .imp-rooms .imp-room:hover .imp-room__img img { transform: scale(1.04); } #themeOverride .imp-rooms .imp-room__name { font-size: 15px; font-weight: 700; color: var(--imp-ink); } @media (max-width: 767px) { #themeOverride .imp-slider-nav { display: none; } } @media (min-width: 768px) { #themeOverride .imp-rooms .imp-rooms__track { --imp-per: 4; --imp-gap: 16px; } } @media (min-width: 1100px) { #themeOverride .imp-rooms .imp-rooms__track { --imp-per: 6; --imp-gap: 20px; } } /* текст магазина на главной — на всю ширину контейнера, на десктопе в две колонки */ #themeOverride .imp-about__grid { max-width: none !important; } #themeOverride .imp-about__text { max-width: none !important; } #themeOverride .imp-about__text h2:not(.imp-sec__title), #themeOverride .imp-about__text h3 { text-align: left !important; font-size: 22px; font-weight: 800; letter-spacing: -0.02em; color: var(--imp-ink); margin: 28px 0 12px !important; } #themeOverride .imp-about__text ul { padding-left: 20px; margin: 0 0 12px; } #themeOverride .imp-about__text li { margin-bottom: 6px; } #themeOverride .imp-about__text li::marker { color: var(--imp-gold); } #themeOverride .imp-about__text p:first-of-type { margin-top: 0; } /* логотипы брендов — крупнее и в цвете */ #themeOverride .imp-brand { height: 96px; padding: 12px 16px; } #themeOverride .imp-brand img { max-width: 88% !important; max-height: 64px !important; width: auto; height: auto; filter: none !important; opacity: 1 !important; } @media (min-width: 768px) { #themeOverride .imp-brand { height: 120px; } #themeOverride .imp-brand img { max-height: 80px !important; } } #themeOverride .shop-brand-brands__brand-image-box { height: 110px !important; width: 100%; } #themeOverride .shop-brand-brands__brand-image { max-height: 100px !important; max-width: 90% !important; width: auto !important; height: auto !important; } /* шапка: логотип, «Каталог», поиск, телефон и иконки — на одной средней линии */ @media (min-width: 1025px) { #themeOverride .header > .container { display: flex; align-items: center !important; } #themeOverride .header .header--left, #themeOverride .header .header--right { display: flex; align-items: center !important; margin: 0 !important; padding: 0 !important; } #themeOverride .header .header_logo, #themeOverride .header .nav-cat, #themeOverride .header .Nav-contact-info, #themeOverride .header .Nav-product-custom { margin-top: 0 !important; margin-bottom: 0 !important; align-self: center !important; } #themeOverride .header .Nav-search, #themeOverride .header .Nav-search form, #themeOverride .header .Nav-search .inp-search { display: flex; align-items: center; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; align-self: center !important; } #themeOverride .header .Nav-search form, #themeOverride .header .Nav-search .inp-search { width: 100%; } #themeOverride .header .Nav-search .Nav-inp-search { display: block; flex: 1 1 auto; width: 100% !important; margin: 0 !important; } #themeOverride .header .nav-cat-btn { margin: 0 !important; } } /* ---------- Страница товара: подборки 5 в ряд, количество на одной линии с кнопкой ---------- */ #themeOverride .product_cross__carousel { --imp-cols: 2; --imp-cg: 12px; } @media (min-width: 768px) { #themeOverride .product_cross__carousel { --imp-cols: 3; --imp-cg: 16px; } } @media (min-width: 1100px) { #themeOverride .product_cross__carousel { --imp-cols: 5; --imp-cg: 20px; } } #themeOverride .product_cross__carousel .owl-carousel { margin: 0 !important; width: 100% !important; max-width: none !important; container-type: inline-size; } #themeOverride .product_cross__carousel { position: relative; } #themeOverride .product_cross__direction .owl-prev, #themeOverride .product_cross__direction .owl-next { z-index: 3; } #themeOverride .product_cross__carousel .owl-carousel:not(.owl-loaded) { display: flex !important; overflow: hidden; } #themeOverride .product_cross__carousel .Product-grid { width: calc((100cqw - (var(--imp-cols) - 1) * var(--imp-cg)) / var(--imp-cols) + 0.01px) !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 var(--imp-cg) 0 0 !important; box-sizing: border-box; } #themeOverride .product_cross-title { font-size: 28px !important; font-weight: 800; letter-spacing: -0.02em; text-align: left !important; margin: 0 0 18px !important; } #themeOverride .product_page .product_add2cart { align-items: center !important; } #themeOverride .product_page .product_add2cart > .Cart__Qty, #themeOverride .product_page .product_add2cart > .js-qty { align-self: center !important; margin: 0 !important; } #themeOverride .product_page .button-one-click__wrap { align-self: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } #themeOverride .product_page .product_one-click__wrap > * { margin-top: 10px; } #themeOverride .product_page .button-one-click__wrap > .addtocart--large { margin: 0 !important; } #themeOverride .product_cross-title__outer { display: block !important; text-align: left !important; justify-content: flex-start !important; } #themeOverride .Product-grid .Product-grid_name a { text-decoration: none !important; color: var(--imp-ink) !important; } #themeOverride .Product-grid .Product-grid_bottom { width: 100%; } #themeOverride .Product-grid .Product-grid_cart, #themeOverride .Product-grid .Product-grid_cart .button { width: 100% !important; } /* ---------- QA 28.09: дефекты, найденные автопроверкой ---------- */ /* строка разделов на 1025–1360: всё помещается, без скрытых за краем пунктов */ @media (max-width: 1360px) and (min-width: 1025px) { #themeOverride .Nav__horizontal--list { flex-wrap: nowrap !important; justify-content: space-between !important; overflow: visible !important; column-gap: 14px !important; } #themeOverride .Nav__horizontal--link { font-size: 13px; padding-top: 12px; padding-bottom: 12px; } } @media (max-width: 1239px) and (min-width: 1025px) { #themeOverride .Nav__horizontal--link { font-size: 12px; letter-spacing: -0.01em; } #themeOverride .Nav__horizontal--list { column-gap: 10px !important; padding: 0 12px !important; } } /* характеристики на телефоне — отступ между группами */ #themeOverride .product_page .feature-grid-list { row-gap: 28px; } /* подборки на странице товара: названия переносятся, а не обрезаются */ #themeOverride .product_cross__carousel .Product-grid_name a, #themeOverride .product_cross__carousel .Product-grid_name { white-space: normal !important; } #themeOverride .product_cross__carousel .Product-grid { overflow: hidden; } /* липкая панель покупки (телефон) — как в макете */ #themeOverride .fixed-add2cart-panel { background: #fff !important; border-top: 1px solid var(--imp-line); box-shadow: 0 -6px 20px rgba(30,26,22,.1) !important; padding: 12px 16px !important; gap: 12px; align-items: center; box-sizing: border-box; } #themeOverride .fixed-add2cart-panel .product_prices { margin: 0 !important; flex: 0 0 auto; } #themeOverride .fixed-add2cart-panel .product__price { font-size: 20px !important; font-weight: 800; } #themeOverride .fixed-add2cart-panel .button { flex: 1 1 auto; height: 50px !important; line-height: 50px !important; border-radius: 14px !important; padding: 0 16px !important; text-align: center; font-size: 16px !important; font-weight: 700; background: var(--imp-gold) !important; color: var(--imp-ink) !important; border: 0 !important; } /* планшет: фото первого экрана не на пол-экрана */ @media (min-width: 600px) and (max-width: 1099px) { #themeOverride .imp-hero__media { aspect-ratio: 16 / 8; } } /* поиск: список товаров вылезал на 4px */ #themeOverride .js-product-ajax-list, #themeOverride .ajax-list--box { margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; } #themeOverride .select-styled { max-width: 100%; box-sizing: border-box; } /* цвет свечения в плитке характеристик — точка на одной строке с текстом */ #themeOverride .product_page .product-cart__left .Product__features-value { display: flex !important; align-items: center; gap: 6px; flex-wrap: wrap; } #themeOverride .product_cross__carousel .owl-carousel, #themeOverride .product_cross__carousel .owl-stage { justify-content: flex-start !important; margin-left: 0 !important; } #themeOverride .Nav__horizontal--list > .Nav__horizontal--item { margin-right: 0 !important; margin-left: 0 !important; } /* Документы товара (инструкции, IES) — 28.09.2026 */ #themeOverride .product_page .imp-docs { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--imp-line); } #themeOverride .product_page .imp-docs__title { font: 800 18px/1.3 var(--imp-serif); letter-spacing: -0.02em; color: var(--imp-ink); margin-bottom: 14px; } #themeOverride .product_page .imp-docs__list { display: flex; flex-wrap: wrap; gap: 12px; } #themeOverride .product_page .imp-docs__item { display: inline-flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 16px; border: 1px solid var(--imp-line); border-radius: var(--imp-r); background: var(--imp-surface); color: var(--imp-ink); text-decoration: none; font: 500 14px/1.35 var(--imp-sans); transition: border-color .15s; } #themeOverride .product_page .imp-docs__item:hover { border-color: var(--imp-gold); } #themeOverride .product_page .imp-docs__ext { flex: none; padding: 4px 7px; border-radius: 6px; background: var(--imp-gold-soft); color: var(--imp-bronze); font: 700 11px/1 var(--imp-sans); letter-spacing: .04em; } @media (max-width: 600px) { #themeOverride .product_page .imp-docs__item { width: 100%; } } /* ---------- Документы — правая колонка рядом с характеристиками (место «схемы» в макете) ---------- */ @media (min-width: 1100px) { #themeOverride .product_page #product-options:has(.imp-docs) { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; column-gap: 56px; align-items: start; } #themeOverride .product_page #product-options:has(.imp-docs) > :not(.imp-docs) { grid-column: 1; } #themeOverride .product_page #product-options > .imp-docs { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; padding: 22px; border: 1px solid var(--imp-line); border-radius: 20px; background: #fff; position: sticky; top: 190px; } } #themeOverride .product_page .imp-docs__title { font-family: var(--imp-sans); font-size: 18px; } #themeOverride .product_page .imp-docs__list { flex-direction: column; flex-wrap: nowrap; gap: 10px; } #themeOverride .product_page .imp-docs__item { display: flex; width: 100%; box-sizing: border-box; padding: 14px 16px; border-radius: 14px; font-weight: 600; } #themeOverride .product_page .imp-docs__item::after { content: ''; flex: 0 0 18px; height: 18px; margin-left: auto; background: currentColor; opacity: .55; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12M7 11l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12M7 11l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat; } #themeOverride .product_page .imp-docs__ext { padding: 6px 8px; } @media (max-width: 1099px) { #themeOverride .product_page .imp-docs { margin-top: 24px; } } /* ---------- Сверка с макетом 01.10 ---------- */ #themeOverride .imp-city { display: inline-flex; align-items: center; gap: 6px; color: var(--imp-on-dark); white-space: nowrap; } #themeOverride .header-top--links .container { gap: 0; } #themeOverride .header-top--links .header-top_menu { order: 2; flex: 1 1 auto; } #themeOverride .header-top--links .header-top--right { display: contents; } #themeOverride .header-top--links .imp-city { order: 1; margin-right: 28px; } #themeOverride .header-top--links .imp-hours { order: 3; margin-left: auto; } /* в макете в шапке нет «Смотрели» */ @media (min-width: 1025px) { #themeOverride .header .Nav-product-custom > .product-custom:has(a[href*="list=viewed"]) { display: none !important; } } /* число товаров рядом с H1 раздела */ #themeOverride .category-heder { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 16px; row-gap: 4px; } #themeOverride .imp-cat-count { font-size: 15px; color: var(--imp-muted); white-space: nowrap; } /* бренд · коллекция над названием товара */ #themeOverride .product_page .product__title-badge__wrap { flex-direction: column; align-items: flex-start !important; gap: 10px; } #themeOverride .imp-pd-eyebrow { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--imp-bronze); } /* подвал: знак и название */ #themeOverride .imp-foot-brand { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px; text-decoration: none !important; } #themeOverride .imp-foot-brand span { font-family: var(--imp-sans); font-weight: 800; font-size: 20px; letter-spacing: .08em; color: #fff; } #themeOverride .footer .imp-foot-brand img { width: 40px !important; height: 52px !important; max-width: 40px !important; flex: 0 0 40px; } #themeOverride .footer .imp-foot-brand span { white-space: nowrap; } #themeOverride .footer .imp-foot-brand { display: flex !important; width: fit-content; } #themeOverride .footer .footer-box_col:first-child { display: block !important; } #themeOverride .footer .footer-box_col:first-child .copyright-text { display: block; } /* ============================================================ 01.10: сортировка, «Только в наличии», «Показать ещё», кнопки избранного/сравнения ============================================================ */ /* сортировка — справа над сеткой, как в макете */ #themeOverride .cat-panel { display: flex !important; justify-content: flex-end; align-items: center; margin: 0 0 16px !important; } #themeOverride .cat-panel .df-block { display: flex; align-items: center; justify-content: flex-end; gap: 12px; width: 100%; } #themeOverride .imp-sort { display: inline-flex; align-items: center; gap: 10px; margin: 0; } #themeOverride .imp-sort__label { font-size: 14px; color: var(--imp-muted); white-space: nowrap; } #themeOverride .imp-sort__select { height: 44px; padding: 0 40px 0 14px; border: 1.5px solid var(--imp-line) !important; border-radius: 12px !important; background-color: #fff !important; font: 600 14px var(--imp-sans); color: var(--imp-ink); cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231E1A16' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; } #themeOverride .imp-sort__select:hover, #themeOverride .imp-sort__select:focus { border-color: var(--imp-ink) !important; outline: none; } @media (max-width: 767px) { #themeOverride .cat-panel { display: flex !important; } #themeOverride .imp-sort { width: 100%; } #themeOverride .imp-sort__label { display: none; } #themeOverride .imp-sort__select { width: 100%; } } /* «Показывать по 24» — в макете нет */ #themeOverride .products-pagination .cat-onpage { display: none !important; } /* «Только в наличии» — переключатель */ #themeOverride .imp-instock { display: flex !important; align-items: center; gap: 12px; cursor: pointer; padding: 16px 0 !important; border-bottom: 1px solid var(--imp-line-2); } #themeOverride .imp-instock__text { flex: 1 1 auto; font-size: 15px; font-weight: 700; color: var(--imp-ink); } #themeOverride .imp-instock input { position: absolute; opacity: 0; width: 0; height: 0; } #themeOverride .imp-instock__sw { position: relative; flex: 0 0 44px; width: 44px; height: 26px; border-radius: 13px; background: #D9D0C3; transition: background .2s; } #themeOverride .imp-instock__sw::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .2s; } #themeOverride .imp-instock input:checked + .imp-instock__sw { background: var(--imp-ink); } #themeOverride .imp-instock input:checked + .imp-instock__sw::after { transform: translateX(18px); } #themeOverride .imp-instock input:focus-visible + .imp-instock__sw { outline: 2px solid var(--imp-bronze); outline-offset: 2px; } /* «Показать ещё» */ #themeOverride .imp-more { display: flex; justify-content: center; margin: 28px 0 0; } #themeOverride .imp-more__btn { min-width: 320px; } #themeOverride .imp-more__btn.is-loading { opacity: .6; cursor: progress; } @media (max-width: 767px) { #themeOverride .imp-more__btn { width: 100%; min-width: 0; } } #themeOverride .imp-more + .category-pag-offset ul.pagination { margin-top: 16px !important; } /* избранное и сравнение рядом с «В корзину» */ #themeOverride .product_page .product_add2cart { grid-template-columns: auto minmax(0, 1fr) auto auto !important; } #themeOverride .product_page .product_add2cart > .imp-pd-sq { width: 56px; height: 56px; border-radius: 14px; border: 1.5px solid var(--imp-line); background: #fff !important; box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: var(--imp-ink) !important; font-size: 22px; align-self: center; margin: 0 !important; padding: 0 !important; } #themeOverride .product_page .product_add2cart > .imp-pd-sq:hover { border-color: var(--imp-ink); } #themeOverride .product_page .product_add2cart > .imp-pd-sq.active { color: var(--imp-bronze) !important; border-color: var(--imp-bronze); } #themeOverride .product_page .product_add2cart > .imp-pd-sq .product-action-text { display: none; } /* старые текстовые ссылки избранного/сравнения под названием — убраны (теперь кнопками) */ #themeOverride .product_page .product-top-actions .product_action-btn { display: none !important; } @media (max-width: 420px) { #themeOverride .product_page .product_add2cart { grid-template-columns: auto minmax(0, 1fr) auto !important; } #themeOverride .product_page .product_add2cart > .imp-pd-sq.add-to-compare { display: none !important; } } /* ---------- 01.10 (2): оплата в подвале, «Сбросить» в фильтре, нет в наличии, галерея ---------- */ #themeOverride .imp-pay { margin: 18px 0 14px; } #themeOverride .imp-pay__cap { display: block; font-size: 12px; color: var(--imp-on-dark-muted); margin-bottom: 8px; } #themeOverride .imp-pay__list { display: flex; flex-wrap: wrap; gap: 8px; } #themeOverride .imp-pay__item { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 36px; border-radius: 8px; background: #fff; box-sizing: border-box; } #themeOverride .imp-pay__item--text { width: auto; padding: 0 12px; background: transparent; border: 1px solid var(--imp-dark-line); color: var(--imp-on-dark); font-size: 13px; font-weight: 600; } /* фильтр: заголовок и «Сбросить» */ #themeOverride .filters-body__title { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0 6px !important; } #themeOverride .filters-body__title__text__btn { display: flex; align-items: center; gap: 8px; margin: 0 !important; } #themeOverride .imp-reset { display: inline-flex !important; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 16px; background: var(--imp-sand); border: 0 !important; color: var(--imp-ink) !important; font-size: 13px !important; font-weight: 700; text-decoration: none !important; } #themeOverride .imp-reset:hover { background: var(--imp-ink); color: #fff !important; } #themeOverride .imp-reset svg { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; } @media (min-width: 1025px) { #themeOverride .filters-body__title .close-filter { display: none !important; } } /* нет в наличии */ #themeOverride .product_page .product_add2cart:has(.imp-oos) > .Cart__Qty, #themeOverride .product_page .product_add2cart:has(.imp-oos) > .js-qty, #themeOverride .product_page .product_add2cart:has(.imp-oos) > .button-one-click__wrap, #themeOverride .product_page .product_add2cart:has(.imp-oos) > .addtocart, #themeOverride .product_page .product_add2cart:has(.imp-oos) > .imp-pd-sq, #themeOverride .product_page .product_add2cart:has(.imp-oos) > .df-block { display: none !important; } #themeOverride .product_page .imp-oos { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 12px; } #themeOverride .imp-oos__badge { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 12px; border-radius: 15px; background: #F3E6D6; color: #8A4B0E; font-size: 13px; font-weight: 700; } #themeOverride .imp-oos__badge::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #C2701E; } #themeOverride .imp-oos__text { margin: 0; font-size: 15px; line-height: 1.55; color: var(--imp-ink-2); } #themeOverride .imp-oos__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } #themeOverride .imp-oos__actions .imp-btn { width: 100%; padding: 0 12px; } @media (max-width: 480px) { #themeOverride .imp-oos__actions { grid-template-columns: 1fr; } } #themeOverride .product_page .product_add2cart:has(.imp-oos) .product__price { color: var(--imp-muted) !important; } /* галерея: курсор «увеличить» и тёплый фон просмотрщика */ #themeOverride .product_page .js-popup-photoswipe { cursor: zoom-in; } #themeOverride .product_page .zoomImg { display: none !important; } .pswp { --pswp-bg: #14110E; --pswp-icon-color: #F6F2EC; --pswp-icon-color-secondary: #14110E; } .pswp__counter { font: 600 15px Manrope, system-ui, sans-serif; color: #EDE6DC; } .imp-pswp-thumbs { position: absolute; left: 0; right: 0; bottom: 16px; display: flex; justify-content: center; gap: 8px; padding: 0 16px; overflow-x: auto; scrollbar-width: none; z-index: 10; } .imp-pswp-thumbs::-webkit-scrollbar { display: none; } .imp-pswp-thumb { flex: 0 0 64px; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 10px; background: #fff; overflow: hidden; cursor: pointer; opacity: .55; transition: opacity .15s, border-color .15s; } .imp-pswp-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; } .imp-pswp-thumb:hover { opacity: .9; } .imp-pswp-thumb.is-active { opacity: 1; border-color: #E6AB1A; } @media (max-width: 600px) { .imp-pswp-thumbs { justify-content: flex-start; } .imp-pswp-thumb { flex-basis: 52px; width: 52px; height: 52px; } } /* выбранные фильтры над товарами — чипы, как в макете */ #themeOverride .filters-checked { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; } #themeOverride .filters-checked:empty { display: none; } #themeOverride .filters-checked__item { display: inline-flex !important; align-items: center; gap: 6px; height: 36px; padding: 0 6px 0 14px !important; border-radius: 18px; background: var(--imp-ink) !important; color: #fff !important; border: 0 !important; font-size: 13px; font-weight: 600; margin: 0 !important; } #themeOverride .filters-checked__title, #themeOverride .filters-checked__title span { color: #fff !important; } #themeOverride .filters-checked__remove { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--imp-gold) !important; font-size: 11px; cursor: pointer; } #themeOverride .filters-checked__remove:hover { background: rgba(255,255,255,.12); } #themeOverride .filters-checked__clear-all { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 18px; background: var(--imp-sand); border: 0 !important; color: var(--imp-ink) !important; font-size: 13px; font-weight: 700; text-decoration: none !important; } #themeOverride .filters-checked__clear-all .btn-action-icon__title { border: 0 !important; text-decoration: none !important; } #themeOverride .filters-checked__clear-all:hover { background: var(--imp-ink); color: #fff !important; } /* ============================================================ Главная: цифры в первом экране, акции, число товаров в разделах ============================================================ */ #themeOverride .imp-hero__stats { display: flex; gap: 28px; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid var(--imp-line); } #themeOverride .imp-hero__stats div { display: flex; flex-direction: column; gap: 2px; } #themeOverride .imp-hero__stats dt { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--imp-ink); } #themeOverride .imp-hero__stats dd { margin: 0; font-size: 13px; color: var(--imp-muted); } @media (max-width: 767px) { #themeOverride .imp-hero__stats { gap: 18px; } #themeOverride .imp-hero__stats dt { font-size: 20px; } } #themeOverride .imp-cat__count { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--imp-muted); } #themeOverride .imp-cat { transition: border-color .15s, box-shadow .2s, transform .2s; } #themeOverride .imp-cat:hover { border-color: var(--imp-ink); box-shadow: 0 10px 30px rgba(30,26,22,.08); transform: translateY(-2px); } #themeOverride .imp-cat__img img { transition: transform .3s ease; } #themeOverride .imp-cat:hover .imp-cat__img img { transform: scale(1.06); } /* акции */ #themeOverride .imp-promos .imp-sec__head { align-items: center; } #themeOverride .imp-promos__track { --imp-per: 1.08; --imp-gap: 12px; display: flex; gap: var(--imp-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; cursor: grab; } #themeOverride .imp-promos__track::-webkit-scrollbar { display: none; } #themeOverride .imp-promos__track.is-drag { cursor: grabbing; scroll-snap-type: none; } #themeOverride .imp-promos__track.is-drag .imp-promo { pointer-events: none; } #themeOverride .imp-promo { position: relative; flex: 0 0 calc((100% - (var(--imp-per) - 1) * var(--imp-gap)) / var(--imp-per)); min-width: 0; scroll-snap-align: start; border-radius: 20px; overflow: hidden; background: var(--imp-sand); aspect-ratio: 1440 / 510; display: block; text-decoration: none !important; user-select: none; } #themeOverride .imp-promo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; } #themeOverride .imp-promo:hover img { transform: scale(1.02); } #themeOverride .imp-promo__text { position: absolute; left: 24px; bottom: 20px; display: flex; flex-direction: column; gap: 4px; max-width: 60%; } #themeOverride .imp-promo__text b { font-size: 22px; font-weight: 800; } #themeOverride .imp-dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; } #themeOverride .imp-dots span { width: 6px; height: 6px; border-radius: 3px; background: #CFC6B9; transition: width .2s, background .2s; } #themeOverride .imp-dots span.is-active { width: 22px; background: var(--imp-ink); } @media (min-width: 900px) { #themeOverride .imp-promos__track { --imp-per: 2; --imp-gap: 20px; } } /* вкладки витрины: до 5 штук */ #themeOverride #imp-show-2:checked ~ .imp-tabs .imp-tab--2, #themeOverride #imp-show-3:checked ~ .imp-tabs .imp-tab--3, #themeOverride #imp-show-4:checked ~ .imp-tabs .imp-tab--4 { background: var(--imp-ink); color: #fff; font-weight: 700; } #themeOverride #imp-show-2:checked ~ .imp-show__panel--2, #themeOverride #imp-show-3:checked ~ .imp-show__panel--3, #themeOverride #imp-show-4:checked ~ .imp-show__panel--4 { display: block; } @media (max-width: 767px) { #themeOverride .imp-tabs { overflow-x: auto; scrollbar-width: none; } #themeOverride .imp-tab { flex: 0 0 auto; padding: 0 14px; white-space: nowrap; } } #themeOverride .imp-show__more .imp-btn { min-width: 300px; } /* ---------- Текст магазина + частые вопросы (как в макете: текст слева, вопросы справа) ---------- */ #themeOverride .imp-about__grid { display: grid; grid-template-columns: 1fr; gap: 36px; } @media (min-width: 1100px) { #themeOverride .imp-about__grid { grid-template-columns: minmax(0, 1fr) 560px; gap: 64px; align-items: start; } } #themeOverride .imp-faq { display: flex; flex-direction: column; gap: 10px; } #themeOverride .imp-faq__title { margin: 0 0 8px !important; font-size: 26px !important; font-weight: 800; letter-spacing: -0.02em; } #themeOverride .imp-faq__item { background: #fff; border: 1px solid var(--imp-line); border-radius: 16px; transition: border-color .15s; } #themeOverride .imp-faq__item[open] { border-color: var(--imp-ink); } #themeOverride .imp-faq__q { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; padding: 14px 20px; box-sizing: border-box; font-size: 16px; font-weight: 700; color: var(--imp-ink); } #themeOverride .imp-faq__q::-webkit-details-marker { display: none; } #themeOverride .imp-faq__q i { position: relative; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--imp-sand); transition: transform .2s, background .2s; } #themeOverride .imp-faq__q i::before, #themeOverride .imp-faq__q i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; background: var(--imp-ink); border-radius: 1px; } #themeOverride .imp-faq__q i::after { transform: rotate(90deg); transition: transform .2s; } #themeOverride .imp-faq__item[open] .imp-faq__q i { background: var(--imp-gold); } #themeOverride .imp-faq__item[open] .imp-faq__q i::after { transform: rotate(0deg); } #themeOverride .imp-faq__a { padding: 0 20px 18px; } #themeOverride .imp-faq__a p { margin: 0 0 10px; font-size: 15px; line-height: 1.65; color: var(--imp-ink-2); } #themeOverride .imp-faq__a .imp-link { font-size: 14px; } /* ============================================================ Первый экран — слайдер (настройки темы «Первый экран — слайдер») ============================================================ */ #themeOverride .imp-hero__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; gap: 0; column-gap: 0; } #themeOverride .imp-hero__track::-webkit-scrollbar { display: none; } #themeOverride .imp-hero--multi .imp-hero__track { cursor: grab; } #themeOverride .imp-hero__track.is-drag { cursor: grabbing; scroll-snap-type: none; } #themeOverride .imp-hero__track.is-drag a { pointer-events: none; } #themeOverride .imp-hero__slide { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; display: flex; flex-direction: column; gap: 20px; user-select: none; } #themeOverride .imp-hero__slide .imp-hero__media { order: -1; position: relative; border-radius: 22px; overflow: hidden; background: #3A3632; aspect-ratio: 4 / 3; } #themeOverride .imp-hero__slide .imp-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; display: block; } #themeOverride .imp-hero__title { margin: 0; font-size: 34px; line-height: 1.08; font-weight: 800; letter-spacing: -0.025em; color: var(--imp-ink); } #themeOverride .imp-hero__nav { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; } #themeOverride .imp-hero__nav .imp-dots { margin: 0; justify-content: flex-start; } #themeOverride .imp-hero__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid var(--imp-line); } /* точки на фото */ #themeOverride .imp-spot { position: absolute; z-index: 2; transform: translate(-50%, -50%); display: flex; align-items: center; text-decoration: none !important; } #themeOverride .imp-spot__dot { position: relative; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.35); flex: 0 0 22px; } #themeOverride .imp-spot__dot::before { content: ''; position: absolute; inset: 6px; border-radius: 50%; background: var(--imp-gold); } #themeOverride .imp-spot__dot::after { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid rgba(255,255,255,.8); animation: impPulse 2.2s ease-out infinite; } @keyframes impPulse { 0% { transform: scale(.6); opacity: 1; } 100% { transform: scale(1.6); opacity: 0; } } @media (prefers-reduced-motion: reduce) { #themeOverride .imp-spot__dot::after { animation: none; } } #themeOverride .imp-spot__tip { position: absolute; left: 30px; top: 50%; transform: translateY(-50%) translateX(-4px); white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border-radius: 19px; background: rgba(255,255,255,.96); color: var(--imp-ink); font-size: 14px; font-weight: 700; box-shadow: 0 8px 24px rgba(0,0,0,.18); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; } #themeOverride .imp-spot__tip svg { fill: none; stroke: var(--imp-bronze); stroke-width: 2.4; stroke-linecap: round; } #themeOverride .imp-spot:hover .imp-spot__tip, #themeOverride .imp-spot:focus-visible .imp-spot__tip { opacity: 1; transform: translateY(-50%) translateX(0); pointer-events: auto; } @media (hover: none) { #themeOverride .imp-spot__tip { opacity: 1; transform: translateY(-50%); pointer-events: auto; height: 32px; font-size: 13px; padding: 0 12px; } } @media (min-width: 768px) { #themeOverride .imp-hero__slide .imp-hero__media { aspect-ratio: 16 / 9; } #themeOverride .imp-hero__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1100px) { #themeOverride .imp-hero__slide { display: grid; grid-template-columns: 500px minmax(0, 1fr); gap: 48px; align-items: center; } #themeOverride .imp-hero__slide .imp-hero__media { order: 0; aspect-ratio: auto; height: 540px; border-radius: 28px; } #themeOverride .imp-hero__title { font-size: 50px; line-height: 1.06; } #themeOverride .imp-hero__nav { position: relative; margin-top: -64px; padding: 0 20px 0 548px; z-index: 3; pointer-events: none; } #themeOverride .imp-hero__nav > * { pointer-events: auto; } #themeOverride .imp-hero__nav .imp-dots span { background: rgba(255,255,255,.6); } #themeOverride .imp-hero__nav .imp-dots span.is-active { background: #fff; } #themeOverride .imp-hero__nav { margin-bottom: 24px; } #themeOverride .imp-hero__stats { margin-top: 28px; } } /* ---------- Отзывы с Яндекс Карт ---------- */ #themeOverride .imp-reviews__grid { display: grid; grid-template-columns: 1fr; gap: 24px; } #themeOverride .imp-reviews__lead { margin: 0 0 18px; font-size: 16px; line-height: 1.6; color: var(--imp-ink-2); max-width: 520px; } #themeOverride .imp-reviews__badge { display: block; border: 0; margin: 0 0 22px; } #themeOverride .imp-reviews__actions { display: flex; flex-wrap: wrap; gap: 10px; } #themeOverride .imp-reviews__widget { position: relative; background: #fff; border: 1px solid var(--imp-line); border-radius: 22px; overflow: hidden; height: 620px; } #themeOverride .imp-reviews__widget iframe { width: 100%; height: 100%; border: 0; display: block; } #themeOverride .imp-reviews__src { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } @media (max-width: 767px) { #themeOverride .imp-reviews__actions .imp-btn { width: 100%; } #themeOverride .imp-reviews__widget { height: 560px; } } @media (min-width: 1100px) { #themeOverride .imp-reviews__grid { grid-template-columns: minmax(0, 1fr) 640px; gap: 64px; align-items: center; } } /* ---------- Каталог мозаикой (как у Divine Light): два раздела крупно ---------- */ #themeOverride .imp-bento { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } #themeOverride .imp-bento .imp-cat--more { display: none; } #themeOverride .imp-bento:has(~ .imp-cats-toggle:checked) .imp-cat--more { display: flex; } #themeOverride .imp-bento__big { grid-column: 1 / -1; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 12px; min-height: 220px; padding: 20px 20px 20px; background: #fff; border: 1px solid var(--imp-line); border-radius: 20px; box-sizing: border-box; transition: border-color .15s, box-shadow .2s; } #themeOverride .imp-bento__big:hover { border-color: var(--imp-ink); box-shadow: 0 12px 34px rgba(30,26,22,.08); } #themeOverride .imp-bento__title { position: relative; z-index: 2; font-size: 22px; font-weight: 800; letter-spacing: -0.02em; color: var(--imp-ink) !important; text-decoration: none !important; } #themeOverride .imp-bento__subs { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-width: 55%; } #themeOverride .imp-bento__subs a { font-size: 14px; color: var(--imp-ink-2) !important; text-decoration: none !important; } #themeOverride .imp-bento__subs a:hover { color: var(--imp-bronze) !important; } #themeOverride .imp-bento__subs a::before { content: '·'; margin-right: 6px; color: var(--imp-muted); } #themeOverride .imp-bento__subs .imp-bento__all { font-weight: 700; color: var(--imp-bronze) !important; } #themeOverride .imp-bento__subs .imp-bento__all::before { content: none; } #themeOverride .imp-bento__img { position: absolute; right: -10px; bottom: -10px; width: 52%; height: calc(100% + 10px); display: flex; align-items: flex-end; justify-content: flex-end; } #themeOverride .imp-bento__img img { max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .4s ease; } #themeOverride .imp-bento__big:hover .imp-bento__img img { transform: scale(1.04); } @media (min-width: 768px) { #themeOverride .imp-bento { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } #themeOverride .imp-bento__big { grid-column: span 2; min-height: 300px; padding: 28px; } #themeOverride .imp-bento__title { font-size: 26px; } } @media (min-width: 1100px) { #themeOverride .imp-bento { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: auto; } #themeOverride .imp-bento__big--1 { grid-column: 1 / span 3; grid-row: span 2; min-height: 460px; } #themeOverride .imp-bento__big--2 { grid-column: 4 / span 3; grid-row: span 2; min-height: 460px; } #themeOverride .imp-bento__big .imp-bento__img { width: 58%; } #themeOverride .imp-bento__title { font-size: 30px; } #themeOverride .imp-bento__subs a { font-size: 15px; } #themeOverride .imp-bento .imp-cat { padding: 18px; } #themeOverride .imp-bento .imp-cat__img { height: 120px; } #themeOverride .imp-bento .imp-cat__img img { max-width: 120px; max-height: 120px; } #themeOverride .imp-bento ~ .imp-cats-more { display: none; } #themeOverride .imp-bento .imp-cat--more { display: flex; } } #themeOverride .imp-sec__head .imp-link { white-space: nowrap; flex-shrink: 0; } /* ---------- Каталог на главной: карточки разделов (как у Divine Light) ---------- */ #themeOverride .imp-cat2 { display: grid; grid-template-columns: 1fr; gap: 10px; } #themeOverride .imp-cat2__card { position: relative; overflow: hidden; min-height: 150px; padding: 18px 18px; box-sizing: border-box; background: #fff; border: 1px solid var(--imp-line); border-radius: 18px; display: flex; flex-direction: column; gap: 10px; transition: border-color .15s, box-shadow .2s; } #themeOverride .imp-cat2__card:hover { border-color: var(--imp-ink); box-shadow: 0 12px 30px rgba(30,26,22,.07); } #themeOverride .imp-cat2__title { position: relative; z-index: 2; font-size: 19px; font-weight: 800; letter-spacing: -0.02em; color: var(--imp-ink) !important; text-decoration: none !important; } #themeOverride .imp-cat2__subs { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; max-width: 58%; } #themeOverride .imp-cat2__subs a { font-size: 14px; color: var(--imp-ink-2) !important; text-decoration: none !important; } #themeOverride .imp-cat2__subs a::before { content: '·'; margin-right: 6px; color: var(--imp-muted); } #themeOverride .imp-cat2__subs a:hover { color: var(--imp-bronze) !important; } #themeOverride .imp-cat2__sub--x { display: none; } #themeOverride .imp-cat2__img { position: absolute; right: 8px; bottom: 8px; top: 8px; width: 40%; display: flex; align-items: center; justify-content: center; } #themeOverride .imp-cat2__img img { max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s ease; } #themeOverride .imp-cat2__card:hover .imp-cat2__img img { transform: scale(1.05); } #themeOverride .imp-cat2__rest { background: var(--imp-sand); border-color: transparent; } #themeOverride .imp-cat2__restlist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; } #themeOverride .imp-cat2__restlist a { font-size: 14px; color: var(--imp-ink) !important; text-decoration: none !important; } #themeOverride .imp-cat2__restlist a:hover { color: var(--imp-bronze) !important; } @media (min-width: 768px) { #themeOverride .imp-cat2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } #themeOverride .imp-cat2__card { min-height: 220px; padding: 24px; } #themeOverride .imp-cat2__sub--x { display: list-item; } #themeOverride .imp-cat2__rest { grid-column: 1 / -1; min-height: 0; } #themeOverride .imp-cat2__restlist { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1100px) { #themeOverride .imp-cat2 { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; } #themeOverride .imp-cat2__card { grid-column: span 4; min-height: 250px; } #themeOverride .imp-cat2__card--1 { grid-column: span 7; min-height: 320px; } #themeOverride .imp-cat2__card--2 { grid-column: span 5; min-height: 320px; } #themeOverride .imp-cat2__card--1 .imp-cat2__title, #themeOverride .imp-cat2__card--2 .imp-cat2__title { font-size: 28px; } #themeOverride .imp-cat2__card--1 .imp-cat2__img { width: 48%; } #themeOverride .imp-cat2__rest { grid-column: span 8; } #themeOverride .imp-cat2__title { font-size: 22px; } #themeOverride .imp-cat2__subs a { font-size: 15px; } } /* ---------- Первый экран: слайдер + «Выгодно сейчас» (как у Divine Light) ---------- */ #themeOverride .imp-hero__layout { display: flex; flex-direction: column; gap: 20px; } #themeOverride .imp-hero__main { min-width: 0; } #themeOverride .imp-deals { background: #fff; border: 1px solid var(--imp-line); border-radius: 22px; padding: 18px; box-sizing: border-box; min-width: 0; display: flex; flex-direction: column; gap: 12px; } #themeOverride .imp-deals__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; } #themeOverride .imp-deals__title { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; color: var(--imp-ink); } #themeOverride .imp-deals .imp-slider-btn { width: 36px; height: 36px; } #themeOverride .imp-deals__track { --imp-per: 2; --imp-gap: 12px; display: flex; gap: 12px; column-gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; flex: 1 1 auto; } #themeOverride .imp-deals__track::-webkit-scrollbar { display: none; } #themeOverride .imp-deal { flex: 0 0 calc((100% - var(--imp-gap)) / 2); min-width: 0; scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; text-decoration: none !important; user-select: none; } #themeOverride .imp-deal__img { position: relative; aspect-ratio: 1 / 1; border-radius: 14px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; } #themeOverride .imp-deal__img img { max-width: 92%; max-height: 92%; object-fit: contain; } #themeOverride .imp-deal__pct { position: absolute; left: 8px; top: 8px; height: 26px; padding: 0 9px; border-radius: 13px; background: #B4380F; color: #fff; font-size: 13px; font-weight: 800; display: flex; align-items: center; } #themeOverride .imp-deal__name { font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--imp-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #themeOverride .imp-deal__price { display: flex; align-items: baseline; gap: 8px; font-size: 20px; font-weight: 800; color: var(--imp-ink); } #themeOverride .imp-deal__price s { font-size: 14px; font-weight: 500; color: var(--imp-muted); } #themeOverride .imp-deals .imp-dots { margin: 0; } @media (min-width: 1100px) { #themeOverride .imp-hero__layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: stretch; } /* слайд: картинка во всю ширину, текст поверх слева */ #themeOverride .imp-hero__slide { display: block; position: relative; } #themeOverride .imp-hero__slide .imp-hero__media { height: 540px; border-radius: 28px; } #themeOverride .imp-hero__slide .imp-hero__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20,17,14,.78) 0%, rgba(20,17,14,.45) 38%, rgba(20,17,14,0) 62%); pointer-events: none; } #themeOverride .imp-hero__slide .imp-hero__text { position: absolute; left: 48px; top: 50%; transform: translateY(-50%); z-index: 2; max-width: 460px; } #themeOverride .imp-hero__slide .imp-eyebrow { color: var(--imp-gold); } #themeOverride .imp-hero__slide .imp-hero__title { color: #fff; font-size: 44px; } #themeOverride .imp-hero__slide .imp-hero__lead { color: rgba(255,255,255,.86); } #themeOverride .imp-hero__slide .imp-btn--dark { background: var(--imp-gold); color: var(--imp-ink) !important; } #themeOverride .imp-hero__slide .imp-btn--dark svg { stroke: var(--imp-ink); } #themeOverride .imp-hero__slide .imp-btn--line { color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.8); } #themeOverride .imp-hero__nav { position: relative; margin: -60px 0 24px; padding: 0 20px 0 48px; } #themeOverride .imp-deals__track { --imp-per: 1; } #themeOverride .imp-deal { flex-basis: 100%; } #themeOverride .imp-deal__img { aspect-ratio: auto; height: 300px; } } /* ---------- Скидки: бейдж «−N%» единым стилем ---------- */ #themeOverride .Product-grid .Product-grid_prices .product-card_discounts { display: none !important; } #themeOverride .Product-grid .Product-grid_img .product-card_discounts, #themeOverride .product_page .product_prices .product-card_discounts { position: absolute; left: 10px; top: 10px; z-index: 2; width: auto !important; height: 26px !important; min-width: 0; padding: 0 9px !important; border-radius: 13px; background: #B4380F !important; background-image: none !important; display: inline-flex !important; align-items: center; color: #fff !important; font: 800 13px/1 var(--imp-sans); transform: none !important; } #themeOverride .Product-grid .Product-grid_img .product-card_discounts span, #themeOverride .product_page .product_prices .product-card_discounts span { color: #fff !important; font: inherit; position: static !important; } #themeOverride .product_page .product_prices .product-card_discounts { position: static; align-self: center; } #themeOverride .product-card_discounts.-Close { display: none !important; } #themeOverride .Product-grid .old-price, #themeOverride .product_page .old-price, #themeOverride .product_page .compare-at-price { text-decoration: line-through; color: var(--imp-muted) !important; font-weight: 500; } /* ---------- Бренды: обрезанные логотипы (img/brands), крупно и ровно ---------- */ #themeOverride .imp-brand { height: 96px; padding: 18px 22px; } #themeOverride .imp-brand img { width: auto !important; height: auto !important; max-width: 82% !important; max-height: 44px !important; object-fit: contain; transition: transform .2s; } #themeOverride .imp-brand:hover img { transform: scale(1.04); } #themeOverride .imp-brand:hover { border-color: var(--imp-ink); } @media (min-width: 768px) { #themeOverride .imp-brand { height: 110px; } #themeOverride .imp-brand img { max-height: 52px !important; } } @media (max-width: 767px) { #themeOverride .imp-brands { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #themeOverride .imp-brand { height: 76px; padding: 12px 16px; } #themeOverride .imp-brand img { max-width: 88% !important; max-height: 38px !important; } } /* ---------- Форма заявки (модальное окно) ---------- */ html.imp-lead-open { overflow: hidden; } #themeOverride .imp-lead[hidden] { display: none !important; } #themeOverride .imp-lead { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; } #themeOverride .imp-lead__bg { position: absolute; inset: 0; background: rgba(20,17,14,.55); } #themeOverride .imp-lead__box { position: relative; width: 100%; max-width: 460px; max-height: calc(100vh - 32px); overflow-y: auto; background: #fff; border-radius: 22px; padding: 28px 26px 22px; box-sizing: border-box; box-shadow: 0 30px 80px rgba(0,0,0,.3); } #themeOverride .imp-lead__x { position: absolute; right: 12px; top: 12px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--imp-sand); color: var(--imp-ink); font-size: 16px; cursor: pointer; } #themeOverride .imp-lead__title { margin: 0 40px 6px 0; font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--imp-ink); } #themeOverride .imp-lead__lead { margin: 0 0 18px; font-size: 15px; line-height: 1.55; color: var(--imp-ink-2); } #themeOverride .imp-lead__form { display: flex; flex-direction: column; gap: 12px; } #themeOverride .imp-lead__f { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; color: var(--imp-ink); } #themeOverride .imp-lead__f i { font-style: normal; font-weight: 400; color: var(--imp-muted); } #themeOverride .imp-lead__f input, #themeOverride .imp-lead__f textarea { width: 100%; box-sizing: border-box; border: 1.5px solid var(--imp-line) !important; border-radius: 12px !important; background: #fff !important; padding: 0 14px; font: 500 16px var(--imp-sans); color: var(--imp-ink); } #themeOverride .imp-lead__f input { height: 50px; } #themeOverride .imp-lead__f textarea { padding: 12px 14px; resize: vertical; min-height: 84px; } #themeOverride .imp-lead__f input:focus, #themeOverride .imp-lead__f textarea:focus { outline: none; border-color: var(--imp-ink) !important; box-shadow: 0 0 0 3px rgba(230,171,26,.25); } #themeOverride .imp-lead__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; } #themeOverride .imp-lead__agree { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.45; color: var(--imp-muted); } #themeOverride .imp-lead__agree input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--imp-ink); flex: 0 0 18px; } #themeOverride .imp-lead__agree a { color: var(--imp-bronze) !important; } #themeOverride .imp-lead__msg { margin: 0; font-size: 14px; min-height: 0; } #themeOverride .imp-lead__msg.is-error { color: #B4380F; font-weight: 600; } #themeOverride .imp-lead__form .imp-btn { width: 100%; } #themeOverride .imp-lead__form .imp-btn.is-loading { opacity: .6; cursor: progress; } #themeOverride .imp-lead__alt { margin: 0; text-align: center; font-size: 14px; color: var(--imp-muted); } #themeOverride .imp-lead__alt a { color: var(--imp-ink) !important; font-weight: 700; } #themeOverride .imp-lead__done .imp-btn { width: 100%; margin-top: 6px; } #themeOverride button.Nav-contact-callback { border: 0; background: none; padding: 0; cursor: pointer; font-family: var(--imp-sans); } #themeOverride .header button.Nav-contact-callback { color: var(--imp-bronze) !important; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; line-height: 1.4; } /* ---------- Мега-меню: колонки прокручиваются внутри, меню не выходит за низ экрана ---------- */ #themeOverride .imp-mega { grid-template-rows: minmax(0, 1fr); max-height: var(--imp-mega-max, calc(100vh - 200px)); } #themeOverride .imp-mega__list, #themeOverride .imp-mega__panels, #themeOverride .imp-mega__side { min-height: 0; max-height: var(--imp-mega-max, calc(100vh - 200px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #D9D0C3 transparent; box-sizing: border-box; } #themeOverride .imp-mega__cat { min-height: 40px; } #themeOverride .imp-mega__list { padding: 8px 10px; gap: 1px; } /* ============================================================ Информационные страницы (shop/page.html) ============================================================ */ #themeOverride .imp-page { background: #fff; border: 1px solid var(--imp-line); border-radius: 22px; padding: 28px 24px; box-sizing: border-box; font-size: 16px; line-height: 1.72; color: var(--imp-ink-2); } #themeOverride .imp-page > *:first-child { margin-top: 0; } #themeOverride .imp-page p { margin: 0 0 16px; max-width: 820px; } #themeOverride .imp-page h2, #themeOverride .imp-page h3, #themeOverride .imp-page h4, #themeOverride .imp-page__h { color: var(--imp-ink); font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin: 32px 0 12px; } #themeOverride .imp-page h2, #themeOverride .imp-page__h { font-size: 26px; } #themeOverride .imp-page h3, #themeOverride .imp-page h4 { font-size: 20px; } #themeOverride .imp-page__h { margin-top: 0; } #themeOverride .imp-page ul, #themeOverride .imp-page ol { padding-left: 22px; margin: 0 0 16px; max-width: 820px; } #themeOverride .imp-page li { margin-bottom: 8px; } #themeOverride .imp-page li::marker { color: var(--imp-gold); } #themeOverride .imp-page a { color: var(--imp-bronze) !important; text-decoration: underline; text-underline-offset: 3px; } #themeOverride .imp-page table { width: 100%; max-width: 820px; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; } #themeOverride .imp-page table td, #themeOverride .imp-page table th { padding: 12px 14px !important; border: 0 !important; border-bottom: 1px solid var(--imp-line-2) !important; text-align: left; vertical-align: top; background: none !important; } #themeOverride .imp-page table tr:nth-child(even) td { background: #FBF9F6 !important; } #themeOverride .imp-page table td:last-child { font-weight: 700; color: var(--imp-ink); white-space: nowrap; } #themeOverride .imp-page img { max-width: 100%; height: auto; border-radius: 14px; } #themeOverride .imp-page strong, #themeOverride .imp-page b { color: var(--imp-ink); } @media (min-width: 1100px) { #themeOverride .imp-page { padding: 40px 48px; } } /* текущая страница в боковом меню */ #themeOverride .sb-wrap--pages .menu-v__item.is-current > a { background: var(--imp-ink) !important; color: #fff !important; } /* блок «Остались вопросы?» */ #themeOverride .imp-page-cta { margin-top: 20px; display: flex; flex-direction: column; gap: 16px; padding: 24px; border-radius: 22px; background: var(--imp-dark); color: var(--imp-on-dark); box-sizing: border-box; } #themeOverride .imp-page-cta__title { margin: 0 0 4px; font-size: 22px; font-weight: 800; color: #fff; } #themeOverride .imp-page-cta__text { margin: 0; font-size: 15px; color: var(--imp-on-dark-muted); } #themeOverride .imp-page-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; } #themeOverride .imp-page-cta .imp-btn--line { color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.6); } @media (min-width: 900px) { #themeOverride .imp-page-cta { flex-direction: row; align-items: center; justify-content: space-between; padding: 28px 36px; } } @media (max-width: 600px) { #themeOverride .imp-page-cta__actions .imp-btn { width: 100%; } } /* «О компании»: шапка, карточки, бренды */ #themeOverride .imp-ab-hero { display: grid; grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; margin-bottom: 20px; border-radius: 22px; background: var(--imp-dark); color: var(--imp-on-dark); position: relative; overflow: hidden; } #themeOverride .imp-ab-hero::after { content: ''; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(230,171,26,.28) 0%, rgba(230,171,26,0) 70%); pointer-events: none; } #themeOverride .imp-ab-hero__title { margin: 8px 0 12px; font-size: 30px; line-height: 1.1; font-weight: 800; letter-spacing: -0.025em; color: #fff; } #themeOverride .imp-ab-hero__lead { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: var(--imp-on-dark-muted); max-width: 560px; } #themeOverride .imp-ab-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; } #themeOverride .imp-btn--ghost { background: transparent; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.6); } #themeOverride .imp-ab-facts { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; } #themeOverride .imp-ab-facts div { padding: 16px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid var(--imp-dark-line); } #themeOverride .imp-ab-facts dt { font-size: 26px; font-weight: 800; color: var(--imp-gold); letter-spacing: -0.02em; } #themeOverride .imp-ab-facts dd { margin: 4px 0 0; font-size: 13px; color: var(--imp-on-dark-muted); } #themeOverride .imp-ab-cards { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 20px; } #themeOverride .imp-ab-card { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; row-gap: 4px; padding: 18px; background: #fff; border: 1px solid var(--imp-line); border-radius: 18px; } #themeOverride .imp-ab-card svg { grid-row: span 2; width: 40px; height: 40px; padding: 9px; box-sizing: border-box; border-radius: 12px; background: var(--imp-gold-soft); fill: none; stroke: var(--imp-bronze); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } #themeOverride .imp-ab-card b { font-size: 16px; color: var(--imp-ink); } #themeOverride .imp-ab-card span { font-size: 14px; line-height: 1.5; color: var(--imp-muted); } #themeOverride .imp-ab-brands { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 22px; max-width: 900px; } #themeOverride .imp-ab-brands a { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 18px; background: var(--imp-sand); color: var(--imp-ink) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; } #themeOverride .imp-ab-brands a:hover { background: var(--imp-ink); color: #fff !important; } #themeOverride .imp-ab-brands .imp-ab-brands__all { background: transparent; color: var(--imp-bronze) !important; font-weight: 700; } @media (min-width: 768px) { #themeOverride .imp-ab-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } #themeOverride .imp-ab-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1100px) { #themeOverride .imp-ab-hero { grid-template-columns: minmax(0, 1fr); padding: 44px 48px; } #themeOverride .imp-ab-hero__title { font-size: 40px; } #themeOverride .imp-ab-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } #themeOverride .imp-ab-card { grid-template-columns: 1fr; } #themeOverride .imp-ab-card svg { grid-row: auto; margin-bottom: 8px; } } /* ---------- Первый экран на телефоне/планшете: фото — фоном под текстом ---------- */ @media (max-width: 1099px) { #themeOverride .imp-hero__slide { position: relative; display: block; border-radius: 22px; overflow: hidden; min-height: 440px; background: #2A251F; } #themeOverride .imp-hero__slide .imp-hero__media { position: absolute; inset: 0; order: 0; aspect-ratio: auto; height: auto; border-radius: 0; } #themeOverride .imp-hero__slide .imp-hero__media img { object-position: 72% 50%; } #themeOverride .imp-hero__slide .imp-hero__media::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(20,17,14,.15) 0%, rgba(20,17,14,.55) 45%, rgba(20,17,14,.9) 100%); } #themeOverride .imp-hero__slide .imp-hero__text { position: relative; z-index: 2; min-height: 440px; box-sizing: border-box; padding: 24px 20px 22px; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; } #themeOverride .imp-hero__slide .imp-eyebrow { color: var(--imp-gold); } #themeOverride .imp-hero__slide .imp-hero__title { color: #fff; font-size: 30px; } #themeOverride .imp-hero__slide .imp-hero__lead { color: rgba(255,255,255,.85); font-size: 15px; } #themeOverride .imp-hero__slide .imp-hero__actions { margin-top: 6px; } #themeOverride .imp-hero__slide .imp-btn--dark { background: var(--imp-gold); color: var(--imp-ink) !important; } #themeOverride .imp-hero__slide .imp-btn--dark svg { stroke: var(--imp-ink); } #themeOverride .imp-hero__slide .imp-btn--line { color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.7); } #themeOverride .imp-hero__nav { margin-top: 12px; } } @media (min-width: 600px) and (max-width: 1099px) { #themeOverride .imp-hero__slide, #themeOverride .imp-hero__slide .imp-hero__text { min-height: 420px; } #themeOverride .imp-hero__slide .imp-hero__text { max-width: 560px; padding: 32px; } #themeOverride .imp-hero__slide .imp-hero__media::after { background: linear-gradient(90deg, rgba(20,17,14,.85) 0%, rgba(20,17,14,.5) 50%, rgba(20,17,14,.1) 100%); } } @media (max-width: 599px) { #themeOverride .imp-hero__slide, #themeOverride .imp-hero__slide .imp-hero__text { min-height: 540px; } #themeOverride .imp-hero__slide .imp-hero__media::after { background: linear-gradient(180deg, rgba(20,17,14,0) 0%, rgba(20,17,14,.1) 30%, rgba(20,17,14,.75) 60%, rgba(20,17,14,.95) 100%); } #themeOverride .imp-hero__slide .imp-hero__title { font-size: 28px; } } /* ---------- Первый экран на телефоне: фон на всю ширину, без скруглений ---------- */ @media (max-width: 767px) { #themeOverride .imp-hero { padding-top: 0 !important; } #themeOverride .imp-hero__main { margin-left: calc(-1 * var(--imp-gut)); margin-right: calc(-1 * var(--imp-gut)); } #themeOverride .imp-hero__slide { border-radius: 0; } #themeOverride .imp-hero__slide .imp-hero__text { padding-left: var(--imp-gut); padding-right: var(--imp-gut); } #themeOverride .imp-hero__nav { padding: 0 var(--imp-gut); } #themeOverride .imp-hero__layout { gap: 16px; } } /* инфо-страницы: доп. элементы */ #themeOverride .imp-ab-cards:empty { display: none; } #themeOverride .imp-ab-hero--short { grid-template-columns: 1fr !important; } #themeOverride .imp-page img[src*="web.archive.org"] { display: none !important; } #themeOverride .imp-page--adresa-magazinov ol, #themeOverride .imp-page--adresa-magazinov ol ~ p, #themeOverride .imp-page--adresa-magazinov ol > p { display: none; } #themeOverride .imp-page--adresa-magazinov { padding: 12px !important; } #themeOverride .imp-page--adresa-magazinov > * { border-radius: 14px; overflow: hidden; } #themeOverride .imp-salons { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 20px; } #themeOverride .imp-salon { display: flex; flex-direction: column; gap: 6px; padding: 20px; background: #fff; border: 1px solid var(--imp-line); border-radius: 18px; } #themeOverride .imp-salon__name { margin: 0; font-size: 19px; font-weight: 800; color: var(--imp-ink); } #themeOverride .imp-salon__metro { margin: 0; font-size: 13px; font-weight: 700; color: var(--imp-bronze); text-transform: uppercase; letter-spacing: .06em; } #themeOverride .imp-salon__addr { margin: 4px 0 10px; font-size: 15px; line-height: 1.5; color: var(--imp-ink-2); flex-grow: 1; } #themeOverride .imp-salon__actions { display: flex; flex-wrap: wrap; gap: 8px; } #themeOverride .imp-salon__actions .imp-btn { flex: 1 1 140px; height: 46px; } @media (min-width: 768px) { #themeOverride .imp-salons { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #themeOverride .imp-page .sert_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } #themeOverride .imp-page .sert_item { background: #FBF9F6; border: 1px solid var(--imp-line-2); border-radius: 14px; padding: 10px; display: flex; align-items: center; justify-content: center; } #themeOverride .imp-page .sert_item img { border-radius: 8px; box-shadow: 0 6px 18px rgba(30,26,22,.12); } @media (min-width: 900px) { #themeOverride .imp-page .sert_wrap { grid-template-columns: repeat(4, minmax(0, 1fr)); } } #themeOverride .imp-page figure { margin: 0 0 20px; }