/* pbn-enhance.css — дополнения к style.css макета jurist-nsk.ru («Правовой стандарт») под токен-движок BablO$.
   Статичная часть — этот файл (bin/pbn/data/jurist-nsk/pbn-enhance.css, пишется вместе со схемой
   bin/pbn/jurist-nsk_1_schema.php). Сид страниц bin/pbn/jurist-nsk_2_pages.php копирует его в
   public/sites/jurist-nsk-ru/assets/css/pbn-enhance.css и дописывает в конец маски иконок по ключам.
   Только переменные и классы макета; руками в public/ не править — перезапишется. */

/* Иконки в строках MIGX. Значения MIGX экранируются, SVG туда не положить: в строке — ключ icon() макета
   (атрибут data-ic, класс только макетный .ic), форма — маской из того же SVG, цвет — currentColor обёртки
   (.trust__ic, .dir__ic, .value__ic, .pcard__ic, .err__link). Сами маски сид страниц дописывает правилами
   i.ic[data-ic="pin"]{--ic:url("data:image/svg+xml,…")}. */
i.ic[data-ic]{display:inline-block;flex:none;vertical-align:top;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
/* в макете у .office__list правило стоит на svg (цвет и сдвиг) — повторяем его для иконки-маски */
.office__list i.ic{color:var(--accent-deep);margin-top:3px}

/* Условные блоки макета (if в его PHP): пустое значение — блока нет */
.lead:empty,.mlabel:empty,.small:empty,.intro__note:empty,.hero__sub:empty,.err__p:empty,.tariffs__note:empty{display:none}
.article-body:empty{display:none}
.sub:has(> .sub__t + p:empty:last-child){display:none}
.sfact:has(> .sfact__v:empty){display:none}
.metric__v i:empty,.stats__v i:empty{display:none}
.afig:has(> img[src=""]),.acard__media:has(> img[src=""]){display:none}
.arow__media img[src=""],.stile__bg img[src=""],.vcard__media img[src=""]{display:none}
/* «По этому запросу материалов пока нет» макет выводит только при пустой ленте; у движка лента и сообщение
   стоят рядом — сообщение прячется, как только в колонке есть хоть одна строка ленты */
.layout__main:has(.arow) > p.lead:first-child{display:none}

/* Лента с пагинацией движка: каждая строка обёрнута в <div style="display:contents" data-pdopg>, и правило
   макета .arow:last-child срабатывает на КАЖДОЙ строке — разделители пропадают. Возвращаем их. */
[data-pdopg] > .arow:last-child{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}

/* Живой текст услуги (поле «Текст») стоит над блоками .sub макета — тот же отступ, что у .sub */
.article-body + .sub,.article-body + .tariffs{margin-top:36px}

/* Ответ формы движка. Своего блока ответа у макета нет — в стиле .review__answer / .callout */
.bf-msg{margin:0 0 16px;padding:14px 18px;background:var(--bg-alt);border-left:4px solid var(--accent);border-radius:var(--radius);font-size:14px;line-height:1.65;color:var(--ink-2)}
.bf-msg.bf-err{border-left-color:var(--brand-blue)}

/* Пагинация движка (кнопки с инлайн-стилями) — в стиле .pager макета */
.pdo-pagenav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:36px 0 0!important}
.pdo-pagenav .pdo-pagebtn{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:#fff!important;color:var(--brand-navy)!important;font:700 14px/1 var(--sans);cursor:pointer;transition:border-color var(--dur) ease,color var(--dur) ease}
.pdo-pagenav .pdo-pagebtn:hover{border-color:var(--brand-blue)!important;color:var(--brand-blue)!important}
.pdo-pagenav .pdo-pagebtn.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
.pdo-pagenav .pdo-pagebtn[disabled]{opacity:.4;cursor:default}

/* Тексты, перенесённые с прежнего сайта (Joomla, TinyMCE): картинки и видео. Таблицы сид оборачивает
   в .tbl-wrap макета — их оформление даёт .article-body table */
.article-body img{max-width:100%;height:auto;margin:0 0 18px}
.article-body iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:0 0 24px}

/* Шрифт заголовков — без засечек (просьба владельца). Макет рисует ВСЕ заголовки одной переменной --serif
   (PT Serif): h1/h2, заголовки карточек и плиток, пункты меню, цитаты, крупная «404». Меняем значение
   переменной, а не 17 правил style.css, — иначе на сайте осталась бы смесь засечек и гротеска. Имя переменной
   осталось от макета. Montserrat грузится в ch_head вместо PT Serif (400 и 700, как было); запасные — шрифт текста */
:root{--serif:'Montserrat','PT Sans','Segoe UI',Roboto,Arial,sans-serif}

/* Подменю шапки на десктопе стоит на 14px ниже пункта (top:calc(100% + 14px) в style.css), а открыто, пока курсор
   над пунктом (.nav__item:hover). Курсор, идущий к подменю, пересекал эти 14px вне пункта — подменю закрывалось.
   Прозрачный «мостик» ::before заполняет зазор: он часть подменю, а значит, и пункта. У закрытого подменю
   (visibility:hidden) скрыт и мостик — клики под шапкой он не перехватывает */
@media (min-width:901px){
  .subnav::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px}
}

/* Первый экран услуги: вместо фото (.shero__media макета) — форма заявки в карточке .lead-form__card макета.
   Тень — как у подменю шапки: на белом фоне секции карточка читается как главное действие страницы */
.shero .lead-form__card{box-shadow:0 12px 28px rgba(30,58,79,.12)}
.shero .lead-form__card .h3{margin:8px 0 10px}
.shero .lead-form__card .blist{margin:16px 0 18px}
.shero .lead-form__card .services-more{margin-top:20px}
.shero .lead-form__card .intro__note{margin-top:12px;text-align:center}
/* телефон в строке под кнопкой не рвём посередине номера («+7 (383) / 312-48-90» на узкой карточке) */
.shero .lead-form__card .intro__note a{white-space:nowrap}
/* Колонки .shero (1fr 1fr макета) делятся поровну, только если содержимое левой может сжиматься: иначе длинное
   слово H1 («Представительство») или ряд .sfacts растягивают её по min-content, и форма справа сжимается —
   кнопка и телефон уходят в две строки. H1 в Montserrat шире, чем в PT Serif макета, поэтому в половине экрана
   его кегль меньше (clamp макета — 5vw/60px): самое длинное слово названий услуг влезает в колонку при любой
   ширине; перенос внутри слова — только страховка на случай нового, ещё более длинного названия */
.shero > *{min-width:0}
.shero .sec-title{font-size:clamp(28px,4vw,52px);overflow-wrap:anywhere}
.shero .sfact{min-width:0;overflow-wrap:break-word}
/* до 1100px (брейкпойнт макета) в половине экрана три факта в ряд не помещаются: «сопровождение» шире трети
   колонки на 768, а на 1024 влезает с запасом в 1px — столбиком, как у самого макета на узких экранах;
   форма справа всё равно не ниже левой колонки */
@media (min-width:768px) and (max-width:1099px){
  .shero .sfacts{grid-template-columns:1fr}
}

/* Иллюстрация статьи (.afig) — фото как есть: владелец попросил убрать дуотон макета (подложку-фон, наложение
   ::after и обесцвечивание). Остальные фото сайта остаются в дуотоне */
.afig{background:none}
.afig::after{content:none;background:none}
.afig img{filter:none;mix-blend-mode:normal}

/* ── правки владельца 21.10.2026 ── */

/* Владелец попросил убрать все подписи .mlabel. Разметку вычищаем в шаблонах/чанках, это — страховка
   для старых текстов из админки, где класс мог остаться. */
.mlabel{display:none!important}

/* Кнопка «Задать вопрос юристу» вместо поиска в шапке. Поиск макета показывался только с 1200px —
   кнопка живёт там же, чтобы не ломать две строки шапки на планшетах. */
.hdr-ask{display:none}
@media (min-width:1200px){.hdr-ask{display:inline-flex;margin-left:auto;white-space:nowrap}}
@media print{.hdr-ask{display:none!important}}

/* Пошаговый квиз: панели, навигация, финальная форма */
.quiz__nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.quiz__form{margin-top:18px}
.quiz__form .bf-msg{margin-bottom:14px}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.btn[disabled]:hover{background:var(--accent);color:var(--accent-ink)}

/* Модальное окно заявки: поля формы в .modal__box уже получают стили .field/.input макета */
#call-modal .modal__box{max-width:520px}
#call-modal .small{margin:-4px 0 16px;color:var(--muted)}

/* Новый блок главной «О центре и направлениях» — сразу после полосы гарантий, до сетки услуг.
   Текст — спокойная колонка, ниже сетка баннеров 200×67 из прежнего сайта. */
.home-about{padding-top:8px}
.home-about__text{max-width:980px}
.home-about__text p{margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--ink-2)}
.home-about__lead{font-size:18px;line-height:1.6;color:var(--brand-navy)}
.home-about__links{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:28px}
.home-link{display:flex;align-items:center;justify-content:center;min-height:83px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) ease}
.home-link:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(30,58,79,.10);transform:translateY(-1px)}
.home-link img{display:block;width:100%;height:auto}
.home-link--text{background:var(--brand-navy);color:#fff;font:700 14px/1.25 var(--sans);text-align:center;text-transform:uppercase;letter-spacing:.04em}
.home-link--text:hover{background:var(--accent-deep);color:#fff;border-color:var(--accent-deep)}
@media (max-width:599px){
  .home-about__links{grid-template-columns:repeat(2,1fr);gap:10px}
  .home-link{min-height:70px;padding:6px}
}

/* ── маски иконок по ключам (дописывает сид страниц) ── */
i.ic[data-ic="award"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%225.2%22%2F%3E%3Cpath%20d%3D%22m8.8%2013.4-1.3%206.6%204.5-2.3%204.5%202.3-1.3-6.6%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="bank"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%209%209-5%209%205%22%2F%3E%3Cpath%20d%3D%22M5%209v9M9.5%209v9M14.5%209v9M19%209v9%22%2F%3E%3Cpath%20d%3D%22M3%2021h18%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="bell"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2015.5V10a6%206%200%201%200-12%200v5.5L4.5%2018h15Z%22%2F%3E%3Cpath%20d%3D%22M10%2020.5a2.2%202.2%200%200%200%204%200%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="building"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V4h11v17%22%2F%3E%3Cpath%20d%3D%22M15%2010h5v11%22%2F%3E%3Cpath%20d%3D%22M7.5%208h4M7.5%2012h4M7.5%2016h4M17%2014h1M17%2017.5h1%22%2F%3E%3Cpath%20d%3D%22M2.5%2021h19%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225.5%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3Cpath%20d%3D%22M7%2014.5h4%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="chart"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V4%22%2F%3E%3Cpath%20d%3D%22M4%2020h16%22%2F%3E%3Cpath%20d%3D%22M8%2017v-5M12.5%2017V8M17%2017v-7%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5.2l3.4%202%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="doc"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8Z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5%22%2F%3E%3Cpath%20d%3D%22M9%2013h6M9%2017h4%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="family"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%229.5%22%20r%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M2.5%2020c0-3.3%202.5-5.5%205.5-5.5s5.5%202.2%205.5%205.5%22%2F%3E%3Cpath%20d%3D%22M15%2014.6c3%200%205.5%201.9%205.5%205.4%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="lock"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224.5%22%20y%3D%2210.5%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010.5V8a4%204%200%200%201%208%200v2.5%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3.5%206.5%208.5%206%208.5-6%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%203h3l1.5%204-2%201.4a12%2012%200%200%200%205.6%205.6L16%2012l4%201.5v3a2%202%200%200%201-2.2%202A16.5%2016.5%200%200%201%203.5%205.2%202%202%200%200%201%205.5%203Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-6.1%207-11a7%207%200%201%200-14%200c0%204.9%207%2011%207%2011Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="route"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M8.6%206H14a3.5%203.5%200%200%201%200%207H9.5a3.5%203.5%200%200%200%200%205h5.9%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="scales"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16%22%2F%3E%3Cpath%20d%3D%22M6%2020h12%22%2F%3E%3Cpath%20d%3D%22M4%208h16%22%2F%3E%3Cpath%20d%3D%22m4%208-2.5%206h5L4%208Z%22%2F%3E%3Cpath%20d%3D%22m20%208-2.5%206h5L20%208Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224%22%20r%3D%221.4%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="shield"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%205%206v6c0%204.2%202.9%207.7%207%209%204.1-1.3%207-4.8%207-9V6Z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202.2%202.2L15.5%2010%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="target"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.8%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.3%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.5%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M4.5%2020c0-4%203.4-6%207.5-6s7.5%202%207.5%206%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="wallet"]{--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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207.5A2.5%202.5%200%200%201%205.5%205H17v2.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227.5%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2213.5%22%20r%3D%221.3%22%2F%3E%3C%2Fsvg%3E")}
i.ic[data-ic="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%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%2012a8.5%208.5%200%200%201-12.6%207.4L3.5%2020.5l1.2-4.2A8.5%208.5%200%201%201%2020.5%2012Z%22%2F%3E%3Cpath%20d%3D%22M9%209.2c.5-.5%201.1-.3%201.3.2l.5%201.1c.1.4%200%20.7-.3.9l-.4.3c.5%201%201.2%201.7%202.2%202.2l.3-.4c.2-.3.5-.4.9-.3l1.1.5c.5.2.7.8.2%201.3-1.1%201.1-3%20.4-4.5-1.1S7.9%2010.3%209%209.2Z%22%2F%3E%3C%2Fsvg%3E")}