/* TaxGrid — Giełda Leadów — redesign v2 (handoff 2026-06-25): paleta #E23345/#2A3340, logo siatka 3×3 */
/* Fonty self-hosted (nasz odpowiednik Plus Jakarta Sans → Archivo/Hanken; mono = JetBrains). */
/* base = latin, -ext = latin-ext (polskie znaki ąćęłńśźż). unicode-range jak we fontsource. */
@font-face{font-family:'Archivo';src:url('fonts/archivo.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';src:url('fonts/archivo-ext.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Hanken';src:url('fonts/hanken.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Hanken';src:url('fonts/hanken-ext.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains';src:url('fonts/jetbrains.woff2') format('woff2');font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains';src:url('fonts/jetbrains-ext.woff2') format('woff2');font-weight:400 600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#eceef1;--card:#fff;
  --ink:#2a3340;--ink-soft:#5c6672;--ink-2:#42505f;
  --meta:#7c8590;--meta-2:#8a929c;--slate:#9aa2ac;--faint:#aeb5bd;
  --line:#e1e5ea;--line-2:#dde1e6;--line-3:#eef0f2;--dash:#d7dce2;
  --crimson:#e23345;--crimson-d:#c42a3b;--crimson-shadow:rgba(226,51,69,.30);
  --ok:#1f8a5b;--ok-bg:#e8f4ec;--ok-line:#cfe7d8;--ok-2:#4f7a63;
  --panel:#29313d;--panel-2:#2a3340;--field:#343d4a;--field-line:#444d5b;
  --tag-bg:#f1f3f5;
  --sans:'Hanken',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --head:'Archivo',var(--sans);
  --mono:'JetBrains','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --radius:14px;--maxw:1080px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:var(--crimson)}
h1,h2,h3{font-family:var(--head);font-weight:800;line-height:1.1;letter-spacing:-.015em;margin:0 0 .4em}

/* === Logo: siatka 3×3 z jednym czerwonym polem (LOGO.md, kierunek B) ===
   Renderowane jako tło SVG → wszystkie podstrony (.brand-mark) dostają nowy znak bez zmian w markupie. */
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 0 0}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.brand-mark{width:24px;height:24px;flex:0 0 auto;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3Crect x='18.5' y='4' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3Crect x='33' y='4' width='11' height='11' rx='2.5' fill='%23E23345'/%3E%3Crect x='4' y='18.5' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3Crect x='18.5' y='18.5' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3Crect x='33' y='18.5' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3Crect x='4' y='33' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3Crect x='18.5' y='33' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3Crect x='33' y='33' width='11' height='11' rx='2.5' fill='none' stroke='%23C7CCD3' stroke-width='2.5'/%3E%3C/svg%3E")}
.brand b{color:var(--crimson);font-weight:800}
.nav .lead-region{font-size:14px;color:var(--meta)}

/* === HERO — 2 kolumny: tekst + przykładowa karta kontaktu === */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:60px 0 52px}
.hero h1{font-size:clamp(30px,5.2vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0 0 22px}
.hero h1 .dot{color:var(--crimson)}
.hero-lead{font-size:clamp(16px,2.2vw,19px);line-height:1.5;color:var(--ink-soft);margin:0 0 26px;max-width:30em}
.hero-lead b{color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.chips span{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13.5px;color:var(--ink)}
.chips span::before{content:"✓";color:var(--ok);font-weight:700}
.chips b{font-weight:700}
.btn-cta{display:inline-flex;align-items:center;gap:9px;background:var(--crimson);color:#fff;font-family:var(--head);font-weight:700;font-size:16px;padding:15px 26px;border-radius:11px;text-decoration:none;box-shadow:0 6px 18px var(--crimson-shadow);transition:background .15s}
.btn-cta:hover{background:var(--crimson-d)}
.cta-sub{font-size:13px;color:var(--meta-2);margin:14px 0 0}

/* Przykładowa karta kontaktu (hero) — kluczowy element konwersji */
.sample{position:relative}
.sample-tag{position:absolute;top:-12px;left:18px;z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.04em;background:var(--panel-2);color:#fff;padding:5px 10px;border-radius:6px}
.sample-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 50px rgba(42,51,64,.10)}
.sc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.sc-region{font-family:var(--mono);font-size:12px;color:var(--meta);margin-bottom:5px}
.sc-type{font-family:var(--head);font-weight:800;font-size:17px}
.sc-time{font-family:var(--mono);font-size:11px;color:var(--slate);white-space:nowrap}
.sc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.sc-tags span{font-size:12px;background:var(--tag-bg);border-radius:6px;padding:5px 9px;color:var(--ink-soft)}
.sc-verify{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.sc-verify span{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ok)}
.sc-verify span::before{content:"✓";font-weight:700}
.sc-locked{position:relative;border:1px dashed var(--dash);border-radius:11px;padding:14px;margin-bottom:18px;overflow:hidden}
.sc-locked .blur{filter:blur(5px);user-select:none;font-size:14px;line-height:1.7;color:var(--ink-2)}
.sc-locked .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--meta);background:rgba(255,255,255,.35)}
.sc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.sc-was{font-family:var(--mono);font-size:12px;color:var(--slate);text-decoration:line-through}
.sc-now{font-family:var(--head);font-size:22px;font-weight:800;margin-left:6px}
.sc-netto{font-size:12px;color:var(--meta);font-weight:500}
.sc-slots{font-family:var(--mono);font-size:11px;color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:5px 9px;white-space:nowrap}

/* === Pasek ceny założycielskiej (founder strip) === */
.founder{background:var(--ok-bg);border:1px solid var(--ok-line);border-radius:16px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 56px}
.founder-copy{flex:1;min-width:300px}
.founder-copy .t{font-family:var(--head);font-weight:800;font-size:16px;color:var(--ink);margin-bottom:6px}
.founder-copy .t b{color:var(--ok)}
.founder-copy .d{font-size:14px;color:var(--ok-2)}
.founder-meter{min-width:220px}
.founder-meter .row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--ok);margin-bottom:7px}
.founder-bar{height:8px;background:var(--ok-line);border-radius:99px;overflow:hidden}
.founder-fill{height:100%;background:var(--ok);border-radius:99px}

/* === Sekcje === */
.sec{margin:0 0 56px}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.sec-h h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.015em;margin:0}
.sec-h .count{font-family:var(--mono);color:var(--slate);font-size:13px;text-align:right}
.sec-lead{font-size:15.5px;color:var(--ink-soft);margin:0 0 24px;max-width:52em}
.sec-lead b{color:var(--ink)}

/* Pusty stan: 3 przykładowe karty + ciemny baner CTA */
.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ex-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column}
.ex-badge{position:absolute;top:14px;right:14px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--faint);border:1px solid var(--line-3);border-radius:5px;padding:3px 6px}
.ex-region{font-family:var(--mono);font-size:11.5px;color:var(--meta);margin-bottom:5px}
.ex-type{font-family:var(--head);font-weight:800;font-size:16px;margin-bottom:12px}
.ex-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.ex-tags span{font-size:11.5px;background:var(--tag-bg);border-radius:6px;padding:4px 8px;color:var(--ink-soft)}
.ex-verify{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.ex-verify span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ok)}
.ex-verify span::before{content:"✓";font-weight:700}
.ex-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--line-3)}
.ex-was{font-family:var(--mono);font-size:11px;color:var(--faint);text-decoration:line-through}
.ex-now{font-family:var(--head);font-size:18px;font-weight:800}
.ex-now .netto{font-size:11px;font-weight:500;color:var(--slate)}
.ex-slots{font-family:var(--mono);font-size:10.5px;color:var(--ok);background:var(--ok-bg);border-radius:5px;padding:4px 7px;white-space:nowrap}
.empty-cta{margin-top:22px;background:var(--panel-2);border-radius:16px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.empty-cta p{margin:0;color:#dfe3e8;font-size:15.5px;max-width:40em}
.empty-cta p b{color:#fff}
.empty-cta .btn-cta{font-size:15px;padding:13px 22px;border-radius:10px;box-shadow:none;white-space:nowrap}

/* === „Skąd są te kontakty?" — 4 ponumerowane karty === */
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.how-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.how-n{font-family:var(--mono);font-size:13px;color:var(--crimson);font-weight:500;margin-bottom:12px}
.how-card p{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0}
.how-card b{color:var(--ink)}

/* === Gwarancja faktów === */
.guarantee{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:14px;padding:26px 28px;margin:0 0 56px}
.guarantee h2{font-size:20px;font-weight:700;margin:0 0 10px}
.guarantee p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6;max-width:62em}
.guarantee b{color:var(--ink)}

/* === Realne leady (gdy giełda niepusta) — pełnoszerokościowy WIERSZ === */
.leads-list{display:flex;flex-direction:column;gap:14px}
.lead-row{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 26px;display:flex;gap:28px;align-items:center}
.lr-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px}
.lr-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.lr-forma{font-family:var(--head);font-weight:800;font-size:15px;letter-spacing:.02em;color:#fff;background:var(--ink);padding:6px 15px;border-radius:9px;white-space:nowrap}
.lr-imie{font-family:var(--head);font-weight:800;font-size:17px;color:var(--ink)}
.lr-branza{font-size:18px;color:var(--ink)}
.lr-branza b{font-weight:800}
.lr-region{color:var(--ink-soft);font-size:15px}
.lr-sytuacja{font-size:12.5px;color:var(--ink-soft);background:var(--tag-bg);border-radius:999px;padding:3px 12px}
.lr-facts{display:flex;flex-wrap:wrap;gap:6px 24px;color:var(--ink-soft);font-size:14px}
.lr-facts b{font-family:var(--mono);color:var(--ink);font-weight:600}
.lr-money{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.lr-money span{font-size:14px;color:var(--ink-soft);background:#f6f7f9;border:1px solid var(--line);border-radius:8px;padding:6px 12px}
.lr-money b{font-family:var(--mono);font-weight:700}
.lr-wycena b{color:var(--ink)}
.lr-budzet b{color:var(--ok)}
.lr-buy{flex:0 0 auto;width:190px;align-self:stretch;border-left:1px solid var(--line);padding-left:26px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;gap:6px}
.lr-cena-label{font-size:11px;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}
.lr-cena{font-family:var(--head);font-weight:800;font-size:26px;line-height:1.15}
.lr-cena .netto-tag{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink-soft);margin-left:5px}
.lr-cena .cena-old{display:block;text-decoration:line-through;color:var(--slate);font-size:15px;font-weight:600}
.lr-licznik{font-size:13px;color:var(--ink-soft)}
.lr-licznik b{font-family:var(--mono);color:var(--crimson)}
.lr-buy .btn-kup{width:auto;padding:13px 28px;margin-top:6px}

/* Zielony pasek zaufania na realnym leadzie (decyzja 2026-06-13) */
.lead-verified{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:9px 14px;background:var(--ok-bg);border:1px solid var(--ok-line);border-radius:10px}
.lead-verified .vchip{position:relative;padding-left:19px;font-size:13px;font-weight:700;color:#0a7d36;white-space:nowrap}
.lead-verified .vchip::before{content:"✓";position:absolute;left:0;top:-1px;font-weight:800}
/* Fakty-badge (scoring v1) — zachowane na wszelki wypadek */
.lead-badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.badge{font-size:11.5px;font-family:var(--mono);color:#8c2433;background:#fdeef0;border:1px solid #f3ccd2;border-radius:999px;padding:3px 9px;white-space:nowrap}
.aged-note{font-size:12px;color:#8a5a17;background:#fdf3e7;border:1px solid #f3d6b0;border-radius:8px;padding:6px 10px;margin-top:-4px}

/* === Przyciski (współdzielone z kup.php / dziekujemy.php / moderacja) === */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:12px;font-family:var(--head);font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;width:100%}
.btn-kup{background:var(--crimson);color:#fff;transition:background .15s}
.btn-kup:hover{background:var(--crimson-d)}

/* === Formularz zapisu (ciemny panel) === */
.sub{background:var(--panel);color:#fff;border-radius:20px;padding:42px;margin:0 0 48px;scroll-margin-top:24px}
.sub h2{color:#fff;font-size:clamp(22px,3.4vw,28px);letter-spacing:-.01em;margin:0 0 8px}
.sub p{color:#aeb8c4;font-size:16px;line-height:1.5;margin:0 0 24px;max-width:46em}
.sub form{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.sub select,.sub input[type=email]{height:52px;background:var(--field);border:1px solid var(--field-line);color:#fff;border-radius:11px;font-size:15px;font-family:var(--sans)}
.sub select{flex:1 1 200px;min-width:180px;padding:0 16px}
.sub input[type=email]{flex:1.4 1 240px;min-width:220px;padding:0 18px}
.sub input[type=email]::placeholder{color:#9aa3b1}
.sub .btn-sub{flex:0 0 auto;width:auto;height:52px;min-height:0;background:var(--crimson);color:#fff;padding:0 30px;white-space:nowrap}
.sub .btn-sub:hover{background:var(--crimson-d)}
.sub-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.sub .muted{color:#8b95a3;font-size:13px;margin:0}
.sub .push-link{font-size:13px;color:#cfd6df;text-decoration:underline;text-underline-offset:2px;background:none;border:0;padding:0;cursor:pointer;font-family:var(--sans)}
.sub-done{text-align:center;padding:24px 0}
.sub-done .tick{font-size:40px;margin-bottom:12px;color:var(--ok)}
.sub-done h2{margin:0 0 8px}
.sub-done p{color:#aeb8c4;margin:0 auto;max-width:46em}
.sub-done p b{color:#fff}
.sub-done .sub-region{margin-top:14px;font-size:13px}
.sub-done .sub-region b{font-family:var(--mono)}

/* === Sprzedane (dowód) — siatka kart === */
.grid{display:grid;gap:16px;grid-template-columns:1fr}
.lead-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}
.lead-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lead-forma{font-family:var(--mono);font-size:12px;font-weight:600;color:#fff;background:var(--ink);padding:3px 9px;border-radius:999px;white-space:nowrap}
.lead-region{color:var(--ink-soft);font-size:14px}
.lead-branza{font-size:19px;margin:0}
.lead-meta{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.lead-meta li{display:flex;flex-direction:column}
.lead-meta span{font-size:11px;color:var(--slate);text-transform:uppercase;letter-spacing:.04em}
.lead-meta b{font-family:var(--mono);font-size:15px;color:var(--ink);font-weight:600}
.lead-cena{font-family:var(--head);font-weight:800;font-size:22px}
.lead-cena .cena-old{text-decoration:line-through;color:var(--slate);font-size:15px;font-weight:600;margin-right:6px}
.lead-cena .netto-tag{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink-soft);margin-left:4px}
.sold .lead-card{opacity:.72}
.badge-sold{display:inline-flex;align-items:center;gap:6px;min-height:50px;justify-content:center;background:#eef0f3;color:var(--ink-soft);border-radius:12px;font-family:var(--head);font-weight:700;font-size:15px}
.badge-sold::before{content:"✓";color:var(--ok);font-weight:800}

/* Awaryjny pusty stan (gdyby przykłady wyłączyć) */
.empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;color:var(--ink-soft)}

/* === Stopka === */
.foot{border-top:1px solid var(--line-2);margin-top:8px;padding:26px 0 40px;color:var(--meta-2);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.foot .foot-op{max-width:60%;line-height:1.6}
.foot .foot-links{display:flex;gap:14px;align-items:flex-start}
.foot a{color:var(--ink-soft);text-decoration:none}

/* === Responsywność === */
@media(max-width:860px){
  .hero{grid-template-columns:1fr;gap:36px;padding:40px 0 36px}
  .how{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .examples{grid-template-columns:1fr}
  .lead-row{flex-direction:column;align-items:stretch;gap:16px;padding:18px}
  .lr-buy{width:auto;border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:16px;align-items:stretch;text-align:left}
  .lr-buy .btn-kup{width:100%}
  .sub{padding:30px 22px}
  .foot .foot-op{max-width:100%}
}
@media(max-width:560px){
  .how{grid-template-columns:1fr}
  .sub form{flex-direction:column}
  .sub select,.sub input[type=email],.sub .btn-sub{flex:1 1 auto;width:100%}
}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:920px){.grid{grid-template-columns:repeat(3,1fr)}}