/* Karta produktu ve výpisu (Všepropejska.cz) – nahrát přes Správce souborů, v Záhlaví načíst přes <link> */
@media (max-width: 767px) {
  /* Pevná struktura: fotka, info nahoře, cena vždy dole – ceny v jednom řádku karet jsou zarovnané */
  body .products-block.products .product .p { display: flex !important; flex-direction: column; height: 100%; }
  body .products-block.products .product .p-in { flex: 1 1 auto; padding: 10px 10px 12px !important; }
  body .products-block.products .product .p-in-in { order: -1; }
  body .products-block.products .product .p-bottom { position: relative; margin-top: auto !important; }

  /* Fotka přes celou šířku karty, poměr podle fotky (bez ořezu na čtverec) */
  body .products-block.products .product .p a.image { display: block; height: auto !important; }
  body .products-block.products .product .p a.image img { width: 100% !important; height: auto !important; max-width: none; position: static; }

  /* Název na jeden řádek, co se nevejde, skončí „…“ */
  body .products-block.products .product .p .name { display: block; min-height: 0 !important; height: auto !important; margin: 0 0 2px !important; font-size: 14px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body .products-block.products .product .p .name span { white-space: nowrap; }

  /* Hvězdičky malé + počet hodnocení */
  body .products-block.products .product .stars-wrapper { display: flex; align-items: center; gap: 3px; margin: 2px 0 4px !important; }
  body .products-block.products .product .stars-wrapper .star { width: 12px !important; height: 12px !important; background-size: 12px !important; }
  body .products-block.products .product .stars-wrapper .star::before { width: 12px !important; height: 12px !important; font-size: 12px !important; }
  body .products-block.products .product .stars-wrapper::after { content: "(" attr(data-micro-rating-count) ")"; font-size: 11px; color: #777; }

  /* Štítky jako text v jednom řádku (bez barevných pilulek). „Běžná postava“ jen když není jiná postava, „Všechny postavy“ přebíjí ostatní */
  body .products-block.products .product .p .flags-default { display: flex !important; flex-wrap: nowrap !important; gap: 10px; margin: 0 0 4px !important; overflow: hidden; line-height: 1.4; }
  body .products-block.products .product .p .flags-default > .flag { display: block !important; flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: none !important; position: static !important; background: none !important; border: 0 !important; color: #555 !important; font-size: 12px !important; font-weight: 600; padding: 0 !important; margin: 0 !important; }
  body .products-block.products .product .p .flags-default > :is(.flag-bestseller, .flag-action-percentage) { display: none !important; }
  /* Když zbyl jen schovaný štítek (Bestsellery), řádek se štítky úplně zmizí */
  body .products-block.products .product .p .flags-default:not(:has(> .flag:not(.flag-bestseller, .flag-action-percentage))) { display: none !important; }
  body .products-block.products .product .p .flags-default > .flag-new { color: #4a9a2f !important; }
  body .products-block.products .product .p .flags-default > :is(.flag-xy-discount, .flag-custom1) { flex: none; background: #d12b3c !important; color: #fff !important; padding: 0 6px !important; border-radius: 4px; }
  body .products-block.products .product .p .flags-default:has(.flag-siroky-hrudnik, .flag-dlouha-zada, .flag-vsechny-postavy) > .flag-bezna-postava { display: none !important; }
  body .products-block.products .product .p .flags-default:has(.flag-vsechny-postavy) > :is(.flag-siroky-hrudnik, .flag-dlouha-zada) { display: none !important; }

  /* Velikosti: vždy jeden řádek „7 velikostí · 25–58 cm“ (text skládá skript dole) */
  body .products-block.products .product .widget-parameter-wrapper { display: block !important; position: static !important; visibility: visible !important; order: 0 !important; width: 100%; margin: 0 0 6px !important; font-size: 12px; line-height: 1.45; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body .products-block.products .product .widget-parameter-wrapper::before { content: none !important; display: none !important; }
  /* Než skript řádek složí, původní seznam neblikne – místo zůstane prázdné */
  body .products-block.products .product .widget-parameter-wrapper:not(.vpp-sizes-done) { visibility: hidden !important; }
  body .products-block.products .product .widget-parameter-wrapper.vpp-sizes-done > * { display: none !important; }
  body .products-block.products .product .widget-parameter-wrapper .vpp-sizes { display: inline !important; }
  body .products-block.products .product .vpp-sizes b { font-weight: 600; color: #333; }

  /* Pryč krátký popis; tlačítko jako malá kulatá ikona košíku vpravo dole */
  body .products-block.products .product .p-desc { display: none !important; }
  body .products-block.products .product .p-tools { position: absolute; right: 0; bottom: 0; width: auto !important; margin: 0 !important; padding: 0 !important; }
  body .products-block.products .product .p-tools .btn { width: 38px !important; min-width: 0 !important; height: 38px !important; min-height: 0; padding: 0 !important; border-radius: 50%; font-size: 0 !important; color: transparent !important; background: #60b045 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.4 11.2a2 2 0 0 0 2 1.6h8.2a2 2 0 0 0 2-1.5L21 7H6'/%3E%3C/svg%3E") center / 20px no-repeat !important; }
  body .products-block.products .product .availability { font-size: 12px; margin-top: 2px !important; padding-right: 44px; min-height: 30px; }
}

/* Na tabletu a PC zůstává původní výpis velikostí, souhrnný řádek ze skriptu jen na mobilu */
body .products-block.products .product .vpp-sizes { display: none; }

/* Ceny – mobil i PC: nahoře malá přeškrtnutá původní + odznak slevy, pod nimi velká červená akční cena */
body .products-block.products .product .prices { display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; }
body .products-block.products .product .price-action-before { order: 1; font-size: 12px !important; color: #8a8a8a !important; text-decoration: line-through; font-weight: 400; white-space: nowrap; }
body .products-block.products .product .vpp-save { order: 2; background: #d12b3c; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.2; padding: 2px 5px; border-radius: 4px; white-space: nowrap; }
body .products-block.products .product .vpp-save small { font-size: 10px; font-weight: 500; }
body .products-block.products .product .price-final { order: 3; flex-basis: 100%; }
body .products-block.products .product .availability { order: 4; flex-basis: 100%; }
body .products-block.products .product.vpp-sale .price-final strong { color: #d12b3c !important; font-size: 24px; }
@media (max-width: 767px) {
  body .products-block.products .product .price-final strong { font-size: 19px !important; }
  body .products-block.products .product.vpp-sale .price-final strong { font-size: 20px !important; }
  body .products-block.products .product .price-final strong small { font-size: 13px !important; }
}