/* ==========================================================================
   geo.css — стили гео-страниц «Люби цветы» (районы / филиалы / станции метро)

   Подключается в шаблоне сайта одной строкой:
     <link rel="stylesheet" href="/templates/demohunt/css/geo.css?v=1">

   Все правила ограничены обёрткой .gp — на остальные страницы не влияют.
   Разметку страницы оборачивать в <div class="gp"> ... </div>

   Палитра и типографика сняты с боевого сайта:
     текст #402D3A · акцент #74C6C2 · фон секций #EFF7F6 / #F9F7F7
     заголовки Playfair Display 700 · текст Futura PT Book
     H1 42/56 · H2 32/43 · H3 26/26 · текст 18/28.8 · вторичный 16/24 · подписи 14/18
   ========================================================================== */

.gp { --text:#402D3A; --black:#000; --accent:#74C6C2; --accent-dark:#5BB2AE; --accent-light:#EFF7F6; --grey-bg:#F9F7F7; --line:#E1EDEC; --line-grey:#D1D1D1; --yellow:#FDBF07; --magenta:#871F68; --muted:#676265; --font-body:"Futura PT Book","Futura PT",Jost,-apple-system,Segoe UI,Arial,sans-serif; --font-head:"Playfair Display",Georgia,serif; --container:1440px; }
.gp * { box-sizing:border-box }
.gp { scroll-behavior:smooth }
.gp { margin:0;font-family:var(--font-body);font-size:18px;line-height:28.8px;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased }
.gp img { max-width:100%;display:block }
.gp a { color:inherit;text-decoration:none }
.gp h1, .gp h2, .gp h3, .gp h4 { font-family:var(--font-head);font-weight:700;color:#000 }
.gp h1 { font-size:42px;line-height:56px;margin:0 0 28px }
.gp h2 { font-size:32px;line-height:43px;margin:0 0 40px }
.gp h3 { font-size:26px;line-height:26px;margin:26px 0 21px }
.gp h4 { font-size:22px;line-height:26px;margin:22px 0 16px }
.gp h1:first-child, .gp h2:first-child, .gp h3:first-child, .gp h4:first-child { margin-top:0 }
.gp p { margin:10px 0 }
.gp p:first-child { margin-top:0 }
.gp p:last-child { margin-bottom:0 }
.gp ul, .gp ol { font-size:18px;line-height:28.8px;margin:10px 0;padding-left:20px }
.gp li { margin-bottom:8px }
.gp li:last-child { margin-bottom:0 }
.gp b, .gp strong { font-weight:700 }
.gp .container { max-width:var(--container);margin:0 auto;padding:0 40px }
.gp .section { padding:56px 0 }
.gp .section + .section { padding-top:56px }
.gp .section--grey { background:var(--grey-bg) }
.gp .section--mint { background:var(--accent-light) }
.gp .lead { font-size:18px;line-height:28.8px }
.gp .muted { color:var(--muted) }
.gp .center { text-align:center }
.gp .small { font-size:14px;line-height:18px }
.gp .u-mt-16 { margin-top:16px }
.gp .u-mt-24 { margin-top:24px }
.gp .u-mt-32 { margin-top:32px }
.gp .u-mt-40 { margin-top:40px }
.gp .u-mt-56 { margin-top:56px }
.gp .u-mb-32 { margin-bottom:32px }
.gp .u-mb-40 { margin-bottom:40px }
.gp .u-mb-56 { margin-bottom:56px }
.gp .u-narrow { max-width:900px }
.gp .btn { display:inline-flex;align-items:center;gap:10px;justify-content:center; background:var(--black);color:#fff;font-family:var(--font-body);font-size:14px;font-weight:500; letter-spacing:.09em;text-transform:uppercase;padding:17px 34px;border:1px solid var(--black); cursor:pointer;transition:.2s }
.gp .btn:hover { background:#2b2b2b;border-color:#2b2b2b }
.gp .btn--ghost { background:transparent;color:var(--text);border:1px solid var(--text) }
.gp .btn--ghost:hover { background:var(--text);color:#fff }
.gp .btn--wide { width:100% }
.gp .btn:after { content:"›";font-size:16px;line-height:1;opacity:.85 }
.gp .btn--noarrow:after { content:none }
.gp .crumbs { font-size:14px;line-height:18px;color:var(--muted);padding:16px 0 }
.gp .crumbs a:hover { color:var(--accent-dark) }
.gp .crumbs span { margin:0 7px;opacity:.5 }
.gp .ic { display:block;width:28px;height:28px;color:var(--accent-dark);flex-shrink:0 }
.gp .hero__usp i { display:flex;align-items:flex-start }
.gp .adv__i i { display:block;margin-bottom:16px }
.gp .adv__i .ic { width:32px;height:32px }
.gp .gal div .ic { width:34px;height:34px;color:#9C8FA0;margin:0 auto 8px }
.gp .gal div { flex-direction:column }
.gp .hero { background:var(--accent-light);padding:56px 0 }
.gp .hero__grid { display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:start }
.gp .hero__usp { display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:32px 0 }
.gp .hero__usp div { display:flex;gap:12px;font-size:16px;line-height:24px }
.gp .hero__usp i { font-style:normal;flex-shrink:0 }
.gp .hero__cta { display:flex;gap:16px;flex-wrap:wrap }
.gp .form { background:#fff;padding:28px;border:1px solid var(--line) }
.gp .form h3 { margin:0 0 21px }
.gp .form p { font-size:16px;line-height:24px;color:var(--muted);margin:0 0 24px }
.gp .form input, .gp .form select, .gp .form textarea { width:100%;padding:16px;border:1px solid var(--line-grey); font-family:var(--font-body);font-size:16px;line-height:24px;color:var(--text);margin-bottom:16px;background:#fff }
.gp .form input:focus, .gp .form select:focus { outline:none;border-color:var(--accent) }
.gp .form__note { font-size:14px;line-height:18px;color:var(--muted);margin:16px 0 0 }
.gp .adv { display:grid;grid-template-columns:repeat(4,1fr);gap:24px }
.gp .adv__i { background:#fff;padding:28px;border:1px solid var(--line) }
.gp .adv__i i { font-style:normal;display:block;margin-bottom:16px }
.gp .adv__i b { display:block;font-size:16px;line-height:24px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px }
.gp .adv__i span { font-size:16px;line-height:24px }
.gp .geo { display:grid;grid-template-columns:1.15fr .85fr;gap:40px }
.gp .chips { display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px }
.gp .chip { background:#fff;border:1px solid var(--line);padding:8px 14px;font-size:16px;line-height:24px }
.gp .chip--mint { background:var(--accent-light);border-color:var(--accent-light) }
.gp .factbox { background:var(--accent-light);padding:28px }
.gp .factbox dl { margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:16px;line-height:24px }
.gp .factbox dt { color:var(--muted) }
.gp .factbox dd { margin:0;font-weight:500 }
.gp .tabs { display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow-x:auto }
.gp .tabs button { background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px; font-family:var(--font-body);font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap }
.gp .tabs button.is-active { color:var(--text);border-color:var(--accent) }
.gp .cards { display:grid;grid-template-columns:repeat(4,1fr);gap:24px }
.gp .card { background:var(--grey-bg);display:flex;flex-direction:column }
.gp .card__img { aspect-ratio:1/1;background:linear-gradient(135deg,#E9DDE4,#E1EDEC);display:flex;align-items:center;justify-content:center;font-size:44px;color:#fff }
.gp .card__b { padding:24px;text-align:center;display:flex;flex-direction:column;gap:8px;flex:1 }
.gp .card__price { font-size:18px;line-height:24px;font-weight:700;color:#000 }
.gp .card__name { font-size:16px;line-height:24px;flex:1 }
.gp .card .btn { margin-top:8px;padding:14px 24px }
.gp .faq { max-width:900px;margin:0 auto }
.gp .faq details { border-bottom:1px solid var(--line);padding:24px 0 }
.gp .faq summary { cursor:pointer;font-size:18px;line-height:28.8px;font-weight:700;color:#000;list-style:none;display:flex;justify-content:space-between;gap:20px }
.gp .faq summary::-webkit-details-marker { display:none }
.gp .faq summary:after { content:"+";color:var(--accent-dark);font-size:22px;line-height:1 }
.gp .faq details[open] summary:after { content:"–" }
.gp .faq p { margin:16px 0 0;font-size:18px;line-height:28.8px }
.gp .map { display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:stretch }
.gp .map__canvas { background:var(--accent-light);min-height:380px;display:flex;align-items:center;justify-content:center; color:var(--accent-dark);font-size:16px;line-height:24px;text-align:center;border:1px dashed var(--accent);padding:24px }
.gp .map__side { background:#fff;border:1px solid var(--line);padding:28px }
.gp .map__side h3 { margin:0 0 21px }
.gp .zone { display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:24px }
.gp .zone:last-child { border:0 }
.gp .zone b { white-space:nowrap }
.gp .links { display:grid;grid-template-columns:repeat(4,1fr);gap:24px }
.gp .links a { background:#fff;border:1px solid var(--line);padding:16px 20px;font-size:16px;line-height:24px;transition:.2s;display:flex;justify-content:space-between;gap:16px }
.gp .links a:hover { border-color:var(--accent);background:var(--accent-light) }
.gp .links a span { color:var(--muted);font-size:14px;line-height:18px }
.gp .rev { display:grid;grid-template-columns:repeat(3,1fr);gap:24px }
.gp .rev__i { background:#fff;border:1px solid var(--line);padding:28px }
.gp .rev__stars { color:var(--yellow);letter-spacing:2px;margin-bottom:12px }
.gp .rev__i b { display:block;margin-bottom:4px }
.gp .rev__i time { font-size:14px;line-height:18px;color:var(--muted);display:block;margin-bottom:16px }
.gp .rev__i p { font-size:18px;line-height:28.8px;margin:0 }
.gp .shop { display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start }
.gp .gal { display:grid;grid-template-columns:repeat(2,1fr);gap:24px }
.gp .gal div { aspect-ratio:4/3;background:linear-gradient(135deg,#E9DDE4,#E1EDEC);display:flex;align-items:center;justify-content:center; color:#7A6B74;font-size:16px;letter-spacing:.04em;text-align:center;padding:12px }
.gp .gal div:first-child { grid-column:1/-1;aspect-ratio:16/9 }
.gp .info dl { margin:0 0 32px;display:grid;grid-template-columns:170px 1fr;gap:16px 24px;font-size:18px;line-height:28.8px }
.gp .info dt { color:var(--muted) }
.gp .info dd { margin:0 }
.gp .badge { display:inline-block;background:var(--accent);color:#fff;font-size:14px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;margin-bottom:24px }
.gp .route { background:var(--grey-bg);padding:28px;margin-top:32px }
.gp .route ol { margin:0;padding-left:20px;font-size:16px;line-height:24px }
.gp .timeline { display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;counter-reset:s }
.gp .timeline div { position:relative;padding:0 24px 0 0 }
.gp .timeline div:before { counter-increment:s;content:counter(s);width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff; display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:16px }
.gp .timeline div:after { content:"";position:absolute;top:19px;left:38px;right:24px;height:1px;background:var(--accent);opacity:.4 }
.gp .timeline div:last-child:after { display:none }
.gp .timeline b { display:block;font-size:18px;line-height:24px;color:#000;margin-bottom:4px }
.gp .timeline span { font-size:16px;line-height:24px }
.gp .exits { display:grid;grid-template-columns:repeat(3,1fr);gap:24px }
.gp .exits div { background:#fff;border:1px solid var(--line);padding:28px }
.gp .exits b { display:block;margin-bottom:6px }
.gp .exits span { font-size:16px;line-height:24px }
.gp .seotext { max-width:1100px;font-size:18px;line-height:28.8px }
.gp .protobar { background:#402D3A;color:#fff;font-size:14px;line-height:18px;padding:10px 0 }
.gp .protobar .container { display:flex;gap:24px;flex-wrap:wrap;align-items:center }
.gp .protobar b { background:var(--accent);color:#0d2b2a;padding:3px 9px;letter-spacing:.06em;text-transform:uppercase;font-size:14px }
.gp .protobar code { background:rgba(255,255,255,.14);padding:3px 8px }
.gp .metabox { background:#2C1F28;color:#D9CFD5;font-size:14px;line-height:20px;padding:22px 0 }
.gp .metabox .container { display:grid;grid-template-columns:110px 1fr;gap:8px 18px }
.gp .metabox b { color:var(--accent) }

@media (max-width:1100px){
.gp .hero__grid, .gp .geo, .gp .map, .gp .shop { grid-template-columns:1fr }
.gp .adv, .gp .cards, .gp .links, .gp .rev, .gp .exits { grid-template-columns:repeat(2,1fr) }
.gp .map__canvas { min-height:280px }
.gp .timeline { grid-template-columns:1fr;gap:32px }
.gp .timeline div { padding:0 0 0 56px;min-height:38px }
.gp .timeline div:before { position:absolute;left:0;top:0;margin:0 }
.gp .timeline div:after { display:none }
}

@media (max-width:680px){
.gp .container { padding:0 18px }
.gp .section { padding:40px 0 }
.gp .hero { padding:40px 0 }
.gp h1 { font-size:30px;line-height:38px;margin:0 0 20px }
.gp h2 { font-size:24px;line-height:32px;margin:0 0 24px }
.gp h3 { font-size:22px;line-height:28px;margin:24px 0 16px }
.gp .lead { font-size:17px;line-height:26px }
.gp .adv, .gp .cards, .gp .links, .gp .rev, .gp .exits, .gp .hero__usp, .gp .gal { grid-template-columns:1fr }
.gp .hero__grid, .gp .geo, .gp .map, .gp .shop { gap:32px }
.gp .info dl { grid-template-columns:1fr;gap:4px 0 }
.gp .info dt { margin-top:12px }
.gp .factbox dl { grid-template-columns:1fr;gap:4px 0 }
.gp .factbox dt { margin-top:12px }
.gp .form, .gp .adv__i, .gp .factbox, .gp .map__side, .gp .rev__i, .gp .exits div, .gp .route { padding:20px }
.gp .card__b { padding:20px }
.gp .gal div:first-child { aspect-ratio:4/3 }
.gp .btn { width:100%;padding:16px 20px }
.gp .hero__cta { gap:12px }
.gp .hero__cta .btn, .gp .info .btn { width:100% }
.gp .card .btn { width:100% }
.gp .faq summary { font-size:17px;line-height:24px }
.gp .faq p { font-size:17px;line-height:26px }
.gp .seotext { font-size:17px;line-height:26px }
.gp .metabox .container { grid-template-columns:1fr;gap:2px 0 }
.gp .metabox b { margin-top:10px }
.gp .protobar .container { gap:8px }
}

/* ---------- посадка в шаблон сайта ---------- */
.gp { box-sizing: border-box; font-size: 18px; line-height: 28.8px; color: #402D3A; background: #fff }
.gp .container { max-width: 1440px; margin: 0 auto; padding: 0 40px; width: 100% }
.gp .section:first-child { padding-top: 0 }
.gp img { max-width: 100%; height: auto }
.gp .container ul { list-style: none; padding-left: 0 }
.gp .container ol { list-style: decimal; padding-left: 20px }

/* ---------- динамический блок каталога ---------- */
.gp .geo-loading { grid-column: 1/-1; padding: 40px 0; text-align: center; color: #676265; font-size: 16px }
.gp .card__img { aspect-ratio: 1/1; overflow: hidden; background: #F3EFF1; display: block }
.gp .card__img img { width: 100%; height: 100%; object-fit: cover; display: block }
.gp .card__art { font-size: 14px; line-height: 18px; color: #676265 }

@media (max-width: 680px) { .gp .container { padding: 0 18px } }

/* ---------- ИКОНКИ (в CSS, а не в контенте: UMI вырезает inline <svg>) ----------
   В разметке достаточно пустого тега с классом: <i class="ic-truck"></i>
   -------------------------------------------------------------------------- */
.gp i[class^="ic-"], .gp i[class*=" ic-"] { display:inline-block; width:28px; height:28px;
  background-repeat:no-repeat; background-position:center; background-size:contain; flex-shrink:0; font-style:normal }
.gp .adv__i i[class^="ic-"] { width:32px; height:32px }
.gp i:empty:not([class]) { display:none }

.gp .ic-truck { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><path d='M3 16V6a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10'/><path d='M15 9h3.5a1 1 0 0 1 .8.4l1.9 2.5a1 1 0 0 1 .2.6V16'/><circle cx='7.5' cy='17.5' r='1.8'/><circle cx='17.5' cy='17.5' r='1.8'/><path d='M9.3 17.5h6.4M3 16h2.7'/></svg>") }
.gp .ic-shop { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><path d='M4 9.5V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9.5'/><path d='M3 6.5 4.6 4.3A1 1 0 0 1 5.4 4h13.2a1 1 0 0 1 .8.3L21 6.5'/><path d='M3 6.5a2.2 2.2 0 0 0 4.5 0 2.2 2.2 0 0 0 4.5 0 2.2 2.2 0 0 0 4.5 0 2.2 2.2 0 0 0 4.5 0'/><path d='M9.5 20v-5h5v5'/></svg>") }
.gp .ic-camera { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><path d='M3 8.5a1 1 0 0 1 1-1h2.6l1.2-2h6.4l1.2 2H20a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/><circle cx='12' cy='13' r='3.3'/></svg>") }
.gp .ic-card { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><rect x='2.5' y='6' width='19' height='12.5' rx='1.5'/><path d='M2.5 10.2h19M6 15h3.5'/></svg>") }
.gp .ic-florist { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><circle cx='12' cy='7.5' r='3'/><path d='M12 4.5V3M12 10.5V21M9.4 6l-1.3-.8M14.6 6l1.3-.8M9.4 9l-1.3.8M14.6 9l1.3.8'/><path d='M12 15c-1.6-2.4-4-2.6-5.5-2.2.3 1.6 1.8 3.6 5.5 3.4'/><path d='M12 17.5c1.6-2.4 4-2.6 5.5-2.2-.3 1.6-1.8 3.6-5.5 3.4'/></svg>") }
.gp .ic-leaf { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><path d='M20 4c-8 0-13 3.4-13 9.2 0 2.3 1 4.2 2.4 5.3C11 15 14 12 18 10.5'/><path d='M9.4 18.5C6.6 20 5 20.5 4 21'/></svg>") }
.gp .ic-shield { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><path d='M12 3.2 5 6v5.5c0 4 2.9 7.6 7 9.3 4.1-1.7 7-5.3 7-9.3V6z'/><path d='m9.2 12.2 2 2 3.6-3.8'/></svg>") }
.gp .ic-metro { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><circle cx='12' cy='12' r='9'/><path d='M7.5 15.5v-7l4.5 5 4.5-5v7'/></svg>") }
.gp .ic-clock { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><circle cx='12' cy='12' r='8.8'/><path d='M12 7v5.3l3.4 2'/></svg>") }
.gp .ic-timer { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><circle cx='12' cy='13.5' r='7.5'/><path d='M12 9.8v3.7l2.4 1.4'/><path d='M9.5 2.8h5M12 2.8v3.2M18.6 6.4l1.4-1.4'/></svg>") }
.gp .ic-walk { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><circle cx='13.2' cy='4.6' r='1.8'/><path d='M11 21l1.8-5.4-2.4-2.2.9-4.4 3.3 1.6 1.4 2.6 2.4.8'/><path d='M10.3 9l-2.6 1.4L6 14M12.8 15.6 15.6 21'/></svg>") }
.gp .ic-gift { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><rect x='3.5' y='9' width='17' height='11.5' rx='1'/><path d='M2.5 9h19v3.5h-19zM12 9v11.5'/><path d='M12 9C10.5 6 9.3 5 8.1 5a2 2 0 0 0 0 4M12 9c1.5-3 2.7-4 3.9-4a2 2 0 0 1 0 4'/></svg>") }
.gp .ic-fridge { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><rect x='5.5' y='2.8' width='13' height='18.4' rx='1.5'/><path d='M5.5 10h13M8.5 6v2M8.5 13v2.5'/></svg>") }
.gp .ic-flower { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><circle cx='12' cy='8' r='2.2'/><path d='M12 5.8a2.2 2.2 0 1 1 0 4.4M14.2 8a2.2 2.2 0 1 1-4.4 0'/><path d='M12 10.2V21M12 14.5c-1.5-1.6-3.4-1.8-4.7-1.6.2 1.3 1.4 2.8 4.7 2.7'/><path d='M12 17c1.5-1.6 3.4-1.8 4.7-1.6-.2 1.3-1.4 2.8-4.7 2.7'/></svg>") }
.gp .ic-pin { background-image: url("data:image/svg+xml,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235BB2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true' focusable='false'><path d='M12 21c3.7-4.2 6-7.2 6-9.9A6 6 0 0 0 6 11.1c0 2.7 2.3 5.7 6 9.9z'/><circle cx='12' cy='11' r='2.3'/></svg>") }

/* ---------- ИКОНКИ ФОНОМ ----------
   UMI вырезает из контента пустые строчные теги (<i>, <span>), поэтому иконку
   вешаем фоном на блок, который в контенте гарантированно живёт.
   Разметку менять не нужно — порядок блоков в шаблоне гео-страниц фиксирован.
   Чтобы поменять иконку, подставьте другую в соответствующий :nth-child.
   ----------------------------------- */
.gp .hero__usp div { padding-left: 40px; background-repeat: no-repeat;
  background-position: left 2px; background-size: 28px 28px; min-height: 28px }
.gp .hero__usp i { display: none }
.gp .adv__i { padding-top: 78px; background-repeat: no-repeat;
  background-position: 28px 28px; background-size: 32px 32px }
.gp .adv__i i { display: none }

.gp .hero__usp div:nth-child(1) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M3 16V6a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10%22/%3E%3Cpath d=%22M15 9h3.5a1 1 0 0 1 .8.4l1.9 2.5a1 1 0 0 1 .2.6V16%22/%3E%3Ccircle cx=%227.5%22 cy=%2217.5%22 r=%221.8%22/%3E%3Ccircle cx=%2217.5%22 cy=%2217.5%22 r=%221.8%22/%3E%3Cpath d=%22M9.3 17.5h6.4M3 16h2.7%22/%3E%3C/svg%3E") }
.gp .hero__usp div:nth-child(2) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M4 9.5V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9.5%22/%3E%3Cpath d=%22M3 6.5 4.6 4.3A1 1 0 0 1 5.4 4h13.2a1 1 0 0 1 .8.3L21 6.5%22/%3E%3Cpath d=%22M3 6.5a2.2 2.2 0 0 0 4.5 0 2.2 2.2 0 0 0 4.5 0 2.2 2.2 0 0 0 4.5 0 2.2 2.2 0 0 0 4.5 0%22/%3E%3Cpath d=%22M9.5 20v-5h5v5%22/%3E%3C/svg%3E") }
.gp .hero__usp div:nth-child(3) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M3 8.5a1 1 0 0 1 1-1h2.6l1.2-2h6.4l1.2 2H20a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z%22/%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%223.3%22/%3E%3C/svg%3E") }
.gp .hero__usp div:nth-child(4) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Crect x=%222.5%22 y=%226%22 width=%2219%22 height=%2212.5%22 rx=%221.5%22/%3E%3Cpath d=%22M2.5 10.2h19M6 15h3.5%22/%3E%3C/svg%3E") }
.gp .adv__i:nth-child(1) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Ccircle cx=%2212%22 cy=%227.5%22 r=%223%22/%3E%3Cpath d=%22M12 4.5V3M12 10.5V21M9.4 6l-1.3-.8M14.6 6l1.3-.8M9.4 9l-1.3.8M14.6 9l1.3.8%22/%3E%3Cpath d=%22M12 15c-1.6-2.4-4-2.6-5.5-2.2.3 1.6 1.8 3.6 5.5 3.4%22/%3E%3Cpath d=%22M12 17.5c1.6-2.4 4-2.6 5.5-2.2-.3 1.6-1.8 3.6-5.5 3.4%22/%3E%3C/svg%3E") }
.gp .adv__i:nth-child(2) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M20 4c-8 0-13 3.4-13 9.2 0 2.3 1 4.2 2.4 5.3C11 15 14 12 18 10.5%22/%3E%3Cpath d=%22M9.4 18.5C6.6 20 5 20.5 4 21%22/%3E%3C/svg%3E") }
.gp .adv__i:nth-child(3) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M3 8.5a1 1 0 0 1 1-1h2.6l1.2-2h6.4l1.2 2H20a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z%22/%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%223.3%22/%3E%3C/svg%3E") }
.gp .adv__i:nth-child(4) { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235BB2AE%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 aria-hidden=%22true%22 focusable=%22false%22%3E%3Cpath d=%22M12 3.2 5 6v5.5c0 4 2.9 7.6 7 9.3 4.1-1.7 7-5.3 7-9.3V6z%22/%3E%3Cpath d=%22m9.2 12.2 2 2 3.6-3.8%22/%3E%3C/svg%3E") }