/* CSS PARTE SHOP */
.menu li.cart {position: relative;}
.menu_icons {position: relative;}
.menu_icons span.num {
  position: absolute;top: 38px; left: 52px;
  font-size: 15px;font-weight: 600;background: #45cf6d;color: #fff;
  width: 28px; height: 28px; border-radius: 50%; 
  display: flex; align-items: center; justify-content: center; 
  text-align: center;
}

.box-top-selezione.risultati.shop {padding: 0rem 0 1rem; top: 0;margin-top: 30px; position: relative; width: 100%; z-index: 8;}

.selezione_content.risultati.shop .box-top-selezione_txt { margin: 0 auto 3rem;position: relative;}
.selezione_content.risultati.shop .box-top-selezione_txt h1 {font-size: 2.8rem;font-weight: 400;}
.selezione_content.risultati.shop .box-top-selezione_txt .filtri-resp-btn {bottom: -5.5rem;position: absolute;margin: 0;right: 0;z-index: 12;}


@media screen and (max-width:1023px) {
  .box-top-selezione.risultati.shop {margin-top: 10px;}
  .selezione_content.risultati.shop .box-top-selezione_txt .filtri-resp-btn {bottom: 5%;position: fixed;margin: 0 auto;}
}
/* @media screen and (min-width:1024px) {
  .box-top-selezione.risultati.shop {top: 5rem;}
}
 */
.box-top-selezione.risultati.shop h1 {font-weight: 400;text-align: center;}

.shop--header {width: 100%; margin: 15px 0 0;}
.shop--header img {width: 100%;height: auto;object-fit: cover;aspect-ratio: 5/1;}

.shop--elenco_cat {margin: 0 0 25px;}
.shop--elenco_cat ul, .shop--elenco_cat ul a {font-size: 2.2rem;font-weight: 600;text-align: left;padding: 0;}
.shop--elenco_cat ul li:first-child {margin: 5px 0 0;}
.shop--elenco_cat ul li {padding: 0 0 2px;}

.shop--checkbox {margin: 50px 0 0;}
.shop--checkbox_form {margin: 1rem 0 0;}
.shop--checkbox_label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
.shop--checkbox_label.normal{
    font-size: 14px;
  }
.shop--checkbox_label.color-purple{
    color: #643ED7;
  }
.shop--checkbox_label.color-purple .checkmark{
  border: 1px solid #643ED7;
  }
#FiltriResp .shop--checkbox_label {color: #fcfcf5;}

  /* Hide the browser's default checkbox */
  .shop--checkbox_input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 1px solid #201f1d;
  }
  #FiltriResp .checkmark {border: 1px solid #fcfcf5;}
  
  /* On mouse-over, add a grey background color */
  .shop--checkbox_label:hover .checkmark {
    background-color: rgba(68, 207, 107, 0.2);
  }
  
  /* When the checkbox is checked, add a blue background */
  .shop--checkbox_label.ui-checkbox-on .checkmark {
    background-color: #44cf6c;
  }
  .shop--checkbox_label input:checked ~ .checkmark {
    background-color: #44cf6c;
  }

  .btn_acquista {
    display: inline-block;
    font-size: 18px;
    padding: 10px 50px;
    background: #44cf6c;
    border-radius: 30px;
    color: #fcfcf5;
    margin: 5px 0 10px;
    transition: all .3s;
    cursor: pointer;
  }

  .btn_convalida {
    display: inline-block;
    font-size: 18px;
    padding: 10px 50px;
    background: #643ED7;
    border-radius: 30px;
    color: #fcfcf5;
    margin: 5px 0 10px;
    transition: all .3s;
    cursor: pointer;
  }

@media screen and (min-width: 1571px) {
    .risultati.shop .box-top-selezione_right {
        /* position: fixed;
        height: calc(100vh - 200px);
        top: 200px;
        overflow-y: scroll; */
        /* position: absolute;
        height: auto; 
        top: 65px;*/
        position: relative;
        top: 0;
        width: 100%;
        z-index: 9;
        margin: 5rem 0 0;
    }
    .risultati.shop .box-top-selezione_right::-webkit-scrollbar {
      width: 5px;
    }

    /* Track */
    .risultati.shop .box-top-selezione_right::-webkit-scrollbar-track {
      background: transparent;
    }
    
    /* Handle */
    .risultati.shop .box-top-selezione_right::-webkit-scrollbar-thumb {
      background: rgba(68, 207, 107, 0);
      border-radius: 50px;
    }
    
    /* Handle on hover */
    .risultati.shop .box-top-selezione_right::-webkit-scrollbar-thumb:hover {
        background: #44cf6c;
    }
}

#no-prodotti{
  padding: 80px 0; text-align: center; width: 100%;
}
#no-prodotti p{
  font-size: 3.0rem; font-weight: 400; margin-bottom: 1rem;
}
#no-prodotti button.elimina_filtri{
    background: #df4d86;
    color: #fcfcf5;
    background: #201f1d;
    color: #fcfcf5;
    border: 1px solid #201f1d;
    min-width: 14.5rem;
    padding: .5rem 1rem;
    border-radius: 2rem;
    transition: all .3s;
    cursor: pointer;
    margin: 0 1px .5rem;
}
@media screen and (max-width:1023px) {
    #no-prodotti{padding: 80px 0;}
    #no-prodotti p{ font-size: 2.4rem;}
    #no-prodotti button.elimina_filtri{
        padding: 1.5rem 2.5rem; font-size: 3rem; width: 28rem; border-radius: 4rem;
    }
}

.card-shop {
    width: 31%;
    border-radius: 3rem;
    position: relative;
    margin: 2rem auto;
}
@media screen and (max-width: 1023px) {
  .card-shop {
      width: 48%;
  }
}
@media screen and (max-width: 450px) {
  .card-shop {
      width: 92%;
  }
}
.card-shop .img_box {width: 100%;height: auto;position: relative;aspect-ratio: 1/1;overflow: hidden;border-radius: 3rem;z-index: 2;}
@media screen and (max-width:1023px) {
  .card-shop .img_box {aspect-ratio: 4/3;}
}
.card-shop img:not(.ico_s, .ico_m) {width: 100%;height: auto;aspect-ratio: 1/1;object-fit: cover;object-position: center;transition: all .3s;}
@media screen and (max-width:1023px) {
  .card-shop img:not(.ico_s, .ico_m) {aspect-ratio: 4/3;}
}
.card-shop:hover img:not(.ico_s, .ico_m) {transform: scale(1.1);}
.card-shop .card-txt {position: relative; background: #fcfcf5;border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0 0 3rem 3rem;
    padding: 4rem 2rem 1rem;
    margin: -2rem 0 0;
    z-index: 1;}
.card-shop .tit-card { font-size: 20px; font-weight: 600;}
.card-shop .desc-card { font-size: 18px;}

.prezzo {margin: 10px 0 0;}
.prezzo p {font-size: 20px;}
/* @media screen and (max-width: 1023px) {
  .prezzo p {font-size: 2.2rem;}
} */
.prezzo .sconto {display: flex;flex-wrap: wrap;gap: 10px;}
.prezzo .sconto .nuovo, .prezzo .sconto .percent {color: #DE4D86;}
.prezzo .sconto .barrato {text-decoration: line-through;}
.ico_s {width: 20px; height: 20px; object-fit: contain; margin: 0 5px 0 0;}
.ico_m {width: 28px; height: 28px; object-fit: contain; margin: 0;}
.dettagli {color: #643ED7;margin: 10px 0 0;}
.dettagli p {font-size: 1.9rem;}
@media screen and (max-width: 1023px) {
  .dettagli p {font-size: 2rem;}
}
.dettagli .location, .dettagli .icon {display: flex; align-items: center;}
.heart {position: absolute;right: 15px;top: 15px;z-index: 3; cursor: pointer;}
.not_awish {position: relative;z-index: 2;}
.wish {position: absolute;z-index: 1;left: 0;top: 0;}



/* custom select */
/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-size: 18px;
  width: 230px;
  margin: 0 0 0 auto;
  text-align: right;
}

@media screen and (max-width:1570px) {
  .custom-select {display: none;}
}

.custom-select span {
  display: none;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: transparent;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: url(../img/chevrons.svg);
  top: 8px;
  right: 0;
  width: 15px;
  height: 21px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #201f1d;
  padding: 8px 25px 8px 16px;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #fff;/* fcfcf5 */
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  overflow: hidden;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(69,207,109,0.4);
}

.selezione_content.risultati.shop {
  margin-bottom: 8rem;
}
@media screen and (min-width: 1400px) {
  .selezione_content.risultati.shop {
      padding: 4rem 0 25rem;
  }
}
@media screen and (min-width: 1024px) {
  .selezione_content.risultati.shop {
      padding: 3rem 0 8rem; margin-bottom: 4rem;
  }
}


.tab_bar {width: 100%;padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.tablink {font-size: 18px;text-transform: uppercase;color: #fcfcf5;font-weight: 600;padding: 20px;width: calc(100% / 4);border-bottom: 1px solid #fff;cursor: pointer;transition: all .3s;}
.tablink:hover:not(.tab_active) {background-color: rgba(252, 252, 245, 0.15);}
.tablink img {width: 4.0rem;height: 4.0rem;margin: -1.0rem 0.5rem -1.5rem -0.6rem; /*filter: invert(1);*/ }
.tab_active {background-color: #44cf6c;}
/* .tablink.kids{border-bottom: 1px solid #F9C761;} */
.tablink.kids.tab_active{background-color: #F9C761;}
.menu_tab {width: 100%;flex-wrap: wrap;display: flex; padding-top: 16px;}
.dropdown-content .menu_tab .cl {border-top: none; border-top: 5px solid #44cf6c; }
.dropdown-content .menu_tab.kids .cl {border-top: none; border-top: 5px solid #F9C761; }
.dropdown-content .menu_tab.kids a:hover{ color: #F9C761;}
.ico_menu {height: 32px;width: 32px;object-fit: contain;position: relative;z-index: 2;transition: all .3s;}
.ico_menu.ico-g { position: absolute;top: 48%;left: 50%;translate: -50% -48%;z-index: 1;}
.link_user a {position: relative;}
.link_user:hover .ico-w {opacity: 0;}
.user_active .ico-w {opacity: 0;}





/* accordion */
ul.accordion {list-style: none;padding: 0;width: 100%;display: block; }
ul.accordion a {width: 100%;display: block; }
ul.accordion .mainbox {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center; }
ul.accordion .mainbox a {width: auto;display: inline-block;margin: 0; }
ul.accordion .mainbox a:hover {color: #46c573; }
ul.accordion li.toggle {cursor: pointer;display: flex;justify-content: space-between;align-items: center; }
ul.accordion .inner {overflow: hidden;display: none;width: 100%;margin: 0 0 15px;}
ul.accordion .inner ul li {font-weight: normal;}
ul.accordion .inner a {font-weight: 400;}
ul.accordion .inner a.active {color: #DE4D86;}

.box-filtri-resp ul.accordion li.toggle, .box-filtri-resp ul.accordion .inner a {color: #fff; }
.box-filtri-resp ul.accordion .inner a {font-weight: 400;}
.box-filtri-resp ul.accordion li.all_cat a {color: #44cf6c; text-transform: uppercase; }
.box-filtri-resp ul.accordion li.macrocat a {text-transform: uppercase; }

.show {display: block; }

.chevron {display: block; content: url(../img/plus.svg);width:10px;height: 10px;}
.chevron.rotate {content: url(../img/minus.svg);}

.shop .breadcrumbs {width: 100%;margin: 10px 0 0;font-size: 16px;text-align: left;}
.shop .breadcrumbs ul {display: flex;align-items: center;gap: 5px;color: #46c573;flex-wrap: wrap;}
.shop .breadcrumbs ul li a {color: #46c573;}

@media screen and (min-width:1025px) {
  .shop .breadcrumbs {width: calc(100% - 230px);margin: 0 0 -27px;}
}

.gallery_dettaglio {width: 100%;}
#gal-dettaglio .splide__slide img {width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;}
#gal-dettaglio .splide__arrows {position: absolute;z-index: 2;width: 100%;top: 39%;}
#gal-dettaglio .splide__arrows .splide__arrow--prev {position: absolute;left: 0;}
#gal-dettaglio .splide__arrows svg path { fill: #201f1d;}
#gal-dettaglio .splide__arrows .splide__arrow--prev svg {transform: rotate(180deg) translate(0, 4px);}
#gal-dettaglio .splide__arrows .splide__arrow--next {position: absolute;right: 0;}

@media screen and (max-width: 1023px) {
  .selezione_content.risultati.shop.dett .box-top-selezione_txt .filtri-resp-btn {
    display: inline-block;
    bottom: -5.5rem;
    position: absolute;
    margin: 0;
    right: 0;
    width: 100px;
    padding: 1.0rem 0;
    font-size: 2rem;
  left: auto;
z-index: 9;}

.selezione_content.risultati.shop.dett .box-top-selezione_txt .filtri-resp-btn img {width: 2rem;}
}


.shop .breadcrumbs.dett {width: 100%;margin: 0 0 30px;}
@media screen and (max-width:1023px) {
  .shop .breadcrumbs.dett {    margin: 0;position: relative;top: -10px;}
}
@media screen and (max-width: 600px) {
    .shop .breadcrumbs.dett {width: calc(100% - 105px);}
}
/* .selezione_content.risultati.shop.dett {padding: 0 0 8rem;} */
.selezione_content.risultati.shop.dett h1 {font-size: 20px;font-weight: 400;text-align: left;width: 100%;margin: 0 0 30px;}
@media screen and (max-width:1023px) {
  .selezione_content.risultati.shop.dett h1 {font-size: 18px;}
}

.contenuti {display: flex;flex-wrap: wrap;width: 100%;}
.contenuti .pagamenti_OLD {width: 100%; position: fixed;bottom: 0;left: 0; z-index: 12;}

.contenuti .pagamenti {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 12;
    transition: all 0.2s ease-in-out;
}
.contenuti .pagamenti.stop {
    position: absolute;
    bottom: auto;
}

.contenuti .pagamenti .block_cart {padding: 15px;background-color: #643ED7;}
.contenuti .pagamenti .block_cart .quantita {display: flex; align-items: center;gap: 10px;padding: 0 0 10px;border-bottom: 1px solid #44CF6C;justify-content: center;}
.contenuti .pagamenti .block_cart .quantita p {color: #fcfcf5;}
.contenuti .testi {width: 100%;}

@media screen and (min-width:860px) {
  .contenuti .testi {width: calc(100% - 240px - 20px);}
  .contenuti .pagamenti {width: 240px; margin: 0 0 0 20px; position: relative;}
  .contenuti .pagamenti.stop { position: relative; top: 0 !important;}
}

.quantita .input {display: inline-flex;}



.number-input {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.number-input, .number-input * {
  box-sizing: border-box
}

.number-input button {
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  width: 4.5rem;
  height: 2.5rem;
  cursor: pointer;
  margin: 0;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: #fcfcf5;
  font-size: 18px;
}

.number-input button.plus {
  right: 0;
  left: inherit;
}

.number-input input[type=number] {
  width: 100%;
  padding: 1rem;
  border: none;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  border-radius: 10rem;
  background: #201f1d;
  color: #fcfcf5;
}

/* custom input number */
.value-control {width: 38px;height: 38px;margin: 0;background: #201f1d;color: #fcfcf5;cursor: pointer;font-size: 18px;text-align: center;}
.value-control:hover {background: #201f1d;}
.value-input {margin: 0;height: 38px;width: 50px;padding: 2px 8px;text-align: center;font-size: 18px;background: #201f1d;color: #fcfcf5;}
.value-input::-webkit-outer-spin-button,
.value-input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.value-input {-moz-appearance: textfield;}
.value-control.left {border-radius: 30px 0 0 30px;}
.value-control.right {border-radius: 0 30px 30px 0;}

.contenuti .pagamenti .totale {display: flex;flex-wrap: wrap;padding: 15px 0;max-width: 200px;margin: 0 auto;}
.contenuti .pagamenti .totale .bl {width: 30%;text-align: left;}
.contenuti .pagamenti .totale .bl.right {width: 70%; text-align: right;}
.contenuti .pagamenti .totale .bl p {color: #fcfcf5;}

.contenuti .pagamenti .btn_aggiungi button {font-size: 16px;color: #fcfcf5;margin: 0 0 8px;background: #44CF6C;padding: 5px 10px;border-radius: 20px;cursor: pointer;}

.contenuti .metodi {margin: 15px 0 0;text-align: left;display: none;}
.contenuti .metodi p {margin: 0 0 8px}
.contenuti .metodi .lista_metodi {display: flex; gap: 6px;}
.contenuti .metodi .lista_metodi .img {width: 35px; height: 25px; border-radius: 5px;background-color: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);text-align: center;}
.contenuti .metodi .lista_metodi .img img {height: 100%; object-fit: contain;}

@media screen and (min-width:860px) {
  .contenuti .metodi {display: block;}
  .contenuti .pagamenti .totale {margin: 0;}
  .contenuti .pagamenti .block_cart .quantita {justify-content: flex-start;}
}

.ico {width: 40px;height: 40px;object-fit: contain;}
.contenuti .testi .fascia_uno {background-color: #F3E0EC;padding: 10px;display: flex;flex-wrap: wrap;}
.contenuti .testi .fascia_uno .bl {width: 100%;display: flex;align-items: center; color: #643ED7;margin: 0 0 5px;}
.contenuti .testi .blocco_due {margin: 20px 0 0;padding: 10px;background-color: #F3E0EC;color: #643ED7;text-align: left;}
.contenuti .testi .blocco_due img{ max-width: 100%;}
.contenuti .testi .blocco_due li { list-style: inherit; }
.contenuti .desc ul {list-style: inside disc;margin: 0 0 15px;}
.contenuti .desc ol {list-style: inside decimal;margin: 0 0 15px;}
.contenuti .desc ol li, .contenuti .desc ul li {font-size: 16px;padding: 5px 0;}
.contenuti .desc a {text-decoration: underline;color: #643ED7;}
.contenuti .desc h1 {font-size: 22px!important;font-weight: 600!important;margin: 0 0 5px!important;}
.contenuti .desc h2 {font-size: 20px;font-weight: 600;margin: 0 0 5px;}
.contenuti .desc h3 {font-size: 19px;font-weight: 600;margin: 0 0 5px;}
.contenuti .desc h4, .contenuti .desc h5 {font-size: 18px;font-weight: 600;margin: 0 0 5px;}
.contenuti .desc p {margin: 0 0 15px;font-size: 16px;}

@media screen and (min-width:500px) {
  .contenuti .testi .fascia_uno .bl {width: 50%;margin: 0;}
}


/*.modale_agg_cart {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 99;top: 0;left: 0;display: flex;justify-content: center;align-items: flex-start;padding: 120px 2% 0;}*/
/*.modale_agg_cart .box {
  padding: 30px 10px;border-radius: 30px;position: relative;
  background: rgb(70, 197, 115);
  background: -moz-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
  background: -webkit-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
  background: linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46c573",endColorstr="#de4d86",GradientType=1);
  width: 100%;max-width: 700px;max-height: 70vh;overflow-y: scroll;
  }*/
  
.modale_agg_cart{background-color:rgb(0 0 0 / 80%);z-index:1000;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;}
.modale_agg_cart .box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  padding: 30px 10px;
  width: 90%; max-width: 75rem; max-height: 70vh;overflow-y: scroll;
  box-shadow: 0 0 2rem rgb(0 0 0 / 85%);
  text-align: center;
  border-radius: 4rem;

  background: rgb(70, 197, 115);
  background: -moz-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
  background: -webkit-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
  background: linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46c573",endColorstr="#de4d86",GradientType=1);

}
#myModalReso.modale_agg_cart .box {padding: 30px 15px;max-width: 500px;}

.modale_agg_cart .box::-webkit-scrollbar {width: 5px;}
.modale_agg_cart .box::-webkit-scrollbar-track {background: transparent;}
.modale_agg_cart .box::-webkit-scrollbar-thumb {background: rgba(68, 207, 107, 0);border-radius: 50px;}
.modale_agg_cart .box::-webkit-scrollbar-thumb:hover {background: #44cf6c;}

.modale_agg_cart .box .tit {display: flex;align-items: center;gap: 10px;color: #fcfcf5;margin: 0 0 15px;text-align: left;}
.modale_agg_cart .box .row {display: flex;flex-wrap: wrap;margin: 0 0 10px;align-items: center;}
.modale_agg_cart .box .row .img {width: 90px;height: auto;aspect-ratio: 4 / 3;}
.modale_agg_cart .box .row .img img {width: 100%; height: 100%; object-fit: cover;}
.modale_agg_cart .box .row .txt {width: calc(100% - 90px);padding: 0 0 0 10px;display: flex;align-items: flex-start;flex-wrap: wrap;color: #fcfcf5;text-align: left;}
.txt--prezzo {display: flex;width: 100%;justify-content: flex-start;gap: 10px;}
.txt--nome {width: 100%;}
.prezzo_corrente {font-weight: 600;}
.prezzo_barr {color: #201f1d;text-decoration: line-through;}
.modale_agg_cart .box .line {border-top: 1px solid #fcfcf5;margin: 20px auto;}
.modale_agg_cart .box .buttons {display: flex;justify-content: space-between;flex-wrap: wrap;}
.modale_agg_cart .box .buttons a {display: inline-block;font-size: 18px;padding: 10px;border-radius: 20px;text-align: center;width: 100%;transition: all .3s;margin: 0 0 10px;}
.modale_agg_cart .box .buttons a.btn_continua {background-color: #fcfcf5;}
.modale_agg_cart .box .buttons a.btn_cart{background-color: #44CF6C;color: #fcfcf5;}
.modale_agg_cart .box .buttons a:hover{translate: 0 -6px}

.modale_agg_cart .box .buttons button.btn_cart {display: inline-block;font-size: 18px;padding: 10px;border-radius: 20px;text-align: center;width: 100%;transition: all .3s;margin: 0 0 10px; background-color: #44CF6C;color: #fcfcf5; cursor: pointer;}
.modale_agg_cart .box .buttons button:hover{translate: 0 -6px}

.modale_agg_cart .box .close {display:none; color: #fcfcf5;transition: all .3s;position: absolute;right: 10px;top: 10px;width: 35px;height: 35px;background: #f5f5f5;border-radius: 20px;justify-content: center;align-items: center;cursor: pointer;}
.modale_agg_cart .box .close .ics {width: 15px;height: 15px;display: block;margin: 0 auto;}
.modale_agg_cart .box .close.close-modal-reso {display: flex;}

@media screen and (min-width:600px) {
  .txt--prezzo {width: 220px;justify-content: center;}
  .txt--nome {width: calc(100% - 220px);}
}
@media screen and (min-width:510px) {
  .modale_agg_cart .box .buttons a {display: inline-block;width: 48%;margin: 0;}
  .modale_agg_cart .box .buttons button.btn_cart  {display: inline-block;width: 48%;margin: 0;}
}
@media screen and (min-width:420px) {
  .modale_agg_cart .box {padding: 30px;}
  .modale_agg_cart .box .close {display: flex;}
}


/* CARRELLO */
.pag_cart {display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;flex-direction: column-reverse;align-items: center;gap: 20px;}
.pag_cart p:not(.tit) {font-size: 16px;}
.dati {width: 100%; text-align: left;max-width: 400px;}
.riepilogo {width: 100%;max-width: 400px; background-color: #643ED7;padding: 20px;text-align: left;color: #fcfcf5;}
@media screen and (max-width:849px) {
  .riepilogo {margin: -30px 0 0;}
}
.dati .row {padding: 10px;background-color: #F3E0EC;color: #643ED7;margin: 0 0 10px;}
.dati .row a {color: #643ED7;text-decoration: underline;font-weight: 600;}
.dati.accedi .row {background-color: #44CF6C;color: #fff;}
.dati.accedi .row a {color: #fff;}
.pag_cart .tit {font-size: 18px;font-weight: 600;margin: 0 0 10px;width: 100%;}
.riepilogo .tit {padding: 0 0 10px;border-bottom: 1px solid #44cf6c;margin: 0 0 10px;}
.riepilogo .row {display: flex;flex-wrap: wrap;align-items: center;margin: 20px 0 10px;}
.riepilogo .row .txt {width: calc(100% - 126px);padding: 0 10px 0 0;}
.riepilogo .row .txt p {font-size: 15px;}
.riepilogo .row .nmb {width: 126px;text-align: center;}
.riepilogo .row .nmb .prezzo {margin: 0 0 10px;font-size: 1.9rem; font-weight: 400;}
.riepilogo .row .nmb .elimina {margin: 8px 0 0;font-size: 12px; font-weight: 300; cursor: pointer; text-decoration: underline;}
.riepilogo .row .icon_text{ width: 100%; display: flex; align-items: center;}
.riepilogo .row .icon_text img{ width: 40px; object-fit: contain;}
.riepilogo .row .icon_text p {font-size: 15px;}

.spedizione {padding: 10px 0 0;border-top: 1px solid #44cf6c;}
.tot .txt, .tot .nmb {font-size: 18px;font-weight: 600;}
.row.tot {padding: 10px 0 0; border-top: 1px solid #44cf6c; margin: 0 0 10px;}

.dati .row input {padding: 10px;border-radius: 8px;color: #643ED7;width: 100%;max-width: 300px;margin: 5px 0 5px;display: block;}
.dati .row input::placeholder {color: #643ED7;}
.dati .row form a {font-size: 15px;font-weight: 400;text-decoration: none;display: block;margin: 0 0 10px;}
.dati .row form button {display: inline-block;font-size: 18px;padding: 10px 50px;background: #643ED7;border-radius: 30px;color: #fcfcf5;margin: 5px 0 10px;transition: all .3s;cursor: pointer;}
.dati .row form button:hover {translate: 0 -6px;}

.input-password-container {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.input-password {
  width: 100%;
  padding-right: 2.5em; /* spazio per l'icona */
  box-sizing: border-box;
}

.toggle-password {
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eye-icon {
  width: 2.4em;
  height: 2.4em;
  pointer-events: none; /* evita click doppi */
}

form.reg {display: flex;flex-wrap: wrap;justify-content: space-between;}
.form {display: flex;flex-wrap: wrap;justify-content: space-between;}
.dati .row form.reg input:not([type="checkbox"]) {width: 100%;max-width: none;}
.form input:not([type="checkbox"]) {width: 100%;max-width: none;}
.form input:is([type="email"]) {width: 100% !important; max-width: 300px !important; }
.dati .row form.reg input[type="checkbox"] {display: inline-block;width: 20px;margin: 0 5px 0 0;}
.log {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 15px 0;}
.dati .row .whole {font-size: 14px;color: #201f1d;margin: 0 0 15px;width: 100%;}

@media screen and (min-width:560px) {
  .dati .row form.reg input:not([type="checkbox"]) {width: 49%;}
  .form input:not([type="checkbox"]) {width: 49%;}
  .input-password-container {width: 49%;}
  .input-password-container input {width: 100% !important; padding-right: 2.4em !important;}
}

@media screen and (min-width:850px) {
  .pag_cart {flex-direction: row;align-items: flex-start;gap: 0;}
  .dati {width: calc(100% - 420px);max-width: none;}
  .riepilogo {width: 400px;}
}


/* AREA PERSONALE */

.shop--elenco_cat.user ul a:hover, .shop--elenco_cat.user ul a.current {color: #DE4D86;}
.dati.pers {width: 100%;max-width: none;}
.dati.pers form.reg {max-width: 500px;}
.pag_cart .tit2 {font-size: 18px;font-weight: 400;margin: 15px 0 5px;width: 100%;color: #201f1d;}
.dati .row form button.bggreen {background-color: #44CF6C;}

.right_pers {width: 100%;position: relative;top: 0;}
.right_pers .box_90 {width: 100%;border-bottom: 1px solid rgb(68 207 108 / 50%);}

@media screen and (min-width: 850px) {
  .right_pers { margin: 0 auto 30px;}
}
@media screen and (min-width: 1571px) {
  .right_pers { display: block; position: absolute; height: auto; top: -25px; z-index: 8; left: 0; width: 19.5%;}
  .right_pers .box_90 {width: 97%;margin: 0 1% 0 auto;padding: 2rem 0 0;border-top: 1px solid rgb(68 207 108 / 50%);border-bottom: none;}
}

/* crono ordini */
.crono_ordini {width: 100%;text-align: left;}
.crono_ordini--ordine {margin: 20px 0 0;}
.crono_ordini--ordine .intro {font-size: 16px;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px;background: #F3E0EC;}
.crono_ordini--ordine .intro .bl {padding: 3px 10px;width: 100%;display: flex;align-items: flex-start;flex-direction: row;gap: 5px;}
.crono_ordini--ordine .intro .bl a.btn {display: none;text-align: center;padding: 10px;/* border: 1px solid;border-radius: 30px; */width: 100%;}
@media screen and (min-width:850px) {
  .crono_ordini--ordine .intro .bl a.btn {display: block;}
}
.crono_ordini--ordine .lista-items {padding: 20px;border: 1px solid #f3e0ed;}
.crono_ordini--ordine .lista-items .row {display: flex;flex-wrap: wrap;padding: 0 0 20px;margin: 0 0 20px;border-bottom: 1px solid #f3e0ed;}
.crono_ordini--ordine .lista-items .row:last-child {margin: 0;border-bottom: none;}
.crono_ordini--ordine .lista-items .row .img {width: 90px;margin: 0;height: auto;aspect-ratio: 4 / 3;object-fit: cover;order: 2;}
.crono_ordini--ordine .lista-items .row .txt {width: calc(100% - 100px - 25px);padding: 0 0 0 15px;font-size: 16px;order: 3;flex-grow: 2;}
.crono_ordini--ordine .lista-items .row .txt .prezzo {margin: 0;font-weight: 600;}
.bl_reso {width: 25px;display: flex;justify-content: center;order: 1;margin: 0 10px 0 0;}

.row-btn-reso {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;flex-direction: column-reverse; }
.btn_reso {width: 100%;padding: 10px;font-size: 16px;border-radius: 30px;color: #fff; cursor: pointer; }
.btn_reso.disabled {opacity: 0.5;}
.btn_reso.bggrey {background-color: #ddd;color: #525251;}
.btn_reso:disabled {
  opacity: 0.5; background-color: #ddd;color: #525251;
}


@media screen and (min-width: 850px) {
  .crono_ordini {margin: 0 auto 30px;}
  .crono_ordini--ordine .intro {padding: 20px;}
  .crono_ordini--ordine .intro .bl {width: 25%;flex-direction: column;gap: 0;}
  .bl_reso {width: 25%;order: 3;margin: 0;}
  .crono_ordini--ordine .lista-items .row .txt {width: calc(100% - 100px - 25%);order: 2;}
  .crono_ordini--ordine .lista-items .row .img {order: 1;width: 100px;}

  .row-btn-reso {justify-content: flex-end;flex-direction: row;}
  .btn_reso {width: 25%;}
}

.modale_agg_cart .checkmark {border: 1px solid #fcfcf5;}
.modale_agg_cart textarea {width: 100%;min-height: 100px;border-radius: 10px;border: none;resize: vertical;color: #643ED7;padding: 10px;}

.modale_agg_cart.ordini .row {position: relative;}

@media screen and (max-width: 599px) {
  .modale_agg_cart.ordini .row {padding: 0 0 0 35px;align-items: flex-start;}
  .modale_agg_cart.ordini .txt--prezzo {position: absolute;left: 0;top: 0;}
}


/* WHISHLIST */
.whishlist {width: 100%;text-align: left;}
.whishlist .tit {font-size: 18px;font-weight: 600;margin: 0 0 10px;width: 100%;}
.box_whishlist {display: flex;flex-wrap: wrap;width: 100%;background-color: #F3E0EC;padding: 10px;}
.box_whishlist .card-shop .card-txt {background: transparent;}


/* PREFERENZE */
.box_prefe {width: 100%;background-color: #F3E0EC;padding: 15px;}
.btn_salva_mod {display: inline-block;font-size: 18px;padding: 10px 50px;background: #643ED7;border-radius: 30px;color: #fcfcf5;margin: 5px 0 10px;transition: all .3s;cursor: pointer;
}
.elimina_account {cursor: pointer;font-size: 20px; font-weight: 600;text-decoration: underline; text-underline-offset: 3px;    display: inline-flex;align-items: center;margin: 40px 0 0;}
.elimina_account img {width: 20px; height: 20px; margin: 0 5px 0 0;}
.elimina_account:hover {color: #DE4D86;}
.modale_agg_cart.elimina .box .buttons a.btn_continua {background-color: #DE4D86; color: #fcfcf5;}
.modale_agg_cart.elimina .box {text-align: center!important;max-width: 450px;}

@media screen and (min-width:600px) {
  .box_prefe {padding: 30px 40px;}
}

/* MODALE LOGIN */
.modale_login {position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: flex-start;justify-content: center;background: rgba(0, 0, 0, 0.8);z-index:999999;padding: 88px 0 0;overflow-y: auto;}
/* @media screen and (min-height:700px) {
  .modale_login {align-items: center; padding: 0;}
} */
.modale_login .wrap {width: 96%;max-width: 600px;position: relative;}
.modale_login .wrap .close {width: 15px;height: 15px;position: absolute;top: 10px;right: 10px;background: #201f1d;padding: 10px;box-sizing: content-box;border-radius: 40px;cursor: pointer;}

.login_box--accedi a.link_underline, .link_underline {display:block;margin:15px 0;color:#fcfcf5;text-decoration:underline;}

.login_box {padding: 60px 10px;
  border-radius: 30px;
  /* background: #643ED7; */
    background: rgb(70, 197, 115);
    background: -moz-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
    background: -webkit-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
    background: linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46c573",endColorstr="#de4d86",GradientType=1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login_box.preferiti {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.modale_login a.btn_log,
.modale_login button.btn_log{
  font-size: 18px;padding: 15px 40px;border-radius: 60px;text-align: center; color: #fcfcf5;width: 100%;max-width: 250px;transition: all .3s;}
.modale_login a.btn_log:first-of-type,
.modale_login button.btn_log:first-of-type {
  margin: 10px 0 15px; cursor: pointer;
}
.bgpink {background-color: #DE4D86;}
.modale_login a:hover.btn_log {color: #fcfcf5; translate: 0 -5px;}

.login_box--accedi, .login_box--reg, .login_box--psw, .preferiti_box {
  width: 100%;
  max-width: 600px;
  padding: 60px 10px;
  border-radius: 30px;
  /* background: #643ED7; */
    background: rgb(70, 197, 115);
    background: -moz-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
    background: -webkit-linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
    background: linear-gradient(140deg, rgba(70, 197, 115, 1) -30%, rgba(100, 62, 215, 1) 70%, rgba(222, 77, 134, 1) 150%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46c573",endColorstr="#de4d86",GradientType=1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.preferiti_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.login_box--accedi form, .login_box--reg form, .login_box--psw form {max-width: 350px;}
.login_box--accedi p, .login_box--reg p, .login_box--psw p, .preferiti_box p {text-transform: none;color: #fcfcf5;margin: 0 0 1rem;font-size: 16px;}
.login_box--accedi input, .login_box--accedi .ui-input-text, .login_box--reg input, .login_box--reg .ui-input-text, .login_box--psw input, .login_box--psw .ui-input-text  {display: block;margin: 0 0 10px;width: 100%;border-radius: 8px;}
.login_box--accedi input, .login_box--reg input, .login_box--psw input {padding: 12px 10px;color: #643ed7;}
.login_box--accedi a, .login_box--reg a, .login_box--psw a {padding: 0;margin: 0 0 10px;font-size: 14px;}

.login_box--reg .flex {flex-wrap: wrap;justify-content: space-between;}
.login_box--reg .flex .half {width: 100%;margin: 0 0 10px;}
@media screen and (min-width:280px) {
  .login_box--reg .flex .half {width: 47%;}
}
.login_box--reg .flex .whole {width: 100%;margin: 0 0 10px;}
.login_box--reg .flex .whole .ui-checkbox {font-size: 13px;color: #fcfcf5;display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row-reverse;align-items: flex-start;}
.login_box--reg .flex .whole .ui-checkbox input {width: 13px;}
.login_box--reg .flex .whole .ui-checkbox label {width: calc(100% - 18px);margin: 0 0 0 5px;}

.login_box--reg .flex .whole.fixui {font-size: 13px;color: #fcfcf5;display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: flex-start;}
.login_box--reg .flex .whole.fixui input {width: 13px;}
.login_box--reg .flex .whole.fixui label {width: calc(100% - 18px);margin: 0 0 0 5px;}

#loader-checkout-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; overflow: hidden; }
#loader-checkout-wrapper.black { background-color: rgba(0, 0, 0, 0.8); }
#loader-checkout { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; }