/* === LOVELLA – sleva jako červený pruh dole přes obrázek (styl F, 28. 10. 2026) ===
   Nahrát na FTP: /user/documents/css/sleva-stitek.css
   V Editoru → HTML kód → Záhlaví (pod odkaz na main-fixed.css) přidat:
   <link href="/user/documents/css/sleva-stitek.css?v=1" rel="stylesheet" />
   Vrácení: smazat ten jeden řádek <link> v záhlaví.
   Platí pro výpis produktů (kategorie, homepage) i velký obrázek na detailu.
   Box „Nejprodávanější“ v kategorii nechává beze změny.
   Přebíjí šablonu 11 (kolečko 75/100 px vpravo dole, na mobilu pruh pod obrázkem)
   a main-fixed.css (zelená #6dea8e, 18 px / 26 px).
*/
.products-block .p .flags-extra,
.columns-mobile-2 .products-block > div .flags-extra,
.p-image-wrapper .flags-extra {
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  display: flex !important;
}
.products-block .p .flags-extra .flag-discount,
.columns-mobile-2 .products-block > div .flags-extra .flag-discount,
.p-image-wrapper .flags-extra .flag-discount {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 5px !important;
  font-size: 0 !important; /* u variant šablona vkládá text „od … až“ – schová ho */
  border-radius: 0 !important;
  flex-direction: row !important;
  justify-content: center !important;
  background-color: #e92424 !important;
}
.products-block .p .flags-extra .flag-discount .price-save,
.p-image-wrapper .flags-extra .flag-discount .price-save {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.p-detail .p-image-wrapper .flags-extra .flag-discount .price-save {
  font-size: 20px !important;
}
@media (max-width: 767px) {
  .products-block .p .flags-extra .flag-discount { padding: 4px !important; }
  .products-block .p .flags-extra .flag-discount .price-save { font-size: 13px !important; }
}
/* VOLITELNĚ – slovo „SLEVA“ před procentem (odkomentovat):
.products-block .p .flags-extra .flag-discount .price-save::before,
.p-image-wrapper .flags-extra .flag-discount .price-save::before { content: "SLEVA "; }
*/