/* FRONT 11.10 — GEO v4: blok „Poradniki zakupowe” (strona główna) i data aktualizacji poradnika (kategoria).
   12.10 (uwaga Wiktora „bez naszego template”): blok na klockach SG — tło z fakturą jak „Polecane” (.promo),
   nagłówek .shead (Fraunces 30 px, kolor CTA), grupy jako karty jak kafel .pc (biała karta, linia, cień, pasek nazwy),
   linki jako wiersze na pełną szerokość karty (min. 44 px, linia jak stopka kafla, strzałka CTA po prawej) — jedna kolumna,
   wszystkie wiersze tej samej szerokości (uwaga Wiktora: bez pigułek o szerokości tekstu). Karty w kolumnach strony
   o równej szerokości. Treść i kolejność bez zmian.
   12.10 v3 (uwaga Wiktora 18:41): siatka w RZĘDACH (12 kolumn): rząd 3 kart = po 4 kolumny, rząd 2 kart = po 6 kolumn
   (wtedy linki w 2 równych kolumnach). Karty w rzędzie: wspólna góra, ta sama wysokość, wiersze linków tej samej wysokości. */
.mk-poradniki{position:relative;background-color:#EADFC6;background-image:var(--tex);background-size:220px 220px}
.mk-poradniki::before{content:'';position:absolute;left:50%;margin-left:-50vw;width:100vw;top:0;bottom:0;background-color:#EADFC6;background-image:var(--tex);background-size:220px 220px;z-index:0}
.mk-poradniki .in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:52px 30px 60px;box-sizing:border-box}
.mk-poradniki .shead{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:22px}
.mk-poradniki .shead h2{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.2;margin:0;color:var(--cta,#E8632B)}
.mk-poradniki-siatka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.mk-por-k3{grid-column:span 4}
.mk-por-k2{grid-column:span 6}
.mk-por-k1{grid-column:span 12}
.mk-poradniki-gr{display:flex;flex-direction:column;min-width:0;margin:0;background:#fff;border:1px solid var(--mameko-line,#E6D9BB);border-radius:var(--radius-card,16px);overflow:hidden;box-shadow:0 12px 30px rgba(58,43,51,.18)}
.mk-poradniki-gr h3{margin:0;padding:12px 16px;background:var(--mameko-bar,#F0E6CD);border-bottom:1px solid var(--mameko-line,#E6D9BB);font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--mameko-fig,#3A2B33)}
.mk-poradniki-gr ul{list-style:none;margin:0 0 -1px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:46px;align-content:start;flex:1 1 auto}
.mk-por-2kol ul{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--mk-por-wiersze,1),46px);grid-auto-flow:column;column-gap:0}
.mk-poradniki-gr li{margin:0;padding:0;border-bottom:1px solid var(--mameko-line,#E6D9BB);min-width:0}
.mk-poradniki-gr a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;min-height:44px;padding:0 16px;box-sizing:border-box;background:#fff;color:var(--mameko-fig,#3A2B33);font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;overflow-wrap:anywhere;transition:border-color .15s,color .15s,background .15s}
.mk-poradniki-gr a::after{content:"→";flex:0 0 auto;font-weight:400;color:var(--cta,#E8632B)}
.mk-poradniki-gr a:hover,.mk-poradniki-gr a:focus-visible{color:var(--cta,#E8632B);background:var(--mameko-ivory,#F7F1E1)}
.mk-kat-zaktualizowano{margin:14px 0 0;font-size:14px;line-height:1.4;color:#5f5648}
@media (max-width:900px){
  .mk-por-k3,.mk-por-k2,.mk-por-k1{grid-column:span 6}
  .mk-por-2kol ul{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}
}
@media (max-width:600px){
  .mk-poradniki .in{padding:36px 16px 44px}
  .mk-poradniki .shead h2{font-size:24px}
  .mk-poradniki-siatka{gap:12px}
  .mk-por-k3,.mk-por-k2,.mk-por-k1{grid-column:span 12}
  .mk-poradniki-gr h3{padding:10px 14px;font-size:16px}
  .mk-poradniki-gr a{font-size:15px;padding:0 14px}
  .mk-kat-zaktualizowano{font-size:15px}
}