/* Блоки из анализа 100 сайтов (21.10.2026): факты в первом экране, три карточки, таблица
   «стекло × дефект», что влияет на цену, «Честно о полировке». Подключается без блокировки
   отрисовки; правила первого экрана (.h-facts, .btn-photo) продублированы в инлайновом <style>. */
.h-facts{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 0;max-width:520px;}
.h-facts span{display:inline-flex;align-items:center;font-size:13.5px;line-height:1.2;color:var(--ink);background:#fff;border:1px solid var(--line2);border-radius:100px;padding:6px 11px;}
.h-facts span:first-child{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:500;}
.btn-photo{display:inline-flex;align-items:center;gap:8px;background:var(--teal);color:#fff;border-radius:100px;padding:15px 26px;font-weight:500;font-size:15px;text-decoration:none;font-family:'Outfit',sans-serif;transition:opacity .2s;}
.btn-photo:hover{opacity:.9;}

#kpi{padding:28px 60px 8px;}
.kpi3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;}
.kpi3>div{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:18px 20px;}
.kpi3 b{display:block;font-size:22px;font-weight:500;color:var(--ink);margin-bottom:4px;}
.kpi3 span{font-size:13.5px;color:var(--ink2);line-height:1.5;}

.blk-h3{font-size:20px;font-weight:500;margin:36px 0 8px;color:var(--ink);}
.blk-note{font-size:13px;color:var(--ink2);line-height:1.6;margin:6px 0 0;}
.dtable-wrap{overflow-x:auto;margin:14px 0 0;background:#fff;border:1px solid var(--line2);border-radius:16px;}
.dtable{width:100%;border-collapse:collapse;font-size:14px;min-width:620px;}
.dtable th,.dtable td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.dtable tr:last-child th,.dtable tr:last-child td{border-bottom:0;}
.dtable thead th{font-size:13px;color:var(--ink2);font-weight:500;}
.dtable tbody th{font-weight:500;color:var(--ink);white-space:nowrap;}
.price-factors{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;list-style:none;padding:0;margin:10px 0 0;}
.price-factors li{font-size:15px;line-height:1.55;padding-left:16px;position:relative;color:var(--ink);}
.price-factors li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--teal);}
.p-compare{font-size:15px;line-height:1.7;color:var(--ink);margin:28px 0 0;max-width:760px;}
.p-cta{margin-top:22px;}

#honest{padding:90px 60px;background:var(--bg);}
#auto-links{padding:0 60px 90px;background:var(--bg);}
#auto-links .art-card b{margin-bottom:6px;}
.honest{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;}
.honest>div{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:22px;}
.honest h3,.honest-how h3{margin:0 0 10px;font-size:18px;font-weight:500;}
.honest .yes h3{color:var(--teal);}
.honest .no h3{color:#9a3b2e;}
.honest ul,.honest-how ul{list-style:none;margin:0;padding:0;}
.honest li,.honest-how li{position:relative;padding-left:22px;margin:9px 0;font-size:15px;line-height:1.55;color:var(--ink);}
.honest .yes li::before{content:"✓";position:absolute;left:0;color:var(--teal);}
.honest .no li::before{content:"✕";position:absolute;left:0;color:#9a3b2e;}
.honest a{color:var(--teal);}
.honest-how{background:var(--bg2);border-radius:16px;padding:22px;margin-top:16px;}
.honest-how li::before{content:"—";position:absolute;left:0;color:var(--teal);}
.honest-pay{margin:18px 0 0;font-size:15px;line-height:1.6;color:var(--ink);}

@media(max-width:640px){
  #kpi{padding:20px 16px 4px;}
  .kpi3{grid-template-columns:1fr;gap:8px;}
  .kpi3>div{display:flex;align-items:baseline;gap:10px;padding:12px 14px;}
  .kpi3 b{font-size:18px;margin:0;white-space:nowrap;}
  #honest{padding:56px 16px;}
  #auto-links{padding:0 16px 56px;}
  .honest,.price-factors{grid-template-columns:1fr;}
  .btn-photo{width:100%;justify-content:center;}
}