#fw-section-image-27a879d3-4c9d-4b5d-9b40-503fe69e3e27 {

img {
  display: block !important;
  width: 100% !important;
  max-width: 480px !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}
}
#fw-section-rich-text-178740097818042 {

h1,
h2,
h3,
h4,
p,
ul,
ol,
li {
  text-align: left !important;
}
}













#fw-section-image-c59e2f5c-9757-4d1a-aa11-dc4c0c243b49 {

img {
  display: block;
  width: 100% !important;
  max-width: 800px !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
}
}
#fw-section-text-banner-0 {
--color-primary: #ff1a75;
--color-primary-rgb: 255, 26, 117;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ff1a75;
--color-on-background-rgb: 255, 26, 117;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ff1a75;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff1a75;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ff1a75;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ff1a75;
--secondary-btn-border-color: #ff1a75;
a[href*="come-funziona-shop"] {
  display: inline !important;
  margin-left: 0.20em !important;
  color: inherit !important;
  font-size: 0.94em !important;
  font-weight: 700 !important;
  font-style: normal !important;
  vertical-align: baseline !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 1px !important;
  text-decoration-skip-ink: auto !important;
}

a[href*="come-funziona-shop"]:hover {
  opacity: 0.65 !important;
}
em:has(+ a[href*="come-funziona-shop"]),
em:has(a[href*="come-funziona-shop"]) {
  display: inline-block !important;
  padding-top: 0.5em !important;
  font-size: 0.94em !important;
}

}


#fw-section-collections-list-bf4b7956-724c-4f12-9428-69fddbc4ed2c {

img {
  transition: transform 0.4s ease;
  transform-origin: center;
  will-change: transform;
}

a:hover img {
  transform: scale(1.07);
}

@media (prefers-reduced-motion: reduce) {
  img {
    transition: none;
  }

  a:hover img {
    transform: none;
  }
}
}

#fw-section-hero-84d32c30-a452-4b8f-b2be-c89bfd56aa1e {
--font-heading-scale: 0.9;
--font-body-scale: 0.92;
}
#fw-section-hero-84d32c30-a452-4b8f-b2be-c89bfd56aa1e {
--color-primary: #ff1a75;
--color-primary-rgb: 255, 26, 117;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #ff1a75;
--color-on-background-rgb: 255, 26, 117;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ff1a75;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff1a75;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ff1a75;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ff1a75;
--secondary-btn-border-color: #ff1a75;
/* Posizionamento generale dell’illustrazione */
.section-background__image {
  background-position: 50% 45% !important;
}

/* Fondino e colore dell’headline */
.hero__heading {
  display: inline-block;
  max-width: calc(100% - 32px);
  padding: 0.16em 0.42em 0.22em;
  color: #fadf00 !important;
  background-color: rgba(255, 26, 117, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 4px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

/* Desktop */
@media (min-width: 768px) {

  .section-background__image {
    background-position: 50% 40% !important;
  }

  /* Sposta più in basso tutto il blocco */
  .hero__content {
    transform: translateY(35px) !important;
  }
}

/* Mobile */
@media (max-width: 767px) {

  /*
   * Sposta verso il basso tutto il blocco,
   * senza far sovrapporre headline e pulsante
   */
  .hero__content {
    transform: translateY(28px) !important;
  }

  /*
   * Nessun posizionamento relativo dell'headline:
   * rimane nel normale flusso della pagina
   */
  .hero__heading {
    position: static !important;
    top: auto !important;
    margin-bottom: 18px !important;
  }

  /* Centra il contenitore del pulsante */
  .hero__cta-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  /* Larghezza del pulsante */
  .hero__cta-container .hero__cta {
    display: block !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  /* Dimensioni effettive del pulsante */
  .hero__cta-container .hero__cta .button.button--large.button--expand {
    --btn-height: 48px !important;
    --btn-pad-x: 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;

    font-size: 15px !important;
    line-height: 1 !important;
  }
}
}

#fw-section-text-carousel-446d8543-6762-4e91-8a1d-32c8275bd9c1 {
--font-heading-scale: 0.76;
--font-body-scale: 1.0;
}
#fw-section-text-carousel-446d8543-6762-4e91-8a1d-32c8275bd9c1 {

.text-carousel__line {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
}