.subcategories.with-image li > a {
  display: flex !important;
  flex-direction: row !important;   /* obrázok vžavo, text vpravo */
  align-items: center !important;
  justify-content: space-between !important;
  gap: 15px !important;
  text-decoration: none !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease !important;
  min-height: 100px !important;
}

/* obrázkový blok */
.subcategories.with-image .image {
  display: block !important;
  flex-shrink: 0 !important;
  margin-right: 15px !important;
}

.subcategories.with-image .image img {
  display: block !important;
  max-width: 70px !important;
  height: auto !important;
}

/* text */
.subcategories.with-image .text {
  display: block !important;
  font-family: var(--template-font, "Open Sans") !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #333 !important;
  text-align: left !important;
  line-height: 1.3 !important;
  flex: 1 !important;               /* nech sa text natiahne */
}

/* hover efekty */
.subcategories.with-image li > a:hover {
  border-color: #000 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
  transform: translateY(-2px) !important;
}

.subcategories.with-image li > a:hover .text {
  color: var(--color-primary, #1076b7) !important;
}