/** Shopify CDN: Minification failed

Line 1229:0 Unexpected "}"

**/
/* ============================================
   FIOR CUSTOM CSS - Cleaned & Organized
   ============================================ */

/* VARIABILI GLOBALI */
:root {
  --fior-cream: #F4F2ED;
  --fior-tomato: #D50032;
  --fior-basil: #3E6B46;
  --fior-black: #000000;
  --fior-white: #ffffff;
}

/* ============================================
   PRIMARY BUTTONS - Sistema Unificato FIOR
   Versione: 2.0 Mobile-Optimized
   Colori: Rosso (#CC3333) → Verde (#3E6B46)
   ============================================ */

/* Override variabili CSS del tema */
:root {
  --color-button-active: #3E6B46 !important;
  --color-button-hover: #3E6B46 !important;
  --tomato: #CC3333 !important;
  --basil: #3E6B46 !important;
}

/* ============================================
   BASE STYLES - Desktop First
   ============================================ */

.button--primary,
a.button--primary,
button.button--primary,
.button--primary.button--primary-size,
a.button--primary.button--primary-size {
  /* Layout */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  
  /* Dimensioni Desktop */
  padding: 18px 40px !important;
  font-size: 16px !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  
  /* Tipografia */
  font-family: var(--font-button-family, Inter, sans-serif) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  
  /* Colori FIOR - Rosso base */
  background-color: #CC3333 !important;
  color: #FFFFFF !important;
  border: none !important;
  
  /* Comportamento */
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

/* ============================================
   HOVER STATE - Verde Basilico
   ============================================ */

.button--primary:hover,
a.button--primary:hover,
button.button--primary:hover,
.button--primary.button--primary-size:hover,
a.button--primary.button--primary-size:hover {
  background-color: #3E6B46 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(62, 107, 70, 0.3) !important;
}

/* ============================================
   ACTIVE STATE - Verde Basilico
   ============================================ */

.button--primary:active,
a.button--primary:active,
button.button--primary:active,
.button.button--primary:active,
[class*="button--primary"]:active,
.button--primary.button--primary-size:active,
a.button--primary.button--primary-size:active {
  background-color: #3E6B46 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-color: transparent !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(62, 107, 70, 0.4) !important;
}

/* ============================================
   FOCUS STATE - Mantieni rosso per accessibility
   ============================================ */

.button--primary:focus,
.button--primary:focus-visible {
  background-color: #CC3333 !important;
  color: #FFFFFF !important;
  outline: 2px solid #3E6B46 !important;
  outline-offset: 2px !important;
}

/* ============================================
   ELEMENTI INTERNI - Reset decorazioni
   ============================================ */

.button--primary span,
.button--primary svg,
.button--primary:visited {
  text-decoration: none !important;
}

/* ============================================
   IMAGE TABS - Override Specifico
   ============================================ */

.image-tabs .button,
.image-tabs a.button,
.image-tabs .button--primary,
.image-tabs a.button--primary,
.image-tabs .button--primary-size,
.image-tabs a.button--primary-size,
.image-tabs .image-tabs__button-wrraper .button,
.image-tabs .image-tabs__button-wrraper a {
  /* Layout forzato */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  
  /* Dimensioni specifiche Image Tabs */
  padding: 12px 28px !important;
  font-size: 16px !important;
  min-height: 48px !important;
  height: auto !important;
  line-height: 1.2 !important;
  
  /* Tipografia */
  font-family: var(--font-button-family, Inter, sans-serif) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  
  /* Colori */
  background-color: #CC3333 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  
  /* Comportamento */
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  
  /* Previeni override */
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Image Tabs - Hover */
.image-tabs .button:hover,
.image-tabs a.button:hover,
.image-tabs .button--primary:hover,
.image-tabs a.button--primary:hover,
.image-tabs .button--primary-size:hover,
.image-tabs .image-tabs__button-wrraper .button:hover,
.image-tabs .image-tabs__button-wrraper a:hover {
  background-color: #3E6B46 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(62, 107, 70, 0.3) !important;
}

/* Image Tabs - Active */
.image-tabs .button:active,
.image-tabs a.button:active,
.image-tabs .button--primary:active,
.image-tabs a.button--primary:active {
  background-color: #3E6B46 !important;
  color: #FFFFFF !important;
  border: none !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(62, 107, 70, 0.4) !important;
}

/* Image Tabs - Elementi interni */
.image-tabs .button span,
.image-tabs .button svg,
.image-tabs a.button span,
.image-tabs a.button svg {
  text-decoration: none !important;
  pointer-events: none !important;
}

/* ============================================
   NEWSLETTER FORM - Layout Speciale
   ============================================ */

.newsletter-form .button--primary,
.newsletter__button.button--primary {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 12px !important;
}

/* ============================================
   MOBILE RESPONSIVE - 749px e sotto
   ============================================ */

@media (max-width: 749px) {
  /* Bottoni Primary Globali */
  .button--primary,
  a.button--primary,
  button.button--primary,
  .button.button--primary,
  [class*="button--primary"],
  .button--primary.button--primary-size,
  a.button--primary.button--primary-size,
  
  /* Bottoni specifici */
  .header__icon--account .button--primary,
  .header__menu-item .button--primary,
  .cart__checkout-button,
  .product-form__submit,
  .skip-to-content-link,
  a[href*="#main-content"].button--primary {
    
    /* Padding mobile ottimizzato */
    padding: 12px 28px !important;
    
    /* Font size mobile */
    font-size: 14px !important;
    
    /* Touch target WCAG AAA */
    min-height: 48px !important;
    height: auto !important;
    
    /* Tipografia mobile */
    line-height: 1.3 !important;
    letter-spacing: 0.03em !important;
    
    /* Layout */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  
  /* Image Tabs - Mobile */
  .image-tabs .button,
  .image-tabs a.button,
  .image-tabs .button--primary,
  .image-tabs .image-tabs__button-wrraper .button {
    padding: 12px 28px !important;
    font-size: 14px !important;
    min-height: 48px !important;
    letter-spacing: 0.03em !important;
    line-height: 1.3 !important;
  }
  
  /* Newsletter - Mobile */
  .newsletter-form .button--primary,
  .newsletter__button.button--primary {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}

/* ============================================
   CART/CHECKOUT BUTTONS - Mobile Priority
   Forza 14px anche su checkout
   ============================================ */

@media (max-width: 749px) {
  .cart__checkout-button,
  .product-form__submit,
  button[name="checkout"],
  button[name="add"],
  .cart-drawer__footer .button--primary,
  #CartDrawer-Checkout,
  [id*="checkout"].button--primary,
  [class*="checkout"].button--primary {
    padding: 13px 28px !important;
    font-size: 14px !important;
    min-height: 48px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }
}

/* ============================================
   TABLET - 750px a 989px
   ============================================ */

@media (min-width: 750px) and (max-width: 989px) {
  .button--primary,
  a.button--primary,
  button.button--primary,
  .button.button--primary {
    padding: 15px 36px !important;
    font-size: 15px !important;
    min-height: 48px !important;
  }
}

/* ============================================
   FIX BOTTONI NASCOSTI
   Garantisce min-height anche se display: none
   ============================================ */

.button--primary[style*="display: none"],
.button--primary.hidden {
  min-height: 48px !important;
}

/* ============================================
   END PRIMARY BUTTONS
   ============================================ */



/* ============================================
   LOOKBOOK PAGE
   ============================================ */
body .rich-text .rich-text__blocks,
body .spaced-section .rich-text .rich-text__blocks {
  text-align: center !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

body .rich-text .rich-text__blocks .title--section,
body .rich-text .rich-text__blocks h1,
body .rich-text .rich-text__blocks h2,
body .rich-text .rich-text__blocks h3 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.3 !important;
}

/* MODIFICATO: Testo paragrafi allineato a sinistra */
body .rich-text .rich-text__text,
body .rich-text .rich-text__text p,
body .rich-text .rich-text__text div {
  text-align: left !important; /* CAMBIATO da center a left */
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px !important;
  line-height: 1.6 !important; /* AGGIUNTO per leggibilità */
}

.spaced-section + .spaced-section {
  margin-top: 80px !important;
}

@media screen and (max-width: 749px) {
  body .rich-text .rich-text__blocks {
    max-width: 90% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  
  body .rich-text .rich-text__blocks .title--section,
  body .rich-text .rich-text__blocks h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }
  
  /* AGGIUNTO: Testo left-aligned anche su mobile */
  body .rich-text .rich-text__text,
  body .rich-text .rich-text__text p,
  body .rich-text .rich-text__text div {
    text-align: left !important;
    line-height: 1.5 !important;
  }
  
  .spaced-section + .spaced-section {
    margin-top: 60px !important;
  }
}

/* ============================================
   FAQ PAGE - Solo questa pagina centrata
   ============================================ */
body.template-page .rich-text .rich-text__text p {
  text-align: center !important;
}

/* ============================================
   CARE INSTRUCTIONS PAGE
   ============================================ */

/* Paragrafi generali - max-width e padding */
body[class*="page-care-instructions"] .care-instructions-fior p,
.template-page .care-instructions-fior p {
  max-width: 550px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Titoli - max-width e centrati */
body[class*="page-care-instructions"] .care-instructions-fior h2,
body[class*="page-care-instructions"] .care-instructions-fior h3,
.template-page .care-instructions-fior h2,
.template-page .care-instructions-fior h3 {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Liste - max-width */
body[class*="page-care-instructions"] .care-instructions-fior ul,
body[class*="page-care-instructions"] .care-instructions-fior li {
  max-width: 550px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Sezioni con background crema - padding ridotto per uniformare larghezza */
.care-instructions-fior > div[style*="background: var(--fior-cream)"] {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/* Mobile */
@media (max-width: 749px) {
  body[class*="page-care-instructions"] .care-instructions-fior p,
  .template-page .care-instructions-fior p {
    max-width: 90% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  body[class*="page-care-instructions"] .care-instructions-fior h2,
  body[class*="page-care-instructions"] .care-instructions-fior h3 {
    max-width: 92% !important;
  }
  
  .care-instructions-fior > div[style*="background: var(--fior-cream)"] {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}




/* ============================================
   BUTTONS - Secondary Style (Crema)
   Per Product Grid e Image Collage
   ============================================ */

.product-grid .button,
.image-collage .button,
.instagram-collage .button {
  background-color: #F4F2ED !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
}

/* Stati: hover e active - Rosso */
.product-grid .button:hover,
.image-collage .button:hover,
.instagram-collage .button:hover,
.product-grid .button:active,
.image-collage .button:active,
.instagram-collage .button:active {
  background-color: #CC3333 !important;
  color: #FFFFFF !important;
  border: 2px solid #000000 !important;
  text-decoration: none !important;
}

/* Stati: visited e focus - Crema */
.product-grid .button:visited,
.image-collage .button:visited,
.instagram-collage .button:visited,
.product-grid .button:focus,
.image-collage .button:focus,
.instagram-collage .button:focus {
  background-color: #F4F2ED !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  text-decoration: none !important;
}

.product-grid .button span,
.image-collage .button span,
.instagram-collage .button span {
  text-decoration: none !important;
}

/* ============================================
   BUTTON SIMPLE - Product Grid
   Rende button--simple uguale agli altri secondary
   ============================================ */

.button--simple,
a.button--simple {
  background-color: #F4F2ED !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
  letter-spacing: 0.05em !important;
}

.button--simple:hover,
.button--simple:active {
  background-color: #CC3333 !important;
  color: #FFFFFF !important;
  border: 2px solid #000000 !important;
  text-decoration: none !important;
}

.button--simple:visited,
.button--simple:focus {
  background-color: #F4F2ED !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  text-decoration: none !important;
}

.button--simple span {
  text-decoration: none !important;
}

/* MOBILE FIX - Forza stili su mobile */
@media (max-width: 749px) {
  /* Stato normale - CREMA */
  .button--simple,
  a.button--simple,
  .button.button--simple {
    background-color: #F4F2ED !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    min-height: 48px !important;
  }
  
  /* SOLO stati hover/active - ROSSO con bordo NERO */
  .button--simple:hover,
  .button--simple:active,
  a.button--simple:hover,
  a.button--simple:active,
  .button.button--simple:hover,
  .button.button--simple:active {
    background-color: #CC3333 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000 !important;
  }
  
  /* Focus torna a crema */
  .button--simple:focus,
  a.button--simple:focus,
  .button.button--simple:focus {
    background-color: #F4F2ED !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
  }
}



/* ============================================
   PACKAGING PAGE - Text left alignment
   Solo contenuto rich-text, NON hero/sezioni speciali
   ============================================ */

/* Blocchi rich-text centrati con max-width */
.template-page[class*="packaging"] .rich-text__blocks,
.template-page[class*="packaging"] .rich-text__text,
body[class*="packaging"] .rich-text__blocks {
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Paragrafi allineati a sinistra */
.template-page[class*="packaging"] .rich-text__text p,
body[class*="packaging"] .rich-text__text p {
  text-align: left !important;
}

/* Liste allineate a sinistra */
.template-page[class*="packaging"] .rich-text__text ul,
body[class*="packaging"] .rich-text__text ul {
  text-align: left !important;
  padding-left: 40px !important;
}

.template-page[class*="packaging"] .rich-text__text li,
body[class*="packaging"] .rich-text__text li {
  text-align: left !important;
  margin-bottom: 8px !important;
}

/* Mobile */
@media (max-width: 749px) {
  .template-page[class*="packaging"] .rich-text__blocks,
  .template-page[class*="packaging"] .rich-text__text {
    max-width: 90% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .template-page[class*="packaging"] .rich-text__text ul {
    padding-left: 30px !important;
  }
}
/* ============================================
   PACKAGING PAGE - Liste allineate a sinistra
   ============================================ */

/* Targetta le liste nella pagina packaging */
.template-page[class*="packaging"] ul,
body[class*="packaging"] ul {
  text-align: left !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1px !important;
}

.template-page[class*="packaging"] li,
body[class*="packaging"] li {
  text-align: left !important;
  margin-bottom: 8px !important;
}

/* Mobile */
@media (max-width: 749px) {
  .template-page[class*="packaging"] ul,
  body[class*="packaging"] ul {
    max-width: 90% !important;
    padding-left: 1px !important;
  }
}

/* ============================================
   FEATURED PRODUCTS - Centra testo descrizione
   ============================================ */

.featured-products .featured-products__text,
.featured-products .featured-products__text p {
  text-align: center !important;
}

/* ============================================
   TITOLI VERDI - Override tema Berlin (Globale)
   MASSIMA SPECIFICITÀ
   ============================================ */

/* Desktop */
body .multicolumn .title--section,
body .multicolumn h2.title--section,
body .shopify-section .multicolumn__heading,
body .multicolumn .multicolumn__heading,
body .multicolumn h2,
body .section-header__title.title--section.h2,
body .image-with-description__heading,
body .banner__heading,
body .rich-text__heading {
  color: #3E6B46 !important;
}

/* Mobile - OVERRIDE SUPER SPECIFICO */
@media (max-width: 768px) {
  body .multicolumn .title--section,
  body .multicolumn h2.title--section,
  body .multicolumn h2,
  body .multicolumn .multicolumn__heading,
  body .section-header__title.title--section.h2,
  body h2.section-header__title.title--section {
    color: #3E6B46 !important;
  }
}

/* ============================================
   FAQ PAGE - Centra testo CTA (Desktop + Mobile)
   ============================================ */

/* Centra il testo in tutte le sezioni rich-text della pagina FAQ */
body .template-page .rich-text__text p,
body .rich-text__text p,
.shopify-section .rich-text__text p {
  text-align: center !important;
}

/* Desktop - massima specificità */
@media (min-width: 750px) {
  body .template-page .rich-text__text p,
  body .shopify-section .rich-text__text p {
    text-align: center !important;
  }
}

/*============================================
   URGENCY BADGE - Creates FOMO
============================================ */

.cart-item__urgency {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  background: rgba(213, 0, 50, 0.08) !important;
  border: 1px solid rgba(213, 0, 50, 0.3) !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  color: var(--fior-tomato) !important;
  margin-bottom: 8px !important;
}

.cart-item__urgency svg {
  width: 14px !important;
  height: 14px !important;
  color: var(--fior-tomato) !important;
  flex-shrink: 0 !important;
}

.cart-item__urgency strong {
  font-weight: 700 !important;
}


/* ============================================
   PRODUCT FEATURES - Micro selling points
   ============================================ */

.cart-item__features {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 8px 0 !important;
  padding: 8px 0 !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.cart-item__features span {
  font-size: 13px !important;
  color: var(--fior-basil) !important;
  line-height: 1.4 !important;
}

/* ============================================
   TRUST SIGNALS - Stronger styling
   ============================================ */

.cart-drawer .info-strip__returns {
  background: rgba(62, 107, 70, 0.12) !important;
  border: 1.5px solid var(--fior-basil) !important;
  color: var(--fior-basil) !important;
  font-weight: 600 !important;
}

.cart-drawer .info-strip__returns svg {
  width: 16px !important;
  height: 16px !important;
  color: var(--fior-basil) !important;
}

/* ============================================
   PAYMENT METHODS - Hide from drawer
   Show only at checkout
   ============================================ */

.cart-drawer .info-strip__payments {
  display: none !important;
}

/* ============================================
   FIOR MOBILE PDP OPTIMIZATION
   ============================================ */

/* Mobile-first: riordina elementi above the fold */
@media (max-width: 749px) {
  
  /* Container prodotto: flex column per controllo ordine */
  .product__info-container {
    display: flex;
    flex-direction: column;
  }
  
  /* ORDINE OTTIMIZZATO MOBILE */
  .fior-hero { order: 1; }                    /* Titolo + badge */
  .price-wrapper { order: 2; }                /* Prezzo */
  .fior-urgency-wrapper { order: 3; }         /* Stock + social proof */
  .fior-value-props { order: 4; }             /* Trust signals */
  .product-form { order: 5; }                 /* Variant + CTA */
  .product-about.fior-description { order: 6; } /* Story (accordion chiuso) */
  .fior-shipping-info { order: 7; }           /* Shipping (accordion chiuso) */
  
  /* COMPATTA HERO - elimina padding eccessivo */
  .fior-hero {
    margin-bottom: 12px;
  }
  
  .product__title.fior-title {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 6px;
  }
  
  .product__tagline {
    font-size: 13px;
    margin-bottom: 0;
  }
  
  /* URGENCY sempre visibile (no accordion) */
  .fior-urgency-wrapper {
    background: #FFF9F0;
    border-left: 3px solid #D50032;
    padding: 12px;
    margin: 16px 0 12px 0;
  }
  
  .fior-urgency.low-stock {
    display: block !important;
  }
  
  .urgency-text {
    font-size: 14px;
    font-weight: 600;
    color: #D50032;
    margin: 0;
  }
  
  .social-proof {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #E5E5E5;
  }
  
  .social-proof-text {
    font-size: 13px;
    color: #666;
    margin: 0;
  }
  
  /* PREZZO più prominente */
  .price-wrapper {
    margin-bottom: 8px;
  }
  
  .price--product .price__regular {
    font-size: 28px;
    font-weight: 700;
    color: #000;
  }
  
  /* VALUE PROPS compatte */
  .fior-value-props {
    margin: 12px 0;
    padding: 12px;
    background: #F4F2ED;
    border-radius: 8px;
  }
  
  .fior-value-props .value-prop {
    font-size: 12px;
    margin-bottom: 6px;
  }
  
  .fior-value-props .value-prop:last-child {
    margin-bottom: 0;
  }
  
  .price-justification {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #DDD;
  }
  
  .price-justification p {
    font-size: 11px;
    margin: 0;
  }
  
  /* CTA PRINCIPALE - più visibile */
  .product-form__submit {
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    margin-top: 16px;
  }
  
  /* NASCONDI PayPal button su mobile (opzionale, o riduci dimensione) */
  .product-form__checkout {
    margin-top: 8px;
  }
  
  .shopify-payment-button {
    opacity: 0.7;
    transform: scale(0.95);
  }
  
  /* QUANTITY selector compatto */
  .product-parameters__quantity {
    margin-bottom: 12px;
  }
  
  .fior-quantity-label {
    font-size: 14px;
    margin-bottom: 6px;
  }
  
  .quantity-subtitle {
    font-size: 11px;
    color: #666;
    margin-top: 2px;
  }
  
  /* ACCORDION chiusi di default - riduce altezza */
  .product-about__accordion-description {
    display: none;
  }
  
  .product-about__accordion-title {
    font-size: 15px;
    padding: 12px 0;
  }
  
  /* Riduce descrizione duplicata sotto prezzo */
  .card__description {
    display: none; /* Già visibile in accordion */
  }
}

/* ============================================
   STICKY ADD TO CART BAR
   ============================================ */
.fior-sticky-atc {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F4F2ED;
  border-top: 2px solid #D50032;
  padding: 12px 16px;
  display: none; /* Hidden by default */
  z-index: 999;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.1);
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.fior-sticky-atc.visible {
  display: flex;
  transform: translateY(0);
  align-items: center;
  justify-content: space-between;
}

.fior-sticky-atc__info {
  flex: 1;
  margin-right: 12px;
}

.fior-sticky-atc__title {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 4px 0;
  color: #000;
}

.fior-sticky-atc__price {
  font-size: 16px;
  font-weight: 700;
  color: #D50032;
  margin: 0;
}

.fior-sticky-atc__cta {
  background: #D50032;
  color: #F4F2ED;
  border: none;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  white-space: nowrap;
}

@media (min-width: 750px) {
  .fior-sticky-atc {
    display: none !important; /* Solo mobile */
  }
}


/* ═══════════════════════════════════════════════════════════════
   FIOR - STREET LUXURY STYLE
   Brand: Wear Your Appetite
   Version: 1.0
   Total lines: ~220
   ═══════════════════════════════════════════════════════════════ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   TYPOGRAPHY & BASE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.product__title {
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
  color: #000 !important;
}

.product__subtitle {
  font-size: 15px !important;
  color: #666 !important;
  margin-bottom: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
}

.product__price {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #D50032 !important;
  margin-bottom: 4px !important;
}

.product__inventory {
  font-size: 13px !important;
  color: #3E6B46 !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
}

/* Body text general */
.product__description,
.product-accordion details > div {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #333 !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ADD TO CART BUTTON (ADD TO PANTRY)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.product-form__submit,
button[name="add"] {
  background: #3E6B46 !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 6px !important;
  padding: 18px 32px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 4px 4px 0px #000 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  width: 100% !important;
}

.product-form__submit:hover,
button[name="add"]:hover {
  background: #000 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px #000 !important;
}

.product-form__submit:active,
button[name="add"]:active {
  transform: translate(4px, 4px) !important;
  box-shadow: 0px 0px 0px #000 !important;
}

/* Loading state */
.product-form__submit.loading {
  opacity: 0.7 !important;
  pointer-events: none !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SIZE SELECTOR BUTTONS CON ROSSO
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Base button style */
.product-form__input input[type="radio"] + label {
  border: 2px solid #000 !important;
  padding: 14px 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  background: #fff !important;
  color: #000 !important;
  text-align: center !important;
  font-size: 16px !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
}

/* Selected state - VERDE */
.product-form__input input[type="radio"]:checked + label {
  background: #3E6B46 !important;
  color: #fff !important;
  border-color: #3E6B46 !important;
  box-shadow: 2px 2px 0px #000 !important;
}

/* Desktop Hover - ROSSO */
@media (hover: hover) and (pointer: fine) {
  .product-form__input input[type="radio"]:not(:checked) + label:hover {
    background: #D50032 !important;
    color: #fff !important;
    border-color: #D50032 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(213, 0, 50, 0.3) !important;
  }
}

/* Mobile tap feedback - ROSSO leggero */
.product-form__input input[type="radio"]:not(:checked) + label:active {
  background: rgba(213, 0, 50, 0.1) !important;
  border-color: #D50032 !important;
  transform: scale(0.98) !important;
  transition: all 0.1s ease !important;
}

/* Color selector */
.product-form__input--swatch input[type="radio"] + label {
  border: 2px solid #000 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  width: 56px !important;
  height: 56px !important;
}

/* Selected color - Ring ROSSO */
.product-form__input--swatch input[type="radio"]:checked + label {
  background: transparent !important;
  box-shadow: 0 0 0 3px #D50032, 2px 2px 0px #000 !important;
  border-color: #D50032 !important;
}

/* Desktop hover per color */
@media (hover: hover) and (pointer: fine) {
  .product-form__input--swatch input[type="radio"]:not(:checked) + label:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 0 0 2px #D50032, 0 4px 12px rgba(213, 0, 50, 0.2) !important;
  }
}

/* Prevent sticky hover on touch */
@media (hover: none) and (pointer: coarse) {
  .product-form__input input[type="radio"] + label:hover {
    background: #fff !important;
    border-color: #000 !important;
    transform: none !important;
    box-shadow: none !important;
  }
  
  .product-form__input input[type="radio"]:checked + label:hover {
    background: #3E6B46 !important;
    border-color: #3E6B46 !important;
    box-shadow: 2px 2px 0px #000 !important;
  }
}


  
  .product-form__input--swatch input[type="radio"] + label {
    width: 60px !important;
    height: 60px !important;
  }
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ACCORDION SECTIONS (Size & Fit, Shipping, Sustainability)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.product-accordion details,
details.product-info-accordion {
  border-top: 1.5px solid #000 !important;
  border-bottom: 1.5px solid #000 !important;
  margin-bottom: -1.5px !important;
  transition: all 0.2s ease !important;
}

.product-accordion summary,
details.product-info-accordion summary {
  padding: 18px 0 !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  transition: all 0.2s ease !important;
  list-style: none !important;
}

.product-accordion summary:hover,
details.product-info-accordion summary:hover {
  color: #D50032 !important;
}

/* Remove default marker */
.product-accordion summary::-webkit-details-marker,
details.product-info-accordion summary::-webkit-details-marker {
  display: none !important;
}

/* Plus/Minus indicator */
.product-accordion summary::after,
details.product-info-accordion summary::after {
  content: '+' !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  transition: transform 0.2s ease !important;
}

.product-accordion details[open] summary::after,
details.product-info-accordion[open] summary::after {
  content: '−' !important;
}

/* Accordion content */
.product-accordion details[open] > div,
details.product-info-accordion[open] > div {
  padding: 0 0 20px 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #333 !important;
  animation: fadeIn 0.3s ease !important;
}

/* Links inside accordion */
.product-accordion a,
details.product-info-accordion a {
  color: #D50032 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.product-accordion a:hover,
details.product-info-accordion a:hover {
  color: #000 !important;
}

/* Emoji icons in accordion */
.product-accordion summary span:first-child,
details.product-info-accordion summary span:first-child {
  font-size: 18px !important;
  margin-right: 8px !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SIZE GUIDE CTA — Product page only
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.fior-size-guide-clean a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-decoration: underline;
  margin: 16px 0;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.fior-size-guide-clean a:hover,
.fior-size-guide-clean a:focus-visible {
  background: #F4F2ED;
  border-color: #000;
  text-decoration: none;
  outline: none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   QUANTITY SELECTOR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.quantity-selector,
.product-form__input--quantity {
  border: 2px solid #000 !important;
  border-radius: 6px !important;
  padding: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.quantity-selector button,
.product-form__input--quantity button {
  background: transparent !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  padding: 8px 12px !important;
  transition: all 0.2s ease !important;
}

.quantity-selector button:hover,
.product-form__input--quantity button:hover {
  background: #F4F2ED !important;
  border-radius: 4px !important;
}

.quantity-selector input,
.product-form__input--quantity input {
  border: none !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  width: 50px !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PRODUCT BADGES & LABELS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.product-badge,
.badge {
  display: inline-block !important;
  background: #F4F2ED !important;
  color: #000 !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: 1.5px solid #000 !important;
  box-shadow: 2px 2px 0px #000 !important;
}

.product-badge--new {
  background: #3E6B46 !important;
  color: #fff !important;
}

.product-badge--sale {
  background: #D50032 !important;
  color: #fff !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ANIMATIONS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MOBILE OPTIMIZATIONS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 768px) {
  .product__title {
    font-size: 24px !important;
  }

  .product__price {
    font-size: 22px !important;
  }

  .product-form__submit,
  button[name="add"] {
    font-size: 15px !important;
    padding: 16px 24px !important;
  }

  .product-form__input input[type="radio"] + label {
    padding: 12px 16px !important;
    font-size: 14px !important;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CUSTOM BLOCKS (trust badges, shipping info, etc)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.fior-trust-badges {
  margin: 24px 0 !important;
}

.fior-shipping-info {
  animation: fadeIn 0.4s ease !important;
}

.fior-product-description-box {
  margin: 32px 0 !important;
  animation: fadeIn 0.5s ease !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   END OF FIOR CUSTOM STYLES
   Total lines: ~220
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SIZE BUTTONS (pills-variant-labels) CON ROSSO
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Base style per SIZE buttons */
.pills-variant-labels,
label.pills-variant-labels {
  border: 2px solid #000 !important;
  padding: 14px 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  background: #fff !important;
  color: #000 !important;
  text-align: center !important;
  font-size: 16px !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  display: inline-block !important;
}

/* Selected state SIZE - VERDE */
input[type="radio"]:checked + .pills-variant-labels,
input[type="radio"]:checked + label.pills-variant-labels {
  background: #3E6B46 !important;
  color: #fff !important;
  border-color: #3E6B46 !important;
  box-shadow: 2px 2px 0px #000 !important;
}

/* Desktop Hover SIZE - ROSSO */
@media (hover: hover) and (pointer: fine) {
  input[type="radio"]:not(:checked) + .pills-variant-labels:hover,
  input[type="radio"]:not(:checked) + label.pills-variant-labels:hover {
    background: #D50032 !important;
    color: #fff !important;
    border-color: #D50032 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(213, 0, 50, 0.3) !important;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   COLOR SWATCHES (color-swatch) CON ROSSO
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Base style per COLOR buttons */
.color-swatch,
label.color-swatch {
  border: 2px solid #000 !important;
  border-radius: 25px !important; /* PIÙ STONDATO */
  width: 56px !important;
  height: 56px !important;
  display: inline-block !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  -webkit-tap-highlight-color: transparent !important;
  background: var(--swatch--background, transparent) !important;
  position: relative !important;
}

/* IMPORTANTE: Mantieni il background trasparente quando checked */
input[type="radio"]:checked + .color-swatch,
input[type="radio"]:checked + label.color-swatch {
  background: var(--swatch--background, transparent) !important;
  box-shadow: 0 0 0 3px #D50032, 2px 2px 0px #000 !important;
  border-color: #D50032 !important;
}


/* Desktop hover COLOR - ROSSO glow */
@media (hover: hover) and (pointer: fine) {
  input[type="radio"]:not(:checked) + .color-swatch:hover,
  input[type="radio"]:not(:checked) + label.color-swatch:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 0 0 2px #D50032, 0 4px 12px rgba(213, 0, 50, 0.25) !important;
    background: var(--swatch--background, transparent) !important;
  }
}

/* Mobile tap COLOR */
input[type="radio"]:not(:checked) + .color-swatch:active,
input[type="radio"]:not(:checked) + label.color-swatch:active {
  transform: scale(0.95) !important;
  transition: all 0.1s ease !important;
}

/* ── FIOR: Size Guide CTA — premium, identica su mobile/desktop ── */
.fior-size-guide-clean{
  margin: 8px 0 14px;
  padding: 0;                 /* niente box */
  background: transparent;
  border: 0;
  text-align: left;
}

.fior-size-guide-clean a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-decoration: none;      /* base: NO underline */
  -webkit-tap-highlight-color: transparent;
}

/* gerarchia testo */
.fior-size-guide-clean .icon{ font-size: 18px; line-height: 1; }
.fior-size-guide-clean .text{ line-height: 1.35; }
.fior-size-guide-clean .cta{ color: #D50032; font-weight: 700; text-decoration: none; }

/* blocca underline/effetti tema in ogni stato */
.fior-size-guide-clean a:hover,
.fior-size-guide-clean a:focus,
.fior-size-guide-clean a:active{
  color: #000;
  text-decoration: none !important;
  outline: 0;
}

/* hard reset contro underline “furbi” dei temi (bordi/pseudo/background) */
.fior-size-guide-clean a,
.fior-size-guide-clean a *,
.fior-size-guide-clean a::before,
.fior-size-guide-clean a::after,
.fior-size-guide-clean .text::before,
.fior-size-guide-clean .text::after{
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  text-decoration: none !important;
  content: none;
}

/* Mobile fine-tuning: evita spezzature sgraziate della CTA rossa */
@media (max-width: 768px){
  .fior-size-guide-clean .cta{ white-space: nowrap; }
}
@media (max-width: 768px){
  .template-product h1.product__title.fior-title{
    color:#3E6B46 !important;
  }
}

/* GIFT CARD - HIDE UNNECESSARY ELEMENTS */
body.template-product[class*="gift"] .fior-hero,
body.template-product[class*="gift"] .share-buttons,
body.template-product[class*="gift"] .fior-urgency-wrapper,
body.template-product[class*="gift"] .fior-value-props {
  display: none !important;
}

/* ===== FIX: Cerchietto BIANCO con sfondo verde per visibilità ===== */
.color-swatch[title="White"],
.color-swatch[style*="--swatch-color: White"] {
  background: #3E6B46 !important; /* Verde basilico dentro */
}

/* Quando selezionato, mantieni il verde */
input[type="radio"]:checked + .color-swatch[title="White"],
input[type="radio"]:checked + .color-swatch[style*="--swatch-color: White"] {
  background: #3E6B46 !important;
  border-color: #D50032 !important;
  box-shadow: 0 0 0 3px #D50032, 2px 2px 0px #000 !important;
}

/* Hover mantiene il verde */
input[type="radio"]:not(:checked) + .color-swatch[title="White"]:hover,
input[type="radio"]:not(:checked) + .color-swatch[style*="--swatch-color: White"]:hover {
  background: #3E6B46 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 0 0 2px #D50032, 0 4px 12px rgba(213, 0, 50, 0.25) !important;
}

/* ===== FIX: Cerchietto BIANCO con sfondo verde - SOLO BIANCO ===== */
.color-swatch[title="White"],
label.color-swatch[title="White"] {
  background: #3E6B46 !important;
  background-color: #3E6B46 !important;
  --swatch--background: #3E6B46 !important;
}

/* Anche quando non è hover o checked */
input[type="radio"] + .color-swatch[title="White"],
input[type="radio"] + label.color-swatch[title="White"] {
  background: #3E6B46 !important;
  background-color: #3E6B46 !important;
  --swatch--background: #3E6B46 !important;
}

/* Quando selezionato */
input[type="radio"]:checked + .color-swatch[title="White"],
input[type="radio"]:checked + label.color-swatch[title="White"] {
  background: #3E6B46 !important;
  background-color: #3E6B46 !important;
  --swatch--background: #3E6B46 !important;
  border-color: #D50032 !important;
  box-shadow: 0 0 0 3px #D50032, 2px 2px 0px #000 !important;
}

/* Hover */
input[type="radio"]:not(:checked) + .color-swatch[title="White"]:hover,
input[type="radio"]:not(:checked) + label.color-swatch[title="White"]:hover {
  background: #3E6B46 !important;
  background-color: #3E6B46 !important;
  --swatch--background: #3E6B46 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 0 0 2px #D50032, 0 4px 12px rgba(213, 0, 50, 0.25) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FIOR — MOBILE SECTION RHYTHM (Home / Lookbook / Pantry)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 768px){
  /* Token leggeri per mobile */
  :root{
    --space-s: 12px;
    --space-m: 16px;
    --space-l: 20px;
    --space-xl: 24px;
  }

 

  /* Elimina margini doppi generici fra sezioni */
  .spaced-section,
  [class*="section-"][class*="-padding"]{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .shopify-section + .shopify-section{
    /* spazio standard fra blocchi consecutivi */
    margin-top: var(--space-xl) !important;
  }

  /* Home: stringi un po' sotto hero e attorno alle liste prodotti */
  .template-index .shopify-section:first-of-type{
    padding-bottom: var(--space-m) !important;
  }
  .template-index .featured-products,
  .template-index .products-grid{
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-l) !important;
  }
  .template-index .featured-products__list,
  .template-index .collection-product-list{
    row-gap: var(--space-m) !important;
  }

  /* Lookbook: heading/copy più compatti */
  .template-page.page-lookbook h2,
  .template-page.page-lookbook .subtitle,
  .template-page.page-lookbook .richtext__content{
    margin-bottom: var(--space-m) !important;
  }

  /* Collection (The Pantry): meno spazio nell’header e sopra la griglia */
  .template-collection .section-grid .section-header{
    margin-bottom: var(--space-m) !important;
  }
  .template-collection .collection-product-list{
    row-gap: var(--space-m) !important;
  }

  /* Blocchi “comunicazione” (FAQ/newsletter/community) un filo più asciutti */
  .template-index [id*="faq"],
  .template-index .newsletter,
  .template-collection [id*="community"],
  .template-collection .newsletter{
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FIOR · MOBILE RHYTHM TUNING
   Pagine: Home, Lookbook, The Pantry
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 768px){

  /* Token ritmo (toccali per micro-tuning) */
  :root{
    --space-xs: 8px;
    --space-s : 12px;
    --space-m : 16px;
    --space-l : 20px;
    --space-xl: 24px;
  }

  /* Fix globale: niente “buco” sotto header */
  .shopify-section-header, .header-wrapper{ margin-bottom: 0 !important; }
  .template-index main .shopify-section:first-child,
  .template-page  main .shopify-section:first-child,
  .template-collection main .shopify-section:first-child{
    padding-top: var(--space-s) !important;
  }

  /* ===== HOME ===== */
 
  /* Sotto hero e attorno a liste prodotti un filo più serrato */
  .template-index .featured-products,
  .template-index .products-grid{
    padding-top: var(--space-m) !important;
    padding-bottom: var(--space-l) !important;
  }
  .template-index .featured-products__list,
  .template-index .collection-product-list{ row-gap: var(--space-m) !important; }

  /* Titoli/copy home più compatti */
  .template-index .section-header .subtitle,
  .template-index .section-header h2,
  .template-index .richtext__content{
    margin-bottom: var(--space-m) !important;
  }

  /* Blocchi “comunicazione” (newsletter/faq/community) meno espansi */
  .template-index [id*="newsletter"],
  .template-index [id*="faq"],
  .template-index [id*="community"]{
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }

  /* ===== LOOKBOOK ===== */
  /* Nota: se il body non ha una classe dedicata, resta il fallback .template-page */
  .template-page main .shopify-section{
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .template-page .subtitle,
  .template-page h2,
  .template-page .richtext__content{
    margin-bottom: var(--space-m) !important;
  }
  /* Spazio tra immagini/look-items */
  .template-page .media, 
  .template-page [class*="look"] img{
    margin-bottom: var(--space-m) !important;
  }

  /* ===== THE PANTRY (collection) ===== */
  .template-collection main .shopify-section{
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  /* Header collezione più asciutto */
  .template-collection .section-grid .section-header{
    margin-bottom: var(--space-m) !important;
  }
  /* Filtri/toolbar se presenti */
  .template-collection [class*="filters"],
  .template-collection [class*="toolbar"]{
    margin-bottom: var(--space-m) !important;
  }
  /* Griglia prodotti più densa */
  .template-collection .collection-product-list{ row-gap: var(--space-m) !important; }

  /* Evita “doppi margini” fra sezioni consecutive (tutte e tre le pagine) */
  .template-index  .shopify-section + .shopify-section,
  .template-page   .shopify-section + .shopify-section,
  .template-collection .shopify-section + .shopify-section{
    margin-top: var(--space-xl) !important;
  }
  .spaced-section,
  [class*="section-"][class*="-padding"]{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* FIX: Escludi header mobile dal margin-top automatico */
@media (max-width: 768px) {
  .template-index .shopify-section.header-mobile-section,
  .template-page .shopify-section.header-mobile-section,
  .template-collection .shopify-section.header-mobile-section,
  .shopify-section-group-header-group .shopify-section {
    margin-top: 0 !important;
  }
}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   THE PANTRY — Multicolumn (istanza specifica)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Ritmo sezione mobile */
@media (max-width: 768px){
  .section-template--20014274314457__multicolumn_dtPHcq-padding{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

/* Card cream premium */
.section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-card{
  background: var(--fior-cream, #F4F2ED);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 16px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Tipografia premium, allineata a sinistra (override del centro) */
.section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-card__info{ text-align: left !important; }
.section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-card__info-title{
  margin: 0 0 4px 0 !important;
  font-size: 15px !important; font-weight: 800 !important;
  letter-spacing: -0.01em; color: #000; line-height: 1.25;
}
.section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-card__info-text{
  margin: 0 !important;
  font-size: 13px !important; line-height: 1.35 !important;
  color: #6A6A6A !important;
}

@media (hover: hover){
  .section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 2px 0 0 var(--fior-basil, #3E6B46) !important;
    border-color: rgba(62,107,70,.28) !important; /* basil */
  }
}
/* Titolo card in verde basil */
.section-template--20014274314457__multicolumn_dtPHcq-padding
  .multicolumn-card__info-title{
  color: var(--fior-basil, #3E6B46) !important;
}

/* Frecce slider in verde basil */
.section-template--20014274314457__multicolumn_dtPHcq-padding
  .swiper-button{
  color: var(--fior-basil, #3E6B46) !important; /* l’SVG usa currentColor */
  border-color: rgba(62,107,70,.25) !important;
}

/* Hover/active più evidente (opzionale) */
.section-template--20014274314457__multicolumn_dtPHcq-padding
  .swiper-button:hover{
  background: #F4F2ED !important;
  box-shadow: 0 1px 0 0 var(--fior-basil, #3E6B46) !important;
}

/* Stato disabilitato più soft */
.section-template--20014274314457__multicolumn_dtPHcq-padding
  .swiper-button.swiper-button-disabled{
  color: rgba(62,107,70,.35) !important;
  border-color: rgba(62,107,70,.15) !important;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   THE PANTRY — Multicolumn Premium (UNIVERSAL)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   THE PANTRY — Multicolumn Premium (UNIVERSAL - CLEAN ARCHITECTURAL FIX)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Targeting TUTTE le multicolumn della homepage - PULIZIA TOTALE */
.template-index .multicolumn-section .multicolumn-card{
  background: transparent !important; /* Niente sfondo panna sulla card */
  border: none !important;            /* Via il bordo */
  box-shadow: none !important;        /* Via le ombre */
  border-radius: 0 !important;
  padding: 0 !important;              /* Togliamo il padding interno, il testo si allinea alla griglia */
  transition: transform .3s ease !important;
  position: relative !important;
  overflow: visible !important;       /* Importante per far respirare il contenuto */
}

/* RIMUOVI L'OMBRA INTERNA */
.template-index .multicolumn-section .multicolumn-card::after{
  display: none !important;
}

/* Tipografia */
.template-index .multicolumn-section .multicolumn-card__info{ 
  text-align: left !important; 
}

.template-index .multicolumn-section .multicolumn-card__info-title{
  margin: 0 0 6px 0 !important;
  font-size: 16px !important; 
  font-weight: 800 !important;
  letter-spacing: -0.02em !important; 
  color: #3E6B46 !important;
  line-height: 1.3 !important;
  transition: color .2s ease !important;
}

.template-index .multicolumn-section .multicolumn-card__info-text{
  margin: 0 !important;
  font-size: 14px !important; 
  line-height: 1.5 !important;
  color: rgba(0,0,0,.68) !important;
}

/* HOVER */
@media (hover: hover){
  .template-index .multicolumn-section .multicolumn-card:hover{
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 16px rgba(62,107,70,.12), 0 2px 4px rgba(0,0,0,.06) !important;
    border-color: rgba(62,107,70,.2) !important;
  }


  .template-index .multicolumn-section .multicolumn-card:hover .multicolumn__image{
    transform: scale(1.05) !important;
  }

  .template-index .multicolumn-section .multicolumn-card:hover .multicolumn-card__info-title{
    color: #D50032 !important;
  }
}

/* Icona */
.template-index .multicolumn-section .multicolumn__image{
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Mobile */
@media (max-width: 768px){
  .template-index .multicolumn-section .multicolumn-card{
    padding: 20px 16px !important;
  }
  
  .template-index .multicolumn-section .multicolumn-card__info-title{
    font-size: 15px !important;
  }
  
  .template-index .multicolumn-section .multicolumn-card__info-text{
    font-size: 13px !important;
  }
}

/* Bordo completo SOTTILE + Angolo L ACCENTUATO */
.template-index .multicolumn-section .multicolumn-card{
  background: #F4F2ED !important;
  border: 1px solid rgba(62,107,70,.15) !important; /* Bordo sottile verde su 4 lati */
  border-radius: 16px !important;
  padding: 24px 20px !important;
  transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Angolo L signature (bottom-left) */
.template-index .multicolumn-section .multicolumn-card::before{
  display: none !important;
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-left: 3px solid #3E6B46 !important;
  border-bottom: 3px solid #3E6B46 !important;
  border-radius: 0 0 0 15px !important;
  opacity: 1 !important;
  transition: all .3s ease !important;
}

/* HOVER: tutto il bordo si ispessisce + angolo diventa rosso */
.template-index .multicolumn-section .multicolumn-card:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 16px rgba(62,107,70,.12), 0 2px 4px rgba(0,0,0,.06) !important;
  border-color: rgba(62,107,70,.35) !important; /* Bordo esterno più evidente */
  border-width: 1.5px !important;
}

.template-index .multicolumn-section .multicolumn-card:hover::before{
  width: 36px !important;
  height: 36px !important;
  border-color: #D50032 !important; /* L-shape diventa rosso */
  border-width: 3.5px !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SLIDER CONTROLS — UX Completo Desktop + Mobile
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━ DESKTOP: Frecce laterali inline ━━━ */

/* Container: posizionamento relativo */
.template-index .multicolumn-section .multicolumn-list{
  position: relative !important;
}

/* Wrapper frecce: absolute positioning ai lati */
.template-index .multicolumn-section .swiper-buttons__wrapper{
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

.template-index .multicolumn-section .swiper-buttons__box{
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  pointer-events: none !important;
}

/* BASE BUTTON STYLE */
.template-index .multicolumn-section .swiper-button{
  pointer-events: auto !important;
  
  width: 44px !important; 
  height: 44px !important;
  min-width: 44px !important;
  
  background: rgba(255,255,255,.95) !important;
  backdrop-filter: blur(8px) !important;
  border: 1.5px solid rgba(62,107,70,.25) !important;
  border-radius: 50% !important;
  color: #3E6B46 !important;
  
  box-shadow: 
    0 4px 12px rgba(0,0,0,.1),
    0 2px 4px rgba(0,0,0,.06) !important;
  
  transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  position: relative !important;
  
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  margin: 0 -8px !important;
}

.template-index .multicolumn-section .swiper-button-prev{
  transform: translateX(-12px) !important;
}

.template-index .multicolumn-section .swiper-button-next{
  transform: translateX(12px) !important;
}

.template-index .multicolumn-section .swiper-button svg{
  width: 18px !important;
  height: 18px !important;
  transition: transform .2s ease !important;
}

/* HOVER STATE */
@media (hover: hover){
  .template-index .multicolumn-section .swiper-button:not(.swiper-button-disabled):hover{
    background: #3E6B46 !important;
    color: #FFFFFF !important;
    border-color: #3E6B46 !important;
    transform: scale(1.1) !important;
    
    box-shadow: 
      0 6px 16px rgba(62,107,70,.25),
      0 0 0 4px rgba(62,107,70,.1) !important;
  }
  
  .template-index .multicolumn-section .swiper-button-prev:not(.swiper-button-disabled):hover{
    transform: translateX(-16px) scale(1.1) !important;
  }
  
  .template-index .multicolumn-section .swiper-button-next:not(.swiper-button-disabled):hover{
    transform: translateX(16px) scale(1.1) !important;
  }
  
  .template-index .multicolumn-section .swiper-button-prev:not(.swiper-button-disabled):hover svg{
    transform: translateX(-3px) !important;
  }
  
  .template-index .multicolumn-section .swiper-button-next:not(.swiper-button-disabled):hover svg{
    transform: translateX(3px) !important;
  }
}

/* ACTIVE STATE */
.template-index .multicolumn-section .swiper-button:not(.swiper-button-disabled):active{
  transform: scale(0.95) !important;
  box-shadow: 0 2px 8px rgba(62,107,70,.2) !important;
}

/* DISABLED STATE */
.template-index .multicolumn-section .swiper-button.swiper-button-disabled{
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(0.8) !important;
}

/* FOCUS STATE */
.template-index .multicolumn-section .swiper-button:focus-visible{
  outline: none !important;
  box-shadow: 
    0 4px 12px rgba(62,107,70,.2),
    0 0 0 4px rgba(213,0,50,.4) !important;
  border-color: #D50032 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   THE PANTRY (Collection) — Multicolumn Premium + Controls
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━ CARD STYLE ━━━ */
.template-collection .multicolumn-section .multicolumn-card,
body[class*="collection"] .multicolumn-section .multicolumn-card,
.collection-template .multicolumn-section .multicolumn-card {
  background: #F4F2ED !important;
  border: 1px solid rgba(62,107,70,.15) !important;
  border-radius: 16px !important;
  padding: 24px 20px !important;
  transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Angolo L signature (bottom-left) */
.template-collection .multicolumn-section .multicolumn-card::before,
body[class*="collection"] .multicolumn-section .multicolumn-card::before,
.collection-template .multicolumn-section .multicolumn-card::before {
  display: none !important;
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-left: 3px solid #3E6B46 !important;
  border-bottom: 3px solid #3E6B46 !important;
  border-radius: 0 0 0 15px !important;
  opacity: 1 !important;
  transition: all .3s ease !important;
  z-index: 1 !important;
}

/* Inner shadow */
.template-collection .multicolumn-section .multicolumn-card::after,
body[class*="collection"] .multicolumn-section .multicolumn-card::after,
.collection-template .multicolumn-section .multicolumn-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.03) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Immagine */
.template-collection .multicolumn-section .multicolumn-card__image-wrapper,
body[class*="collection"] .multicolumn-section .multicolumn-card__image-wrapper,
.collection-template .multicolumn-section .multicolumn-card__image-wrapper {
  margin-bottom: 16px !important;
  position: relative !important;
  z-index: 2 !important;
}

.template-collection .multicolumn-section .multicolumn__image,
body[class*="collection"] .multicolumn-section .multicolumn__image,
.collection-template .multicolumn-section .multicolumn__image {
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ━━━ TIPOGRAFIA - FONT INGRANDITI ━━━ */
.template-collection .multicolumn-section .multicolumn-card__info,
body[class*="collection"] .multicolumn-section .multicolumn-card__info,
.collection-template .multicolumn-section .multicolumn-card__info { 
  text-align: left !important;
  position: relative !important;
  z-index: 2 !important;
}

.template-collection .multicolumn-section .multicolumn-card__info-title,
body[class*="collection"] .multicolumn-section .multicolumn-card__info-title,
.collection-template .multicolumn-section .multicolumn-card__info-title {
  margin: 0 0 8px 0 !important;
  font-size: 20px !important; /* 🔥 INGRANDITO da 16px a 20px */
  font-weight: 800 !important;
  letter-spacing: -0.02em !important; 
  color: #3E6B46 !important;
  line-height: 1.3 !important;
  transition: color .2s ease !important;
}

.template-collection .multicolumn-section .multicolumn-card__info-text,
body[class*="collection"] .multicolumn-section .multicolumn-card__info-text,
.collection-template .multicolumn-section .multicolumn-card__info-text {
  margin: 0 !important;
  font-size: 16px !important; /* 🔥 INGRANDITO da 14px a 16px */
  line-height: 1.5 !important;
  color: rgba(0,0,0,.68) !important;
}

/* ━━━ HOVER ━━━ */
@media (hover: hover){
  .template-collection .multicolumn-section .multicolumn-card:hover,
  body[class*="collection"] .multicolumn-section .multicolumn-card:hover,
  .collection-template .multicolumn-section .multicolumn-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 16px rgba(62,107,70,.12), 0 2px 4px rgba(0,0,0,.06) !important;
    border-color: rgba(62,107,70,.35) !important;
    border-width: 1.5px !important;
  }

  .template-collection .multicolumn-section .multicolumn-card:hover::before,
  body[class*="collection"] .multicolumn-section .multicolumn-card:hover::before,
  .collection-template .multicolumn-section .multicolumn-card:hover::before {
    width: 36px !important;
    height: 36px !important;
    border-color: #D50032 !important;
    border-width: 3.5px !important;
  }

  .template-collection .multicolumn-section .multicolumn-card:hover .multicolumn__image,
  body[class*="collection"] .multicolumn-section .multicolumn-card:hover .multicolumn__image,
  .collection-template .multicolumn-section .multicolumn-card:hover .multicolumn__image {
    transform: scale(1.05) !important;
  }

  .template-collection .multicolumn-section .multicolumn-card:hover .multicolumn-card__info-title,
  body[class*="collection"] .multicolumn-section .multicolumn-card:hover .multicolumn-card__info-title,
  .collection-template .multicolumn-section .multicolumn-card:hover .multicolumn-card__info-title {
    color: #D50032 !important;
  }
}

/* ━━━ MOBILE ━━━ */
@media (max-width: 768px){
  .template-collection .multicolumn-section .multicolumn-card,
  body[class*="collection"] .multicolumn-section .multicolumn-card,
  .collection-template .multicolumn-section .multicolumn-card {
    padding: 20px 16px !important;
  }
  
  .template-collection .multicolumn-section .multicolumn-card__info-title,
  body[class*="collection"] .multicolumn-section .multicolumn-card__info-title,
  .collection-template .multicolumn-section .multicolumn-card__info-title {
    font-size: 17px !important; /* 🔥 INGRANDITO mobile */
  }
  
  .template-collection .multicolumn-section .multicolumn-card__info-text,
  body[class*="collection"] .multicolumn-section .multicolumn-card__info-text,
  .collection-template .multicolumn-section .multicolumn-card__info-text {
    font-size: 14px !important; /* 🔥 INGRANDITO mobile */
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   THE PANTRY — Frecce stile HOMEPAGE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* THE PANTRY — Frecce complete */
.section-template--20014274314457__multicolumn_dtPHcq-padding .swiper-button {
  width: 44px !important;
  height: 44px !important;
  background: rgba(255,255,255,.95) !important;
  backdrop-filter: blur(8px) !important;
  border: 1.5px solid rgba(62,107,70,.25) !important;
  border-radius: 50% !important;
  color: #3E6B46 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06) !important;
  
  /* CENTRAGGIO */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.section-template--20014274314457__multicolumn_dtPHcq-padding .swiper-button svg {
  width: 20px !important;  /* Cambia qui per ingrandire */
  height: 18px !important;
}

/* Hover */
.section-template--20014274314457__multicolumn_dtPHcq-padding .swiper-button:hover {
  background: #3E6B46 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 16px rgba(62,107,70,.25), 0 0 0 4px rgba(62,107,70,.1) !important;
}
/* THE PANTRY — Icona ingrandita */
.section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-card__image-wrapper {
  transform: scale(1.3) !important;  /* 30% più grande */
  margin-bottom: 20px !important;    /* Compenso spazio */
}

/* ========================================
   MOBILE MENU - VIEW ALL (BEST PRACTICE)
   ======================================== */

@media screen and (max-width: 768px) {
  /* View All più discreto e professionale */
  .header-mobile__menu .view-all-link,
  .header-mobile .view-all-link {
    /* Rimuovi sottolineatura */
    text-decoration: none !important;
    border-bottom: none !important;
    
    /* Styling discreto ma premium */
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #D50032 !important;
    
    /* Padding sottile */
    padding: 10px 16px 10px 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    
    /* Border bottom sottile */
    border-bottom: 2px solid transparent !important;
    
    /* Transizione smooth */
    transition: all 0.25s ease !important;
    
    /* Margine per separarlo */
    margin: 8px 0 20px 0 !important;
    
    /* Touch target */
    min-height: 44px !important;
  }
  
  /* Freccia piccola e discreta */
  .header-mobile__menu .view-all-link::after,
  .header-mobile .view-all-link::after {
    content: "→" !important;
    font-size: 18px !important;
    transition: transform 0.25s ease !important;
  }
  
  /* HOVER/ACTIVE - Diventa verde con underline */
  .header-mobile__menu .view-all-link:hover,
  .header-mobile .view-all-link:hover,
  .header-mobile__menu .view-all-link:active,
  .header-mobile .view-all-link:active {
    color: #3E6B46 !important;
    border-bottom: 2px solid #3E6B46 !important;
  }
  
  /* Animazione freccia */
  .header-mobile__menu .view-all-link:hover::after,
  .header-mobile .view-all-link:active::after {
    transform: translateX(4px) !important;
  }
}

/* Bottone PRIMARY - Rosso normale */
.image-with-text__link,
.image-collage .button {
  background: var(--fior-tomato, #D50032) !important;
  color: #FFFFFF !important;
  border: 2px solid var(--fior-tomato, #D50032) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  transition: all 0.25s ease !important;
}

/* Hover VERDE */
.image-with-text__link:hover,
.image-collage .button:hover {
  background: var(--fior-basil, #3E6B46) !important;
  border-color: var(--fior-basil, #3E6B46) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* RESET eventuali regole precedenti */
.image-with-text__link:not(:hover),
.image-collage .button:not(:hover) {
  background: var(--fior-tomato, #D50032) !important;
  border-color: var(--fior-tomato, #D50032) !important;
}

/* Override background verde → crema per sezione Cotton */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text {
  background-color: var(--fior-cream, #F4F2ED) !important;
}

/* Aggiusta colori testo per leggibilità su crema */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__subtitle,
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__title,
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__text {
  color: var(--fior-black, #000000) !important;
}

/* Ticker su fondo crema */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__ticker {
  background-color: var(--fior-cream, #F4F2ED) !important;
  color: var(--fior-black, #000000) !important;
}
/* Titolo in verde basilico */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__title {
  color: var(--fior-basil, #3E6B46) !important;
}

/* Rimuove linea rossa tra blocchi */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__block.have_border {
  border: none !important;
}

#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__block::before,
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__block::after {
  display: none !important;
}

/* ============================================
   OUR COTTON BREATHES - Line Breaks con CSS
   ============================================ */

/* SUBTITLE - Forza line break con max-width */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__subtitle {
  max-width: 360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  line-height: 1.8 !important;
}

/* TITLE - Forza line break dopo "Breathes." */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__title {
  max-width: 450px !important;
  margin-left: auto !important;
  margin-right: auto !important;
 
  line-height: 1.2 !important;
}




/* Bordo verde fisso sulla sinistra */
.image-with-description__item-elem::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #3E6B46;
  border-radius: 0;
}

/* Rimuove hover su badge */
.image-with-description__item-elem:hover .image-with-description__item-heading::before {
  background: #3E6B46 !important; /* Rimane verde */
  transform: none !important;
  box-shadow: none !important;
}

/* Rimuove hover su titolo */
.image-with-description__item-elem:hover .image-with-description__item-heading-title {
  color: #3E6B46 !important; /* Rimane verde */
  transform: none !important;
}

/* Rimuove hover su testo */
.image-with-description__item-elem:hover .image-with-description__item-text {
  transform: none !important;
}

/* Rimuove focus state hover */
.image-with-description__item-elem:focus-within {
  background: transparent !important;
  border: none !important;
}

/* Enfatizza frasi chiave con <strong> se le aggiungi nell'HTML */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__text strong {
  font-weight: 600 !important;
  color: #3E6B46 !important;
}

/* Enfatizza testo in corsivo con <em> */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__text em {
  font-style: italic !important;
  font-size: 20px !important;
  color: #D50032 !important;
  font-weight: 500 !important;
}


/* OUR COTTON BREATHES — larghezza piena e tipografia mobile */
#shopify-section-template--20014274805977__image_with_text_xjWQLt .image-with-text__block-text__wrapper{
  /* togli eventuali limiti di larghezza del wrapper */
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* ===========================
   PRODUCT — GIFT CARD: rimuovi urgenze
   Nasconde SOLO su Gift Card i blocchi:
   .fior-bundle-upsell e .fior-delivery-countdown
   =========================== */

/* 1) Se la pagina Gift Card espone i campi Recipient (Dawn) */
[id^="ProductInfo-"]:has([name^="properties[Recipient"]) .fior-bundle-upsell,
[id^="ProductInfo-"]:has([name^="properties[Recipient"]) .fior-delivery-countdown,
[id^="ProductInfo-"]:has(.gift-card-recipient) .fior-bundle-upsell,
[id^="ProductInfo-"]:has(.gift-card-recipient) .fior-delivery-countdown {
  display: none !important;
}

/* 2) Gate alternativi comuni: tipo prodotto / body class */
.product--gift-card .fior-bundle-upsell,
.product--gift-card .fior-delivery-countdown,
[data-product-type*="Gift"] .fior-bundle-upsell,
[data-product-type*="Gift"] .fior-delivery-countdown,
body[class*="gift-card"] .fior-bundle-upsell,
body[class*="gift-card"] .fior-delivery-countdown {
  display: none !important;
}

/* 3) Appoggio finale (se aggiungi il data-attr suggerito sotto) */
[id^="ProductInfo-"][data-gift-card="true"] .fior-bundle-upsell,
[id^="ProductInfo-"][data-gift-card="true"] .fior-delivery-countdown {
  display: none !important;
}


/* ===== BOTTONI STANDARD SITO (stessa size del cart) ===== */
.button.button--simple,
a.button.button--simple {
  background: #F4F2ED !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 6px !important;
  padding: 0.875rem 1.5rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  min-height: 44px !important;
  max-height: 44px !important;
}

.button.button--simple:hover,
a.button.button--simple:hover {
  background: #D50032 !important;
  border-color: #D50032 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

.button.button--simple .button-simpl__label,
.button.button--simple span {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: inherit !important;
}

.button.button--simple:hover .button-simpl__label,
.button.button--simple:hover span {
  color: #FFFFFF !important;
}

/* Focus state */
.button.button--simple:focus,
a.button.button--simple:focus {
  outline: 3px solid #3E6B46 !important;
  outline-offset: 3px !important;
}


/* ===== QUANTITY SELECTOR - STILE FIOR (REFINED) ===== */
.product-form__quantity {
  margin: 1rem 0;
}

.quantity {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  background: #F4F2ED !important;
  border: 2px solid #3E6B46 !important; /* ← VERDE BASILICO */
  border-radius: 8px !important;
  overflow: hidden !important;
  width: fit-content !important;
  height: 44px !important;
}

/* Bottoni +/- */
.quantity__button {
  background: transparent !important;
  border: none !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  color: #000000 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.quantity__button:hover {
  background: #D50032 !important;
  color: #FFFFFF !important;
}

/* Input numero centrale */
.quantity__input {
  background: transparent !important;
  border: none !important;
  border-left: 2px solid #3E6B46 !important; /* ← VERDE BASILICO */
  border-right: 2px solid #3E6B46 !important; /* ← VERDE BASILICO */
  width: 50px !important;
  height: 44px !important;
  text-align: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
  margin: 0 !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Icone +/- più piccole e centrate */
.quantity__button .icon {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  margin: auto !important;
}

.quantity__button svg {
  display: block !important;
}


/* ============== 1) KILL ACCENTO SULLA COLONNA IMMAGINE (forte e chirurgico) ============== */
.section-template--20017694179545__hero_section-padding .image-with-description__image,
.section-template--20017694179545__hero_section-padding .image-with-description__image__block {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
  outline: 0 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Spegni eventuali pseudo-elementi decorativi */
.section-template--20017694179545__hero_section-padding .image-with-description__image::before,
.section-template--20017694179545__hero_section-padding .image-with-description__image::after,
.section-template--20017694179545__hero_section-padding .image-with-description__image__block::before,
.section-template--20017694179545__hero_section-padding .image-with-description__image__block::after {
  content: none !important;
  display: none !important;
}

/* Alcuni temi applicano l'accento anche su questi wrapper: pulizia extra */
.section-template--20017694179545__hero_section-padding .image-with-description__wrapper,
.section-template--20017694179545__hero_section-padding .image-with-description__box {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border-left: 0 !important;
  border-inline-start: 0 !important;
  border-image: none !important;
}

/* ============== 2) RIATTIVA LA BARRA SUL TESTO (annulla il nascondi di Opzione A) ============== */
/* Rimetti padding e barra a sinistra sul testo */
.section-template--20017694179545__hero_section-padding .image-with-description__item-text {
  position: relative;
  padding-left: 20px !important;     /* ripristina spazio per la barra */
  border-left: 0 !important;         /* niente border, solo pseudo-elemento */
}

/* Forza la barra sul testo anche se Opzione A la nascondeva */
.section-template--20017694179545__hero_section-padding .image-with-description__item-text::before {
  content: "" !important;
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: #3E6B46;
}

/* ============== 3) MOBILE: fallback pulito quando le colonne si impilano ============== */
@media (max-width: 749px) {
  .section-template--20017694179545__hero_section-padding .image-with-description__item-text {
    padding-left: 20px !important;
  }
  .section-template--20017694179545__hero_section-padding .image-with-description__item-text::before {
    left: 0; right: auto;
  }
}

/* 1) KILL linea/ombra/gradient su TUTTE le colonne immagine */
.template-page .image-with-description .image-with-description__image,
.template-page .image-with-description .image-with-description__image__block,
.template-page .image-with-description .image-position-left,
.template-page .image-with-description .image-position-right,
.template-page .image-with-description .image-with-description__item,
.template-page .image-with-description .image-with-description__item-elem {
  border-left: 0 !important;
  border-inline-start: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
  outline: 0 !important;
}

/* Spegni eventuali pseudo-elementi decorativi */
.template-page .image-with-description .image-with-description__image::before,
.template-page .image-with-description .image-with-description__image::after,
.template-page .image-with-description .image-with-description__image__block::before,
.template-page .image-with-description .image-with-description__image__block::after,
.template-page .image-with-description .image-with-description__item::before,
.template-page .image-with-description .image-with-description__item::after,
.template-page .image-with-description .image-with-description__item-elem::before,
.template-page .image-with-description .image-with-description__item-elem::after {
  content: none !important;
  display: none !important;
}

/* 2) Barra SOLO sul testo, sempre attiva */
.template-page .image-with-description .image-with-description__item-text {
  position: relative;
  padding-left: 20px !important;
  border-left: 0 !important;
}
.template-page .image-with-description .image-with-description__item-text::before {
  content: "" !important;               /* forza la barra anche se Opzione A era rimasta */
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: #3E6B46;
}

/* 3) Mobile: comportamento pulito quando le colonne si impilano */
@media (max-width: 749px) {
  .template-page .image-with-description .image-with-description__item-text {
    padding-left: 20px !important;
  }
  .template-page .image-with-description .image-with-description__item-text::before {
    left: 0; right: auto;
  }
}
/* Pagine statiche (es. Our Story): immagini nel testo */
.template-page .rte img {
  max-width: min(100%, 1100px);
  width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
  border-radius: 8px;
}

/* Due immagini affiancate / image-with-text / multicolumn su desktop */
@media (min-width: 990px) {
  .image-with-text .media img,
  .grid--2-col-desktop .media img,
  .multicolumn-card__image-wrapper img {
    width: 100%;
    height: clamp(380px, 58vh, 680px); /* limita l’altezza visiva */
    object-fit: cover;                  /* ritaglio elegante quando serve */
  }
}

/* Banner a tutta larghezza: evita il “muro” gigante */
@media (min-width: 990px) {
  .image-banner__media { max-height: 70vh; }
  .image-banner__media img,
  .image-banner__media video { height: 100%; width: 100%; object-fit: cover; }
}

/* Mobile: niente immagini chilometriche */
@media (max-width: 989px) {
  .rte img { max-height: 70vh; object-fit: cover; }
}
/* Centra Manifesto section su Desktop */
@media (min-width: 990px) {
  .blockqoute__box-text,
  .blockqoute__box-text__elem {
    text-align: center !important;
  }
}
/* ============================================
   PRODUCT PAGE - Variant Buttons Ottimizzati
   Color: inline side-by-side
   Size: quadrati inline side-by-side
   ============================================ */

/* === COLOR BUTTONS - Inline === */
@media (max-width: 749px) {
  /* Color container - mantieni inline */
  .product-form__input[data-type="color"] .product-form__controls-group,
  .product-form__input--dropdown:not(#SingleOptionSelector-1) .product-form__controls-group {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
  
  /* Color buttons - quadrati inline */
  .product-form__input[data-type="color"] input[type="radio"] + label,
  .product-form__input--dropdown:not(#SingleOptionSelector-1) input[type="radio"] + label {
    width: auto !important;
    max-width: none !important;
  }
}

/* === SIZE BUTTONS - Quadrati Inline === */
@media (max-width: 749px) {
  /* Size container - inline centered */
  #SingleOptionSelector-1 .product-form__controls-group,
  .product-form__input--radios .product-form__controls-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }
  
  /* Size buttons - quadrati compatti */
  #SingleOptionSelector-1 input[type="radio"] + label.pills-variant-labels,
  .product-form__input--radios input[type="radio"] + label.pills-variant-labels {
    width: auto !important;
    min-width: 70px !important;
    max-width: 90px !important;
    aspect-ratio: 1/1 !important; /* Forza quadrato */
    padding: 20px 12px !important;
    min-height: 70px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
  }
  
  /* Nascondi visually-hidden */
  .pills-variant-labels .visually-hidden {
    display: none !important;
  }
  
  /* Selected state - verde FIOR */
  #SingleOptionSelector-1 input[type="radio"]:checked + label.pills-variant-labels {
    background-color: #3E6B46 !important;
    color: #FFFFFF !important;
    border-color: #3E6B46 !important;
    border-width: 2px !important;
  }
  
  /* Hover state */
  #SingleOptionSelector-1 input[type="radio"]:not(:checked) + label.pills-variant-labels:hover {
    border-color: #3E6B46 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(62, 107, 70, 0.2) !important;
  }
  
  /* Disabled state */
  #SingleOptionSelector-1 input[type="radio"]:disabled + label.pills-variant-labels {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    text-decoration: line-through !important;
  }
}

/* iPhone SE - quadrati leggermente più piccoli */
@media (max-width: 375px) {
  #SingleOptionSelector-1 input[type="radio"] + label.pills-variant-labels {
    min-width: 65px !important;
    max-width: 80px !important;
    min-height: 65px !important;
    padding: 18px 10px !important;
    font-size: 15px !important;
  }
  
  #SingleOptionSelector-1 .product-form__controls-group {
    gap: 10px !important;
  }
}

/* Tablet - quadrati medi */
@media (min-width: 750px) and (max-width: 989px) {
  #SingleOptionSelector-1 input[type="radio"] + label.pills-variant-labels {
    min-width: 80px !important;
    max-width: 100px !important;
    min-height: 80px !important;
  }
}

/* Desktop - quadrati compatti */
@media (min-width: 990px) {
  .product-form__controls-group {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    justify-content: flex-start !important;
  }
  
  #SingleOptionSelector-1 input[type="radio"] + label.pills-variant-labels {
    width: auto !important;
    min-width: 70px !important;
    max-width: 85px !important;
    aspect-ratio: 1/1 !important;
    min-height: 70px !important;
    padding: 20px 12px !important;
    font-size: 16px !important;
  }
}







/* ============================================================================
   NASCONDI GIFT CARD - Solo Collection Pages
   ============================================================================ */

/* Collection Page - Nascondi prodotto Gift Card */
.collection .product-card[href*="gift-card"],
.collection .card[href*="gift-card"],
.collection .product-grid-item[href*="gift-card"],
.collection a[href*="/products/gift-card"] {
  display: none !important;
}

/* Nascondi anche il wrapper del prodotto se esiste */
.collection .grid__item:has(a[href*="gift-card"]) {
  display: none !important;
}

/* Varianti possibili del URL */
.collection .product-card[href*="gift_card"],
.collection .card[href*="gift_card"],
.collection a[href*="/products/gift_card"] {
  display: none !important;
}

/* Mobile specifico - forza nascondere anche in inspector */
@media (max-width: 768px) {
  .collection .product-card[href*="gift-card"],
  .collection .card[href*="gift-card"],
  .collection a[href*="gift-card"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
  }
}

/* Desktop - stesso trattamento */
@media (min-width: 769px) {
  .collection .product-card[href*="gift-card"],
  .collection .card[href*="gift-card"],
  .collection a[href*="gift-card"] {
    display: none !important;
  }
}
/* ============================================================================
   FIX PACKAGING PAGE - Image Banner con aria ai lati
   Rimuove eccezione full-width, applica sistema standard
   ============================================================================ */

/* Packaging page - Prima sezione image banner */
body[class*="packaging"] .shopify-section:first-of-type,
.template-page .shopify-section:has(.image-banner) {
  max-width: 1300px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body[class*="packaging"] .shopify-section:first-of-type,
  .template-page .shopify-section:has(.image-banner) {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  body[class*="packaging"] .shopify-section:first-of-type,
  .template-page .shopify-section:has(.image-banner) {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* ============================================================================
   FIX IMAGE BANNER - Desktop testi + Mobile altezza
   ============================================================================ */

/* DESKTOP - Testi più vicini tra loro */
@media (min-width: 769px) {
  
  /* Container principale - padding ridotto */
  .image-banner__wrapper {
    padding: 80px 60px !important;
    min-height: 450px; /* Ridotto da 500px */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Block contenuto - tutto centrato */
  .image-banner__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 800px; /* Ridotto da 900px */
    margin: 0 auto;
  }
  
  /* Header section - spacing ridotto */
  .image-banner__block-header {
    margin-bottom: 16px !important; /* Era 32px */
    text-align: center;
  }
  
  /* Subheading - più vicino al titolo */
  .image-banner__block-header-subheading {
    margin-bottom: 12px !important; /* Era 16px */
    text-align: center;
  }
  
  /* Main heading */
  .image-with-description__block-heading {
    margin: 0 auto 0 auto !important;
    text-align: center;
    max-width: 700px;
  }
  
  /* Info section - più vicino al titolo */
  .image-banner__block-info {
    margin: 20px auto !important; /* Era 32px */
    text-align: center;
    max-width: 650px; /* Ridotto da 700px */
  }
  
  .image-banner__block-info__text {
    margin: 0 auto !important;
    text-align: center;
  }
  
  /* Button wrapper - più vicino al testo */
  .image-banner__button-wrapper {
    margin-top: 28px !important; /* Era 40px */
    text-align: center;
  }
}
/* MOBILE - Altezza banner AUTOMATICA e flessibile */
@media (max-width: 768px) {
  
  /* Container principale - altezza automatica */
  .image-banner__wrapper {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important; /* Rimuove l'altezza massima */
    padding: 40px 20px !important; /* Mantiene un padding bilanciato */
  }
  
  /* Block contenuto - padding e allineamento */
  .image-banner__block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 !important; /* Il padding è già sul wrapper */
    gap: 16px; /* Spazio tra gli elementi di testo/bottone */
  }
  
  /* Spacing interno compatto */
  .image-banner__block-header,
  .image-banner__block-info,
  .image-banner__button-wrapper {
    margin: 0 !important;
  }
  
  /* Immagine di sfondo - si adatta naturalmente */
  .image-banner__wrapper img,
  .image-banner__wrapper picture,
  .image-banner .image-banner__media {
    max-height: none !important; /* Rimuove l'altezza massima */
    object-fit: cover !important;
    height: 100%;
    width: 100%;
  }
}



/* ============================================
   FIX: Nascondi frecce Swiper su mobile
   ============================================ */

@media (max-width: 749px) {
  .multicolumn .swiper-buttons__wrapper {
    display: none !important;
  }
  
  /* Card title torna normale senza padding */
  .multicolumn-card__info-title {
    padding-right: 0 !important;
  }
}

/* ============================================
   END FIX
   ============================================ */

   /* ============================================
   FIX: Nascondi tagline "Fior - Wear Your Appetite"
   ============================================ */

.caption-with-letter-spacing.subtitle {
  display: none !important;
}

/* ============================================
   END FIX
   ============================================ */

/* ============================================
   FIX: Multicolumn Mobile UX - Peek Effect
   ============================================ */

@media (max-width: 749px) {
  /* Container: overflow visible per mostrare card successiva */
  .multicolumn-list.swiper {
    overflow: visible !important;
  }
  
  /* Card width: 85% invece di 100% per mostrare peek */
  .multicolumn-list__item.swiper-slide {
    width: 85% !important;
    margin-right: 16px !important;
  }
  
  /* Card successiva leggermente visibile e sfumata */
  .multicolumn-list__item.swiper-slide:not(.swiper-slide-active) {
    opacity: 0.4 !important;
  }
  
  /* Nascondi frecce su mobile (non servono più) */
  .multicolumn .swiper-buttons__wrapper {
    display: none !important;
  }
  
  /* Aggiungi pagination dots sotto */
  .multicolumn .swiper-pagination {
    display: block !important;
    position: relative !important;
    margin-top: 24px !important;
  }
  
  .multicolumn .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background: #3E6B46 !important;
    opacity: 0.3 !important;
  }
  
  .multicolumn .swiper-pagination-bullet-active {
    opacity: 1 !important;
  }
}

/* ============================================
   END FIX
   ============================================ */

   /* ============================================
   FIX: Our Story Mobile - ALL SECTIONS
   Mobile-only (max-width: 749px)
   ============================================ */

@media (max-width: 749px) {
  
  /* 1. Blockquote - Più padding interno (tutte le varianti) */
  .rte blockquote,
  .richtext__content blockquote,
  .image-with-description__item-text blockquote,
  blockquote,
  .quote,
  [class*="blockquote"] {
    padding: 20px 20px 20px 28px !important;
    margin-bottom: 24px !important;
    border-left: 4px solid #3E6B46 !important;
  }
  
  /* 2. Paragrafi - Spacing uniforme */
  .rte p,
  .richtext__content p,
  .image-with-description__item-text p {
    margin-bottom: 16px !important;
    line-height: 1.65 !important;
  }
  
  /* Ultimo paragrafo senza margin bottom */
  .rte p:last-child,
  .richtext__content p:last-child,
  .image-with-description__item-text p:last-child {
    margin-bottom: 0 !important;
  }
  
  /* 3. Bullet points - Spacing tra items (tutte le varianti) */
  .rte ul li,
  .rte ol li,
  .richtext__content ul li,
  .richtext__content ol li,
  .image-with-description__item-text ul li,
  .image-with-description__item-text ol li {
    margin-bottom: 16px !important;
    line-height: 1.6 !important;
  }
  
  /* Ultimo bullet senza margin */
  .rte ul li:last-child,
  .rte ol li:last-child,
  .richtext__content ul li:last-child,
  .richtext__content ol li:last-child,
  .image-with-description__item-text ul li:last-child,
  .image-with-description__item-text ol li:last-child {
    margin-bottom: 0 !important;
  }
  
  /* 4. Bold text più visibile */
  .rte strong,
  .rte b,
  .richtext__content strong,
  .richtext__content b,
  .image-with-description__item-text strong,
  .image-with-description__item-text b {
    font-weight: 700 !important;
    color: #2B2B2B !important;
  }
  
  /* 5. Headings Our Story più impattanti */
  .page-our-story h2,
  .template-page h2,
  .image-with-description__block-heading {
    font-size: 1.75rem !important;
    margin-bottom: 16px !important;
    line-height: 1.2 !important;
  }
  
  /* 6. Overline/Subtitle spacing */
  .page-our-story .subtitle,
  .page-our-story .caption-with-letter-spacing,
  .image-with-description__block-subheading {
    margin-bottom: 12px !important;
  }
  
  /* 7. Spacing generale tra elementi image-with-description */
  .image-with-description__item-elem {
    padding: 0 !important;
  }
  
  .image-with-description__item-text {
    padding: 0 !important;
  }
}

/* ============================================
   END FIX
   ============================================ */

   /* ============================================
   LOOKBOOK - Product Card Text Alignment Fix
   ============================================ */

/* Fix: Allinea testo "Oversize Unisex · Heavyweight" a sinistra */
.template-page .card-fit-info,
.lookbook .card-fit-info,
.page-lookbook .card-fit-info {
  display: block;
  text-align: left !important;
  width: 100%;
}

/* Assicura che anche il wrapper sia allineato a sinistra */
.template-page .card-information__wrapper,
.lookbook .card-information__wrapper,
.page-lookbook .card-information__wrapper {
  text-align: left;
}

/* Mantieni centrato solo il titolo e prezzo se necessario, 
   ma il card-fit-info sempre a sinistra */
.template-page .card__title,
.template-page .price {
  text-align: left;
}

/* ============================================
   LOOKBOOK - Fix Fascia Bianca sotto Immagine
   ============================================ */

/* Fix: Rimuovi padding/margin che crea la fascia bianca */
.template-page .card__inner,
.lookbook .card__inner,
.page-lookbook .card__inner {
  padding: 0 !important;
  margin: 0 !important;
}

/* Assicura che il media container sia attaccato all'immagine */
.template-page .media,
.lookbook .media,
.page-lookbook .media {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* L'immagine deve essere display block per evitare spazi inline */
.template-page .media img,
.lookbook .media img,
.page-lookbook .media img {
  display: block;
  margin: 0;
  padding: 0;
}

/* Fix: Assicura che card--product non abbia padding bottom */
.template-page .card--product,
.lookbook .card--product,
.page-lookbook .card--product {
  padding-bottom: 0;
}

/* ============================================
   LOOKBOOK DESKTOP - Fix Hotspot Visibility
   ============================================ */

/* Fix 1: Mostra hotspot (+) su desktop */
@media screen and (min-width: 750px) {
  .product-markers__marker {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 10;
    
    /* Dimensioni touch-friendly */
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    
    /* Stile del pallino */
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    border: 2px solid #2B2B2B;
    cursor: pointer;
    transition: all 250ms ease;
  }
  
  /* Hover effect desktop */
  .product-markers__marker:hover {
    background: #3E6B46;
    border-color: #3E6B46;
    transform: scale(1.1);
  }
  
  .product-markers__marker:hover svg {
    color: white;
  }
  
  /* Active state */
  .product-markers__marker.active {
    background: #3E6B46;
    border-color: #3E6B46;
  }
  
  .product-markers__marker.active svg {
    color: white;
  }
  
  /* Icona + dentro il pallino */
  .product-markers__marker svg {
    width: 16px;
    height: 16px;
    color: #2B2B2B;
  }
  
  /* Container posizionamento */
  .product-markers__img {
    position: relative;
  }
}

/* Fix 2: Color swatches non tagliati - specifico per card */
.card-information,
.card-information__wrapper,
.product-form__controls-group {
  overflow: visible !important;
}

.product-form__controls.js-color-swatches {
  overflow: visible !important;
  margin: 8px 0;
}

.color-swatch {
  overflow: visible !important;
}

/* ============================================
   LOOKBOOK - Nascondi Color Swatches
   ============================================ */

/* Nascondi color swatches nella pagina Lookbook */
.template-page .product-form__controls.js-color-swatches,
.lookbook .product-form__controls.js-color-swatches,
.page-lookbook .product-form__controls.js-color-swatches {
  display: none !important;
}

/* Nascondi anche il container parameters se contiene solo swatches */
.template-page .product-parameters.no-js-hidden,
.lookbook .product-parameters.no-js-hidden,
.page-lookbook .product-parameters.no-js-hidden {
  display: none !important;
}

/* ============================================================================
   FIX DEFINITIVO: Gap Announcement + Header (PULITO)
   ============================================================================ */

/* Rimuovi web-pixels-manager dalla grid */
#web-pixels-manager-sandbox-container {
  position: absolute !important;
  pointer-events: none !important;
}

/* Override per tutte le pagine template */
@media (max-width: 768px) {
  /* Rimuovi margin tra sections per announcement + header */
  body.template-index .section-announcement + .shopify-section,


  body.template-page .section-announcement + .shopify-section,
  body.template-collection .section-announcement + .shopify-section,
  .section-announcement + .header-mobile-section,
  .section-announcement + .shopify-section-group-header-group {
    margin-top: 0 !important;
  }
  
  /* Header mobile senza gap */
  .header-mobile,
  #header-mobile-menu,
  .header-mobile-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  /* Announcement bar pulito */
  .section-announcement,
  .announcement-bar {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Riduci altezza header mobile */
  :root {
    --header-mobile-height: 50px !important;
  }
  
  .header-mobile {
    min-height: 50px !important;
  }
}

/* ============================================================================
   HERO IMAGE MOBILE - Compattezza testi SENZA ridurre immagine
   ============================================================================ */

/* MOBILE */
@media (max-width: 768px) {
  
  /* Container testi - ridurre solo gap, NON padding verticale */
  #shopify-section-template--20369721065689__image_banner_jxHFXz .image-banner__block,
  #shopify-section-template--20369721262297__image_banner_tpNCWE .image-banner__block,
  #shopify-section-template--20369721327833__hero_section .image-banner__block {
    gap: 1rem !important; /* Compatta gli elementi */
    /* NON tocchiamo padding verticale per non ridurre immagine */
  }
  
  /* Header section - spacing più compatto */
  #shopify-section-template--20369721065689__image_banner_jxHFXz .image-banner__block-header,
  #shopify-section-template--20369721262297__image_banner_tpNCWE .image-banner__block-header,
  #shopify-section-template--20369721327833__hero_section .image-banner__block-header {
    margin-bottom: 12px !important;
  }
  
  /* Subheading - più vicino al titolo */
  #shopify-section-template--20369721065689__image_banner_jxHFXz .image-banner__block-header-subheading,
  #shopify-section-template--20369721262297__image_banner_tpNCWE .image-banner__block-header-subheading,
  #shopify-section-template--20369721327833__hero_section .image-banner__block-header-subheading {
    margin-bottom: 8px !important;
  }
  
  /* Info section */
  #shopify-section-template--20369721065689__image_banner_jxHFXz .image-banner__block-info,
  #shopify-section-template--20369721262297__image_banner_tpNCWE .image-banner__block-info,
  #shopify-section-template--20369721327833__hero_section .image-banner__block-info {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  /* Button wrapper */
  #shopify-section-template--20369721065689__image_banner_jxHFXz .image-banner__button-wrapper,
  #shopify-section-template--20369721262297__image_banner_tpNCWE .image-banner__button-wrapper,
  #shopify-section-template--20369721327833__hero_section .image-banner__button-wrapper {
    margin-top: 0 !important;
  }
}

/* DESKTOP */
@media (min-width: 769px) {
  
  #shopify-section-template--20369721065689__image_banner_jxHFXz .image-banner__block,
  #shopify-section-template--20369721262297__image_banner_tpNCWE .image-banner__block,
  #shopify-section-template--20369721327833__hero_section .image-banner__block {
    gap: 1.5rem !important;
  }
  
  #shopify-section-template--20369721065689__image_banner_jxHFXz .image-banner__block-header,
  #shopify-section-template--20369721262297__image_banner_tpNCWE .image-banner__block-header,
  #shopify-section-template--20369721327833__hero_section .image-banner__block-header {
    margin-bottom: 16px !important;
  }
}

/* ============================================
   FIX: Multicolumn Mobile - UNIVERSALE
   Peek Effect + Bug Fix per Homepage + The Pantry
   ============================================ */

@media (max-width: 749px) {
  
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PROTEZIONE OVERFLOW (Fix Bug Terza Card)
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  
  /* Targeting UNIVERSALE */
  .multicolumn-section,
  .multicolumn__wrapper,
  /* Homepage specifica */
  .template-index .multicolumn-section,
  .template-index .multicolumn__wrapper,
  /* The Pantry specifica */
  .section-template--20014274314457__multicolumn_dtPHcq-padding,
  /* Collection template */
  .template-collection .multicolumn-section,
  body[class*="collection"] .multicolumn-section {
    overflow: hidden !important;
    max-width: 100vw !important;
  }
  
  /* Body lock globale */
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     PEEK EFFECT UX
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  
  /* Swiper container: overflow visible per preview */
  .multicolumn-list.swiper,
  .template-index .multicolumn-list.swiper,
  .section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-list.swiper,
  .template-collection .multicolumn-list.swiper,
  body[class*="collection"] .multicolumn-list.swiper {
    overflow: visible !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding-right: 16px !important;
  }
  
  /* Wrapper transform optimization */
  .multicolumn-list__wrapper.swiper-wrapper,
  .template-index .multicolumn-list__wrapper.swiper-wrapper,
  .section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-list__wrapper.swiper-wrapper,
  .template-collection .multicolumn-list__wrapper.swiper-wrapper,
  body[class*="collection"] .multicolumn-list__wrapper.swiper-wrapper {
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }
  
  /* Card sizing: 85% per peek effect */
  .multicolumn-list__item.swiper-slide,
  .template-index .multicolumn-list__item.swiper-slide,
  .section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-list__item.swiper-slide,
  .template-collection .multicolumn-list__item.swiper-slide,
  body[class*="collection"] .multicolumn-list__item.swiper-slide {
    width: 85% !important;
    max-width: 320px !important;
    margin-right: 16px !important;
    flex-shrink: 0 !important;
  }
  
  /* Fade inactive cards */
  .multicolumn-list__item.swiper-slide:not(.swiper-slide-active),
  .template-index .multicolumn-list__item.swiper-slide:not(.swiper-slide-active),
  .section-template--20014274314457__multicolumn_dtPHcq-padding .multicolumn-list__item.swiper-slide:not(.swiper-slide-active),
  .template-collection .multicolumn-list__item.swiper-slide:not(.swiper-slide-active),
  body[class*="collection"] .multicolumn-list__item.swiper-slide:not(.swiper-slide-active) {
    opacity: 0.4 !important;
    transition: opacity 0.3s ease !important;
  }
  
  /* Touch optimization */
  .multicolumn-list.swiper {
    touch-action: pan-y pinch-zoom !important;
  }
  
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     NAVIGATION
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  
  /* Nascondi frecce desktop */
  .multicolumn .swiper-buttons__wrapper,
  .template-index .multicolumn .swiper-buttons__wrapper,
  .section-template--20014274314457__multicolumn_dtPHcq-padding .swiper-buttons__wrapper,
  .template-collection .multicolumn .swiper-buttons__wrapper,
  body[class*="collection"] .multicolumn .swiper-buttons__wrapper {
    display: none !important;
  }
  
  /* Pagination dots (se presente) */
  .multicolumn .swiper-pagination,
  .template-index .multicolumn .swiper-pagination,
  .section-template--20014274314457__multicolumn_dtPHcq-padding .swiper-pagination,
  .template-collection .multicolumn .swiper-pagination,
  body[class*="collection"] .multicolumn .swiper-pagination {
    display: block !important;
    position: relative !important;
    margin-top: 20px !important;
    text-align: center !important;
  }
  
  .multicolumn .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #3E6B46 !important;
    opacity: 0.3 !important;
    margin: 0 4px !important;
    transition: all 0.3s ease !important;
  }
  
  .multicolumn .swiper-pagination-bullet-active {
    opacity: 1 !important;
    transform: scale(1.2) !important;
  }
  
}

/* ============================================
   END FIX
   ============================================ */

   /* Match Unboxing Page Style */
.image-with-description__item {
  margin: 32px 0;
}

.image-with-description__item-elem {
  background: transparent;
  padding: 0;
}

.image-with-description__item-text {
  border-left: 4px solid #3E6B46;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.7;
  color: #2C2C2C;
}

.image-with-description__item-text p {
  margin-bottom: 1.2rem;
}

.image-with-description__item-text p:last-child {
  margin-bottom: 0;
}

.image-with-description__item-text em {
  font-style: italic;
  color: #666;
}

.image-with-description__item-text strong {
  font-weight: 700;
  color: #3E6B46;
}

@media (max-width: 749px) {
  .image-with-description__item-text {
    padding-left: 16px;
    font-size: 15px;
  }
}

/* FIOR - Price Color Accessibility Fix */
.price,
.price__regular,
.product-card__price,
.cart-item__price {
  color: #C22D39 !important; /* Fixed from #E63946 */
  font-weight: 700;
}

/* Product Info Blocks - Base Styles (LIGHT MODE) */
.fior-product-info {
  margin: 40px auto;
  max-width: 720px;
  padding: 0 16px;
}

.fior-product-story,
.fior-product-difference {
  padding: 24px;
  background: #F4F2ED;
  border-radius: 12px;
  margin-bottom: 40px;
}

.fior-product-story h3 {
  margin-bottom: 12px;
  font-size: 20px;
  color: #3E6B46;
}

.fior-product-story p {
  margin: 0;
  font-size: 16px;
  color: #2B2B2B;
}

.fior-product-story .fior-italic {
  margin-top: 12px;
  font-style: italic;
  font-size: 15px;
}

.fior-product-difference {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.fior-feature {
  border-left: 4px solid #3E6B46;
  padding-left: 16px;
}

.fior-feature h4 {
  margin: 0 0 8px;
  font-size: 17px;
  color: #3E6B46;
}

.fior-feature p {
  margin: 0;
  font-size: 15px;
  color: #2B2B2B;
}

/* DARK MODE - Berlin Theme usa [data-scheme="dark"] */
[data-scheme="dark"] .fior-product-story,
[data-scheme="dark"] .fior-product-difference {
  background: #242220 !important;
}

[data-scheme="dark"] .fior-product-story h3,
[data-scheme="dark"] .fior-feature h4 {
  color: #5BA571 !important;
}

[data-scheme="dark"] .fior-product-story p,
[data-scheme="dark"] .fior-feature p {
  color: #E0DFD9 !important;
}

[data-scheme="dark"] .fior-feature {
  border-left-color: #5BA571 !important;
}

/* ========================================
   DARK MODE - Benefits Card Fix
   ======================================== */

[data-scheme="dark"] .fior-benefits-card {
  background: #242220 !important;
  border-color: rgba(91, 165, 113, 0.3) !important;
  border-left-color: #5BA571 !important;
}

[data-scheme="dark"] .fior-benefits-card .benefit__title {
  color: #F5F5F0 !important;
}

[data-scheme="dark"] .fior-benefits-card .benefit__meta {
  color: #B8B7B1 !important;
}

/* ========================================
   DARK MODE - Bundle Deal Card Fix
   ======================================== */

[data-scheme="dark"] .bundle-deal-card,
[data-scheme="dark"] [class*="bundle"],
[data-scheme="dark"] .product-bundle {
  background: #242220 !important;
  border-color: rgba(91, 165, 113, 0.3) !important;
}

[data-scheme="dark"] .bundle-deal-card h2,
[data-scheme="dark"] .bundle-deal-card h3,
[data-scheme="dark"] [class*="bundle"] h2,
[data-scheme="dark"] [class*="bundle"] h3 {
  color: #F5F5F0 !important;
}

[data-scheme="dark"] .bundle-deal-card p,
[data-scheme="dark"] .bundle-deal-card span,
[data-scheme="dark"] [class*="bundle"] p,
[data-scheme="dark"] [class*="bundle"] span {
  color: #E0DFD9 !important;
}

/* Bundle title "BUNDLE DEAL" */
[data-scheme="dark"] .bundle-deal-card .badge,
[data-scheme="dark"] [class*="bundle-badge"] {
  background: #3E6B46 !important;
  color: #F5F5F0 !important;
}

/* Prezzi nel bundle */
[data-scheme="dark"] .bundle-deal-card .price,
[data-scheme="dark"] [class*="bundle"] .price {
  color: #5BA571 !important;
}

/* Prezzo barrato */
[data-scheme="dark"] .bundle-deal-card .price--compare,
[data-scheme="dark"] .bundle-deal-card del {
  color: #8E8D88 !important;
}

/* Discount text rosso */
[data-scheme="dark"] .bundle-deal-card .discount,
[data-scheme="dark"] [class*="save"] {
  color: #FF4569 !important;
}

/* Checkmark */
[data-scheme="dark"] .bundle-deal-card .checkmark,
[data-scheme="dark"] [class*="bundle"] svg {
  color: #5BA571 !important;
  fill: #5BA571 !important;
}

/* ========================================
   DARK MODE - Order Countdown Fix
   ======================================== */

[data-scheme="dark"] .order-countdown,
[data-scheme="dark"] [class*="countdown"],
[data-scheme="dark"] [class*="timer"] {
  background: #242220 !important;
  border: 1px solid rgba(91, 165, 113, 0.3) !important;
}

[data-scheme="dark"] .order-countdown p,
[data-scheme="dark"] [class*="countdown"] p,
[data-scheme="dark"] [class*="countdown"] span {
  color: #E0DFD9 !important;
}

/* Timer numbers (red) */
[data-scheme="dark"] .order-countdown .time,
[data-scheme="dark"] [class*="countdown"] .time,
[data-scheme="dark"] [class*="countdown"] strong {
  color: #FF4569 !important;
}

/* Clock icon */
[data-scheme="dark"] .order-countdown svg,
[data-scheme="dark"] [class*="countdown"] svg {
  color: #5BA571 !important;
  fill: #5BA571 !important;
  stroke: #5BA571 !important;
}

/* ========================================
   DARK MODE - Image with Description Section
   ======================================== */

/* Titolo principale */
[data-scheme="dark"] .image-with-description__block-heading {
  color: #F5F5F0 !important;
}

/* Subtitle */
[data-scheme="dark"] .image-with-description__block-subheading {
  color: #B8B7B1 !important;
}

/* Body text */
[data-scheme="dark"] .image-with-description__item-text,
[data-scheme="dark"] .image-with-description__item-text p {
  color: #E0DFD9 !important;
}

/* Text in grassetto (strong) */
[data-scheme="dark"] .image-with-description__item-text strong {
  color: #5BA571 !important;
  font-weight: 700;
}

/* Text italic (em) */
[data-scheme="dark"] .image-with-description__item-text em {
  color: #B8B7B1 !important;
}

/* RIMUOVI barra verde a sinistra */
[data-scheme="dark"] .image-with-description__item-elem {
  border-left: none !important;
  padding-left: 0 !important;
}

/* Oppure, se vuoi mantenerla ma più sottile e chiara: */
/*
[data-scheme="dark"] .image-with-description__item-elem {
  border-left-color: rgba(91, 165, 113, 0.3) !important;
}
*/

/* ========================================
   DARK MODE - Care Instructions Page
   ======================================== */

/* Intro text */
[data-scheme="dark"] .care-instructions-fior h1 {
  color: #5BA571 !important;
}

[data-scheme="dark"] .care-instructions-fior > div > p {
  color: #E0DFD9 !important;
}

/* Tutte le card con background cream → dark */
[data-scheme="dark"] .care-instructions-fior > div[style*="background: var(--fior-cream)"],
[data-scheme="dark"] .care-instructions-fior div[style*="background: var(--fior-cream)"] {
  background: #242220 !important;
}

/* Headings h2 nelle card */
[data-scheme="dark"] .care-instructions-fior h2 {
  color: #5BA571 !important;
}

/* Headings h3 */
[data-scheme="dark"] .care-instructions-fior h3 {
  color: #F5F5F0 !important;
}

/* Body text in tutte le card */
[data-scheme="dark"] .care-instructions-fior p,
[data-scheme="dark"] .care-instructions-fior li {
  color: #E0DFD9 !important;
}

/* Strong text (bold) */
[data-scheme="dark"] .care-instructions-fior strong {
  color: #F5F5F0 !important;
  font-weight: 700;
}

/* Italic text */
[data-scheme="dark"] .care-instructions-fior em,
[data-scheme="dark"] .care-instructions-fior p[style*="font-style: italic"] {
  color: #B8B7B1 !important;
}

/* DO section - checkmarks verdi */
[data-scheme="dark"] .care-instructions-fior h3[style*="color: var(--fior-basil)"] {
  color: #5BA571 !important;
}

/* DON'T section - X rossi */
[data-scheme="dark"] .care-instructions-fior h3[style*="color: var(--fior-tomato)"] {
  color: #FF4569 !important;
}

/* Lista items */
[data-scheme="dark"] .care-instructions-fior ul li {
  color: #E0DFD9 !important;
}

/* Button CTA */
[data-scheme="dark"] .care-instructions-fior .button--primary {
  background-color: #FF4569 !important;
  color: #FFFFFF !important;
  border: none !important;
}

[data-scheme="dark"] .care-instructions-fior .button--primary:hover {
  background-color: #FF6B8A !important;
}

/* Text con opacity ridotta */
[data-scheme="dark"] .care-instructions-fior p[style*="color: rgba(0,0,0,0.6)"],
[data-scheme="dark"] .care-instructions-fior p[style*="color: rgba(0,0,0,0.75)"],
[data-scheme="dark"] .care-instructions-fior p[style*="color: rgba(0,0,0,0.8)"] {
  color: #B8B7B1 !important;
}

/* Emoji icons - mantieni visibili */
[data-scheme="dark"] .care-instructions-fior div[style*="font-size: 2.4rem"] {
  filter: brightness(1.2);
}

/* ========================================
   DARK MODE - Size Guide Page
   ======================================== */

/* Titolo principale */
[data-scheme="dark"] .size-guide-fior h1 {
  color: #5BA571 !important;
}

/* Intro text */
[data-scheme="dark"] .size-guide-fior > div > p {
  color: #E0DFD9 !important;
}

/* Tutte le card con background cream/gray → dark */
[data-scheme="dark"] .size-guide-fior > div[style*="background: var(--fior-cream)"],
[data-scheme="dark"] .size-guide-fior div[style*="background: var(--fior-cream)"],
[data-scheme="dark"] .size-guide-fior div[style*="background: #f9f9f9"] {
  background: #242220 !important;
}

/* Headings h2 */
[data-scheme="dark"] .size-guide-fior h2 {
  color: #5BA571 !important;
}

/* Headings h3 */
[data-scheme="dark"] .size-guide-fior h3 {
  color: #F5F5F0 !important;
}

/* Body text */
[data-scheme="dark"] .size-guide-fior p,
[data-scheme="dark"] .size-guide-fior li {
  color: #E0DFD9 !important;
}

/* Strong text */
[data-scheme="dark"] .size-guide-fior strong {
  color: #F5F5F0 !important;
  font-weight: 700;
}

/* Text con opacity/colori ridotti */
[data-scheme="dark"] .size-guide-fior p[style*="color: rgba(0,0,0,0.6)"] {
  color: #B8B7B1 !important;
}

/* ========================================
   TABLE - Size Chart
   ======================================== */

/* Table header (thead) */
[data-scheme="dark"] .size-guide-fior table thead tr {
  background: #3E6B46 !important;
}

[data-scheme="dark"] .size-guide-fior table thead th {
  color: #FFFFFF !important;
  border-color: rgba(91, 165, 113, 0.3) !important;
}

/* Table body rows */
[data-scheme="dark"] .size-guide-fior table tbody tr {
  background: #242220 !important;
}

[data-scheme="dark"] .size-guide-fior table tbody td {
  color: #E0DFD9 !important;
  border-color: rgba(58, 55, 51, 0.5) !important;
}

/* Table bold text (size name) */
[data-scheme="dark"] .size-guide-fior table td[style*="font-weight: 600"] {
  color: #F5F5F0 !important;
}

/* ========================================
   STYLING TIPS CARDS
   ======================================== */

/* Emoji icons */
[data-scheme="dark"] .size-guide-fior div[style*="font-size: 3rem"] {
  filter: brightness(1.2);
}

/* ========================================
   LINKS
   ======================================== */

/* Instagram link rosso */
[data-scheme="dark"] .size-guide-fior a[style*="color: var(--fior-tomato)"] {
  color: #FF4569 !important;
}

[data-scheme="dark"] .size-guide-fior a[style*="color: var(--fior-tomato)"]:hover {
  color: #FF6B8A !important;
}

/* Button CTA */
[data-scheme="dark"] .size-guide-fior .button--primary {
  background-color: #FF4569 !important;
  color: #FFFFFF !important;
  border: none !important;
}

[data-scheme="dark"] .size-guide-fior .button--primary:hover {
  background-color: #FF6B8A !important;
}

/* ========================================
   DARK MODE - Shipping Policy Page
   ======================================== */

/* Container principale */
[data-scheme="dark"] .shipping-policy-container {
  color: #E0DFD9 !important;
}

/* Header - Titolo principale */
[data-scheme="dark"] .policy-header h1 {
  color: #5BA571 !important;
}

/* Header - Subtitle e last updated */
[data-scheme="dark"] .policy-header .subtitle {
  color: #B8B7B1 !important;
}

[data-scheme="dark"] .policy-header .last-updated {
  color: #8E8D88 !important;
}

/* Header border */
[data-scheme="dark"] .policy-header {
  border-bottom-color: #FF4569 !important;
}

/* ========================================
   SECTION TITLES & HEADINGS
   ======================================== */

/* Section titles (h2) */
[data-scheme="dark"] .section-title {
  color: #5BA571 !important;
  border-bottom-color: #FF4569 !important;
}

/* Sub-headings (h3) */
[data-scheme="dark"] .sub-heading {
  color: #FF4569 !important;
}

/* H4 headings */
[data-scheme="dark"] .shipping-policy-container h4 {
  color: #FF4569 !important;
}

/* ========================================
   BODY TEXT
   ======================================== */

/* Paragrafi */
[data-scheme="dark"] .shipping-policy-container p {
  color: #E0DFD9 !important;
}

/* Lista items */
[data-scheme="dark"] .shipping-policy-container ul,
[data-scheme="dark"] .shipping-policy-container li {
  color: #E0DFD9 !important;
}

/* Strong text */
[data-scheme="dark"] .shipping-policy-container strong {
  color: #F5F5F0 !important;
  font-weight: 700;
}

/* Text con colori specifici */
[data-scheme="dark"] .shipping-policy-container p[style*="color: #333"] {
  color: #E0DFD9 !important;
}

[data-scheme="dark"] .shipping-policy-container p[style*="color: #666"] {
  color: #B8B7B1 !important;
}

/* ========================================
   HIGHLIGHT BOXES
   ======================================== */

/* Box con bordo rosso */
[data-scheme="dark"] .highlight-box.red-border {
  border-left-color: #FF4569 !important;
}

/* Box con bordo verde */
[data-scheme="dark"] .highlight-box.green-border {
  border-left-color: #5BA571 !important;
}

/* Text dentro highlight boxes */
[data-scheme="dark"] .highlight-box p {
  color: #E0DFD9 !important;
}

[data-scheme="dark"] .highlight-box h4 {
  color: #FF4569 !important;
}

[data-scheme="dark"] .highlight-box.green-border h4 {
  color: #5BA571 !important;
}

/* ========================================
   CONTACT SECTION
   ======================================== */

[data-scheme="dark"] .contact-section p {
  color: #E0DFD9 !important;
}

/* ========================================
   LINKS
   ======================================== */

/* Link email rosso */
[data-scheme="dark"] .shipping-policy-container a {
  color: #FF4569 !important;
}

[data-scheme="dark"] .shipping-policy-container a:hover {
  color: #FF6B8A !important;
}

/* Button CTA */
[data-scheme="dark"] .shipping-policy-container .button--primary {
  background-color: #FF4569 !important;
  color: #FFFFFF !important;
  border: none !important;
}

[data-scheme="dark"] .shipping-policy-container .button--primary:hover {
  background-color: #FF6B8A !important;
}

/* ========================================
   FOOTER
   ======================================== */

[data-scheme="dark"] .policy-footer {
  border-top-color: #FF4569 !important;
  color: #B8B7B1 !important;
}

/* ========================================
   TEXT OVERRIDES PER INLINE STYLES
   ======================================== */

/* Override inline styles che usano colori specifici */
[data-scheme="dark"] .shipping-policy-container [style*="color: #333"],
[data-scheme="dark"] .shipping-policy-container [style*="color: #666"],
[data-scheme="dark"] .shipping-policy-container [style*="color: #999"] {
  color: #E0DFD9 !important;
}

[data-scheme="dark"] .shipping-policy-container [style*="color: #3E6B46"] {
  color: #5BA571 !important;
}

[data-scheme="dark"] .shipping-policy-container [style*="color: #D50032"] {
  color: #FF4569 !important;
}

/* ========================================
   DARK MODE - Returns & Refunds Policy
   ======================================== */

/* Container principale */
[data-scheme="dark"] .policy-container {
  color: #E0DFD9 !important;
}

/* Header - Titolo principale */
[data-scheme="dark"] .policy-header h1 {
  color: #5BA571 !important;
}

/* Header - Subtitle */
[data-scheme="dark"] .policy-header .subtitle {
  color: #B8B7B1 !important;
}

[data-scheme="dark"] .policy-header .last-updated {
  color: #8E8D88 !important;
}

/* Header border */
[data-scheme="dark"] .policy-header {
  border-bottom-color: #FF4569 !important;
}

/* FIX GAP TRA ANNOUNCEMENT BAR E HEADER */
.shopify-section-group-header-group {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#shopify-section-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Rimuovi gap announcement bar */
.shopify-section-header-group .announcement-bar-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Header attaccato all'announcement */
body > div:first-of-type {
    padding-top: 0 !important;
}

/* ========================================
   CONTACT SECTION
   ======================================== */

[data-scheme="dark"] .policy-container .contact-section p {
  color: #E0DFD9 !important;
}

/* ========================================
   LINKS
   ======================================== */

/* Link email rosso */
[data-scheme="dark"] .policy-container a {
  color: #FF4569 !important;
}

[data-scheme="dark"] .policy-container a:hover {
  color: #FF6B8A !important;
}

/* Button CTA */
[data-scheme="dark"] .policy-container .button--primary {
  background-color: #FF4569 !important;
  color: #FFFFFF !important;
  border: none !important;
}

[data-scheme="dark"] .policy-container .button--primary:hover {
  background-color: #FF6B8A !important;
}


/* ========================================
   DARK MODE - Multicolumn Complete
   ======================================== */

/* Cards background */
[data-scheme="dark"] .multicolumn-card,
[data-scheme="dark"] .multicolumn-list__item .multicolumn-card {
  background-color: #242220 !important;
  background: #242220 !important;
  border: 1px solid #3A3733 !important;
  border-radius: 8px !important;
}

/* Remove white backgrounds */
[data-scheme="dark"] .multicolumn-card[class*="color-background"],
[data-scheme="dark"] .multicolumn-card.color-background-1,
[data-scheme="dark"] .multicolumn-card.color-background-2 {
  background: #242220 !important;
  background-color: #242220 !important;
}

/* Card info area */
[data-scheme="dark"] .multicolumn-card__info {
  background: transparent !important;
  background-color: transparent !important;
}

/* Card hover */
[data-scheme="dark"] .multicolumn-card:hover {
  background-color: #2D2A27 !important;
  background: #2D2A27 !important;
  border-color: #454239 !important;
}

/* Card titles - GREEN */
[data-scheme="dark"] .multicolumn-card__info-title,
[data-scheme="dark"] .multicolumn-card__info-title strong,
[data-scheme="dark"] .multicolumn-card__info-title h3,
[data-scheme="dark"] .multicolumn-card__info-title h4 {
  color: #5BA571 !important;
}

/* ========================================
   DARK MODE - Multicolumn Text ULTRA FIX
   ======================================== */

/* Override the ultra-specific inline CSS */
[data-scheme="dark"].template-index .multicolumn-section .multicolumn-card__info-text,
[data-scheme="dark"] .template-index .multicolumn-section .multicolumn-card__info-text,
[data-scheme="dark"] body.template-index .multicolumn-section .multicolumn-card__info-text {
  color: #E0DFD9 !important;
  opacity: 1 !important;
}

/* Also target the generic class */
[data-scheme="dark"] .multicolumn-card__info-text {
  color: #E0DFD9 !important;
  opacity: 1 !important;
}

/* All paragraph text in cards */
[data-scheme="dark"] .multicolumn-card p,
[data-scheme="dark"] .template-index .multicolumn-section .multicolumn-card p {
  color: #E0DFD9 !important;
  opacity: 1 !important;
}

/* Force all text elements */
[data-scheme="dark"] .multicolumn-card__info > *,
[data-scheme="dark"] .multicolumn-card__info-text * {
  color: inherit !important;
}

/* Icons - invert */
[data-scheme="dark"] .multicolumn-card__image-wrapper img[src*=".svg"],
[data-scheme="dark"] .multicolumn__image {
  filter: invert(1) brightness(0.85) !important;
}

/* Section background */
[data-scheme="dark"] .multicolumn {
  background-color: transparent !important;
}

/* Wrapper */
[data-scheme="dark"] .multicolumn-list__wrapper,
[data-scheme="dark"] .multicolumn-list__item {
  background-color: transparent !important;
}

/* Section title */
[data-scheme="dark"] .multicolumn h2,
[data-scheme="dark"] .multicolumn .section-heading {
  color: #5BA571 !important;
}

/* ========================================
   DARK MODE - Collection Page Multicolumn
   ======================================== */

/* Override collection page specific CSS */
[data-scheme="dark"].template-collection .multicolumn-section .multicolumn-card__info-text,
[data-scheme="dark"] .template-collection .multicolumn-section .multicolumn-card__info-text,
[data-scheme="dark"] body.template-collection .multicolumn-section .multicolumn-card__info-text {
  color: #E0DFD9 !important;
  opacity: 1 !important;
}

/* Collection page cards */
[data-scheme="dark"] .template-collection .multicolumn-card,
[data-scheme="dark"] body[class*="collection"] .multicolumn-card {
  background-color: #242220 !important;
  background: #242220 !important;
  border: 1px solid #3A3733 !important;
}

/* Collection page card titles */
[data-scheme="dark"] .template-collection .multicolumn-card__info-title,
[data-scheme="dark"] body[class*="collection"] .multicolumn-card__info-title {
  color: #5BA571 !important;
}

/* Collection page card text */
[data-scheme="dark"] .template-collection .multicolumn-card p,
[data-scheme="dark"] body[class*="collection"] .multicolumn-card p {
  color: #E0DFD9 !important;
  opacity: 1 !important;
}

/* Collection page card hover */
[data-scheme="dark"] .template-collection .multicolumn-card:hover,
[data-scheme="dark"] body[class*="collection"] .multicolumn-card:hover {
  background-color: #2D2A27 !important;
  border-color: #454239 !important;
}

/* Icons */
[data-scheme="dark"] .template-collection .multicolumn-card__image-wrapper img[src*=".svg"],
[data-scheme="dark"] body[class*="collection"] .multicolumn__image {
  filter: invert(1) brightness(0.85) !important;
}

/* ========================================
   DARK MODE - Product Cards
   ======================================== */

/* Card wrapper and card background */
[data-scheme="dark"] .card-wrapper,
[data-scheme="dark"] .collection-product-card .card-wrapper {
  background-color: #242220 !important;
  border: 1px solid #3A3733 !important;
  border-radius: 8px !important;
}

/* Card itself */
[data-scheme="dark"] .card,
[data-scheme="dark"] .card--product,
[data-scheme="dark"] .collection-product-card .card {
  background-color: #242220 !important;
  background: #242220 !important;
}

/* Card inner */
[data-scheme="dark"] .card__inner {
  background-color: transparent !important;
}

/* Card information wrapper */
[data-scheme="dark"] .card-information,
[data-scheme="dark"] .card-information__wrapper {
  background-color: #242220 !important;
  padding: 16px !important;
}

/* Vendor/subtitle (Fior - Wear Your Appetite) */
[data-scheme="dark"] .card-information .subtitle,
[data-scheme="dark"] .card-information .caption-with-letter-spacing {
  color: #B8B7B1 !important;
  opacity: 0.8 !important;
}

/* Product title - WHITE/LIGHT */
[data-scheme="dark"] .card__title,
[data-scheme="dark"] .card__title a,
[data-scheme="dark"] .card-information h3,
[data-scheme="dark"] .card-information h3 a {
  color: #F5F5F0 !important;
}

/* Product title hover */
[data-scheme="dark"] .card__title a:hover {
  color: #5BA571 !important;
}

/* Price - RED */
[data-scheme="dark"] .price,
[data-scheme="dark"] .price__regular,
[data-scheme="dark"] .price-item,
[data-scheme="dark"] .price-item--regular {
  color: #FF4569 !important;
}

/* Sale price */
[data-scheme="dark"] .price__sale .price-item--sale {
  color: #FF4569 !important;
}

/* Compare at price (crossed out) */
[data-scheme="dark"] .price__compare .price-item--regular {
  color: #B8B7B1 !important;
  opacity: 0.6 !important;
}

/* Card fit info (Oversize Unisex · Heavyweight) */
[data-scheme="dark"] .card-fit-info {
  color: #B8B7B1 !important;
  opacity: 0.8 !important;
}

/* Color swatches wrapper */
[data-scheme="dark"] .product-form__controls,
[data-scheme="dark"] .js-color-swatches {
  background-color: transparent !important;
}

/* Color swatch borders */
[data-scheme="dark"] .color-swatch {
  border-color: #3A3733 !important;
}

/* White color swatch - make visible on dark */
[data-scheme="dark"] .color-swatch[style*="white"],
[data-scheme="dark"] .color-swatch[style*="White"] {
  border: 2px solid #3A3733 !important;
}

/* Card hover effect */
[data-scheme="dark"] .collection-product-card:hover .card-wrapper,
[data-scheme="dark"] .card-wrapper:hover {
  background-color: #2D2A27 !important;
  border-color: #454239 !important;
}

[data-scheme="dark"] .collection-product-card:hover .card-information {
  background-color: #2D2A27 !important;
}

/* Media/Image wrapper - keep transparent */
[data-scheme="dark"] .media,
[data-scheme="dark"] .media--transparent {
  background-color: transparent !important;
}

/* Badge (if any) */
[data-scheme="dark"] .card__badge {
  background-color: #FF4569 !important;
  color: #FFFFFF !important;
}

/* Remove any unwanted borders/shadows */
[data-scheme="dark"] .card__inner {
  border: none !important;
  box-shadow: none !important;
}

/* FIX GAP TRA ANNOUNCEMENT BAR E HEADER */
.shopify-section-group-header-group {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#shopify-section-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Rimuovi gap announcement bar */
.shopify-section-header-group .announcement-bar-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Header attaccato all'announcement */
body > div:first-of-type {
    padding-top: 0 !important;
}

/* ========================================
   DARK MODE - Remove Section Border Lines
   ======================================== */

/* Remove section border classes */
[data-scheme="dark"] .section_border_top,
[data-scheme="dark"] .section_border_bottom {
  border-top: none !important;
  border-bottom: none !important;
}

/* Override the border color variable in dark mode */
[data-scheme="dark"] {
  --color-border: 0, 0, 0 !important;
}

/* Remove any section header lines */
[data-scheme="dark"] .section-header__line {
  border: none !important;
}

[data-scheme="dark"] .section-header__line::before,
[data-scheme="dark"] .section-header__line::after {
  display: none !important;
  border: none !important;
}

/* Remove borders from all sections */
[data-scheme="dark"] .shopify-section {
  border-top: none !important;
  border-bottom: none !important;
}

[data-scheme="dark"] .multicolumn.section_border_top,
[data-scheme="dark"] .multicolumn.section_border_bottom {
  border: none !important;
}

/* Mobile specific */
@media (max-width: 749px) {
  [data-scheme="dark"] .section_border_top,
  [data-scheme="dark"] .section_border_bottom {
    border: none !important;
  }
}

/* ============================================================================
   FIX DEFINITIVO: Gap tra Announcement Bar e Header (Mobile)
   ============================================================================ */

/* Azzera lo spazio SOTTO la barra degli annunci */
.announcement-bar,
.section-announcement,
#shopify-section-announcement-bar {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Azzera lo spazio SOPRA l'header */
#shopify-section-header,
.header-wrapper,
header.header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ========================================
   FOOTER LINES - COMPLETE REMOVAL
   Rimuove TUTTE le linee nel footer
   ======================================== */

/* Rimuovi tutte le linee/bordi nel footer */
[data-scheme="dark"] .footer,
[data-scheme="dark"] .footer__content,
[data-scheme="dark"] .footer__content-top,
[data-scheme="dark"] .footer__content-bottom,
[data-scheme="dark"] .footer-block,
[data-scheme="dark"] .footer__copyright {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* Pseudo-elementi footer */
[data-scheme="dark"] .footer::before,
[data-scheme="dark"] .footer::after,
[data-scheme="dark"] .footer *::before,
[data-scheme="dark"] .footer *::after {
  border: none !important;
  background: transparent !important;
  opacity: 0 !important;
  display: none !important;
}

/* HR tags nel footer */
[data-scheme="dark"] .footer hr {
  display: none !important;
  opacity: 0 !important;
  border: none !important;
}

/* Copyright specifico */
[data-scheme="dark"] .footer__copyright {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 1.5rem !important;
}

/* Mobile fix - CRITICAL */
@media (max-width: 768px) {
  [data-scheme="dark"] .footer-copyright,
  [data-scheme="dark"] .footer__copyright,
  [data-scheme="dark"] [class*="copyright"] {
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 1.5rem !important;
  }
}

/* Payment icons - no borders */
[data-scheme="dark"] .footer__payment {
  border: none !important;
  border-top: none !important;
}

/* ========================================
   DARK MODE - Remove Red Bar on Product Cards
   ======================================== */

/* Hide any red bar/badge at top of card */
[data-scheme="dark"] .card__badge,
[data-scheme="dark"] .card-wrapper .card__badge {
  display: none !important;
}

/* If it's a border-top */
[data-scheme="dark"] .card-wrapper,
[data-scheme="dark"] .card,
[data-scheme="dark"] .card--product {
  border-top: none !important;
}

/* If it's inside card__inner */
[data-scheme="dark"] .card__inner::before,
[data-scheme="dark"] .card__inner::after {
  display: none !important;
}

/* Remove any red accent bars */
[data-scheme="dark"] .collection-product-card::before,
[data-scheme="dark"] .collection-product-card::after,
[data-scheme="dark"] .card-wrapper::before,
[data-scheme="dark"] .card-wrapper::after {
  background: transparent !important;
  display: none !important;
}

/* If it's a decorative element */
[data-scheme="dark"] .card [class*="accent"],
[data-scheme="dark"] .card [class*="highlight"] {
  display: none !important;
}


/* FIX SPACING HEADER - VERSIONE STABILE */
@media (max-width: 768px) {
  .header-mobile-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  /* Forza height fisso */
  .header-mobile-section {
    height: var(--header-mobile-height) !important;
  }
  
  /* Blocca qualsiasi sezione dopo header group */
  .shopify-section-group-header-group ~ .shopify-section:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* ==============================================
   FIOR IMAGE WITH TEXT - MOBILE FULL WIDTH FIX
   ============================================== */
@media (max-width: 749px) {
  
  /* 1. Allarga il contenitore dell'immagine */
  .image-with-description__image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important; /* Spazio sotto l'immagine prima del testo */
    padding: 0 !important;
    flex: 0 0 100% !important;
  }

  /* 2. Rimuovi limiti al blocco interno */
  .image-with-description__image__block {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3. Forza l'immagine a riempire tutto */
  .image-with-description__image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 0 !important; /* Rimuovi angoli tondi per effetto "magazine" */
  }
  
  /* OPTIONAL: Se vuoi che l'immagine "esca" dai bordi (Full Bleed) */
  /* Decommenta queste righe se vuoi che tocchi i bordi dello schermo */
  /*
  .image-with-description__image {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
  }
  */
}
/* SOLUZIONE NUCLEARE - RIMUOVI BARRA VERDE (Mobile) */
@media (max-width: 749px) {
  
  /* 1. Rimuovi bordi fisici da TUTTI i contenitori della sezione testo */
  .image-with-description__item,
  .image-with-description__item-elem,
  .image-with-description__item-text,
  .image-with-description__content {
    border-left: 0 !important;
    border: none !important;
    padding-left: 0 !important; /* Recupera lo spazio */
    margin-left: 0 !important;
  }

  /* 2. Rimuovi linee decorative (Pseudo-elementi) */
  /* Spesso le linee sono fatte così nei temi */
  .image-with-description__item::before,
  .image-with-description__item::after,
  .image-with-description__item-elem::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }
  
  /* 3. Assicura che il testo abbia i margini laterali giusti (non appiccicato) */
  .image-with-description__item-text {
    padding: 0 16px !important;
  }
}

/* ==============================================
   PREMIUM COLOR SWATCHES - PRODUCT CARDS (Home/Collection)
   ============================================== */

/* 1. Container dei colori */
.card-information .product-form__controls-group {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

/* 2. SWATCH BASE (Il pallino) */
.card-information .color-swatch {
  width: 32px !important;  /* Più piccolo che in PDP */
  height: 32px !important;
  border-radius: 50% !important;
  
  /* Bordo sottile grigio per definire il bianco */
  border: 1px solid rgba(0,0,0,0.1) !important; 
  
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  background-size: cover !important;
  transition: transform 0.2s ease !important;
}

/* 3. SWATCH SELEZIONATO (L'anello staccato) */
.card-information input[type="radio"]:checked + .color-swatch {
  border-color: transparent !important;
  transform: scale(1.1) !important;
  
  /* L'effetto anello Premium: Spazio crema + Anello Verde */
  box-shadow: 0 0 0 2px #F4F2ED, 0 0 0 3px #3E6B46 !important;
}

/* 4. FIX COLORI FORZATI (Come in PDP) */

/* Forza BIANCO */
.card-information input[value="White"] + .color-swatch {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

/* Forza NERO */
.card-information input[value="Black"] + .color-swatch {
  background-color: #000000 !important;
  background-image: none !important;
}

/* 5. HOVER STATE */
.card-information .color-swatch:hover {
  border-color: #3E6B46 !important;
  transform: scale(1.05) !important;
}

/* 6. NASCONDI ICONE VECCHIE (Se ci sono) */
.card-information .color-swatch__disabled-icon {
  display: none !important;
}

/* FIX COLOR SWATCHES IN HOMEPAGE & COLLECTION */

/* 1. Rimuovi il bordo rosso di default */
.card-information input[type='radio']:checked + label.color-swatch {
    border-color: transparent !important; /* Nasconde il rosso */
    border-width: 0 !important;
}

/* 2. Applica lo stile Premium (Anello staccato) */
.card-information input[type='radio']:checked + label.color-swatch {
    /* L'anello magico: 2px crema + 2px verde */
    box-shadow: 0 0 0 2px #F4F2ED, 0 0 0 4px #3E6B46 !important; 
    transform: scale(1.1);
}

/* 3. Dimensioni e Spaziatura */
.card-information .color-swatch {
    width: 28px !important; /* Un po' più piccoli in Home */
    height: 28px !important;
    margin-right: 8px !important;
    border: 1px solid rgba(0,0,0,0.1) !important; /* Bordo sottile per i bianchi */
}

/* 4. Fix Colori Forzati (Anche qui!) */
.card-information input[value*="White"] + label.color-swatch { background-color: #FFFFFF !important; background-image: none !important; }
.card-information input[value*="Black"] + label.color-swatch { background-color: #000000 !important; background-image: none !important; }

/* ==============================================
   FIOR HOMEPAGE FIX (Targeting .featured-products)
   ============================================== */

/* 1. Puntiamo ESATTAMENTE alla lista che hai trovato */
.featured-products__list .card-wrapper .media {
    aspect-ratio: 2 / 3 !important; /* Formato The Pantry (molto alto) */
    padding-bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    position: relative;
    background: transparent !important;
    border-radius: 0px !important;
    overflow: hidden;
}

/* 2. Forziamo l'immagine a riempire il nuovo rettangolo alto */
.featured-products__list .card-wrapper .media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Taglia i lati, riempie l'altezza */
    object-position: top center !important; /* Tiene ferma la testa */
    position: absolute !important;
    top: 0;
    left: 0;
}

/* 3. Sicurezza per Mobile (perché vedo classi mobile nel tuo codice) */
@media screen and (max-width: 750px) {
    .featured-products__list .card-wrapper .media {
        aspect-ratio: 2 / 3 !important; /* Mantiene la forma anche su mobile */
    }
}

/* ==============================================
   FIOR IMAGE TABS - PREMIUM REDESIGN
   Light & Dark Mode Compatible
   ============================================== */

/* COLOR VARIABLES */
:root {
  --tabs-subtitle-color: #D50032;
  --tabs-inactive-color: #1A1816;
  --tabs-inactive-opacity: 0.3;
  --tabs-active-color: #3E6B46;
  --tabs-desc-color: #444444;
  --tabs-button-bg: #2C5F3C;
  --tabs-button-hover-bg: #D50032;
  --tabs-button-text: #FFFFFF;
  --tabs-button-shadow: rgba(44, 95, 60, 0.2);
}

/* DARK MODE VARIABLES */
[data-scheme="dark"],
.dark-mode,
body.dark {
  --tabs-subtitle-color: #D50032; /* Rosso rimane distintivo */
  --tabs-inactive-color: #CCCCCC;
  --tabs-inactive-opacity: 0.4;
  --tabs-active-color: #5CBF7A; /* Verde più luminoso */
  --tabs-desc-color: #B8B8B8;
  --tabs-button-bg: #3E6B46; /* Verde brand */
  --tabs-button-hover-bg: #D50032; /* Hover rosso anche in dark */
  --tabs-button-text: #FFFFFF;
  --tabs-button-shadow: rgba(92, 191, 122, 0.3);
}

/* ==============================================
   1. IL SOTTOTITOLO ("From Italy, With Irony")
   ============================================== */
.image-tabs__subtitle {
  color: var(--tabs-subtitle-color) !important;
  font-family: var(--font-heading-family);
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
  display: block;
}

/* ==============================================
   2. LA LISTA DEI TITOLI (Pulizia)
   ============================================== */
.image-tabs__list {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ==============================================
   3. TITOLI INATTIVI (Discreti)
   ============================================== */
.image-tabs__list li:not(.active) h2 a {
  font-size: 18px !important;
  color: var(--tabs-inactive-color) !important;
  opacity: var(--tabs-inactive-opacity) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.image-tabs__list li:not(.active) h2 a:hover {
  opacity: 0.7 !important;
  color: var(--tabs-active-color) !important;
}

/* ==============================================
   4. TITOLO ATTIVO (L'Eroe)
   ============================================== */
.image-tabs__list li.active h2 a {
  font-size: 32px !important;
  color: var(--tabs-active-color) !important;
  font-weight: 800 !important;
  text-transform: none !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  display: block;
  margin-bottom: 12px !important;
  transition: color 0.3s ease;
}

/* ==============================================
   5. DESCRIZIONE (Leggibilità)
   ============================================== */
.image-tabs__desc p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--tabs-desc-color) !important;
  max-width: 450px;
  transition: color 0.3s ease;
}

/* ==============================================
   6. BOTTONE (Uniformato al resto del sito)
   ============================================== */
.image-tabs__button-wrraper .button {
  background: var(--tabs-button-bg) !important;
  color: var(--tabs-button-text) !important;
  border: 1px solid var(--tabs-button-bg) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 14px 28px !important;
  margin-top: 24px !important;
  box-shadow: 0 4px 15px var(--tabs-button-shadow) !important;
  transition: all 0.3s ease !important;
}

.image-tabs__button-wrraper .button:hover {
  background: var(--tabs-button-hover-bg) !important;
  border-color: var(--tabs-button-hover-bg) !important;
  box-shadow: 0 6px 20px rgba(213, 0, 50, 0.3) !important;
  transform: translateY(-2px);
}

/* ==============================================
   MOBILE RESPONSIVE
   ============================================== */
@media (max-width: 768px) {
  .image-tabs__text {
    padding: 0 20px 40px 20px !important;
    text-align: left !important;
  }
  
  .image-tabs__list li.active h2 a {
    font-size: 28px !important;
  }
  
  .image-tabs__list li:not(.active) h2 a {
    font-size: 16px !important;
  }
  
  .image-tabs__button-wrraper .button {
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
}

/* ==============================================
   ACCESSIBILITY
   ============================================== */
@media (prefers-reduced-motion: reduce) {
  .image-tabs__list li h2 a,
  .image-tabs__desc p,
  .image-tabs__button-wrraper .button {
    transition: none !important;
  }
  
  .image-tabs__button-wrraper .button:hover {
    transform: none !important;
  }
}

/* Focus states per keyboard navigation */
.image-tabs__list li h2 a:focus-visible {
  outline: 2px solid var(--tabs-active-color);
  outline-offset: 4px;
  border-radius: 4px;
}

.image-tabs__button-wrraper .button:focus-visible {
  outline: 2px solid var(--tabs-button-hover-bg);
  outline-offset: 4px;
}

@media screen and (max-width: 767px) {
  /* 1. FIX SICUREZZA: Assicura che le immagini si vedano al 100% */
  .section-template--20659240730841__unboxing_experience-padding .multicolumn-card__image-wrapper {
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
  }

  /* 2. FRECCIA DI NAVIGAZIONE (Solo sulla prima slide) */
  /* Aggiunge una freccia destra pulsante sotto il testo della prima card */
  .section-template--20659240730841__unboxing_experience-padding .multicolumn-list__item:first-child .multicolumn-card__info::after {
      content: '→';  /* Freccia verso destra */
      display: block;
      font-size: 50px; /* Molto visibile */
      line-height: 1;
      color: #D50032; /* Rosso FIOR */
      margin-top: 15px;
      text-align: center; /* Centrata rispetto al testo */
      animation: swipeRight 1.5s infinite ease-in-out;
  }

  /* 3. ANIMAZIONE (Muove la freccia a destra e sinistra) */
  @keyframes swipeRight {
    0% { transform: translateX(0); opacity: 1; }
    50% { transform: translateX(15px); opacity: 0.6; } /* Si sposta a destra */
    100% { transform: translateX(0); opacity: 1; }
  }
}

::selection {
    background: #D50032; /* Rosso FIOR */
    color: #FFFFFF;      /* Testo Bianco */
}