/* pbn-enhance.css — дополнения к style.css макета nat-florist.ru под токен-движок BablO$.
   Статичная часть: сид страниц (bin/pbn/nat-florist_2_pages.php) копирует этот файл в
   public/sites/nat-florist-ru/assets/css/pbn-enhance.css и дописывает в конец маски иконок i.icon--<ключ>.
   Только переменные и классы макета; своих классов нет — кроме служебных классов движка форм
   (.bf-msg, .bf-ok, .bf-err), которые он ставит сам. */

/* Иконки строк MIGX (ценности «О компании», условия «Доставки», уровни «Программы лояльности»): значения строк
   экранируются, SVG туда нельзя. В строке — ключ icon() макета: <i class="icon icon--<ключ>"> (классы те же, что у
   <svg> из icon()), форма — маской i.icon--<ключ>{--ic:url("data:image/svg+xml,…")} из того же SVG (маски дописывает
   сид страниц), цвет — currentColor, как stroke="currentColor" у svg макета; display:block — как svg { display:block }
   в сбросе style.css */
i.icon{display:block;flex:0 0 auto;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
/* ключ не задан (class="icon icon--") — без маски <i> залился бы сплошным квадратом */
i.icon--{display:none}

/* Условные блоки макета (if (!empty(…)) в PHP): здесь значения — поля админки, пустое поле — элемента нет.
   Токены в разметке стоят вплотную к тегам, иначе пробелы не дали бы сработать :empty */
.eyebrow:empty,.lede:empty,.meta:empty,.two-col-teaser__body p:empty,.product-card__badge:empty,
.sidebar-tree__count:empty,.gift-strip__price:empty,.content-card__type:empty,.content-card__date:empty,
.content-card__excerpt:empty,.stat__label:empty,.pagination__count:empty{display:none}

/* Карточка без цены — не товар, а вид работ (подраздел живого каталога): строки «Артикул …» и ссылки «Размеры» у неё
   нет. То же в шапке карточки (tpl_product): цена, за ней артикул */
.product-card__price:empty,
.product-card__price:empty ~ .product-card__sku,
.product-card__price:empty ~ .product-card__sizes{display:none}

/* Выборки без строк: пустая сетка каталога/журнала, пустой список FAQ, ценностей, зон доставки, цифр, коллекций,
   подарков — элемента или секции нет */
.product-grid:empty,.content-grid:empty,.faq-list:empty,.values-list:empty,.collection-grid:empty{display:none}
.section:has(> .container > .values-list:empty:only-child),
.section:has(> .container > .product-grid:empty:only-child),
.section:has(tbody:empty),
.section:has(.stats-row:empty){display:none}
div:has(> .gift-strip:empty){display:none}
.sidebar-block:has(> .sidebar-quicklinks:empty){display:none}

/* Каталог и журнал (catalog-render.php, zhurnal.php): текст «ничего не найдено» (<p class="lede">) у макета выводится
   ВМЕСТО сетки, если карточек нет. Здесь он стоит перед сеткой всегда и скрыт, пока в сетке есть карточки; сетку без
   совпадений по ?q= скрипт листания прячет атрибутом hidden — текст появляется */
.catalog-content:has(> .product-grid:not(:empty):not([hidden])) > .lede,
div:has(> .content-grid:not(:empty):not([hidden])) > .lede{display:none}

/* «Текст» страницы ([[*content]] — перенос с живого сайта и воркфлоу генерации) — блок .text-block макета отдельной
   секцией: пустой «Текст» — секции нет. «Программа лояльности»: без «Текста» под «Как это работает» — секции нет */
.text-block:empty{display:none}
.section:has(> .container > .text-block:empty:only-child),
.section:has(> .container > .text-block > .h2:only-child){display:none}

/* Тексты из админки в .text-block. Сброс style.css снимает у заголовков и абзацев отступы (h1–h6, p { margin:0 }), у
   списков — маркеры и поля (ul, ol { list-style:none; padding:0 }), у ссылок — подчёркивание; макет в .text-block
   задаёт только p + p { margin-top:1.1em }. Остальное — в тоне макета: заголовки разделов — как h2.h3 оферты
   (margin 28px 0 12px), ссылки — как .link-underline, линии таблицы — как у таблицы зон «Доставки» (--color-line),
   цитата — курсивный серифный шрифт .quote-panel. Списки и ссылки с классами (разметка оферты) правила не трогают */
.text-block > :is(p, ul, ol, table, blockquote, figure, img, iframe) + :is(p, ul, ol, table, blockquote, figure, img, iframe){margin-top:1.1em}
.text-block > * + :is(h2, h3, h4){margin-top:28px}
.text-block :is(h2, h3, h4):not([style]){margin-bottom:12px}
.text-block ul:not([class]),.text-block ol:not([class]){padding-left:1.4em}
.text-block ul:not([class]){list-style:disc}
.text-block ol:not([class]){list-style:decimal}
.text-block li + li{margin-top:.4em}
.text-block a:not([class]){text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.text-block a:not([class]):hover{text-decoration-thickness:2px}
.text-block img{height:auto}
.text-block iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.text-block table{display:block;overflow-x:auto;border-collapse:collapse;font-size:15px}
.text-block th,.text-block td{padding:12px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}
.text-block th{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--color-meta);font-weight:500}
.text-block blockquote{margin:0;padding-left:18px;border-left:1px solid var(--color-line-strong);font-family:var(--font-serif);font-style:italic;font-size:1.25rem;line-height:1.4}

/* Блоки «О компании», «Обучения», «Вопросов и ответов» без данных: цитата без текста, видео без ссылки на ролик,
   ведущая FAQ без имени — не выводятся */
.quote-panel:has(blockquote:empty){display:none}
.section:has(.js-video-trigger[data-video-src=""]){display:none}
.faq-intro:has(.faq-intro__name:empty){display:none}

/* Карта сайта: колонка раздела каталога без карточек (у макета таких колонок нет — пустая не выводится) */
.sitemap-grid > div:has(> ul:empty){display:none}

/* Форма «Отправить вопрос» (voprosy-otvety.php): у макета стиль на теге <form style="margin-top:28px;…">, тег ставит
   движок — стиль по id формы (&formAttrs режет значения по «;»). На «Вопросах и ответах» форма скрыта атрибутом hidden
   до кнопки — [hidden]{display:none!important} style.css сильнее */
#ask-form{margin-top:28px;max-width:560px;display:flex;flex-direction:column;gap:18px}

/* Ответ формы движка ([[+msg]] — после строки согласия, где у макета конец формы): рамка и фон — как у полей
   .field__input, шрифт — 15px, как у .checkbox; ошибка — бордовым .product-card__wishlist.is-active */
.bf-msg{padding:13px 16px;border:1px solid var(--color-line);background:var(--color-bg-paper);font-size:15px;color:var(--color-ink)}
.bf-msg.bf-err{border-color:#7A2430;color:#7A2430}

/* Ответы «Дежурного флориста» (строки mx_faq): абзацы живого ответа — через пустую строку в значении строки, значение
   экранируется, <p> туда нельзя. Дописывает bin/pbn/nat-florist_2_pages.php */
.faq-item__a{white-space:pre-line}

/* Маски иконок строк MIGX по icon() макета (все ключи его таблицы) — дописывает bin/pbn/nat-florist_2_pages.php при каждом
   прогоне. Файл перезаписывается целиком: статичную часть править в bin/pbn/data/nat-florist/pbn-enhance.css */
i.icon--heart{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2020.5s-7.5-4.6-10-9.3C.4%207.9%202%204.5%205.4%203.8c2-.4%203.9.4%205.1%202.1a.7.7%200%200%200%201%200c1.2-1.7%203.1-2.5%205.1-2.1%203.4.7%205%204.1%203.4%207.4-2.5%204.7-10%209.3-10%209.3Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--heart-fill{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2020.5s-7.5-4.6-10-9.3C.4%207.9%202%204.5%205.4%203.8c2-.4%203.9.4%205.1%202.1a.7.7%200%200%200%201%200c1.2-1.7%203.1-2.5%205.1-2.1%203.4.7%205%204.1%203.4%207.4-2.5%204.7-10%209.3-10%209.3Z%22%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--bag{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.5%208.5V7a5.5%205.5%200%200%201%2011%200v1.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.7%208.5h14.6l-1%2012a1.5%201.5%200%200%201-1.5%201.4H7.2A1.5%201.5%200%200%201%205.7%2020.5Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--search{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M20%2020l-4.8-4.8%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--user{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.5%2020c1.4-3.8%204.4-5.8%207.5-5.8s6.1%202%207.5%205.8%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--burger{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3.5%206.5h17M3.5%2012h17M3.5%2017.5h17%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--close{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%205l14%2014M19%205%205%2019%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--arrow-right{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2012h15.5M13.5%206l6%206-6%206%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--chevron-down{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%208.5%2012%2015l7-6.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--chevron-up{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%2015.5%2012%209l7%206.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--chevron-left{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15%205%208%2012l7%207%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--check{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4.5%2012.5%209%2017l10.5-11%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--plus{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%204.5v15M4.5%2012h15%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--minus{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4.5%2012h15%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--phone{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%203.5%209%206l-1.6%202.6a11.5%2011.5%200%200%200%206%206L15%2013l2.5%203-1%202c-.5.9-1.5%201.4-2.5%201.1C8.8%2017.6%206.4%2015.2%204.9%2010c-.3-1-.1-2%20.8-2.5Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--mail{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%223.5%22%20y%3D%225.5%22%20width%3D%2217%22%20height%3D%2213%22%20rx%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.5%206.5%2012%2013l7.5-6.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--pin{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%2021s7-6.3%207-11.5A7%207%200%200%200%205%209.5C5%2014.7%2012%2021%2012%2021Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.3%22%20r%3D%222.4%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fsvg%3E")}
i.icon--clock{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.3%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M12%207.5V12l3.2%202%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--play{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M10%208.3v7.4l6.3-3.7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
i.icon--telegram{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M20.6%204.4%202.9%2011.3c-1.2.5-1.2%201.2-.2%201.5l4.5%201.4%201.7%205.3c.2.6.4.8.9.8.4%200%20.6-.2.9-.5l2.1-2%204.4%203.2c.8.5%201.4.2%201.6-.7L21.9%205.6c.3-1.2-.4-1.7-1.3-1.2Zm-3.4%203.5-8%207.3-.3%203-1.5-4.7%209.4-6.1c.5-.3.9-.1.5.5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
i.icon--whatsapp{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203.5a8.4%208.4%200%200%200-7.2%2012.7L3.5%2020.5l4.4-1.2A8.4%208.4%200%201%200%2012%203.5Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.6%208.4c.2-.5.5-.5.8-.5h.5c.2%200%20.4%200%20.6.4.2.5.7%201.6.7%201.7.1.1.1.3%200%20.4-.1.2-.1.3-.3.4l-.4.5c-.1.2-.3.3-.1.6.2.4.9%201.4%201.9%202.2%201.3%201.1%202.3%201.5%202.7%201.6.2.1.4.1.5-.1l.6-.7c.2-.2.4-.2.6-.1l1.5.7c.2.1.4.2.4.4.1.6-.2%201.3-.6%201.6-.5.4-1.1.7-1.9.6-1.5-.1-3.4-1-4.9-2.4-1.7-1.6-2.7-3.4-2.9-4.9-.1-.7.1-1.4.5-1.9Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
i.icon--vk{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%204.6C4%204.6%205%204.2%208.3%204.2c2.6%200%203.2.1%203.2.1s.2%203.2%202%205.2c1.1%201.2%201.5.9%201.5-.3.1-1.7-.1-4.6-.1-4.6s.9-.3%203-.3c1.7%200%202.7.2%202.7.2s0%205.7-2.7%208.6c2%201.5%203.6%203.9%204.1%206.4h-3.4c-.5-1.6-1.8-3.4-3.4-4.4-.4%202-.6%204.4-2.9%204.4-4.1%200-8.3-3.7-9.8-9.8C2.1%206.6%204%204.6%204%204.6Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
i.icon--delivery{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3.5%206.5h9v9h-9Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.5%2010h4l3.5%203.5v2h-7.5Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217.5%22%20r%3D%221.6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2217.5%22%20r%3D%221.6%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E")}
i.icon--leaf{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%2019c-1-6%202-13%2014-14%201%2011-6%2014-14%2014Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%2018c3-3.5%206-6.5%2012-12%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--card{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fsvg%3E")}
i.icon--compare{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%204v16M16%204v16%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M4.5%208.5%208%205l3.5%203.5M12.5%2015.5%2016%2019l3.5-3.5%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--grid{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3Crect%20x%3D%223.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fsvg%3E")}
i.icon--list{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%206.5h12M8%2012h12M8%2017.5h12%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%226.5%22%20r%3D%221%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2212%22%20r%3D%221%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2217.5%22%20r%3D%221%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
i.icon--gift{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2210%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M4%2010h16v3.5H4Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.3%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2010v10M12%2010c-2%200-3.5-1-3.5-2.7S9.5%205%2011%205.5c1.3.4%201%202.6%201%204.5Zm0%200c2%200%203.5-1%203.5-2.7S14.5%205%2013%205.5c-1.3.4-1%202.6-1%204.5Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
i.icon--star{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203.5l2.6%205.6%206%20.7-4.5%204.1%201.2%206-5.3-3-5.3%203%201.2-6-4.5-4.1%206-.7Z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}


/* Фото секции «Что такое креативная флористика?»: 3 колонки */
.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}
.creative-photo{margin:0}
.creative-photo img{width:100%;height:220px;object-fit:cover;border-radius:8px}
@media(max-width:800px){.creative-grid{grid-template-columns:1fr}.creative-photo img{height:auto}}