/* AKL Staff Icon Layout Cleanup V2
   Nur Darstellung der Produkt-/Kategorie-Icons und Warenkorb-Kompaktheit.
   Keine API-/Session-/Bestelllogik. */

.aklProductIconImg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.catIcon.svgCatIcon,
.categoryIcon.svgCatIcon,
.staffCategoryIcon,
.staffProductIcon,
.productRowIcon,
.productIcon,
.product-icon,
.itemIcon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:5px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  flex:0 0 38px!important;
}

.categoryGrid,
.categoryList,
.categoryChips,
#categoryGrid,
#categoryList,
#categoryChips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
}

.categoryGrid > *,
.categoryList > *,
.categoryChips > *,
#categoryGrid > *,
#categoryList > *,
#categoryChips > *{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:44px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
}

.productRow,
.productItem,
.staffProductRow{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:64px!important;
  padding:10px 14px!important;
}

.productRow img[src*="/product-icons/"],
.productItem img[src*="/product-icons/"],
.staffProductRow img[src*="/product-icons/"]{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
}

.cartPanel,
.cartBox,
#cart,
#warenkorb,
.staffCart,
.orderCart{
  max-width:100%!important;
}

@media(min-width:900px){
  .cartPanel,
  .cartBox,
  #cart,
  #warenkorb,
  .staffCart,
  .orderCart{
    border-radius:22px!important;
  }
}

@media(max-width:760px){
  .catIcon.svgCatIcon,
  .categoryIcon.svgCatIcon,
  .staffCategoryIcon,
  .staffProductIcon,
  .productRowIcon,
  .productIcon,
  .product-icon,
  .itemIcon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
}