/* === DREAMY — hover efekt na bannerech HP (carousel + La-Z-Boy / Technogel / Dorelan) ===
 * v4 · 2026-09-30 · jemnější a pomalejší varianta v3 (1,2–1,8 %, 0,8 s)
 * Efekt: celá karta se při najetí myší plynule zvětší (1,2–1,8 %) a dostane měkký stín.
 *
 * Proč takhle:
 *  - v1 (zoom fotky uvnitř ořezu) dělal v Chrome světlý lem na hranách → teď se zvětšuje
 *    celá karta včetně zaoblených rohů, nic se neořezává.
 *  - karta roste od horní hrany dolů/do stran (transform-origin nahoře), protože nad
 *    bannery leží bílá hlavička (z-index 999), která by jinak horní okraj usekla.
 *  - style.css má "a:hover img {transform:none !important}" (vypnutý hover Shoptetu)
 *    → tady !important s vyšší specifičností ho přebije.
 * Na mobilu se nic nemění (hover:hover).
 */
@media (hover: hover) and (pointer: fine) {
  .type-index #carousel .carousel-inner {
    border-radius: 15px;
    transform-origin: 50% 0;
    transition: transform .8s cubic-bezier(.25, .6, .3, 1), box-shadow .8s ease;
  }
  .type-index .next-to-carousel-banners .banner-wrapper > a img {
    transform-origin: 50% 0 !important;
    transition: transform .8s cubic-bezier(.25, .6, .3, 1), box-shadow .8s ease !important;
  }

  .type-index #carousel:hover .carousel-inner {
    transform: scale(1.012);
    box-shadow: 0 12px 26px -10px rgba(90, 0, 50, .32);
  }
  .type-index .next-to-carousel-banners .banner-wrapper > a:hover img {
    transform: scale(1.018) !important;
    box-shadow: 0 12px 26px -10px rgba(90, 0, 50, .32);
  }
}

/* === HP — skrytí kategorií blogu v sekci Blog (2026-09-30) ===
 * Shoptet do HP sekce .hp-news vkládá i perex a seznam kategorií blogu
 * (01 Průvodce výběrem … 06 Naše značky). Nadpis „Blog" a karusel článků zůstávají.
 */
.type-index .hp-news .subcategories,
.type-index .hp-news .sectionDescription p {
  display: none !important;
}