/* =========================================================
   Subcategories with image (Shoptet)
   Cíl: schovat bílé okraje, které Shoptet přidává do miniatur,
        a mít konzistentní zaoblení (radius 15px).
   Princip: fixní čtvercový "frame" + overflow:hidden,
            obrázek uvnitř jako cover (ořez, bez deformace).
   ========================================================= */

/* DESKTOP / TABLET (>= 769px) */
@media (min-width:769px){
  .subcategories.with-image .image{
    width:100px!important;
    height:100px!important;
    border-radius:15px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .subcategories.with-image .image img{
    width:140px!important;     /* Shoptet často servíruje 140×100 s bílým okrajem */
    height:100px!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
    display:block!important;
  }
}

/* MOBIL (<= 768px) */
@media (max-width:768px){
  .subcategories.with-image .image{
    width:72px!important;
    height:72px!important;
    border-radius:15px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto 10px!important;
    background:#fff!important; /* sjednocení pozadí, kdyby Shoptet pod miniaturou něco kreslil */
  }
  .subcategories.with-image .image img{
    width:140px!important;     /* stále ořezáváme "širokou" miniaturu */
    height:100px!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
    display:block!important;
  }
  .subcategories.with-image li>a{
    text-align:center!important;
  }
}