/** Shopify CDN: Minification failed

Line 823:0 Expected "}" to go with "{"

**/
/* Imposta il menu come flex container */
.header-menu-sections--23602662277449__ss_header_11_PVfTwW {
  display: flex;
  align-items: center; /* centra verticalmente rispetto al contenitore header */
  height: 100%; /* assicura che prenda tutta l'altezza disponibile */
}

/* Se serve abbassare ancora di più manualmente */
.header-menu-sections--23602662277449__ss_header_11_PVfTwW {
  padding-top: 5px; /* prova anche 25px o 30px */
}

/* ========== SWITCHERS (SWATCHES) ========== */
/* Label cerchio perfetto */
input[type="radio"][name*="option"] + label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  border-radius: 50% !important;
  background-size: cover !important;
  background-position: center !important;
  margin-right: 4px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;

  /* MODIFICA FINALE */
  border: 1px solid #FFFFFF !important;
  box-shadow: none !important;
  outline: none !important;
}
.swatch__item {
  margin-right: 6px !important;
}

input[type="radio"][name*="option"]:checked + label {
  border-color: black !important;
  box-shadow: 0 0 0 0.5px black, inset 0 0 0 3px white !important;
}

input[value="Oro"] + label,
.swatch-oro,
.swatch-circle[data-color-name="Oro"] {
  background-color: #DDAF37 !important;
}

input[value="Argento"] + label,
.swatch-argento,
.swatch-circle[data-color-name="Argento"] {
  background-color: #C8C8C8 !important;
}

input[value="Oro Rosa"] + label,
.swatch-oro-rosa,
.swatch-circle[data-color-name="Oro Rosa"] {
  background-color: #E6B7A9 !important;
}

input[value="Multicolor"] + label,
.swatch-multicolor,
.swatch-circle[data-color-name="Multicolor"] {
  background: linear-gradient(45deg, #DDAF37 0%, #DDAF37 40%, #C8C8C8 40%, #C8C8C8 60%, #E6B7A9 60%, #E6B7A9 100%) !important;
}

input[value="OroArg"] + label,
.swatch-oroarg,
.swatch-circle[data-color-name="OroArg"] {
  background: linear-gradient(45deg, #DDAF37 50%, #C8C8C8 50%) !important;
}

input[value="Bianco"] + label,
.swatch-bianco,
.swatch-circle[data-color-name="Bianco"] {
  background-color: #FFFFFF !important;
}

input[value="Giallo"] + label,
.swatch-giallo,
.swatch-circle[data-color-name="Giallo"] {
  background-color: #FACF0A !important;
}

input[value="Nero"] + label,
.swatch-nero,
.swatch-circle[data-color-name="Nero"] {
  background-color: #000000 !important;
}

input[value="Blu"] + label,
.swatch-blu,
.swatch-circle[data-color-name="Blu"] {
  background-color: #0000ff !important;
}

input[value="Azzurro"] + label,
.swatch-azzurro,
.swatch-circle[data-color-name="Azzurro"] {
  background-color: #1A93EC !important;
}

input[value="Turchese"] + label,
.swatch-turchese,
.swatch-circle[data-color-name="Turchese"] {
  background-color: #40E0D0!important;
}

input[value="Viola"] + label,
.swatch-viola,
.swatch-circle[data-color-name="Viola"] {
  background-color: #BA74BA !important;
}

input[value="Verde"] + label,
.swatch-verde,
.swatch-circle[data-color-name="Verde"] {
  background-color: #008000 !important;
}

input[value="Rosso"] + label,
.swatch-rosso,
.swatch-circle[data-color-name="Rosso"] {
  background-color: #A00202!important;
}

input[value="Rosa"] + label,
.swatch-rosa,
.swatch-circle[data-color-name="Rosa"] {
  background-color: #F66A84 !important;
}

input[value="Fucsia"] + label,
.swatch-fucsia,
.swatch-circle[data-color-name="Fucsia"] {
  background-color: #EC1C89 !important;
}

input[value="Arcobaleno"] + label,
.swatch-arcobaleno,
.swatch-circle[data-color-name="Arcobaleno"] {
  background: conic-gradient(#c0392b, #f39c12, #27ae60, #2980b9, #8e44ad, #d35400, #16a085, #c0392b) !important;
}

input[value="Arancione"] + label,
.swatch-arancione,
.swatch-circle[data-color-name="Arancione"] {
  background: #FE4C10 !important;
}

input[value="Tortora"] + label,
.swatch-tortora,
.swatch-circle[data-color-name="Tortora"] {
  background: #B9ADA0 !important;
}

input[value="Cipria"] + label,
.swatch-cipria,
.swatch-circle[data-color-name="Cipria"] {
  background: #FDDCD7 !important;
}

input[value="Polvere"] + label,
.swatch-polvere,
.swatch-circle[data-color-name="Polvere"] {
  background: #C6E9F9 !important;
}

input[value="Verde Retro"] + label,
.swatch-verde-retro,
.swatch-circle[data-color-name="Verde Retro"] {
  background: #B4E5AF !important;
}

input[value="Glicine"] + label,
.swatch-glicine,
.swatch-circle[data-color-name="Glicine"] {
  background: #C9A0DC !important;
}

input[value="NeroBianco"] + label,
.swatch-nerobianco,
.swatch-circle[data-color-name="NeroBianco"] {
  background: linear-gradient(45deg, #000000 50%, #FFFFFF 50%) !important;
}

/* ========== SWATCH STYLE ========== */
.swatch__item:last-child {
  margin-right: 0 !important;
}

.product-color-swatches {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.swatch-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  background-size: cover;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.swatch-circle:hover {
  transform: scale(1.1);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.25);
}

.collection-swatches .swatch-circle,
.swatch-circle-inline {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  border: 0.5px solid #FFF;
}

/* === CORREZIONE BORDI PER LETTERA === */

/* Per swatch con data-option=\"Lettera\" */
.swatch .swatch-element[data-option="Lettera"] label {
  border: 1px solid #000000 !important;
  color: #333 !important;
  background-color: #ffffff !important;
  text-indent: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  padding: 0 !important;
}

/* Per swatch che usa una classe dedicata */
.letter-circle {
  border: 1px solid #000000 !important;
}

.swatch .swatch-element[data-option="Misura"] label {
  text-indent: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  overflow: visible !important;
  color: #333 !important;
  background: #FFF !important;
  line-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #000000 !important;
}

.letter-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0.5px solid #333;
  margin-right: 4px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  line-height: 0;
  font-size: 16px;
  color: #333;
  background-color: #f0f0f0;
}

.letter-circle.selected {
  border-color: black;
  background-color: #DDAF37;
  color: #fff;
}

.letter-circle:hover {
  transform: scale(1.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}



/* === CORREZIONE VISIBILITÀ TESTO LETTERE === */
.swatch .swatch-element[data-option="Lettera"] label {
  text-indent: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  overflow: visible !important;
  border: 1px black !important;
  color: #333 !important;
  background: #fFF !important;
  line-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* === CORREZIONE VISIBILITÀ TESTO MISURA === */
.swatch .swatch-element[data-option="Misura"] label {
  text-indent: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  overflow: visible !important;
  color: #333 !important;
  background: #fff !important;
  line-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.letter-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0.5px solid #333;
  margin-right: 4px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  line-height: 0;
  font-size: 16px;
  color: #333;
  background-color: #f0f0f0;
}

.letter-circle.selected {
  border: 2px solid #000000 !important;
  background-color: #DDAF37; /* Cambia il colore di sfondo quando selezionato */
  color: #fff; /* Colore della lettera */
}

.letter-circle:hover {
  transform: scale(1.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

/* === FIX DEFINITIVO PER PILL SEGNO (corretto al 100%) === */
.swatch .swatch-element[data-option="Segno"] label {
  border-radius: 9999px !important;
  width: auto !important;
  height: auto !important;
  padding: 12px 20px !important; /* padding bello morbido */
  white-space: nowrap !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: #fff !important;
  border: 1px solid #000 !important;
  color: #333 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 6px !important;
  text-indent: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}



/* === SWATCH COLORI BIANCHI → BORDO NERO === */
input[type="radio"][value="Bianco"] + label,
.swatch-circle[data-color-name="Bianco"] {
  border: 1px solid #000000 !important;
}

input[type="radio"][value="NeroBianco"] + label,
.swatch-circle[data-color-name="NeroBianco"] {
  border: 1px solid #000000 !important;
}

/* === LETTERA e MISURA → BORDO NERO SEMPRE === */
.swatch .swatch-element[data-option="Lettera"] label,
.swatch .swatch-element[data-option="Misura"] label {
  border: 0.5px solid #000000 !important;
  color: #333 !important;
  background: #FFF !important;
  text-indent: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  padding: 0 !important;
}
/* Lettera selezionata (quando il label è attivo) */
.swatch-element[data-option="Lettera"].active label,
.swatch-element[data-option="Lettera"] label.active,
.swatch-element[data-option="Lettera"] label.selected {
  border: 1px solid #000000 !important;
}

.swatch-element[data-option="Misura"].active label,
.swatch-element[data-option="Misura"] label.active,
.swatch-element[data-option="Misura"] label.selected {
  border: 1px solid #000000 !important;
}

/* Etichetta swatch disabilitata o esaurita → opacità bassa */
.swatch-element.soldout label,
.swatch-element.unavailable label,
.swatch-element.disabled label,
.swatch-element input:disabled + label {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

/* === OVERRIDE PER SWATCH IMMAGINE "CHARM" === */
.swatch .swatch-element[data-option="Charm"] input[type="radio"] + label {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
  border-radius: 50% !important;
  border: 1px solid #ccc !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Stato attivo (selezionato) */
.swatch .swatch-element[data-option="Charm"] input[type="radio"]:checked + label {
  border: 1px solid #000000 !important;
  box-shadow: 0 0 0 2px #00000033;
}

/* Hover */
.swatch .swatch-element[data-option="Charm"] input[type="radio"] + label:hover {
  transform: scale(1.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}


/* ========== IMMAGINI ========== */
.product-card-basic__image img,
.card-product__image img,
.product-card__image img,
.product-card img,
img.theme-img {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  box-sizing: border-box;
}

.site-header__logo img,
.header__heading-logo img,
.logo img,
.slideshow img,
.slideshow__image,
.slideshow__media img,
.slideshow__media,
.slideshow-image-overlay img,
.slideshow-image-overlay,
div[class*="slideshow"] img,
div[class*="slideshow"] {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  overflow: visible !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* SOLO nelle pagine diverse da home, Chi siamo, FAQ, Privacy and Policy, Termini e Condizioni */
body:not(.template-index):not(#chi-siamo):not(.template-FAQ):not(.template-privacy-policy):not(.template-terms-conditions) #MainContent {
  margin-top: 50px; /* Spazio per DESKTOP */
}

/* Riduci lo spazio nelle pagine FAQ, Privacy and Policy, e Termini e Condizioni */
body.page-template-template-faq #MainContent,
body.page-template-template-privacy-and-policy #MainContent,
body.page-template-template-termini-e-condizioni #MainContent {
  margin-top: 10px; /* Spazio ridotto nelle pagine specifiche */
}


@media screen and (max-width: 767px) {
  body:not(.template-index):not(#chi-siamo) #MainContent {
    margin-top: 20px; /* Spazio per MOBILE */
  }
}


/* Di base: nascondi sempre il burger */
button[class*="header-menu-burger"] {
  display: none !important;
}

@media (max-width: 767px) {
  button[class*="header-menu-burger"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

body.template-search h1.page__title.template-title {
  font-size: 24px !important;
  line-height: 1.2;
}
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

html {
  overflow-x: hidden !important;
}

img[src*="Group_301.jpg"] {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;

  width: 100%;
  max-width: 600px; /* personalizza */
  height: auto;
  object-fit: cover !important;
  object-position: center !important;
}

.swatch-colorazione {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  margin-right: 4px !important;
  border: 1px solid #FFFFFF !important;
  background-size: cover !important;
  background-position: center !important;
  cursor: default !important;
  box-shadow: none !important;
  outline: none !important;
}


.colorazione-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -27px; /* per desktop */
}

@media (max-width: 768px) {
  .colorazione-wrapper {
    margin-top: -24px !important; /* meno tirato su su mobile */
    gap: 4px;
  }

  .colorazione-wrapper .swatch-circle-inline {
    transform: translateY(1px); /* perfeziona allineamento */
  }
}

/* Colore dello sfondo della barra (track) */
.swiper-scrollbar {
  background-color: #f2f2f2 !important; /* cambia qui il colore di base */
  height: 4px !important; /* opzionale: puoi cambiare spessore */
  border-radius: 10px;
}

/* Colore del cursore (drag handle) */
.swiper-scrollbar-drag {
  background-color: #d74678 !important; /* colore del cursore mobile */
  border-radius: 10px;
}

@media (max-width: 767px) {
  .header__icons {
    position: relative;
  }

  /* Ricerca accanto al carrello */
  .header-search-sections--23602662277449__ss_header_11_PVfTwW {
    position: absolute;
    right: 58px; /* distanza dal bordo destro – adatta in base al tuo layout */
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }

    @media (max-width: 767px) {
  .collection-header__text-item {
    font-size: 40px; /* o la dimensione che preferisci */
    line-height: 1.2;
  }
}

    @media (max-width: 767px) {
  .page--title.template-title {
    font-size: 40px; /* o la dimensione che preferisci */
    line-height: 1.2;
  }
}

  @media (max-width: 767px) {
  /* Nasconde il numero accanto al carrello */
  .cart-count-bubble {
    display: none !important;
  }

  .cart-dot {
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 10;

  /* Alone sfocato bianco */
  box-shadow:
    0 0 6px 3px rgba(255, 255, 255, 0.5), /* glow esterno */
    0 0 1px 1px rgba(255, 255, 255, 0.8); /* contorno sottile */
}

 /* Rende il contenitore del carrello posizionabile */
  .header__icon--cart {
    position: relative;
  }

  /* 2. Rimpicciolisci l’inner wrapper del contenuto */
  .header-sidebar-menu-inner-sections--23602662277449__ss_header_11_PVfTwW {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* 3. Rimpicciolisci blocco "top" (Scopri per + menu) */
  .header-sidebar-top-wrapper-sections--23602662277449__ss_header_11_PVfTwW {
    width: 100% !important;
  }

  /* 4. Divider pieno sotto "Scopri per" */
  .header-sidebar-top-inner-sections--23602662277449__ss_header_11_PVfTwW {
    border-bottom: 1px solid #b71b62 !important;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  /* 5. Testo menu + spacing compatto */
  .header-menu-link-sections--23602662277449__ss_header_11_PVfTwW {
    font-size: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    line-height: 1 !important;
  }

  /* 6. Rimuove tutti i divider tra voci menu */
  .header-menu-item-sections--23602662277449__ss_header_11_PVfTwW {
    border: none !important;
    margin-bottom: 2px !important;
  }

  /* 7. Aggiunge divider sopra "Login" */
  .header-sidebar-account-sections--23602662277449__ss_header_11_PVfTwW {
    margin-top: 50px !important;
    padding-top: 12px;
    border-top: 1px solid #b71b62 !important;
  }

  /* 8. Footer menu (FAQ, Privacy ecc.) più compatto */
  .header-sidebar-bottom-sections--23602662277449__ss_header_11_PVfTwW {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header-sidebar-menu-sections--23602662277449__ss_header_11_PVfTwW {
    display: flex;
    width: 100vw !important;
    max-width: 100vw !important;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0vw, rgba(255, 255, 255, 0.7) 100vw);
    transition: transform 0.4s ease;
    z-index: 30;
    overflow: hidden;
  }

  .header-sidebar-menu-inner-sections--23602662277449__ss_header_11_PVfTwW {
    width: 70vw !important;
    background-color: transparent;
    flex-shrink: 0;
  }

  .header-sidebar-menu-sections--23602662277449__ss_header_11_PVfTwW::after {
    content: "";
    display: block;
    width: 100vw;
    flex-shrink: 0;
  }
}

 /* Rimuove bordi, ombre e background dalle immagini nella galleria */
.grid-image,
.grid-image .responsive-image-wrapper,
.grid-image .responsive-image-wrapper img,
.grid-image img.theme-img {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.active-facets__button.button--secondary {
  background-color: #f4c2c2 !important;
  color: white !important;
  border: none !important;
}

.active-facets__button.button--tertiary {
  background-color: #ffddee !important;
  color: #d12278 !important;
  border: 1px solid #d12278 !important;
}

.active-facets__button.button--tertiary svg,
.active-facets__button.button--secondary svg {
  stroke: #d12278 !important;
}

.image-with-text-overlay .image-with-text-overlay__media,
.image-with-text-overlay .image-with-text-overlay__media::before {
  border-radius: 0 !important;
  overflow: visible !important;
}


@media screen and (max-width: 749px) {
  /* aggiungo aria sotto la caption */
  .image-with-text-overlay__caption {
    padding-bottom: 40px !important;
  }

  /* setto dimensioni testo SOLO per mobile */
  .image-with-text-overlay__text h5 {
    font-size: 32px !important;
    line-height: 1.3 !important;
  }

  .image-with-text-overlay__text h6 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  .image-with-text-overlay__text p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* eventuale dimensione bottone */
  .image-with-text-overlay__buttons .btn {
    font-size: 14px !important;
    padding: 12px 24px !important;
  }
}

/* Mobile */
.image-with-text-overlay__mobile-image--original img.theme-img {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}