@media (min-width: 992px) {
.popup-widget.cart-widget {margin-left: 106px;}
}
@media (min-width: 1200px) {
.popup-widget.cart-widget {margin-left: 209px;}
}
@media (min-width: 1440px) {
.popup-widget.cart-widget {margin-left: 329px;}
}
.products-block:not(.products-additional) .p .image img {position: relative;width: calc(100% + 32px);max-width: none;margin-left: -16px;margin-top: -16px;}
@media (min-width: 768px){
.products-block:not(.products-additional) .p .image img {position: relative;width: calc(100% + 60px);max-width: none;margin-left: -30px;margin-top: -30px;}
}
@media (max-width: 480px) {
body.type-category .product.no-code .p .flags-extra, body.type-page .product.no-code .p .flags-extra, body.in-index .product.no-code .p .flags-extra {top: -13px;}
.flag.flag-discount:before {width: 40px;height: 40px;}
.flags-extra .flag {width: 40px;height: 40px;font-size: 12px;}
.flags-extra .flag .price-save {font-size: 12px;}
.p-image-wrapper .flags-extra .flag-discount:before {width: 62px;height: 62px;}
.p-image-wrapper .flags-extra .flag-discount .price-save {font-size: 20px;}
}
.is-header-black a.btn.cart-count.full i,.is-header-black.cart-window-visible .header-top .btn.cart-count:before,.is-header-black.cart-window-visible .header-top .btn.cart-count .cart-price,.is-header-black .header-top .btn.cart-count:before,.is-header-black .header-top .btn.cart-count .cart-price{color: white!important;}






/* --- Obal roletky: Šířka 70 %, zarovnáno doleva, Font Montserrat --- */
div.custom-accordion-wrapper {
  width: 70% !important;
  max-width: 70% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  font-family: 'Montserrat', sans-serif !important;
}

div.custom-accordion-wrapper .accordion__trigger {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
}

/* --- Mřížka / Tabulka produktů --- */
div.custom-accordion-wrapper .product-mini-table {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
  gap: 20px 15px !important;
  padding: 10px 0 !important;
}

/* Karta produktu jako dvouřádkový blok */
div.custom-accordion-wrapper .product-mini-card {
  display: block !important; /* Ruší jakýkoliv flexbox ze Shoptetu */
  width: 100% !important;
  text-align: center !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* 1. ŘÁDEK: FOTKA */
div.custom-accordion-wrapper .product-mini-card__row-img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background-color: #f6f6f6 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
  padding: 6px !important;
}

div.custom-accordion-wrapper .product-mini-card__row-img a {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

div.custom-accordion-wrapper .product-mini-card__row-img img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
  cursor: pointer !important;
}

/* Hover efekt na fotku - zvětšení */
div.custom-accordion-wrapper .product-mini-card__row-img:hover img {
  transform: scale(1.08) !important;
}

/* 2. ŘÁDEK: NÁZEV (vynuceně pod fotkou) */
div.custom-accordion-wrapper .product-mini-card__row-title {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  color: #222 !important;
  margin-top: 4px !important;
  word-wrap: break-word !important;
}

/* --- Responzivita pro mobilní zařízení --- */
@media (max-width: 768px) {
  div.custom-accordion-wrapper {
    width: 100% !important; /* Na mobilu roztáhneme na 100% kvůli čitelnosti */
    max-width: 100% !important;
  }
  
  div.custom-accordion-wrapper .product-mini-table {
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)) !important;
    gap: 15px 10px !important;
  }
}