/* StoreBM slide hotfix: loaded after existing theme CSS to bypass stale browser cache. */

.home-wide-banner {
  display: block !important;
  width: 100vw;
  margin: 0 calc(50% - 50vw) 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}

.home-wide-banner + .footer-container {
  margin-top: 0 !important;
}

.home-wide-banner__inner,
.category-wide-banner__inner {
  position: relative;
  min-height: 520px;
  background:
    radial-gradient(circle at top left, rgba(205, 181, 121, 0.12), transparent 28%),
    linear-gradient(180deg, #f3f0e7 0%, #e9e3d6 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.home-wide-banner__slider,
.category-wide-banner__slider {
  position: relative;
  min-height: inherit;
  height: 520px;
  overflow: hidden;
}

.home-wide-banner__slide,
.category-wide-banner__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.04);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-wide-banner__slide:after,
.category-wide-banner__slide:after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8, 15, 11, 0.06) 0%, rgba(8, 15, 11, 0.18) 100%),
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 36%);
  pointer-events: none;
}

.home-wide-banner__slide img,
.home-wide-banner__slide video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-wide-banner__slide video {
  background: #dfe5da;
}

.home-wide-banner__slider.js-storebm-media-slider .home-wide-banner__slide {
  animation: none;
  z-index: 1;
  overflow: hidden;
  transition: opacity 1s ease, transform 6s ease;
  background-color: #dfe5da;
}

.home-wide-banner__slider.js-storebm-media-slider .home-wide-banner__slide.is-active,
.home-wide-banner__slider.js-storebm-media-slider .home-wide-banner__slide[aria-hidden="false"] {
  opacity: 1 !important;
  z-index: 2;
  transform: scale(1);
}

body#index .home-wide-banner--video-piante {
  margin: 0 0 26px;
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}

body#index .home-wide-banner--video-piante .home-wide-banner__inner {
  min-height: 624px;
}

body#index .home-wide-banner--video-piante .home-wide-banner__slider {
  height: 624px;
}

body#index .home-wide-banner--video-piante .home-wide-banner__slider:after {
  z-index: 3;
}

body#index .home-wide-banner__caption--video-piante {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  width: min(92vw, 1160px);
  transform: translate(-50%, -50%);
  height: min(34vw, 210px);
  text-align: center;
  pointer-events: none;
}

body#category.category-543 .home-wide-banner--vertical-garden,
body#category.category-544 .home-wide-banner--vertical-garden,
body#category.category-548 .home-wide-banner--vertical-garden,
body#category.category-559 .home-wide-banner--vertical-garden,
body#category.category-645 .home-wide-banner--vertical-garden {
  margin: 0 0 26px;
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}

body#category.category-543 .home-wide-banner--vertical-garden .home-wide-banner__slide,
body#category.category-544 .home-wide-banner--vertical-garden .home-wide-banner__slide,
body#category.category-548 .home-wide-banner--vertical-garden .home-wide-banner__slide,
body#category.category-559 .home-wide-banner--vertical-garden .home-wide-banner__slide,
body#category.category-645 .home-wide-banner--vertical-garden .home-wide-banner__slide {
  animation: none;
  z-index: 1;
  overflow: hidden;
  transition: opacity 1s ease, transform 6s ease;
  background-color: #dfe5da;
}

body#category.category-543 .home-wide-banner--vertical-garden .home-wide-banner__slide.is-active,
body#category.category-544 .home-wide-banner--vertical-garden .home-wide-banner__slide.is-active,
body#category.category-548 .home-wide-banner--vertical-garden .home-wide-banner__slide.is-active,
body#category.category-559 .home-wide-banner--vertical-garden .home-wide-banner__slide.is-active,
body#category.category-645 .home-wide-banner--vertical-garden .home-wide-banner__slide.is-active,
body#category.category-543 .home-wide-banner--vertical-garden .home-wide-banner__slide[aria-hidden="false"],
body#category.category-544 .home-wide-banner--vertical-garden .home-wide-banner__slide[aria-hidden="false"],
body#category.category-548 .home-wide-banner--vertical-garden .home-wide-banner__slide[aria-hidden="false"],
body#category.category-559 .home-wide-banner--vertical-garden .home-wide-banner__slide[aria-hidden="false"],
body#category.category-645 .home-wide-banner--vertical-garden .home-wide-banner__slide[aria-hidden="false"] {
  opacity: 1 !important;
  z-index: 2;
  transform: scale(1);
}

.category-wide-banner {
  width: 100vw;
  margin: 0 0 26px;
  margin-left: calc(50% - 50vw);
}

.category-wide-banner__slide {
  animation: mossWideBannerFade 42s infinite ease-in-out;
  animation-fill-mode: both;
}

.category-wide-banner--giardini .category-wide-banner__slide {
  animation: giardiniWideBannerFade 48s infinite ease-in-out;
  animation-fill-mode: both;
}

.home-wide-banner__slider:not(.js-storebm-media-slider) .home-wide-banner__slide {
  animation: homeWideBannerFade 30s infinite ease-in-out;
  animation-fill-mode: both;
}

.home-wide-banner__slide--1 {
  background-image: url('/img/Piante_in_Fiore_36.jpg');
  animation-name: homeWideBannerFadeFirst;
  animation-delay: 0s;
}

.home-wide-banner__slide--2 {
  background-image: url('/img/Piante_in_Fiore_38.jpg');
  animation-delay: 6s;
}

.home-wide-banner__slide--3 {
  background-image: url('/img/Piante_in_Fiore_40.jpg');
  animation-delay: 12s;
}

.home-wide-banner__slide--4 {
  background-image: url('/img/Piante_in_Fiore_43.jpg');
  animation-delay: 18s;
}

.home-wide-banner__slide--5 {
  background-image: url('/img/Piante_in_Fiore_45.jpg');
  animation-delay: 24s;
}

.category-wide-banner__slide--moss-1 {
  background-image: url('/img/Muschi_Licheni_136.jpeg');
  animation-name: mossWideBannerFadeFirst;
  animation-delay: 0s;
}

.category-wide-banner__slide--moss-2 {
  background-image: url('/img/Muschi_Licheni_135.jpeg');
  animation-delay: 6s;
}

.category-wide-banner__slide--moss-3 {
  background-image: url('/img/Muschi_Licheni_134.jpeg');
  animation-delay: 12s;
}

.category-wide-banner__slide--moss-4 {
  background-image: url('/img/Muschi_Licheni_132.jpeg');
  animation-delay: 18s;
}

.category-wide-banner__slide--moss-5 {
  background-image: url('/img/Muschi_Licheni_125.jpeg');
  animation-delay: 24s;
}

.category-wide-banner__slide--moss-6 {
  background-image: url('/img/Muschi_Licheni_110.jpg');
  animation-delay: 30s;
}

.category-wide-banner__slide--moss-7 {
  background-image: url('/img/Muschi_Licheni_84.jpg');
  animation-delay: 36s;
}

.category-wide-banner__slide--giardini-1 {
  background-image: url('/img/Giardini_Banner_1.webp');
  animation-name: giardiniWideBannerFadeFirst;
  animation-delay: 0s;
}

.category-wide-banner__slide--giardini-2 {
  background-image: url('/img/Giardini_Banner_2.webp');
  animation-delay: 6s;
}

.category-wide-banner__slide--giardini-3 {
  background-image: url('/img/Giardini_Banner_3.webp');
  animation-delay: 12s;
}

.category-wide-banner__slide--giardini-4 {
  background-image: url('/img/Giardini_Banner_4.webp');
  animation-delay: 18s;
}

.category-wide-banner__slide--giardini-5 {
  background-image: url('/img/Giardini_Banner_5.webp');
  animation-delay: 24s;
}

.category-wide-banner__slide--giardini-6 {
  background-image: url('/img/Giardini_Banner_6.webp');
  animation-delay: 30s;
}

.category-wide-banner__slide--giardini-7 {
  background-image: url('/img/Giardini_Banner_7.webp');
  animation-delay: 36s;
}

.category-wide-banner__slide--giardini-8 {
  background-image: url('/img/Giardini_Banner_8.webp');
  animation-delay: 42s;
}

@keyframes homeWideBannerFade {
  0% { opacity: 0; transform: scale(1.05); }
  6% { opacity: 1; }
  20% { opacity: 1; transform: scale(1); }
  26% { opacity: 0; transform: scale(1.03); }
  100% { opacity: 0; transform: scale(1.03); }
}

@keyframes homeWideBannerFadeFirst {
  0% { opacity: 1; transform: scale(1.05); }
  20% { opacity: 1; transform: scale(1); }
  26% { opacity: 0; transform: scale(1.03); }
  100% { opacity: 0; transform: scale(1.03); }
}

@keyframes mossWideBannerFade {
  0% { opacity: 0; transform: scale(1.05); }
  4% { opacity: 1; }
  16% { opacity: 1; transform: scale(1); }
  23% { opacity: 0; transform: scale(1.03); }
  100% { opacity: 0; transform: scale(1.03); }
}

@keyframes mossWideBannerFadeFirst {
  0% { opacity: 1; transform: scale(1.05); }
  16% { opacity: 1; transform: scale(1); }
  23% { opacity: 0; transform: scale(1.03); }
  100% { opacity: 0; transform: scale(1.03); }
}

@keyframes giardiniWideBannerFade {
  0% { opacity: 0; transform: scale(1.05); }
  4% { opacity: 1; }
  12% { opacity: 1; transform: scale(1); }
  16.5% { opacity: 0; transform: scale(1.03); }
  100% { opacity: 0; transform: scale(1.03); }
}

@keyframes giardiniWideBannerFadeFirst {
  0% { opacity: 1; transform: scale(1.05); }
  12% { opacity: 1; transform: scale(1); }
  16.5% { opacity: 0; transform: scale(1.03); }
  100% { opacity: 0; transform: scale(1.03); }
}

@media (max-width: 991px) {
  .home-wide-banner__inner,
  .category-wide-banner__inner {
    min-height: 400px;
  }

  .home-wide-banner__slider,
  .category-wide-banner__slider,
  body#index .home-wide-banner--video-piante .home-wide-banner__slider {
    height: 400px;
  }
}

@media (max-width: 767px) {
  .home-wide-banner__inner,
  .category-wide-banner__inner {
    min-height: 280px;
  }

  .home-wide-banner__slider,
  .category-wide-banner__slider,
  body#index .home-wide-banner--video-piante .home-wide-banner__slider {
    height: 280px;
  }
}