/* Start:/bitrix/templates/eshop_bootstrap_v4/fonts.css?17874727642897*/ /* Playfair Display (SIL Open Font License 1.1), self-hosted. Generated by bitrix-local/fetch-fonts.php — do not edit by hand. Google Fonts is blocked on many Russian networks (including this dev host), so the webfont ships with the template instead of fonts.gstatic.com. Playfair Display is a variable font: one file per subset covers 400-700, which is why there is a single @font-face per subset. */ /* cyrillic */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/bitrix/templates/eshop_bootstrap_v4/fonts/playfair-display-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/bitrix/templates/eshop_bootstrap_v4/fonts/playfair-display-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/bitrix/templates/eshop_bootstrap_v4/fonts/playfair-display-latin.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; } /* Mulish (SIL OFL 1.1), self-hosted — гротеск Mood-облика (см. fetch-fonts-mulish.php). Вариативный: один файл на сабсет покрывает 400-700. */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/bitrix/templates/eshop_bootstrap_v4/fonts/mulish-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/bitrix/templates/eshop_bootstrap_v4/fonts/mulish-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/bitrix/templates/eshop_bootstrap_v4/fonts/mulish-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/bitrix/templates/eshop_bootstrap_v4/fonts/mulish-latin.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; } /* End */ /* Start:/bitrix/templates/eshop_bootstrap_v4/aksinia.css?178747276412150*/ /** * Aksinia brand skin over the stock eshop_bootstrap_v4 template. * * Palette and type are taken from the live aksinia-tkani.ru stylesheet, not * invented: accent #ef3e2d (31 uses), text #141414 / #474747, light #e8e8eb, * headings in Playfair Display. * * The template drives its colours through per-theme CSS variables, so we * re-point the active theme's variables instead of fighting individual rules. */ /* Several components ship their OWN per-theme token file — e.g. the smart filter's themes/green/colors.css declares `.bx-green.bx-filter { --primary }` at a higher specificity than anything scoped to . Rather than chase each one, the brand tokens are declared !important: this re-points a design token, it does not fight layout rules. */ :root, .bx-green, .bx-theme-green, .bx-green.bx-filter, .bx-theme-green .bx-filter { /* Mood-direction palette (v2, 30.07.2026): gold #b4975a accent on white/ink, cream panels — taken from live moodfabrics.com tokens. */ --primary: #b4975a !important; --theme-color-primary: #b4975a !important; --theme-color-second: #9a7f47 !important; --theme-color-light: #f4efe7 !important; --theme-b-link: #9a7f47 !important; --theme-b-link-hover: #7d6739 !important; --theme-b-tx-primary: #fff !important; --theme-b-bg-primary: #b4975a !important; --theme-b-bd-primary: #b4975a !important; --theme-b-sd-primary: rgba(180, 151, 90, 0.4) !important; --theme-b-tx-primary-hover: #fff !important; --theme-b-bg-primary-hover: #9a7f47 !important; --theme-b-bd-primary-hover: #7d6739 !important; --theme-b-tx-primary-active: #fff !important; --theme-b-bg-primary-active: #7d6739 !important; --theme-b-bd-primary-active: #7d6739 !important; --theme-b-tx-primary-disabled: #fff !important; --theme-b-bg-primary-disabled: #d6c7a6 !important; --theme-b-bd-primary-disabled: #d6c7a6 !important; --aksinia-ink: #1e1e1e; --aksinia-muted: #5f5a55; --aksinia-rule: #e9e4dd; --aksinia-gold: #b4975a; --aksinia-gold-dn: #9a7f47; --aksinia-cream: #f4efe7; } body { color: var(--aksinia-ink); } /* Serif headings are the salon's signature — matches the live site. Selectors are body-scoped because the template bundles ui.fonts.opensans after this file and would otherwise win on order. */ body h1, body h2, body h3, body h4, body h5, body .bx-title, body .product-item-title, body .product-item-title a, body .catalog-section-title, body .catalog-element-title { font-family: "Playfair Display", "Times New Roman", Times, serif; /* Mood sets its serif at regular weight — the elegance is in the face, not the boldness. */ font-weight: 400; color: var(--aksinia-ink); } h1 { font-weight: 400; letter-spacing: -0.005em; } a { color: var(--aksinia-ink); } a:hover { color: var(--aksinia-gold-dn); } /* ---------------------------------------------------------------- header */ .bx-logo-block, .bx-logo { font-family: "Playfair Display", "Times New Roman", Times, serif; } /* The theme paints the mobile logo strip in its accent colour, which left the dark wordmark unreadable. The salon's own site uses a white header. */ body .bx-header .bx-header-logo { background: #fff; } .aksinia-logo { display: inline-block; text-decoration: none; line-height: 1.1; } .aksinia-logo:hover { text-decoration: none; } .aksinia-logo__name { display: block; font-family: "Playfair Display", "Times New Roman", Times, serif; font-size: 2rem; font-weight: 400; letter-spacing: 0.14em; color: var(--aksinia-ink); } .aksinia-logo__tagline { display: block; margin-top: 0.2rem; font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--aksinia-gold); } @media (max-width: 600px) { .aksinia-logo__name { font-size: 1.35rem; letter-spacing: 0.12em; } .aksinia-logo__tagline { font-size: 0.52rem; } } /* Phone must read as tappable — the live-site mobile audit flagged non-clickable phone numbers as a P0 issue. */ .bx-worktime a[href^="tel:"], a[href^="tel:"] { color: var(--aksinia-ink); font-weight: 700; white-space: nowrap; text-decoration: none; } a[href^="tel:"]:hover { color: var(--aksinia-gold-dn); } /* ------------------------------------------------------- product cards */ .product-item-title a { font-size: 1.05rem; line-height: 1.3; } /* 1C names run long ("Плательно-костюмный Лён с шёлком") and the stock rule keeps them on one line, pushing ~120px past the screen edge on a phone. break-word, not anywhere: `anywhere` split ordinary words mid-syllable ("цвет з" / "еленый") instead of only breaking what cannot fit. */ .product-item-title, .product-item-title a { white-space: normal; overflow-wrap: break-word; } .product-item-detail-text, .product-item-detail-tab-content { overflow-wrap: break-word; } /* Подписи панелей карточки. На широких экранах их роль играет полоса вкладок, поэтому заголовки живут только там, где стоковый стиль эту полосу убирает (max-width: 991px в style.css компонента). Порог тот же — иначе на планшете получится либо две подписи, либо ни одной. */ .aks-pane-title { display: none; } @media (max-width: 991px) { .aks-pane-title { display: block; margin-bottom: 0.75rem; color: var(--aksinia-gold-dn); font-family: inherit; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } } /* Описание карточки. Колонка узкая по мере чтения: текст из 1С идёт сплошным абзацем и на десктопе растягивался на всю ширину страницы. */ .aks-description { max-width: 44rem; color: var(--aksinia-ink); line-height: 1.65; } .aks-description p { margin-bottom: 0.75rem; } /* Памятка про отрез и салон — служебная строка, не часть описания ткани: мельче и тише, чтобы не спорить с собственным текстом товара. */ .aks-description-note { padding-top: 0.75rem; border-top: 1px solid var(--aksinia-rule); color: var(--aksinia-muted); font-size: 0.875rem; } .aks-description-note + .aks-description-note { padding-top: 0; border-top: 0; } /* Note: an earlier ≤420px title size reduction was dropped. It was added against a clipping symptom that turned out to be a screenshot artefact, and Playfair is now self-hosted, so the metrics it hedged against no longer vary. The longest 1C name fits a 390px card at full size. */ /* Detail-page attributes use a dotted-leader row that strands the value against the right edge on narrow screens. Two columns read better. */ .product-item-detail-properties { padding-left: 0; list-style: none; } .product-item-detail-properties-item { display: grid; /* 7.5rem keeps "Ширина, см" on one line — 6rem split it after "Ширина". */ grid-template-columns: minmax(7.5rem, auto) 1fr; column-gap: 0.6rem; align-items: baseline; } .product-item-detail-properties-name { white-space: nowrap; } .product-item-detail-properties-dots { display: none; } .product-item-detail-properties-value { text-align: left; font-weight: 600; color: var(--aksinia-ink); } /* The stock card hides its property block (product-item-hidden → display:none) and only reveals it on hover. Fabric buyers pick by article, composition and width, and hover does not exist on touch, so these stay visible. */ .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden[data-entity="props-block"], .bx-touch .product-item-container .product-item-info-container.product-item-hidden[data-entity="props-block"] { display: block; opacity: 1; } /* Fabric shoppers scan by article, composition and width, so give the property list real presence instead of the muted default. */ .product-item-properties { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--aksinia-rule); font-size: 0.82rem; line-height: 1.5; color: var(--aksinia-muted); } /* Stock layout floats dt left and dd hard right, so on a narrow card the value ends up far from its label and reads as missing. Two tidy columns instead. */ .product-item-properties { display: grid; grid-template-columns: minmax(5.5rem, auto) 1fr; column-gap: 0.6rem; row-gap: 0.1rem; } .product-item-properties dt, .product-item-properties dd { float: none !important; width: auto !important; margin: 0; text-align: left; } .product-item-properties dt, .product-item-properties .product-item-properties-title { color: #8a8a8a; font-weight: 400; } .product-item-properties dd, .product-item-properties .product-item-properties-value { color: var(--aksinia-ink); font-weight: 600; } /* Mood keeps prices in the plain sans — the serif is reserved for names. */ .product-item-price-current { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.1rem; font-weight: 600; color: var(--aksinia-ink); } /* Fabric is sold by the metre — make the unit explicit next to the price. */ .product-item-price-current::after { content: " / м"; font-family: Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: 400; color: #8a8a8a; } .product-item-container { border: 1px solid var(--aksinia-rule); border-radius: 8px; transition: box-shadow 0.15s ease, border-color 0.15s ease; } .product-item-container:hover { border-color: #d8d1c6; box-shadow: 0 6px 20px rgba(30, 30, 30, 0.08); } /* The 1C export ships no product images, so every card fell back to the stock "no photo" tile at its natural ~383px — one card filled 1.5 phone screens. Cap it: the fabric's article, composition and price are the real content. */ /* The card script writes an aspect-ratio padding-top inline (383px here), so the override needs !important to beat the inline style. */ .product-item-image-wrapper { height: 210px !important; padding-top: 0 !important; min-height: 0; } .product-item-image-original, .product-item-image-alternative { height: 210px !important; background: linear-gradient(135deg, #ded4c8 0%, #cbc0b1 100%); background-size: cover; } @media (max-width: 600px) { .product-item-image-wrapper, .product-item-image-original, .product-item-image-alternative { height: 150px !important; } } /* Note: the price slider's last ruler label ("12 000") overhangs the viewport by ~17px at 390px. Padding/transform tweaks shifted the tick marks and looked worse, so it is left alone — the page itself does not scroll horizontally. */ /* ------------------------------------------------------------- buttons */ .btn-primary, .btn-themes { border-radius: 5px; font-weight: 600; letter-spacing: 0.01em; } /* Buy buttons follow Mood: ink-black, not accent-coloured. Gold is kept for links, labels and focus states so the accent stays a detail. */ body .btn-primary, body .btn-themes { background-color: #1e1e1e; border-color: #1e1e1e; color: #fff; } body .btn-primary:hover, body .btn-themes:hover { background-color: #000; border-color: #000; color: #fff; } /* The comments module paints its button with a hardcoded green gradient that ignores the theme tokens entirely. */ .bx_bt_button, .bx_bt_button:link, .bx_bt_button:visited { background-image: linear-gradient(#2a2a2a 0%, #1e1e1e 100%) !important; border-color: #000 !important; color: #fff !important; border-radius: 5px; } .bx_bt_button:hover { background-image: linear-gradient(#1e1e1e 0%, #000 100%) !important; } /* ------------------------------------------------------------ sections */ .bx-newslist-title, .catalog-section-list-item .catalog-section-list-title { font-family: "Playfair Display", "Times New Roman", Times, serif; } /* --------------------------------------------------------------- footer */ footer h3, footer h4 { font-family: "Playfair Display", "Times New Roman", Times, serif; } /* End */ /* Start:/bitrix/templates/eshop_bootstrap_v4/aksinia-theme.css?1787517798102997*/ /** * Aksinia design layer v2 — the Mood Fabrics direction, approved 30.07.2026. * * Sits on top of aksinia.css (token skin). Tokens mirror the live * moodfabrics.com: Playfair Display 400 for headings AND product names, * white/ink #1e1e1e ground, gold #b4975a accent, cream #f4efe7 panels, * ink buy-buttons, dark search bar. Mockup: claude.ai artifact * "Аксиния — дизайн сайта на 1С-Битрикс" (label bitrix-design-v2-mood). * * Homepage-only blocks are prefixed .ak- and their markup lives in * site/index.php. Selectors overriding component styles are body-scoped: * SetAdditionalCSS files land BEFORE component styles in Bitrix's merged * bundle, so equal specificity loses on order. */ :root { --ak-ink: #1e1e1e; /* Фирменный красный логотипа. Значения сняты пиксельным разбором самого знака (brand/from-old-site/logo.png): красный #E63020, сине-серый #596572 — это факт из файла, а не подбор на глаз. Красный на белом даёт 4,37:1 — для мелкого текста мало (нужно 4,5), поэтому он живёт ЗАЛИВКОЙ, а буквами по светлому пишет только --ak-accent-dn (#CC2A1B, 5,37:1). Белый по красному — 4,81:1, ок. */ --ak-red: #E63020; --ak-red-dn: #CC2A1B; --ak-red-soft: #FCEBE8; --ak-slate: #596572; /* Акцент действия: кнопки, бейджи, фокус, активные состояния. До 12.08 здесь было золото #b4975a — оно осталось в --ak-gold и обслуживает только декор (волосок-связка колонок подвала), потому что два ярких акцента рядом читаются как ярмарка. */ --ak-accent: var(--ak-red); --ak-accent-dn: var(--ak-red-dn); --ak-gold: #b4975a; --ak-gold-dn: #9a7f47; --ak-cream: #f4efe7; --ak-cream-2: #efe9df; /* На тон глубже кремового: нужен, когда две светлые плашки стоят рядом и должны отличаться друг от друга, но не проваливаться в чёрный. */ --ak-sand: #e9e1d3; --ak-soft: #938d86; /* Светлый текст и линии на чернильных поверхностях — подвал таким был до 02.08, сейчас токены остались за тёмными блоками страницы «Салон». */ --ak-ft-tx: #c9c4be; --ak-ft-rule: #363330; /* Тёмное золото для мелких подписей на светлом фоне: основное золото #b4975a на песочном даёт контраст 2,2:1 и капслок 11px не читается. */ --ak-bronze: #6d5a2c; /* Линии-волоски внутри светлого подвала */ --ak-ft-rule-lt: #d9cdb6; } /* ------------------------------------------------------------------ layout */ /* Guard only: no homepage block escapes the container any more (see below), so this exists purely so a stray wide element cannot introduce a sideways scroll. clip, not hidden — hidden would turn html into a scroll container. */ html, body { overflow-x: clip; } @supports not (overflow-x: clip) { html, body { overflow-x: hidden; } } /* Kept for compatibility with any markup still carrying the class: the former viewport-wide behaviour was dropped 30.07 — a hero stretched to the screen edge while the rest of the page sat in a ~1140px container read as broken alignment rather than as a full-bleed design. */ .ak-bleed { width: auto; margin-left: 0; } /* ------------------------------------------------------------ header row */ /* Logo · search · icon rail in one row (moodfabrics.com pattern). Bootstrap's grid is skipped here on purpose: the three cells have unrelated widths and the middle one has to eat whatever is left. */ .ak-head { display: flex; align-items: center; gap: 28px; padding: 16px 0 14px; flex-wrap: wrap; } .ak-head-logo { position: relative; flex: 0 0 auto; } .ak-head-search { flex: 1 1 280px; min-width: 0; } /* Кнопка «Адрес» и рейл иконок (account/wishlist/cart) — оба блочные div-ы, без display:flex здесь они переносятся друг под друга вместо одного ряда. */ .ak-head-tools { flex: 0 0 auto; display: flex; align-items: center; gap: 2px; } @media (max-width: 767px) { .ak-head { gap: 10px; padding: 10px 0 12px; } /* Same composition as desktop, wrapped: logo left and the icon rail right on the first row, search full width underneath (order jumps it past the tools, which sit between them in the DOM). */ .ak-head-logo { flex: 1 1 auto; } .ak-head-search { flex: 0 0 100%; order: 3; } } /* ------------------------------------------------------------- icon rail */ .ak-tools { display: flex; align-items: center; gap: 6px; } .ak-ico { position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; color: var(--ak-ink); transition: color .15s, background-color .15s; } .ak-ico:hover, .ak-ico:focus-visible { color: var(--ak-accent-dn); background: var(--ak-cream); } .ak-ico svg { display: block; } /* Phone icon in the rail — the salon's main conversion, so it is gold at rest where its neighbours are ink. Hover inverts: ink on cream. Written as a.ak-ico-tel to outrank the brand skin's a[href^="tel:"] ink rule. */ a.ak-ico-tel { color: var(--ak-accent-dn); } a.ak-ico-tel:hover, a.ak-ico-tel:focus-visible { color: var(--ak-ink); } /* Four 42px targets don't fit a 360px row next to the logo — tighten, keeping the icons at thumb size. (Lives after the base .ak-ico rules: same specificity, so source order decides.) The «Адрес» button joined this row 20.08.2026, making it five icons — tightened again below. */ @media (max-width: 767px) { .ak-tools { gap: 0; } .ak-head-tools { gap: 0; } .ak-ico { width: 38px; height: 38px; } } /* Five icons (адрес + phone + account + wishlist + cart) at 38px still ran off a 375px screen next to the logo — one more step down, tight enough to fit a small phone without dropping to a second row. */ @media (max-width: 400px) { .ak-ico { width: 32px; height: 32px; } .ak-ico svg { width: 18px; height: 18px; } } /* counter of items in favourites / cart */ .ak-ico-badge { position: absolute; top: 2px; right: 0; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--ak-accent); color: #fff; font-size: 10.5px; font-weight: 700; line-height: 17px; text-align: center; } /* signed-in marker under the account icon — the icon itself is identical for a guest and for a logged-in customer otherwise */ .ak-ico-dot { position: absolute; right: 9px; bottom: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--ak-accent); box-shadow: 0 0 0 2px #fff; } /* ------------------------------------------------------------- topbar strip */ /* Лёгкая инфо-строка над шапкой (Доработки.docx, п.1, 20.08.2026): адрес, «сегодня до HH:MM», один телефон. Тонкая линия снизу отделяет её от логотипа, фон на тон светлее кремового подвала — сама шапка остаётся белой и не путается с этой строкой. */ /* Белый фон, не кремовый: шапка ниже тоже белая, и цветная плашка сверху читалась как отдельный, чужой блок, а не первая строка той же шапки (клиентский фидбэк 20.08.2026). Волосок — по ширине контента, не во всю ширину экрана: остальные разделители на сайте (подвал) тоже держатся в границах контейнера, а не тянутся край в край. */ .ak-topbar { background: #fff; font-size: 12.5px; color: var(--ak-slate); } .ak-topbar-in { display: flex; align-items: center; gap: 22px; padding: 7px 0; border-bottom: 1px solid var(--ak-ft-rule-lt); } .ak-topbar-item { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; } .ak-topbar-item svg { flex: 0 0 auto; opacity: .75; } a.ak-topbar-tel { color: var(--ak-slate); text-decoration: none; } a.ak-topbar-tel:hover { color: var(--ak-accent-dn); } /* «г. Воронеж…» — теперь кнопка, не текст (открывает попап «Адрес», см. ниже); сброс нативного вида