/* Homecategories 2.1.1 - wyglad blokow blockcmsinfo na stronie glownej (klasy ak-trust / ak-seo w tresci blokow) */

/* oba bloki na pelna szerokosc (motyw dawal 4/12 + 8/12) */
@media (min-width:768px) {
  #blockcmsinfo-1.blockcmsinfo-block, #blockcmsinfo-2.blockcmsinfo-block { width:100%; float:none; clear:both; }
}
/* osobna regula - przegladarka bez :has() pominie tylko ja (gdyby ID blokow sie zmienily) */
@media (min-width:768px) {
  .blockcmsinfo-block:has(.ak-trust, .ak-seo) { width:100%; float:none; clear:both; }
}

/* --- pasek zalet --- */
.blockcmsinfo-block .ak-trust { list-style:none; margin:8px 0 34px; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.blockcmsinfo-block .ak-trust > li { float:none; width:auto; margin:0; padding:18px 18px 16px; display:flex; gap:14px; align-items:flex-start; background:#F3F8FD; border:1px solid #DCEBF8; border-radius:10px; }
.blockcmsinfo-block .ak-trust > li > em { flex:0 0 44px; width:44px; height:44px; margin:0; border-radius:50%; background:#0B70B8; color:#fff; font-size:19px; line-height:44px; text-align:center; font-style:normal; }
.blockcmsinfo-block .ak-trust > li > div { padding:0; min-width:0; }
.blockcmsinfo-block .ak-trust .ak-t { margin:0 0 4px; font-size:16px; font-weight:700; line-height:1.3; color:#1A4F9F; }
.blockcmsinfo-block .ak-trust p { margin:0; font-size:14px; line-height:1.5; color:#3a4450; }
.blockcmsinfo-block .ak-trust a { color:#0B70B8; font-weight:600; white-space:nowrap; }

/* --- tekst o sklepie --- */
.blockcmsinfo-block .ak-seo { color:#333; font-size:15px; line-height:1.65; margin-bottom:30px; }
.blockcmsinfo-block .ak-seo h1 { margin:0 0 10px; font-size:30px; line-height:1.25; color:#1A4F9F; }
.blockcmsinfo-block .ak-seo .ak-lead { max-width:980px; margin:0 0 6px; font-size:16px; }
.blockcmsinfo-block .ak-seo h2 { margin:28px 0 14px; font-size:22px; line-height:1.3; color:#1A4F9F; }
.blockcmsinfo-block .ak-seo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.blockcmsinfo-block .ak-seo-grid > div { display:flex; flex-direction:column; padding:18px 20px 16px; background:#fff; border:1px solid #e6e8eb; border-radius:10px; }
.blockcmsinfo-block .ak-seo-grid h3 { margin:0 0 8px; font-size:17px; line-height:1.35; color:#222; }
.blockcmsinfo-block .ak-seo-grid p { margin:0 0 10px; font-size:14px; line-height:1.6; }
.blockcmsinfo-block .ak-seo-grid .ak-more { margin:auto 0 0; padding-top:4px; }
.blockcmsinfo-block .ak-seo a { color:#0B70B8; }
.blockcmsinfo-block .ak-seo .ak-more a { font-weight:600; text-decoration:none; }
.blockcmsinfo-block .ak-seo .ak-more a:after { content:" \2192"; }
.blockcmsinfo-block .ak-seo .ak-more a:hover { text-decoration:underline; }
.blockcmsinfo-block .ak-seo > p:last-child { max-width:980px; }

@media (max-width:991px) {
  .blockcmsinfo-block .ak-trust { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .blockcmsinfo-block .ak-seo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .blockcmsinfo-block .ak-trust, .blockcmsinfo-block .ak-seo-grid { grid-template-columns:1fr; gap:10px; }
  .blockcmsinfo-block .ak-trust > li { padding:14px; }
  .blockcmsinfo-block .ak-seo h1 { font-size:24px; }
  .blockcmsinfo-block .ak-seo h2 { font-size:20px; }
}
