/* W-0084: «Главное» (home) / «Коротко о главном» (model pages), templates/partials/geo_facts.html: fact tiles with an icon + one
   quotable sentence (gen/geo.py). Inlined by build_prod (INLINE_CSS). Text >= 16 px (docs/design/VISUAL-REVIEW-CHECKLIST.md 13). */
.gf-line{max-width:72ch;margin:0 0 24px;font-size:18px;line-height:1.55;color:#14161a}
.band p.gf-line{color:#14161a}
/* a wrapping row whose tiles grow: a last row of 2 of 3 fills the width (design_gate balance: no half-empty last row) */
.gf-grid{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none}
.gf-tile{flex:1 1 200px;display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid rgba(20,22,26,.08);border-radius:14px;color:#14161a}
.gf-ico{flex:0 0 auto;width:44px;height:44px;padding:10px;box-sizing:border-box;border-radius:12px;background:#fbe9ea;color:#d6262d;margin-bottom:14px}
.gf-k{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5c6169}
.gf-tile .gf-v{margin:4px 0 8px;font-family:var(--f-disp);font-size:22px;font-weight:500;line-height:1.2;text-transform:none;letter-spacing:0;color:#14161a}
.gf-tile .gf-note{margin:0;font-size:16px;line-height:1.5;color:#3a3f46}
.pb-summary .gf-line{font-size:17px}
/* model pages below 900 px: the block stands right under the name and price (test_summary_order) and the first screen picture
   right after it must stay on the first screen (lazy_check: 1037 px of tiles pushed it to ~1600 px); the sentence above
   carries every fact of the tiles, so the phone keeps the sentence only */
@media (max-width:899px){.pb-summary .gf-grid{display:none}.pb-summary .gf-line{margin-bottom:0}}
@media (max-width:759px){
  .gf-line{font-size:16px;margin-bottom:18px}
  .gf-grid{display:grid;grid-template-columns:1fr;gap:10px}
  .gf-tile{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:16px}
  .gf-ico{grid-row:1/4;margin:0}
  .gf-tile .gf-v{font-size:20px;margin:2px 0 6px}
}