/** Shopify CDN: Minification failed

Line 54:25 Expected identifier but found "!"
Line 58:20 Expected identifier but found "!"
Line 146:1 Expected identifier but found "."
Line 149:0 Unexpected "}"
Line 152:1 Expected identifier but found "."

**/



.template-collection .m-select-custom--options .m-select-custom--option:nth-child(2), .template-collection .m-select-custom--options .m-select-custom--option:nth-child(3), .template-collection .m-select-custom--options .m-select-custom--option:nth-child(4) {
    display: none;
}
.swiper-button-control{
  background: white !important;
}
.swiper-button-control:hover{
  background: black !important;
}
.swiper-button-control svg{
  color:black !important;
}
.swiper-button-control:hover svg{
  color:white !important;
}
.main-product__block .m-product-meta li:first-child {
    margin-top: 0px !important;
}

body .main-product__block-meta+.main-product__block-title {
  margin-top: 10px;
}

.m-collection-page-header{
  padding-bottom:20px!important;
}
.m-product-card__tags{
  flex-direction: column !important;
}

.m-product-card__tags .m-product-tag--discounted{
  padding-left:15px!important;
}

body .product__pickup-availabilities {display:none;}
.m-product-tag.m-product-tag--discounted {
    background-color: var(--bg-cart-wishlist-count,#da3f3f);
    color: #fff;
    height: 21px;
}
body span.prod__tag {
    border-radius: 10px; !important;
}

body .sf_pcard-tags .prod_tag {
border-radius: 0px; !important;
}

body .m-product-card-tags{
    left: 0.5rem;
    top: -0.3rem;
}
body .scd__gift-wrapping .sf-gift-wrapping--note {
    display: none;
}

body .m-product-card__content .m-product-option .m-product-option--more-option.color-design {padding-block:0;}
/* change price color product bundle */
.foxkit-product-bundles__sub-total{
  color: black !important;
  font-weight: normal  !important;
}


.main-product__blocks .product__pickup-availabilities {
	display: none;
}

.m-product-tabs .m-section-my.w-full,
.m-product-tabs .m-section-py.w-full {
  padding-left: 2px;
  padding-right: 2px;
}


.m-product-card-tags {
    width: fit-content;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
}
.template-product .m-testimonials {
overflow-x: hidden;
}
body.template-collection, html {
    overflow-x: hidden;
}

body.template-collection div.sf__custom-select div.select-items div:nth-child(2), 
body.template-collection div.sf__custom-select div.select-items div:nth-child(3), 
body.template-collection div.sf__custom-select div.select-items div:nth-child(4), 
body.template-collection div.sf__custom-select div.select-items div:nth-child(7),
body.template-collection .m-sortby-mobile ul li.cursor-pointer:nth-child(2),
body.template-collection .m-sortby-mobile ul li.cursor-pointer:nth-child(3),
body.template-collection .m-sortby-mobile ul li.cursor-pointer:nth-child(4),
body.template-collection .m-sortby-mobile ul li.cursor-pointer:nth-child(7){
    display: none;
}

@media only screen and (max-width: 600px) {
  .template-collection {
   overflow-x: hidden !important;
  }
  .facest-filters-section > div {
    padding: 0;
}

.m-collection--wrapper .m-collection-toolbar,
.facest-filters-section > div .m-product-card__content {
    padding-inline: 1rem;
}
}

@media (max-width: 1080px) {
  .m-collection-products > div {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
  .m-collection-products .sf__col-item {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }

  .m-product-tabs__header div {
    display: none;
  }

  .m-product-tabs__header a.m-tab-header {
    display: block;
  }
}

.prod__tag.prod__tag-sale { background-color: #000000; color: #FFFFFF; }
..product__pickup-availabilities {
    display: none !important;
}
}

.prod__tag.prod__tag-hot { background-color: #59A47C; color: #FFFFFF; }
..product__pickup-availabilities {
    display: none !important;
}

/* COLOR SWATCH SOTTO IL PRODOTTO IN PAGINA DI COLLEZIONE */
:root {
  --variant-swatches-size: 12px;
  --variant-swatches-selected-size: 12px; /* Mantiene la dimensione normale anche quando selezionato */
  --variant-swatches-border-width: 0px; /* Spessore del bordo bianco ridotto */
  --variant-swatches-hover-border-width: 0px; /* Spessore del bordo bianco al passaggio del mouse */
  --variant-swatches-shadow-width: 0px; /* Spessore del bordo nero sottile */
}

body .m-product-option--color .m-product-option--swatch {
  display: inline-block; /* Permette che il contenitore si adatti al contenuto */
}

body .m-product-option--color .m-product-option--swatch .m-product-option--node__label {
  width: var(--variant-swatches-size);
  height: var(--variant-swatches-size);
  border-radius: 50% !important; /* Rende l'elemento circolare con maggiore specificità */
  background-size: cover; /* Assicura che l'immagine di sfondo copra tutto l'elemento */
  background-position: center; /* Centra l'immagine di sfondo */
  border: var(--variant-swatches-border-width) solid white; /* Bordo bianco sottile per l'elemento non selezionato */
  box-shadow: 0 0 0 var(--variant-swatches-shadow-width) black; /* Aggiunge un contorno nero sottile attorno al bordo bianco */
  transition: border-color 0.3s, transform 0.3s, width 0.3s, height 0.3s, box-shadow 0.3s; /* Aggiunge una transizione al colore del bordo, alla trasformazione e al box-shadow */
}

body .m-product-option--color .m-product-option--swatch .m-product-option--node__label[data-selected="true"] {
  width: var(--variant-swatches-selected-size) !important; /* Mantiene la dimensione del cerchio quando selezionato */
  height: var(--variant-swatches-selected-size) !important; /* Mantiene la dimensione del cerchio quando selezionato */
  border: var(--variant-swatches-border-width) solid white !important; /* Bordo bianco sottile per l'elemento selezionato */
  box-shadow: 0 0 0 var(--variant-swatches-shadow-width) black !important; /* Aggiunge un contorno nero sottile attorno al bordo bianco */
}

body .m-product-option--color .m-product-option--swatch .m-product-option--node__label:hover {
  border: var(--variant-swatches-hover-border-width) solid white; /* Bordo bianco sottile per l'elemento al passaggio del mouse */
  box-shadow: 0 0 0 var(--variant-swatches-shadow-width) black; /* Aggiunge un contorno nero sottile al passaggio del mouse */
}


  /* Imposta l'opacità desiderata (0.4 rappresenta il 40%) e arrotonda gli angoli del bottone */
  button.m-tooltip.m-button--icon {
    opacity: 0.4;
    border-radius: 50% !important; /* !important per assicurare la priorità rispetto alle regole globali */
    /* Riduci leggermente la dimensione del bottone */
    width: 30px;
    height: 30px;
    /* Aggiungi altri stili se necessario */
  }

    /* Aggiungi altri stili se nece
  /* Imposta l'angolo retto per tutti i bottoni */
  button, .m-button {
    border-radius: px !important;
  }
 /* Imposta l'angolo retto per il label con classe .m-product-option--node__label */
  .m-product-option--node__label {
    border-radius: px !important;
  }
  /* Aggiungi questo al tuo file CSS */

/* Seleziona l'elemento pcard-swatch e imposta il margine superiore a 0px */
.m-product-option--color {
    margin-top: 0px !important; /* Riduci il margine superiore */
}

/* CSS per gestire la visibilità delle TAGLIE sopra l'immagine */
.m-product-card {
  position: relative; /* Necessario per posizionare correttamente il contenitore delle taglie */
}

.m-product-card__main-image {
  position: relative; /* Assicura che il contenitore delle taglie venga sovrapposto all'immagine */
  overflow: hidden; /* Evita che le taglie escano dai bordi dell'immagine */
}

.m-product-card__variants {
  display: none; /* Nasconde il contenitore delle taglie per impostazione predefinita */
  position: absolute;
  bottom: 0; /* Posiziona il contenitore delle taglie in basso all'interno della card */
  left: 0;
  width: 100%;
  background: transparent; /* Sfondo completamente trasparente */
  padding: 5px;
  box-sizing: border-box;
  z-index: 10; /* Posiziona sopra l'immagine */
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Allinea le taglie al centro */
  transition: opacity 0.3s ease; /* Transizione fluida per effetto hover */
  opacity: 0; /* Nasconde le taglie per default */
}

.m-product-card:hover .m-product-card__variants {
  display: flex; /* Mostra le taglie solo al passaggio del mouse */
  opacity: 1; /* Mostra le taglie con transizione opacità */
}

/* Stile base per le taglie */
.m-product-card__variant-swatch {
  display: inline-block;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  margin: 0 5px;
}

/* Stile per le taglie disponibili */
.m-product-card__variant-swatch--available {
  font-weight: normal;
}

/* Stile per le taglie non disponibili */
.m-product-card__variant-swatch--unavailable {
  color: #999;
  text-decoration: line-through;
  cursor: not-allowed;
}

/* Media query per dispositivi mobili */
@media (max-width: 768px) { /* Adatta la larghezza massima per il tuo caso */
  .m-product-card__variant-swatch {
    font-size: 12px; /* Riduce la dimensione del font per dispositivi mobili */
  }
}

/* MENU MOBILE DESING */

.m-menu-mobile__link {
    font-size: 20px; /* Modifica la dimensione del font come preferisci */
}

.m-menu-mobile__item {
    padding: 0px 0px; /* Modifica il padding se necessario per l'aspetto */
}

.m-menu-mobile__back-button {
    display: flex;                /* Usa Flexbox per il layout */
    align-items: center;          /* Allinea verticalmente al centro */
    font-size: 20px;             /* Imposta la dimensione del font */
    font-weight: bold;          /* grassetto */
    padding: 0px;               /* Aggiungi padding se necessario */
}

.m-menu-mobile__back-button svg {
    margin-right: 0px;           /* Spazio tra l'icona e il testo */
}

.m-menu-mobile__back-button span {
    flex-grow: 1;                /* Espande il testo per occupare lo spazio rimanente */
    text-align: center;          /* Centra il testo */
     font-size: 20px;             /* Imposta la dimensione del font */
    font-weight: 600;          /* grassetto */
}

/* MENU DESKTOP DESING */

/* Imposta il colore del testo del sottomenu su nero */
.m-mega-menu .m-sub-menu__item .m-menu__link {
  color: #000; /* Nero */
}