/* IF boutique – hero CTA reaguje iba priamo pod kurzorom. Načítať ako posledné CSS. */
body.in-index #carousel .item > a:hover .extended-banner-link:not(:hover),
body.in-index #carousel .item > span[data-ec-promo-id] > a:hover .extended-banner-link:not(:hover) {
  background: var(--if-hero-button, #a66027) !important;
}

body.in-index #carousel .item > a:hover .extended-banner-link:not(:hover)::after,
body.in-index #carousel .item > span[data-ec-promo-id] > a:hover .extended-banner-link:not(:hover)::after {
  transform: none !important;
}

body.in-index #carousel .item > a .extended-banner-link:hover,
body.in-index #carousel .item > span[data-ec-promo-id] > a .extended-banner-link:hover {
  background: var(--if-hero-button-hover, #2f221c) !important;
}

body.in-index #carousel .item > a .extended-banner-link:hover::after,
body.in-index #carousel .item > span[data-ec-promo-id] > a .extended-banner-link:hover::after {
  transform: translateX(4px) !important;
}