/* M09: native Carousel / REGISTRACE (banner22, promo 513).
 * Load in HEAD after the unchanged render-blocking b2b-bundle.css.
 * Removes only the anonymous native wrapper boxes around this actual hero.
 * Hero and downstream category hub keep their own existing natural layout.
 * No late reparenting, fixed reservation, or page/content hiding.
 */
body.in-index .homepage-box.before-carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel .content-wrapper-in:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel .container:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel .banners-row:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel .wide-carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel #carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel .carousel-inner:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel .item:has([data-ec-promo-id="513"] > #b2b-home-banner-zone),
body.in-index .homepage-box.before-carousel [data-ec-promo-id="513"]:has(> #b2b-home-banner-zone) {
  display: contents !important;
}

/* Native clearfix/decorative pseudo boxes must not become flow siblings. */
body.in-index .homepage-box.before-carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel .content-wrapper-in:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel .content-wrapper-in:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel .container:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel .container:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel .banners-row:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel .banners-row:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel .wide-carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel .wide-carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel #carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel #carousel:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel .carousel-inner:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel .carousel-inner:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel .item:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel .item:has([data-ec-promo-id="513"] > #b2b-home-banner-zone)::after,
body.in-index .homepage-box.before-carousel [data-ec-promo-id="513"]:has(> #b2b-home-banner-zone)::before,
body.in-index .homepage-box.before-carousel [data-ec-promo-id="513"]:has(> #b2b-home-banner-zone)::after {
  content: none !important;
}

/* Runtime cascade repair: display:contents removes boxes, not inheritance or
 * descendant selector matches. Values below restore the original hero/hub
 * image families measured outside #carousel; never reset sale images static.
 */
body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone,
body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-category-hub {
  line-height: normal;
}

body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone img,
body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-category-hub img {
  min-width: 0;
  min-height: 0 !important;
  max-height: none;
  border-radius: 0 !important;
  display: block;
  transition: initial;
}

body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-visual img,
body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-category-hub .b2b-category-hub__image {
  width: 100%;
  height: 100%;
  max-width: none;
  position: static;
  right: auto;
  transform: none;
  z-index: auto;
}

body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-product img {
  width: 100%;
  height: auto;
  max-width: 100%;
  position: static;
  right: auto;
  object-fit: fill;
  transform: none;
  z-index: auto;
}

body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-sale-product {
  width: 150px;
  height: 174px;
  max-width: none;
  position: absolute;
  border-radius: 14px !important;
}
body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-sale-product--dalli {
  top: 14px;
  right: 96px;
  bottom: auto;
  left: auto;
  transform: rotate(-5deg);
  z-index: 1;
}
body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-sale-product--dallmayr {
  top: 18px;
  right: -7px;
  bottom: auto;
  left: auto;
  transform: rotate(5deg);
  z-index: 2;
}

body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-category-hub .b2b-category-hub__image {
  transition: transform 220ms ease;
}
@media (hover: hover) {
  body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-category-hub .b2b-category-hub__card:hover .b2b-category-hub__image {
    transform: scale(1.025);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-category-hub .b2b-category-hub__image {
    transition: none;
  }
}
@media (max-width: 767px) {
  body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-sale-product {
    width: 140px;
    height: 164px;
  }
  body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-sale-product--dalli {
    top: 16px;
    right: 82px;
    bottom: auto;
    left: auto;
  }
  body.in-index #carousel [data-ec-promo-id="513"] > #b2b-home-banner-zone .b2b-banner-sale-product--dallmayr {
    top: 20px;
    right: -10px;
    bottom: auto;
    left: auto;
  }
}