/** Shopify CDN: Minification failed

Line 21:0 Unexpected "}"

**/
  .zazzy-showcase{
    overflow-x:hidden;
  }

@media screen and (min-width: 750px) {
  .zazzy-showcase__slider {
    padding-top: 0rem;
  }
}
@media screen and (min-width: 750px) and (max-width: 1023px) {
.zazzy-showcase {
  padding-bottom: 4.5rem;
  padding: 0rem 0rem 4.5rem !important;
}
  }
}
@media (min-width: 1100px) {
.zazzy-showcase {
    padding-bottom: 6rem;
  }
}
  .zazzy-showcase.zazzy--loading .zazzy-showcase__slider {
  opacity: 0;
}
.zazzy-showcase.zazzy--loaded .zazzy-showcase__slider {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
   @media screen and (min-width: 751px) {
.zazzy-showcase {
    padding-top: 2rem !important;
}
  }
.zazzy-showcase {
  position: relative;
  text-align: center;
  padding: 0rem 0 5rem 0; 
}

@media (max-width: 768px) {
  .zazzy-showcase {
    padding: 2rem 0 3rem 0;
  }
}

.zazzy-showcase__heading {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}

.zazzy-showcase__slider {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center;
}

  @media (max-width: 749px) {
.zazzy-showcase__slider .slick-track {
  display: flex !important;
  margin: 0 !important;
}
/*.zazzy-showcase__slider .slick-list { margin: 0 -1px; }
.zazzy-showcase__slider .slick-slide { margin: 0 1px; } */
  }
  @media (min-width: 750px) and (max-width:1023px){
.zazzy-showcase__slider .slick-track {
  display: flex !important;
  margin: 0 !important;
}
    .zazzy-showcase__slider .slick-track > .zazzy-showcase__slide:first-child {
  margin-left: -1rem !important;
}
.zazzy-showcase__slider .slick-track > .zazzy-showcase__slide:last-child {
    margin-right: -1rem !important;
  }
}

  @media screen and (min-width: 1024px) {
.zazzy-showcase__slider .slick-track {
  display: flex !important;
  margin: 0 !important;
  }
      .zazzy-showcase__slider .slick-track > .zazzy-showcase__slide:first-child {
  margin-left: -1rem !important;
}
.zazzy-showcase__slider .slick-track > .zazzy-showcase__slide:last-child {
    margin-right: -1rem !important;
  }
}
/* Imposta la larghezza di ogni slide a metà dello spazio interno, sottraendo il gap */
.zazzy-showcase__slide {
  position: relative;
  width: 100% !important;
  overflow: hidden;
  border-radius: 8px;
}

/* Immagine nella slide */
.zazzy-showcase__slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  position: relative;
  z-index: 0;
}

/* Gradient sull'immagine */
.zazzy-showcase__slide::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%);
  z-index: 1;
}

/* Overlay testuale */
.zazzy-showcase__overlay {
  position: absolute;
  z-index: 2;
  padding: 0 1rem;
  width: 100%;
  color: white;
  bottom: 10%;
  text-align: center;
  border-radius: 10px;
}

.zazzy-showcase__overlay h3 {
  font-size: 1.6rem;
  color: white;
  margin-bottom: 0.5rem;
}

.zazzy-showcase__overlay p {
  font-size: 14px;
  margin-top: -5px;
}

/* Responsive per overlay */
@media (max-width: 1024px) {
  .zazzy-showcase__overlay h3 {
    font-size: 1.6rem;
    color: white;
    }
  .zazzy-showcase__overlay p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .zazzy-showcase__overlay h3 {
    font-size: 1.2rem;
    color: white;
    }
  .zazzy-showcase__overlay p {
    font-size: 1rem;
  }
}

/* Pulsanti di navigazione */
.zazzy-showcase__nav {
  top: 45%;
}
  

/* MOBILE: una sotto l'altra, senza slider */
@media (max-width: 749px) {
  /* annulla il layout orizzontale */
  .zazzy-showcase__slider {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 16px;
    /*padding-inline: 16px;*/
    justify-content: stretch !important;
  }

  /* annulla struttura Slick */
  .zazzy-showcase__slider .slick-list {
    overflow: visible !important;
    height: auto !important;
  }
  .zazzy-showcase__slider .slick-track {
    display: block !important;
    transform: none !important;  /* toglie il translate3d */
    margin: 0 !important;
  }
  .zazzy-showcase__slider .slick-slide {
    width: 100% !important;      /* ignora le width inline di Slick */
    float: none !important;
    display: block !important;
    margin: 0 !important;
  }
  /* evita doppioni creati da Slick */
  .zazzy-showcase__slider .slick-cloned {
    display: none !important;
  }

  /* frecce inutili su mobile */
  .zazzy-showcase__nav { 
    display: none !important; 
  }
}

.slick-track{
  width:100% !important;
}


/* === Zazzy AOS (scoped) === */
.zazzy-showcase{
  --aos-dur: .6s;
  --aos-ease: cubic-bezier(.2,.7,.2,1);
  --wipe-bg: transparent; /* se vuoi la tendina visibile, metti rgba(0,0,0,.25) */
}

.zazzy-showcase [data-anim]{
  transition:
    opacity var(--aos-dur) var(--aos-ease) var(--aos-delay,0ms),
    transform var(--aos-dur) var(--aos-ease) var(--aos-delay,0ms),
    filter var(--aos-dur) var(--aos-ease) var(--aos-delay,0ms),
    clip-path var(--aos-dur) var(--aos-ease) var(--aos-delay,0ms);
  will-change: transform, opacity, filter, clip-path;
}
.zazzy-showcase [data-anim]:not(.is-inview){ opacity: 0; }
.zazzy-showcase [data-anim].is-inview{
  opacity: 1; transform: none; filter: none; clip-path: inset(0 0 0 0);
}

/* Varianti usate nel markup */
.zazzy-showcase [data-anim="clip-up"]:not(.is-inview){
  transform: translateY(8px);
  clip-path: inset(18% 0 18% 0 round 6px);
}
.zazzy-showcase [data-anim="clip-left"]:not(.is-inview){
  transform: translateX(10px);
  clip-path: inset(0 0 0 20%);
}
.zazzy-showcase [data-anim="rise-soft"]:not(.is-inview){
  transform: translateY(22px) scale(.98);
}

/* Effetto tendina combinabile (wipe-r) */
.zazzy-showcase [data-anim~="wipe-r"]{ position: relative; overflow: hidden; }
.zazzy-showcase [data-anim~="wipe-r"]::after{
  content:""; position:absolute; inset:0; background: var(--wipe-bg);
  transform: translateX(0%); pointer-events:none;
  transition: transform var(--aos-dur) var(--aos-ease) calc(var(--aos-delay,0ms) + 60ms);
}
.zazzy-showcase [data-anim~="wipe-r"].is-inview::after{ transform: translateX(102%); }

/* Accessibilità */
@media (prefers-reduced-motion: reduce){
  .zazzy-showcase [data-anim]{ transition: none !important; }
  .zazzy-showcase [data-anim],
  .zazzy-showcase [data-anim]::after{
    opacity: 1 !important; transform: none !important; filter: none !important; clip-path: none !important;
  }
}