/* Ikonky kategórií, návrh v2 (14. 10. 2026). Pod ikonkou všade rovnaká pokojná plocha #f4f5ef, bez striedania farieb. */

/* Karty podkategórií v kategórii: kresba namiesto fotky, jedna farba */
.type-category #content .subcategories.with-image li:nth-child(n) .image { background: #f4f5ef; }
.type-category #content .subcategories.with-image .image img.k-ik { object-fit: contain; mix-blend-mode: normal; padding: 4% 14%; box-sizing: border-box; }

/* „Kam dnes vykročíme?“ na úvodnej stránke */
.in-index #content .u-kat-mriezka img.k-ik { width: 46px; height: 46px; padding: 3px; border-radius: 10px; background: #f4f5ef; mix-blend-mode: normal; box-sizing: border-box; }
@media (min-width: 768px) {
  .in-index #content .u-kat-mriezka img.k-ik { width: 60px; height: 60px; }
}

/* Prázdny košík: „Kam dnes vykročíme?“ rovnako ako na úvodnej stránke (karty s ikonkou a názvom namiesto farebných kruhov) */
.kp .kp-bubliny { grid-template-columns: repeat(4, 1fr); gap: 12px; }
.kp .kp-b { display: flex; align-items: center; gap: 14px; min-height: 72px; padding: 8px 14px; border: 1px solid #e3e6d9; border-radius: 14px;
  background: #fff; text-align: left; font-size: 15px; transition: border-color .2s, background .2s; }
.kp .kp-b:hover { border-color: #a0a98c; background: #eef0e6; }
.kp .kp-b i { flex: none; width: 60px; max-width: none; margin: 0; padding: 3px; box-sizing: border-box; border-radius: 10px; background: #f4f5ef !important; }
.kp .kp-b img.k-ik { width: 100%; height: auto; }
.kp .kp-b:hover i { transform: none; }
@media (max-width: 767px) {
  .kp .kp-bubliny { grid-template-columns: 1fr 1fr; gap: 8px; }
  .kp .kp-b { min-height: 54px; padding: 5px 10px; gap: 10px; font-size: 14px; }
  .kp .kp-b i { width: 46px; }
}

/* Horné menu: Disco dáva obrázku max-width 76px a max-height 54px (pomer 140 × 100). Štvorcová ikonka sa tým roztiahla do šírky,
   preto štvorec 76 × 76 a contain (selektor má vyššiu váhu ako pravidlo Disco) */
.navigation-in > ul > li.ext > ul > li > a.menu-image img.k-ik { width: 76px; height: 76px; max-width: none; max-height: none; object-fit: contain; }