@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

:root {
  --select-border: #804D3B;
  --select-focus: rgb(218, 218, 218);
  --select-arrow: var(--select-border);

  --green: #007863;
  --light-green: #00DEB9;
  --black: #1D1D1B;
  --white: #fff;
}

* {margin: 0; padding: 0; box-sizing: border-box;}
html {font-size: 10px; scroll-behavior: smooth;}
body {font-family: "Onest", sans-serif;font-optical-sizing: auto; color: var(--black); background: var(--white); font-size: 1.6rem; line-height: 1.5; }
hr {margin: 3rem auto;}
ul, ol {list-style: none;}
.body {/* max-width: 200rem; */ margin: 0 auto; background: var(--white); overflow: hidden;}

.bubble {position: absolute; width: 22rem; right: 5rem; text-align: center; font-weight: 600; font-size: 1.4rem; padding: .5rem 1rem; top: 7rem; color: var(--white); background: #0000009e; border-radius: 1rem; z-index: 9;}
.bubble::after {content: ''; display: block; width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-bottom: 1rem solid #0000009e; position: absolute; top: -1rem; right: 2.5rem;}


a { text-decoration: none; color: var(--black); transition: all .3s; cursor: pointer;}
button {border: none; cursor: pointer; font-family: "Onest", sans-serif; font-optical-sizing: auto; background: transparent; transition: all .4s;}
input {font-family: "Onest", sans-serif;font-optical-sizing: auto;}
textarea {font-family: "Onest", sans-serif;font-optical-sizing: auto; resize: vertical;}
.clear { clear: both;}
.clearfix::after { content: ""; display: table; clear: both; }
.center { text-align: center;}
.container {width: 100%; max-width: 142rem; padding: 0 2%; margin: 0 auto;}
.container-2 {max-width: 168rem; padding: 0 2%; margin: 0 auto;}
.errore { font-weight: 600; font-size: 9rem;}
.flex {display: inline-flex; width: 100%; flex-wrap: wrap;}
.hidden { opacity: 0;}
.visible { opacity: 1;}
.upper {text-transform: uppercase;}
.truncate-vert-2 { display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden;}
.bold {font-weight: 600;}

/* MENU RESPONSIVE */
/* .menu_responsive {display: none;}
.menu-responsive-btn {display: none;}
.menu-open {height: 100%!important; visibility: visible!important;}
.overlay { height: 0%; width: 100%; position: fixed; z-index: 10; top: 0; left: 0; background-color: rgb(0 0 0 / 90%); overflow-y: hidden; transition: 0.5s;}
.overlay-content { position: relative; top: 50%; width: 100%; text-align: center; left: 50%; transform: translate(-50%, -50%);}
.overlay a { padding: .5rem;  text-decoration: none; font-size: 2.5rem; color: #fff; display: block;transition: 0.3s;}
.overlay a.btn {max-width: 42rem; margin: 1rem auto;}
.overlay .closebtn {position: absolute;top: 2rem;right: 4rem;font-size: 60px;line-height: 1; z-index: 10;} */

/*MARGINI*/
.mrg-btm-xsmall {margin-bottom: 5px!important;}
.mrg-btm-small {margin-bottom: 1.5rem!important;}
.mrg-btm-medium {margin-bottom: 3rem!important;}
.mrg-btm-large {margin-bottom: 6rem!important;}
.mrg-btm-xlarge {margin-bottom: 9rem!important;}

/*BOTTONI*/
.btn { display: inline-block; font-weight: 500; font-size: 1.55rem; text-transform: uppercase; padding: 1.3rem 5rem; border-radius: 3rem 3rem 5px 3rem; position: relative; overflow: hidden; letter-spacing: 1px;transition: all .3s}
.btn:hover {translate: 0 -8px;}

/*COLORI*/
.white-bg {background: #fff;}
.white {color: #fff!important;}
.black {color: #1D1D1B;}
.black-bg {background-color: #1D1D1B;}
.light-green-bg {background-color: #ACD08A;}
.super-light-green-bg {background-color: #E7F5D9;}
.green {color: #007863;}
.green-bg {background-color: #007863;}
.brown {color: #5A433B;}
.brown-bg {background-color: #5A433B;}
.brown-c {color: #804D3B;}
.brown-c-bg {background-color: #804D3B;}
.light-bg {background-color: #F7F7F7;}
.yellow {color: var(--light-green);}
.yellow-bg {background-color: var(--light-green);}
.grey {color: #868686;}
.grey-bg {background-color: #868686;}




/* TITOLI */
.tit1 {font-size: 4.7rem; line-height: 1.2; font-weight: 600;}
.tit2 {font-size: 3.2rem; line-height: 1.2;}
.tit3 {font-size: 2.8rem; line-height: 1.4;}
.tit4 {font-size: 2.2rem; line-height: 1.5;}
.tit-prodotto {font-size: 2rem; line-height: 1.3; font-family: 'Mulish', sans-serif; font-weight: 800;}
.prezzo, .data, .nome {font-size: 2rem; line-height: 1.2;}
.txt-small-11 {font-size: 1.1rem; line-height: 1.3;}
.txt-small-12 {font-size: 1.2rem; line-height: 1.3;}
.txt-small-10 {font-size: 1rem; line-height: 1.3;}
.txt-ft {font-size: 14px; line-height: 1.6 ;}
.txt {font-size: 16px; line-height: 1.8;}
.barrato {font-size: 15px; line-height: 1.3; text-decoration: line-through; text-align: right;}

 
/*-------STILE SITO--------*/
/* menu resp */
.menuresponsive {display: none;}
#mySidenav {display: none;}
.dropdown {display: inline-block; margin: 0;}
.dropdown-content { position: absolute; background-color: rgb(255 255 255 / 80%); z-index: 11; height: auto;
  left: 0; width: 100%; margin-left: -10px;
  overflow: hidden;
  transition: all 0.3s ease-in-out; opacity: 0; top: 100%;}
.dropdown-content .container {width: 100%; display: flex; justify-content: center; text-align: left; flex-wrap: wrap; padding: 2rem 2%; align-items: center;}
.dropdown-content .cl { margin: 0; padding: 0 2rem; width: 33.3%; display: flex; justify-content: flex-end; align-items: center; }
.dropdown-content .cl a { font-size: 16px; padding: 0; display: block; color: #191919;}
.dropdown-content a {border-bottom: none!important;}
.dropdown-content a:hover { color: #FF4E4E!important;}
/* .dropdown:hover .dropdown-content { height: auto; margin: 0; opacity: 1} */
.voce-menu {width: 50%; padding: 0 2rem; margin: 1rem 0;}
.voce-menu img {width: 2rem; height: 2rem; position: absolute;}
.dropdown-content .voce-menu a { display: flex; align-items: center;}
.dropdown-content .voce-menu a img.ico-1 {opacity: 0; transition: all .3s; z-index: 2;}
.dropdown-content .voce-menu a:hover img.ico-1 {opacity: 1;}
.dropdown-content .voce-menu a .txt { font-weight: 700; margin: 0 0 0 2rem; padding: 0 0 0 1.5rem; border-left: 1px solid #8ba1b5;}
.dropdown-content .voce-menu a:hover .txt {border-left: 1px solid #FF4E4E;}
/* sidenav menu resp */
#mySidenav {display: none;}
.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; overflow-x: hidden; transition: .5s;}
.sidenav .closebtn { position: absolute; top: 20px; color: #191919; font-size: 26px; background: #fff; border-radius: 5px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; line-height: 1;}
/* .sidenav a { text-decoration: none; color: #fff;  display: block; transition: .3s;} */
.sidenav a.cta-menu { position: absolute; bottom: 1rem; color: #191919; display: flex; align-items: center; padding: 1px 1rem; font-weight: 500; margin: 0; height: auto;}
.sidenav a.cta-menu img {width: 1.8rem; height: 1.8rem;}
.sidenav .flexnav { display: flex;}
.sidenav .flexnav .bgcolor { position: fixed; background-color: rgb(0 120 99 / 95%); width: 20%; min-height: 100vh; /* height: 100%; */ transition-timing-function: cubic-bezier(1.28, 0.89, 0.32, 0.18);}
.sidenav .flexnav .bgblack { background-color: #1D1D1B; min-height: 100vh; height: 100%; padding: 100px 20px; }
/* accordion */
ul.accordion { list-style: none; padding: 0; width: 100%; display: block;}
ul.accordion li { margin: 5px 0;}
.mainbox { padding: 0.8rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #555; }
.mainbox .txt {width: 100%; color: #fff; font-size: 14px;}
ul.accordion a { font-size: 2rem;padding: 0 0 1rem;}
ul.accordion a:hover {color:#D21113;}
.voce { width: 50%; display: inline-block; font-weight: 600;}
ul.accordion li .toggle { cursor: pointer; width: 50%; display: inline-block; color: #fefefe; border-radius: .15em; transition: background .3s ease;}
.toggle { opacity: 1!important;}
ul.accordion li .toggle img { width: 20px; float: right;}
ul.accordion .inner { overflow: hidden; display: none; padding: 1rem 0;}
ul.inner { width: 100%; }
ul.inner p { font-size: 1.6rem; text-transform: uppercase; font-weight: 400; color: #fff; display: block; background: rgba(255 255 255 / 40%); padding: 5px 10px; margin: 0 0 10px; transition: all .3s;}
ul.accordion li { margin: 0; }
.li.flex { justify-content: space-between; flex-wrap: wrap; align-items: center; }
.inner a { font-size: 1.6rem!important; margin: 0; opacity: .8;}
ul.accordion li ul li {padding: 0;}
ul.accordion li ul li a {padding: 0;}
ul.inner .row-prodotto { font-size: 1.6rem; text-transform: uppercase; font-weight: 400; color: #fff; display: flex; background: rgba(255 255 255 / 40%); padding: 5px 10px; margin: 0 0 10px; width: 100%; align-items: flex-end; justify-content: space-between; transition: all .3s;}
ul.inner .row-prodotto .cl {width: 50%;}
ul.inner .row-prodotto .cl span {display: block;}
ul.inner .row-prodotto .cl#freccia {text-align: right;}
ul.inner .row-prodotto:hover, ul.inner p:hover {background: rgb(255 52 55 / 66%)}


.preheader {font-size: 1.3rem; padding: 3px 0; background-color: var(--green);}
#mySidenav.sidenav {left: 0;}
#mySidenav.sidenav .closebtn {right: 20px; z-index: 9; background: transparent;}
#mySidenav.sidenav .flexnav {position: relative;}
#mySidenav.sidenav .flexnav .bgblack { margin-right: 20%; width: 80%; padding: 3rem;}
#mySidenav.sidenav .flexnav .bgblack .bgcolor {right: 0; top: 0; position: absolute;height: 100%;}
#mySidenav.sidenav {overflow-y: scroll;}
#mySidenav.sidenav ul.accordion a { font-size: 1.6rem; padding: 0 0 3px; width: 100%; display: block; border-bottom: 1px solid rgb(255 255 255 / 30%); color: #fff; margin: 0 0 1rem;}

/* cart menu resp */
#myCart { display: block; z-index: 1000;}
#myCart.sidenav {right: -100%;width: 100%;}
#myCart.sidenav.classWidth {/* width: 100%; */ right: 0;}
#myCart.sidenav .closebtn { z-index: 2; position: relative; width: 100%; margin-left: auto; font-size: 14px; display: flex; align-items: center; padding: 2rem 1rem; background: #ebebeb; border-radius: 0; top: 0; height: auto; color: #9c9c9c;}
#myCart.sidenav .flexnav { width: 100%;z-index: 1; position: relative;}
#myCart.sidenav .flexnav .bgblack { margin-left: auto; width: 80%; max-width: 40rem; z-index: 1; background-color: #fff; padding: 0;}
#myCart.sidenav .flexnav .bgcolor { background: rgb(0 120 99 / 60%); position: absolute; top: 0; left: 0; width: 100% /* calc(100% - 40rem) */; opacity: 0; transition: all .3s; height: 100%;}
#myCart.sidenav.classWidth .flexnav .bgcolor { opacity: 1;}
.logo-resp {width: 22rem; height: auto; aspect-ratio: 110 / 27; margin: 0 0 4rem;}
.icoleft {width: 1.5rem; height: 1.5rem; margin-right: 1rem;}
.cart__contenuto {padding: 2rem 2rem 10rem;}
.cart__contenuto .txt {font-size: 14px;}
.cart__contenuto .cart__box-prodotto__center .txt {line-height: 1.5; margin: 0 0 8px;}
.cart__riepilogo {display: flex; justify-content: space-between; margin-bottom: 1.5rem;}
.cart__message {display: flex; margin-bottom: 1rem;}
.cart__message .info {padding: 1rem;}
.cart__message .info img { width: 1.8rem;display: flex;
  height: 100%;
  align-content: center;
  align-items: center;}
.cart__message.colore1 .info {background: rgb(110, 159, 245);}
.cart__message.colore2 .info {background: rgb(236, 109, 109);}
.cart__message.colore3 .info {background: rgb(74, 215, 126);}
.cart__message .txt { padding: 5px 1.5rem; flex-grow: 2;}
.cart__message.colore1 .txt {background: rgb(110 160 245 / 30%);}
.cart__message.colore2 .txt {background: rgb(236 109 109 / 30%);}
.cart__message.colore3 .txt {background: rgb(74 215 126 / 30%);}
.cart__box-prodotto { display: flex; justify-content: space-between; margin: 3rem 0;}
.cart__box-prodotto__img { width: 7rem; height: 100%; object-fit: cover;}
.cart__box-prodotto__center {flex-grow: 2; padding: 1rem 2rem;}
.box__quantita { display: flex; justify-content: flex-start;}
.box__quantita input { padding: 10px;width: 70px;text-align: right;max-width: 100%;}
/* .box__quantita input#numbers { width: 5rem;} */
.trash {width: 1.8rem; height: 1.8rem; transition: all .3s;}
.trash:hover {transform: rotate(-10deg);}
.cart__box-prodotto__prezzo {font-weight: 600; padding: 1rem 0;min-width: 10rem;text-align: right;}
.cart__totale { border-top: 2px solid #ddd; padding: 1rem 0; margin: 2rem 0;}
.row {display: flex; justify-content: space-between;}
.row .cart__box-prodotto__prezzo {padding: 0;}
.cart__btns {margin: 0 0 3rem;}
.cart__btns .icoleft {margin: 0 1.5rem;}
.cart__btns a {display: flex; padding: 1rem 2rem; align-items: center; justify-content: center; font-size: 14px;}
.cart__btns button {display: flex; padding: 1rem 2rem; align-items: center; justify-content: center; font-size: 14px;}
.cart__btns-cassa {background-color: #007863; color: #fff; transition: all .3s; margin: 0 0 1rem;}
.cart__btns-cassa:hover {background-color: #ffb03b;}
.cart__btns-cart {background-color: #c9c9c9; color: #555!important; transition: all .3s;}
.cart__btns-cart:hover {background-color: #e0e0e0;}
.cart__buono > div {display: flex;}
.cart__buono button { background: #ffb03b; display: flex; justify-content: center; align-items: center; padding: 0 1rem;}
.cart__buono button .icoleft { margin: 0;}
.input_buonosconto {flex-grow: 2; padding: 1.5rem 2rem;font-size: 16px;border: none;background: #f7f7f7;}
.input_buonosconto::placeholder {font-size: 14px;color: #979797;}
/* input numbers 
.nug-input-control-wrap { display: flex;flex-wrap: nowrap;margin-right: 1rem;}
.nug-input-control-wrap > * { text-align: center; padding: 8px 10px;line-height: 1;display: flex;align-items: center;border: none; background-color: #F7F7F7;}
.nug-input-control-wrap > .button {flex-basis: 10%;justify-content: center;font-size: 20px;position: relative;cursor: pointer;}
.nug-input-control-wrap .button:before {content: "";width: 1px;height: calc(100% - 10px);position: absolute;top: 50%;transform: translateY(-50%);left: 0;background-color: #dcdcdc;}
.nug-input-control-wrap .button-plus {order: 2;border-left: 0;border-radius: 0 5px 5px 0;}
.nug-input-control-wrap .button-minus {order: 0;border-right: 0;border-radius: 5px 0 0 5px;}
.nug-input-control-wrap .button-minus:before {left: unset;right: 0;}
.nug-input-control-wrap input[type="number"] {order: 1;-moz-appearance: textfield;line-height: 1;border-left: 0;border-right: 0;}
.nug-input-control-wrap input[type="number"]:focus {outline: 0;}
.nug-input-control-wrap input[type="number"]:focus,.nug-input-control-wrap input[type="number"]:focus ~ .button {border-color: #000;}
.nug-input-control-wrap input[type="number"]::-webkit-outer-spin-button,.nug-input-control-wrap input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
*/
.aggiungi_quantita_cart {  width: 7rem;margin-right: 1rem;padding: 5px;border: 1px solid #d2d2d2;border-radius: 5px;}

/* selezione lingua */
.language-selector {position: relative; width: 8rem; margin: 0 0 0 2rem; border-left: 1px solid;}
.language-selector input[type=checkbox]{display: none;}
.language-selector label{display: inline-block;width: 100%;background-color: transparent; padding: 1rem 1.6rem;cursor: pointer;text-align: center; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; color: #804D3B; font-size: 1.5rem;}
.language-selector label img {display: inline-block; vertical-align: middle;}
ul.language-selector-list {position: absolute;list-style: none;text-align: left;width: 100%;z-index: 12;margin:0;padding:0;display: none; background: #fff; border-radius: 5px; padding: 10px 0; box-shadow: 0 0 1rem rgb(221 221 221 / 30%);}
ul.language-selector-list li{padding: 0.5rem 1.6rem;background-color: transparent;color: #191919;margin-bottom: 3px;cursor: pointer; font-size: 15px; text-align: center;}
ul.language-selector-list li:hover{background-color: #fff;color: #191919;}
ul.language-selector-list li a{color: #804D3B;text-decoration: none; font-size: 15px; font-weight: 400;}
ul.language-selector-list li a:hover {color: #007863;}
/* input[type=checkbox]:checked ~ label {background-color: #dedede;} */
.language-selector input[type=checkbox]:checked ~ ul {display: block;}

.fascia-menu .container {position: relative;}
.box-categorie {position: absolute;z-index:10; top: 9.5rem;display: flex;justify-content: center;background: var(--black);box-shadow: 0 1rem 1rem rgb(145 145 145 / 20%); width: 100%; padding: 8px; border-radius: 5px;max-width: 135rem; left: 0; right: 0; margin: 0 auto;}
.box-categorie__ico {width: 7rem; margin: 0 1.4rem; text-align: center;}
.box-categorie__ico img { transition: all 0.3s; width: 6rem;}
.box-categorie__ico .txt {font-size: 1.2rem; text-align: center; line-height: 1;color: var(--white);}
.box-categorie__ico:hover img {transform: scale(1.1);}
.box-categorie .line-vert {height: 8rem; width: 1px; margin: auto 1rem;}

.splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track { height: 100vh;}
#slide-home .splide__arrows {position: absolute;max-width: 142rem;margin: 0 auto;top: 45%;padding: 0 2%;display: flex;justify-content: space-between;width: 100%;left: 0;right: 0;}
#slide-home .splide__arrow {/* width: 23px; height: 23px; */ position: relative; z-index: 2;}
/* #slide-home .splide__arrow svg {width: 23px; height: 23px;} */
#slide-home .splide__arrow svg { fill: #1D1D1B}
#slide-home .splide__arrow.my-prev {left: 0;}
#slide-home .splide__arrow.my-next {right: 0;}
.splide__arrow.my-next svg { transform: rotate(180deg);}
.splide__slide img { vertical-align: bottom;width: 100%;height: 100%;object-fit: cover;}

/* prevent flickering on iOS!!! */
.splide__list {transform-style: unset!important;}


/* search mobile */
.mobile-search {display: block; width: 2.5rem; height: 2.5rem; margin-right: 1.5rem; position: relative;}
.dropdown .dropdown-content { opacity: 0; font-size: 1.2rem; pointer-events: none; position: absolute; overflow-x: hidden; overflow-y: auto; color: #191919; background-color: rgb(235 235 235); transition: all 0.2s ease-in;right: 0; left: auto; padding: 4.2rem 2rem 2.7rem;top: 54%;width: 50vw; max-width: 82rem;transform: translateX(0) translateY(-54%)}
.dropdown .dropdown-content .search-bar {display: inline-flex; align-items: center; width: 100%; justify-content: space-between;}
.dropdown .dropdown-content input { border: none; background: transparent; font-size: 1.8rem; width: calc(100% - 3rem);}
.dropdown .dropdown-content .ico { margin: 0;}
.dropdown .dropdown-content input:focus { outline: none;}
.dropdown .dropdown-content input::placeholder {font-size: 1.6rem!important; color: #606060!important;}
.dropdown .dropdown-content .dropdown-toggle { transition: all 0.2s ease-in; }
.dropdown .dropdown-content .dropdown-link span {transition: all 0.2s ease-in;}
.dropdown .dropdown-content .dropdown-link:hover {cursor: pointer;}
.dropdown.open .dropdown-content {opacity: 1;pointer-events: auto;transform: translateX(10px) translateY(-58%);}
.dropdown-toggle {transition: all 0.2s ease-in;}
.dropdown-toggle:hover {cursor: pointer;}


#header-home .fixed {position: fixed; top: 0; left: 0; z-index: 9; width: 100%; transition: all .3s;}
.fascia-menu {background: #fff; position: relative;}
.fascia-menu .flex {justify-content: space-between; align-items: center; padding: 2rem 0 3rem;}
.logo { max-width: 25rem; width: 100%;}
.logo img { width: 100%; height: auto;}
.menu__bl1 a, .menu__bl2 a { color: var(--black);}
.menu__bl1 a:hover {color: var(--green);}
.menu__bl1 {display: inline-flex; justify-content: center;width: calc(100% - 30rem - 26rem);}
.menu__bl1 li {display: inline-block;}
.menu__bl1 li a {padding: 1.2rem 2rem; font-weight: 500;}
.menu__bl2 {width: 26rem; display: inline-flex; align-items: center;}
.btn-rivenditore {position: relative; background: var(--green);padding: 3px 10px; border-radius: 3rem 3rem 5px 3rem; color: var(--white)!important;font-size: 13px; font-weight: 600; display: inline-block; margin-right: 1.5rem; transition: all .3s;}
.btn-rivenditore:hover {background: var(--light-green);}
.btn-rivenditore span {position: absolute; top: -2rem; left: 0; right: 0; color:var(--green); text-align: center;}
.ico {width: 2rem; height: 2rem;}
.user-btn {margin-right: 1.5rem;}
.mobile-search img, .ico.cart, .user-btn {transition: all .2s ease-in;}
.mobile-search img:hover, .ico.cart:hover, .user-btn:hover {transform: rotate(-10deg); }



/* modal */
.modal {display: none;}
#modal-open {cursor: pointer;}
.modalBtn {position: relative;}
.drop-user { position: absolute;z-index: 11;min-width: 20rem;padding: 2rem 1rem;text-align: left;background: #fff;border-radius: 5px;box-shadow: 0 0 1rem rgb(0 0 0 / 10%); opacity: 0; visibility: hidden; transition: all .3s;}
.modalBtn2:hover .drop-user {opacity: 1; visibility: visible;}
.drop-user a:hover {color: #007863;}
.drop-user .logout {text-decoration: underline; font-size: 1.6rem; font-weight: 600; padding: 1rem 0 0; margin: 0; border-top: 1px dotted #D8D8D8; display: block;}
.modal-container {position: fixed;top: 0;z-index: 10;width: 100%; height: 100%;overflow: auto;background-color: none; /* opacity: 0; visibility: hidden; */ /* transition: all .3s; */background: rgb(0 120 99 / 90%);}
/* #modal-container.open{opacity: 1; visibility: visible; } */
#modal-content {margin: 0 auto; width: 95%; background-color: #F7F7F7; left: 50%; top: 50%; position: absolute; transform: translate(-50%,-50%); max-width: 50rem;}
.modal-close {position: absolute; top: 1rem; right: 1rem; cursor: pointer;}
.modal-close img {width: 1rem;height: 1rem;}
.header-mod { padding: 3rem; text-align: center;}
.header-mod img { width: 25rem;}
.shadow { box-shadow: 0 1rem 1rem rgb(0 0 0 / 15%); position: relative;padding: 2rem 5rem;}
.rivenditore { padding: 2rem 3rem;background-color: var(--black); text-align: center;}
.blu-fb {background-color: #415994;}
.btn-accesso {padding: 1.5rem 4rem;display: block;border-radius: 50rem;text-align: center;line-height: 1; margin: 0 0 3rem;}
.btn-accesso:hover {opacity: .9;}
.underline {text-decoration: underline;}
.tabcontent .row {flex-direction: column-reverse; margin-bottom: 1.5rem; position: relative;}
.tabcontent .row input {border: none; font-size: 16px; padding: 5px 1rem;}
#London.tabcontent .txt-small {text-align: right; display: block;}
.tabcontent .center .btn-accesso {display: inline-block; font-size: 1.6rem;}
.tabcontent .padding {padding: 2rem 5rem;}
.bi-eye-slash, .bi-eye {display: inline-block; width: 1.8rem; height: 1.8rem; position: absolute; right: 5px; bottom: 5px;}
.bi-eye-slash {content: url(../images/eye-slash.svg);}
.bi-eye {content: url(../images/eye-fill.svg);}
input.privacy {float: left; margin: 2px 3px 0 0;}
/* Style the tab */
.tab { overflow: hidden; display: flex;justify-content: space-between;}
.tab button {     background-color: inherit;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  border-bottom: 4px solid #D8D8D8;
  width: 50%; text-transform: uppercase; font-size: 1.8rem;
  color: #1D1D1B;
  padding: 0 0 5px 0;}
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    border-bottom: 4px solid #007863;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    border-bottom: 4px solid #007863;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    border-top: none;animation: fadeEffect 1s; /* Fading effect takes 1 second */
  }
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }



/* PAGINE */
#header-home {position: relative; }
.splide#slide-home .splide__slide {position: relative;}
.box-txt-abs {position: absolute; width: 100%; bottom: 6rem;max-width: 142rem;margin: 0 auto;left: 0;right: 0;padding: 0 2%;}
.sottotitolo {font-size: 2rem;text-transform: uppercase;font-weight: 300;letter-spacing: 2px;margin: 0 0 2.5rem;}
.box-txt-abs .bl {top: 0;position: relative;z-index: 2;max-width: 80rem;padding: 5rem;background-color: rgba(255 255 255 / 60%);border-radius: 5px;}
.contenuto {width: 100%; }
.contenuto .tit1 {margin: 0 0 1rem;}
.contenuto .flex {justify-content: space-between; align-items: flex-start;}
.contenuto .flex p { max-width: 60%;}
.contenuto .flex .btn { max-width: 40%;}
.box-txt-abs .sottotitolo {border-bottom: 1px solid rgb(155 155 155 / 38%); margin: 0 0 1rem;}
/* .ombra:hover {box-shadow: 8px 8px #92f482;transition: .3s;} */

section.promo-big {padding: 8rem 0;}
#slide-promo-big .splide__arrow {/* width: 23px; height: 23px; */ position: absolute; z-index: 2; top: 50%; transform: translateY(-50%);}
/* #slide-home .splide__arrow svg {width: 23px; height: 23px;} */
#slide-promo-big .splide__arrow svg { fill: rgb(111 111 111 / 25%);}
#slide-promo-big .splide__arrow.my-prev {left: 1%;}
#slide-promo-big .splide__arrow.my-next {right: 1%;}

#slide-promo-big .flex .bl {width: 50%; padding: 7rem;}
#slide-promo-big .flex .bl:first-of-type {border-radius: 5px 0 0 5px;}
#slide-promo-big .flex .bl:last-of-type {border-radius: 0 5px 5px 0;}
#slide-promo-big .txt {margin: 0 0 4rem;}
.bg-image {background-size: cover; background-position: center; background-repeat: no-repeat;}

.prodotti-home {padding: 6rem 0;}
.prodotti-home .tit4 { font-weight: 400;}
.prodotti-home .flex {justify-content: space-between; align-items: flex-start;}
.btn-sezione {font-weight: 800; color: #007863; vertical-align: middle;}
.btn-sezione img {width: 1.5rem; height: 1.5rem; top: 2px; position: relative; margin-left: 6px; transition: all .3s;}
.btn-sezione:hover img { margin-left: 1.2rem;}
.btn-cart {width: 3rem; height: 3rem;}
.btn-cart img {width: 100%;}
.btn-cart:hover {transform: rotate(-10deg);}
.prodotti-home .splide__pagination {margin: 4rem auto 0;}
.splide__pagination li button { background: #efefef;width: 1.3rem;height: 1.3rem;border-radius: 5rem; margin: 0 5px;}
.splide__pagination li button.is-active {background: #007863;}
.box-prodotto {position: relative; transition: all .3s;}
.box-prodotto.nondisp {opacity: 0.6;}
.box-prodotto:hover {transform: translateY(-5px);}
.box-prodotto .img-prod-home { /* height: 33rem; max-height: 13vw; */border-radius: 1.5rem 1.5rem 0 0; width: 100%; /* object-fit: cover; */aspect-ratio: 3 / 4; height: auto; object-fit: inherit;}
.box-prodotto .box-txt {padding: 1rem 1.5rem; border-radius: 0 0 1.5rem 1.5rem;}
.box-prodotto .box-txt > .flex {align-items: flex-end;}
.box-prodotto .flex { justify-content: space-between; align-items: flex-start;}
.box-prodotto .flex > p {width: 70%;}
.box-prodotto .flex > p .frase_wow { display: inline-block;
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 1rem;
  background: #98ffed;
  border-radius: 4rem;
  line-height: 1;
  margin: 1rem 0 0;}
.sconto-perc {position: absolute; top: 1rem; right: 1rem; font-size: 14px; font-weight: 600; color: #fff; background-color: #FFB03B; padding: 0 10px; border-radius: 2rem;}
#slide-prodotti-home .splide__track {padding-top: 2rem!important;}

.testi-home {padding: 3rem 0 6rem;}
.punti-forza {padding: 8rem 0; margin: 4rem auto 0;}
.punti-forza .flex .bl {width: 16.6%; padding: 0 1rem; text-align: center;}
.ico-big {width: 5rem; height: 5rem;margin: 0 0 1rem;}

.blog-home {padding: 8rem 0 14rem;}
.blog-home .flex {justify-content: space-between; align-items: flex-start;}
.blog-home > .flex { align-items: flex-start;}
.truncate-vert-5 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.blog-home article.bl {width: 48%; transition: all .3s;}
.blog-home article.bl a { display: flex;}
.blog-home article.bl .foto {width: 45%;}
.blog-home article.bl .foto img {width: 100%; height: 100%; object-fit: cover;}
.blog-home article.bl .box-txt {width: 55%; padding: 6rem 6rem 6rem 3rem;}
.blog-home article.bl .box-txt .txt {font-size: 15px; margin-bottom: 2rem;}
.btn-leggi {font-size: 15px; font-weight: 800; padding: 0 0 5px; border-bottom: 2px solid; color: #007863; display: inline-block; transition: all .3s;}
/* .blog-home article:hover .btn-leggi { padding: 0 0 1.2rem;} */
.blog-home article.bl:hover {transform: translateY(-5px);}

/* modale recensione */
.modal-wrapper { display: none; transition: all 0.3s ease-in-out; background-color: transparent;}
.modal-wrapper.is-open {display: block;position: fixed;z-index: 15;top: 0;bottom: 0;left: 0;right: 0; width: 100%;height: 100%;background-color: rgb(90 67 59 / 80%);overflow-y: scroll;display: flex;justify-content: center; align-items: center; flex-wrap: wrap; align-content: center;}
.modal-body {-webkit-animation: pop 0.5s ease;animation: pop 0.5s ease;width: 90%; margin: 0 auto;max-width: 60rem;padding: 4rem;background-color: #F7F7F7;height: 100%; overflow: scroll;}
.modal-body header { position: relative; width: 100%;}
.close { position: absolute; top: 10px; right: 10px;}
.label { padding: 5px 1rem; font-size: 13px; text-transform: uppercase; color: #fff; border-radius: 4rem;}
.modal-body header .flex {margin-bottom: 2rem;}
.modal-body .tit-prodotto {margin-bottom: 1rem;}
.modal-body .label {margin-right: 1.5rem;}
/* .azienda .label {background-color: #FFB03B;}
.privato .label {background-color: #804D3B;}
.azienda .star svg path {fill: #FFB03B;} */
.privato .star svg path {fill: #007863;}
.box-recensione {padding: 4.5rem 3rem; text-align: left; border: 1px solid #ddd; height: 100%; width: 100%;}
.box-recensione .flex {justify-content: space-between; margin-bottom: 2rem;}
.box-recensione .tit-prodotto {margin-bottom: 1rem;}
.box-recensione .txt {font-size: 14px;margin-bottom: 1rem;height: 13rem;overflow-y: scroll;}
.box-recensione .btn-leggi {float: right;font-size: 1.2rem; border: none;}
.h100 {height: 100%;}

@-webkit-keyframes pop {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  90% {
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes pop {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  90% {
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.fascia-rivenditori.bg-image {background-position: bottom center; padding: 10rem 0;}


/* footer */
footer {padding: 5rem 0;background-color: var(--black);}
.logo-ft {width: 20rem; height: auto; aspect-ratio: 200 / 49;}
/* #slide-marchi {padding: 0 8rem 5rem; width: 95%; margin: 0 auto; border-bottom: 1px solid rgb(255 255 255 / 30%);}
#slide-marchi .splide__arrow { position: absolute; z-index: 2; top: 30%; transform: translateY(-30%);}
#slide-marchi .splide__arrow svg { fill: rgb(255 255 255 / 45%);}
#slide-marchi .splide__arrow.my-prev {left: 1%;}
#slide-marchi .splide__arrow.my-next {right: 1%;} */
.box-logo {padding: 8px 3rem; background-color: #fff;border-radius: 4rem 4rem 5px 4rem; height: 8rem;}
.box-logo img {width: 100%; height: 100%; object-fit: contain;}
footer .container {padding: 5rem 2%;}
footer .flex .bl {width: 20%; padding: 0 3rem;}
.txt-ft {font-size: 14px; line-height: 1.8;}
.txt-ft a {color: #fff;}
.txt-ft a:hover {color: var(--light-green);}
ul.social li {display: inline-block; margin: 0 5px;}
ul.social li a img {width: 2.5rem; height: 2.5rem; transition: all .3s;}
ul.social li a:hover img {transform: rotate(-10deg);}
footer .txt-ft span {display: block; padding: 8px 0;}
.box-paypal { margin: 2.5rem 0; padding: 3rem 1.5rem 1.5rem; border: 1px solid #fff; border-radius: 3rem; position: relative;}
.paypal { margin: 0 auto;position: absolute;width: 9rem;padding: 1rem;background: var(--black);top: -1.5rem;left: 0;right: 0;}
.box-paypal .flex {justify-content: space-between;}
.carte {width: 5rem; height: 4rem;}
footer .label { text-transform: none;font-weight: 800;margin: 1rem 0 0;display: inline-block;}


/*CREDITS*/
p.credits {font-size: 1.2rem; text-align: center; color: rgb(255 255 255 / 50%); width: 95%; margin: 0 auto; border-top: 1px solid rgb(255 255 255 / 30%); padding: 2rem 0 0;}
p.credits a {color: rgb(255 255 255 / 50%);}
p.credits a:hover {color: var(--light-green);}



/* PRODOTTI */
.breadcrumbs {background-color: #E6E6E6; padding: 10.5rem 0 5px; text-align: center;}
.breadcrumbs ul {max-width: 142rem; margin: 0 auto; padding: 0 2%; display: inline-flex; width: 100%;}
.breadcrumbs ul li a {display: inline-block; padding: 0 5px 0 0; font-size: 13px;}
.categorie_container {padding: 4rem 0;}
.categorie_container .bl { width: 12.2%; margin: 7px 1% 2rem; transition: all .3s;}
.categorie_container .bl:hover { margin: 0 1% 2rem;}
.categorie_container .bl .box-txt { width: 100%; top: -7px; position: relative; padding: 1rem 1rem 2rem;font-family: 'Mulish', sans-serif; font-weight: 800; border-radius: 0 0 1rem 1rem;}
.categorie_container .bl .box-txt h3 { font-size: 1.6rem;}
.splide__slide img.img-cat {width: 100%; height: 30rem; max-height: 14vw; object-fit: cover; border-radius: 1rem 1rem 0 0;}
#slide-categorie .splide__track {overflow: visible;}
#slide-categorie .splide__track .splide__list { display: inline-flex; flex-wrap: wrap; width: 100%;}
.prodotti-home#prod-pag {padding: 3rem 0 6rem;} 

#myBtn { opacity: 0; visibility: hidden; position: fixed; bottom: 2rem; left: 1rem; z-index: 99; transition: all .3s; background: #007863; border-radius: 10rem; height: 3.5rem; width: 3.5rem; box-shadow: 0 0 1rem rgb(0 0 0 / 20%);}
#myBtn img { width: 2.5rem; height: 2.5rem; }
#myBtn:hover { background-color: #ffb03b;}
#myBtn.arrow-visible {opacity: 1; visibility: visible;}


/* CATEGORIA */
.foto_copertina {height: 40rem;width: 100%;}
.all_products {padding: 3rem 0 8rem;}
#flex_title {align-items: center;}
.ico_title {width: 5rem; margin: 0 2rem 0 0;}
.filtri-sx {width: calc(100% - 22rem);}
.filtri-dx {position: relative;width: 22rem;}
/* ordinamento */
.chosen-value/* , .value-list */ { position: absolute; top: 0; left: 0; width: 100%;}
.chosen-value {font-family: 'Mulish', sans-serif;font-weight: 600;font-size: 1.6rem;padding: 1.28rem 1.5rem;background-color: #DEDEDE;border: none;transition: 0.3s ease-in-out;border-radius: 1rem;position: relative;}
.down2 {display: inline-block; width: 1.5rem;height: 1.5rem; position: absolute; right: 1rem; top: 1.5rem; z-index: 1;}
.chosen-value::-webkit-input-placeholder {color: #1D1D1B; font-size: 1.6rem;}
.chosen-value:hover {cursor: pointer;}
.chosen-value:hover::-webkit-input-placeholder {color: #1D1D1B;font-size: 1.6rem;}
.chosen-value:focus, .chosen-value.open {/* box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2); */outline: 0;color: #1D1D1B;}
.chosen-value:focus::-webkit-input-placeholder, .chosen-value.open::-webkit-input-placeholder {color: #1D1D1B;}
.value-list {/* list-style: none;margin-top: 5.2rem;box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);overflow: hidden;max-height: 0;transition: 0.3s ease-in-out;z-index: 2;border-radius: 1rem; */font-family: 'Mulish', sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 1.28rem 1.5rem;
  background-color: #DEDEDE;
  border: none;
  transition: 0.3s ease-in-out;
  border-radius: 1rem;
  position: relative;}
.value-list.open {max-height: 320px;overflow: auto;}
.value-list li {position: relative;height: 4rem;background-color: #dedede;padding: 1rem 1.5rem;font-size: 1.4rem;display: flex;align-items: center;cursor: pointer;transition: background-color 0.3s;opacity: 1;}
.value-list li:hover {background-color: #fff;}
.value-list li.closed {max-height: 0;overflow: hidden;padding: 0;opacity: 0;}
.value-list input {display: none;}

/*  */
/* selezione regione OLD */
/* .filtro-regione {display: inline-block; position: relative; border: 1px solid #DEDEDE; padding: 1rem 1.5rem;border-radius: 5rem; margin: 0 3px 1rem;cursor: pointer;}
input[type=checkbox]#regione-toggle, input[type=checkbox]#marchio-toggle, input[type=checkbox]#tipologia-toggle {display: none;cursor: pointer;}
.filtro-regione label#not {cursor: pointer;}
.filtro-regione label:not(#not){ display: inline-block; width: calc(100% - 1.8rem); cursor: pointer;}
.filtro-regione label img {display: inline-block; vertical-align: middle; width: 1.5rem;height: 1.5rem;}
ul.filtro-regione-list {position: absolute; left: 0; top:5.2rem; list-style: none;text-align: left;width: 100%;z-index: 12;margin:0; display: none; background: #fff; border-radius: 5px; padding: 1rem 0; box-shadow: 0 0 1rem rgb(221 221 221 / 30%);max-height: 20rem; overflow: scroll; min-width: 20rem;}
ul.filtro-regione-list li{padding: 0.5rem 1.6rem;background-color: transparent;color: #1D1D1B; cursor: pointer; font-size: 15px; text-align: left;display: inline-flex; width: 100%;align-items: flex-start;}
ul.filtro-regione-list li:hover{background-color: #fff;color: #1D1D1B;}
ul.filtro-regione-list li a{color: #1D1D1B;text-decoration: none; font-size: 15px; font-weight: 400;}
ul.filtro-regione-list li a:hover {color: #007863;}
.filtro-regione input[type=checkbox] {margin-right: 5px;margin-top: 5px;}
.filtro-regione input[type=checkbox]:checked ~ ul {display: block;} */

/* NUOVI FILTRI ESPLOSI */
.fascia-filtri {margin: 0 auto 5rem;align-items: flex-end;}
input[type=checkbox]#regione-toggle, input[type=checkbox]#marchio-toggle /* input[type=checkbox]#tipologia-toggle */ {display: none;cursor: pointer;}
ul.filtro-regione-list {position: relative; list-style: none; width: 100%; margin:0;display: flex;align-items: center;justify-content: flex-start;gap: 2rem;}
ul.filtro-regione-list li input {display: none;}
ul.filtro-regione-list li label {padding: 1rem 2rem;cursor: pointer;font-size: 1.6rem;border: 3px solid #efefef;border-radius: 30rem;display: inline-block;}
ul.filtro-regione-list li label:hover{background-color: #efefef;}
ul.filtro-regione-list li input:checked ~ label {background-color: #007863; border: 3px solid #007863;color: #fff;}


/* check singoli */
.check-single {display: inline-block; position: relative; border: 1px solid #DEDEDE; padding: 1rem 1.5rem; border-radius: 5rem; margin: 0 3px 1rem;}
.check-single input[type=checkbox] {margin-right: 5px;}
/* filtri selezionati */
.box_filtri_selezionati {margin: 2rem 0;}
button[class^="filtro_selezionato"] {display: inline-block; position: relative; padding: 8px 1.5rem;border-radius: 5rem; margin: 0 3px 1rem; font-size: 1.4rem;}
.filtro_selezionato_all {border: 1px solid #a32a2a; color: #a32a2a;}
.filtro_selezionato { background-color: #efefef;}
button[class^="filtro_selezionato"] img {width: 1rem; height: 1rem; margin-left: 5px;}
.products .box-prodotto {width: 23%; margin: 1%;}
.products .box-prodotto .box-txt {margin: -7px 0 0;}

.btn-infinite_container {margin: 7rem auto 3rem; text-align: center;}
.btn-infinite {display: inline-block; position: relative; background-color: #F8F8F8; color: #A2A2A2; text-transform: uppercase; padding: 1.3rem 2.5rem; border-radius: 5rem; margin: 0 auto 1rem; font-size: 1.6rem; font-weight: 600;}
.btn-infinite_container span {color: #8B8B8B; font-size: 1.2rem; display: block;}

.testi-seo {padding: 0 0 8rem;}
.paragrafo {margin: 0 0 4rem; width: 100%; max-width: 100rem;}
.paragrafo h1, .paragrafo h2, .paragrafo h3, .paragrafo h4, .paragrafo h5 { font-size: 2.2rem; line-height: 1.5; font-family: 'Mulish', sans-serif; font-weight: 800; margin-bottom: 1.5rem;}
.paragrafo p { font-size: 16px; line-height: 1.8; margin: 0 0 1rem;}
.paragrafo ul {list-style-type: circle; list-style-position: inside;}
.paragrafo ol {list-style-type: decimal; list-style-position: inside;}
.paragrafo a {font-weight: 600; text-decoration: underline;}


/* SOTTOCATEGORIA */
.sottocategoria_container {padding: 4rem 0 0;}

/* DETTAGLIO PRODOTTO */
.dettaglio_container {padding: 4rem 0;}
.dettaglio_container .bl {width: 50%;}
.dettaglio_container .bl:last-of-type {padding: 0 0 0 8rem;}
#thumbnail-slider { padding: 0 4rem; margin: 2rem auto;}
#thumbnail-slider .splide__slide { opacity: 0.7; }
#thumbnail-slider .splide__slide.is-active { opacity: 1;}
#thumbnail-slider .splide__arrow {width: 35px; height: 35px; position: absolute; z-index: 2; top: 33%;}
#thumbnail-slider .splide__arrow svg { fill: #bfbfbf;width: 35px; height: 35px;}
#thumbnail-slider .splide__arrow.my-prev {left: 0;}
#thumbnail-slider .splide__arrow.my-next {right: 0;}
.splide__arrow.my-next svg { transform: rotate(180deg);}
.splide__slide img.img-big {width: 100%; /* max-height: 60rem; height: 40vw; object-fit: cover; */ object-fit: inherit; border-radius: 5px; aspect-ratio: 3 / 4;}
.thumb {border-radius: 5px;}
.thumb.xzoom-gallery { margin-left:0; margin-bottom: 0;}
.flex#prezzi {align-items: center; margin: 2rem 0 5rem;}
.flex#prezzi p {margin: 0 4px;}
.flex#prezzi p:first-child {margin: 0 4px 0 0;}
.flex#prezzi .sconto-perc {position: relative; top: 0; right: inherit;}
.tipologia {margin: 0 0 2rem;}
.descrizione {margin: 0 0 5rem;}
#btns_pag_dettaglio {margin: 0 0 4rem;}
#btns_pag_dettaglio .cart__btns-cassa { width: 100%; margin-bottom: 0; font-weight: 600; margin-left: 1.5rem; border-radius: 5px;padding: 1rem 2rem;}
.disponibilita.alta {color: #007863;}
.disponibilita.media {color: #FFB03B;}
.disponibilita.bassa {color: #FF3B3B;}
.non_disponibile { font-weight: 800;color: grey;margin: 0 0 1rem;}


.tab-dettaglio-prod {margin: 4rem 0;}
.tab-dettaglio-prod .tab {justify-content: flex-start; width: 100%; border-bottom: 3px solid #007863;}
.tab-dettaglio-prod .tab button { width: 26rem;border-bottom: none; text-transform: inherit; background-color: #F7F7F7;padding: 1.7rem 0; border-radius: 5px 5px 0 0; margin: 0 1rem 0 0;}
.tab-dettaglio-prod .tab button.active {background-color: rgba(0,120,99,0.2); color: #007863;}
.testi-custom h1, .testi-custom h2 { font-size: 3.2rem; line-height: 1.2; font-family: 'Mulish', sans-serif; font-weight: 800; margin-bottom: 1.5rem;}
.testi-custom h3, .testi-custom h4, .testi-custom h5 { font-size: 2.2rem; line-height: 1.5; font-family: 'Mulish', sans-serif; font-weight: 800; margin-bottom: 1.5rem;}
.testi-custom p { font-size: 16px; line-height: 1.8; margin-bottom: 3rem;}
.testi-custom ul {list-style-type: circle; list-style-position: inside; margin: 0 0 1rem;}
.testi-custom ul li {padding: 0 0 5px;}
.testi-custom ul li p {display: inline-block;}
.testi-custom ol {list-style-type: decimal; list-style-position: inside;}
.testi-custom a {font-weight: 600; text-decoration: underline;}

.tab-dettaglio-prod .tabcontent2#ingredienti .bl:first-of-type {width: 60%; padding: 5rem 5rem 0 0;}
.tab-dettaglio-prod .tabcontent2#ingredienti .bl:last-of-type {width: 40%; background-color: rgba(0,120,99,0.1); padding: 5rem}
.sottotitolo.muli {font-size: 2.1rem; margin-bottom: 2rem;}
.tab-dettaglio-prod .tabella {margin: 6rem 0 0;}
.tab-dettaglio-prod .tabella .txt-small-12 {text-align: right; margin: 0 0 1rem;}
.tab-dettaglio-prod .tabella .row {margin: 0 0 5px; border-bottom: 1px dotted #9f9f9f;}

.prodotti-correlati {padding: 4rem 0 14rem;}
.prodotti-correlati.risorse_agg {padding: 0 0 14rem;}
/* #slide-correlati .splide__track .splide__list {display: inline-flex; width: 100%; flex-wrap: wrap; padding: 5px 0!important;}
#slide-correlati .box-prodotto {width: 31.3%; margin: 0 1%;} */
#slide-correlati .splide__pagination { margin: 3.5rem auto 0;}
.tabcontent2.blog-home {padding: 5rem 0 3rem;}

/* DETT PRODOTTO B2B */
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent; border: none; padding: 0 1em 0 0; margin: 0; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; z-index: 1; outline: none;}
select::-ms-expand { display: none;}
.select { display: grid; grid-template-areas: "select"; align-items: center; position: relative;/*  min-width: 10rem;  */max-width: 25rem; border: none; border-radius: 1rem; padding: 5px 1rem; font-size: 1.9rem; cursor: pointer; line-height: 1.1; color: #804D3B;}
.select select, .select::after { grid-area: select; color: #804D3B; }
.select:not(.select--multiple)::after { content: ""; justify-self: end; width: 1.5rem; height: 1.5rem; background-color: var(--select-arrow); -webkit-clip-path: polygon(100% 0, 100% 20%, 51% 65%, 0 20%, 0 0, 50% 45%); clip-path: polygon(100% 0, 100% 20%, 51% 65%, 0 20%, 0 0, 50% 45%); top: 4px; position: relative;}
select:focus + .focus { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 1px solid var(--select-focus); border-radius: inherit;}


/* BLOG */
.blog_container {padding: 4rem 0;}
.blog_container.risorse_agg {padding: 4rem 0 12rem;}
.blog_container .blog-home {padding: 0;}
.blog_container .flex.blog-home {justify-content: space-between;}
.blog_container .flex.blog-home .bl { margin: 0 0 4rem;}
#infolettura {margin: 0 0 2rem;}
#infolettura p:first-of-type {padding: 0 2rem 0 0; margin: 0 2rem 0 0; border-right: 1px solid #007863;}
.blog_container #thumbnail-slider { max-width: 90rem;}
.blog_container #thumbnail-slider .splide__list {justify-content: center;}
.container-stretto {max-width: 90rem; margin: 5rem auto 0; padding: 0 0 2rem;}
.desc-blog h1, .desc-blog h2 { font-size: 2.8rem; line-height: 1.5; font-family: 'Mulish', sans-serif; font-weight: 800; margin-bottom: 1.2rem;}
.desc-blog h3, .desc-blog h4, .desc-blog h5 { font-size: 2.2rem; line-height: 1.5; font-family: 'Mulish', sans-serif; font-weight: 800; margin-bottom: 1.2rem;}
.desc-blog p { margin-bottom: 3rem;}
.desc-blog ul { list-style: circle; list-style-position: inside; margin-bottom: 3rem;}
.desc-blog ol { list-style: decimal; list-style-position: inside; margin-bottom: 3rem;}
.desc-blog a {font-weight: 600; text-decoration: underline;}
.desc-blog a:hover {color: #007863;}
#container-bordo {border-bottom: 4px solid #F7F7F7;}
#contenuti { margin: 5rem 0 0; align-items: center; justify-content: space-between;}
#contenuti .btn { padding: 1rem 1.5rem; margin: 0 2rem 0 0; width: 2.6rem; height: 2.6rem; box-sizing: content-box; }
.contenuti-sx a {display: flex; align-items: center;}
.contenuti-sx a span {font-weight: 600; text-transform: uppercase;}
.contenuti-dx { align-items: center; display: inline-flex;}
#contenuti .btn#nowidth {width: auto; height: auto;}
.whats { background: #25D366;display: inline-block;font-size: 1.1rem;font-weight: 600;color: #fff;padding: 3px 8px;border-radius: 3rem;}
.whats img {display: inline-block; width: 1.3rem; height: 1.3rem; vertical-align: middle;}
.twit, .whats {margin: 0 1rem;}
.face {margin: -3px 1rem 0;}


/* CARRELLO */
.carrello_container {padding: 4rem 0;}
.carrello_container .messages {margin: 0 0 6rem;}
.carrello_container .spalla-sx {width: calc(100% - 40rem); padding: 0 8rem 0 0;}
.carrello_container .spalla-dx {width: 40rem;}
#sticky-sidebar-demo{will-change: min-height;}
#sticky-sidebar-demo .sidebar__inner{position: relative; transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform;}
.carrello_container .cart__box-prodotto {align-items: flex-start;}
.carrello_container .cart__box-prodotto__center {display: flex; align-items: center; justify-content: space-between;}
.tit5 {font-size: 1.8rem;}
.carrello_container .foto {flex: 0 0 41.6666666667%; max-width: 41.6666666667%; display: inline-flex;}
.carrello_container .elimina { flex: 0 0 5.3333333333%; max-width: 5.3333333333%; text-align: right; padding: 1rem;}
.carrello_container .quantita, .carrello_container .unitario, .carrello_container .totale { flex: 0 0 17.6666666667%; max-width: 17.6666666667%; padding: 0 1.5rem; text-align: right;}
.carrello_container .unitario .cart__box-prodotto__prezzo { font-weight: 300;}
.carrello_container .quantita .box__quantita { justify-content: flex-end;}
.carrello_container .quantita .box__quantita .nug-input-control-wrap {margin-right: 0;}
.carrello_container .cart__box-prodotto__img { height: 10rem; margin-right: 1.5rem;}
.carrello_container .cart__box-prodotto {align-items: flex-start;padding: 0 0 1rem;border-bottom: 1px solid #ddd;}
.carrello_container .cart__box-prodotto.legenda {border-bottom: none;}
.carrello_container .cart__box-prodotto:last-of-type {border-bottom: none;}
.carrello_container .aggiungi_quantita_cart {margin-right: 0}
.labelresp {display: none;}


/* CHECKOUT */
.form__registrazione {margin: 3rem 0 5rem;}
.form__registrazione .bl {margin: 0 0 4rem;}
.form__registrazione .bl#check__azienda, .form__registrazione .bl#check__fatturazione {padding: 1rem 2rem; background-color: rgb(3 115 95 / 15%);}
.form__registrazione .bl .row {align-items: center; flex-wrap: wrap;}
.form__registrazione .bl50 {width: 48%; display: flex; flex-direction: column-reverse; flex-wrap: wrap; margin: 0 0 1.5rem;}
.form__registrazione .bl50.double {width: 48%; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 1.5rem; justify-content: space-between;}
.form__registrazione .bl50.double .bl50 {margin: 0;}
.form__registrazione .bl30 {width: 28%; display: flex; flex-direction: column-reverse; flex-wrap: wrap; padding: 0;}
.form__registrazione .bl70 {width: 68%; display: flex; flex-direction: column-reverse; flex-wrap: wrap; padding: 0;}
.form__registrazione input {width: 100%; border: none; padding: 1rem; background-color: #F7F7F7;}
.form__registrazione input[type="checkbox"] {width: auto; margin: 0 1rem 0 0;}
.form__registrazione label {width: 100%;}
.form__registrazione #check__azienda label, .form__registrazione #info__privacy label, .form__registrazione #check__fatturazione label {width: calc(100% - 2.5rem);}
.form__registrazione input:focus {outline: 1px solid #989898;}
.form__registrazione input[type="checkbox"]:focus {outline: none;}
.right {text-align: right; margin: 4rem auto 0;}
.right .btn-accesso {display: inline-block;}
/* toggle checkbox js */
#info__azienda, #info__fatturazione {transition: all .2s;}
#info__azienda { height: 19.2rem}
#info__fatturazione { height: 26.7rem}
#info__azienda.bl_closed, #info__fatturazione.bl_closed {height: 0; opacity: 0; margin: 0; pointer-events: none;}

/* CHECKOUT STEP 2 */
.step2_container {padding: 4rem 0 8rem;}
.step2_container .flex {justify-content: space-between;}
.step2_container .bl {width: 48%; margin: 0 0 6rem;}
.line {padding: 1rem 0 0; border-bottom: 2px dotted #e4e4e4; margin: 0 auto 2rem;}
.note {margin: 0 auto 6rem;}
.note form {display: flex;flex-wrap: wrap; flex-direction: column-reverse;}
.note form textarea { border: none; resize: vertical; background: #f7f7f7; min-height: 10rem; padding: 1rem;}
#step2-totale {padding: 2rem; margin: -2rem auto 2rem;}
#step2-totale .cart__totale {padding: 0; margin: 0; border-top: none;}


/* LOGIN */
#login .spalla-sx {padding: 0 0 0 8rem;}
.form__registrazione #info__login .row {flex-direction: column-reverse; margin: 0 0 1.5rem;}


/* AREA PERSONALE */
.area_container {padding: 4rem 0;}
.area_container .form__registrazione {margin: 3rem 0 8rem;}
.info-riepilogo span {display: inline-block; min-width: 12rem;}


/* STORICO ORDINI */
.toggle-ordini ul.accordion li {display: block; background: #f7f7f7; padding: 2rem 3rem;border-bottom: 3px solid #acd08a; margin: 0 auto 4rem;}
.toggle-ordini ul.accordion li .toggle {color: #1D1D1B; width: 100%; display: inline-flex; justify-content: space-between; align-items: center;}
.toggle-ordini .mainbox .txt {color: #1D1D1B;}
.toggle-ordini .tit5 {font-weight: 300;}
.toggle-ordini .cart__box-prodotto__img {width: 9rem; height: 14rem; display: inline-block; margin: 0 2rem 0 0; vertical-align: top;}
.toggle-ordini .box-txt {width: calc(100% - 13rem); display: inline-block; margin: 3rem 0 0;}
.riga-ordine {margin: 0 0 2rem; padding: 0 0 1rem; border-bottom: 1px solid #dfdfdf;}
.chevron {transition: all cubic-bezier(.39,1.4,.71,1.22) .7s;}
.rotate {transform: rotate(180deg);}


/* PSW DIMENTICATA */
.psw_container {padding: 4rem 0; max-width: 60rem; margin: 0 auto;}
.form__psw .row {align-items: center; flex-wrap: wrap; flex-direction: column-reverse; margin: 0 0 1.5rem; position: relative;}
.form__psw input {width: 100%; border: none; padding: 1rem; background-color: #F7F7F7;}
.form__psw label {width: 100%;}
.form__psw input:focus {outline: 1px solid #989898;}
.form__psw button:first-of-type {margin: 0 2rem 0 0;}
.form__psw .row .bi-eye-slash, .form__psw .row .bi-eye {right: 8px; bottom: 8px;}



/* ABOUT US */
.chisiamo_container {padding: 4rem 0; min-height: 70vh;}
.box-sovrapposto {margin: -4rem auto 0; position: relative;}
.box-sovrapposto .container {padding: 4rem;}
.bl60 {width: 60%;}
.bl40 {width: 40%;}
.sezione-uno {padding: 10rem 0;}
.sezione-uno .bl40 {padding: 0 4rem; margin: 0 0 0 4rem; width: calc(40% - 4rem); border-left: 2px solid #eeeeee;}
.big { font-size: 8rem; font-weight: 900; line-height: 0.5; opacity: 0.1;}
.sezione-uno .bl40 .flex {margin: 2rem 0; justify-content: space-between; align-items: center;}
.sezione-uno .bl40 .flex .light-bg { height: 18rem; width: 18rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 3rem; border-radius: 50rem;}
.big2 { font-size: 7rem; line-height: 1; font-weight: 600;}
.big2 span { font-size: 3.5rem;}
.sezione-due {padding: 3rem 0 10rem;}
.icona {width: 18rem; height: 18rem; margin: 0 auto;}
.icona img {width: 100%;}
.bl30 {width: 25%; padding: 0 3rem;}
.bl70 {width: 75%; padding: 0 6rem;}
.bl70 .flex {justify-content: space-around;}
.sezione-tre {padding: 3rem 0 10rem;}
.sezione-tre .bl60 {padding: 5rem 0 0;}
.sezione-quattro {padding: 10rem 0;}
.sezione-quattro .txt {width: 40%;}
.cta.center {margin: 5rem auto 8rem;}


/* PAGINE DI SERVIZIO */
.infoservizio_container {padding: 4rem 0 10rem;}
.form__newsletter .row {width: 100%; display: flex; align-items: center; margin: 0 0 3rem;}
.form__newsletter .row:first-of-type { flex-direction: column-reverse;align-items: flex-start;}
.form__newsletter .row input:not(#infoPrivacy) {width: 100%; padding: 1rem; border: none; background: #f7f7f7;}
.form__newsletter .row label {width: calc(100% - 2rem);}

.whatsappme {position: fixed; right: 1rem; bottom: 2rem; width: 2.5rem; height: 2.5rem; padding: 1rem; box-sizing: content-box; background: #fff; border-radius: 30rem;z-index: 3;box-shadow: 0 0 1rem rgba(0 0 0 / 20%);}

.img-dett-seo {width: 100%;
  border-radius: 2.7rem;
  max-width: 60rem;
  margin: 0 auto;
  height: auto;
  aspect-ratio: 4 / 3;}


/*FORM*/
/* form */
.form_bg form {
  padding: 4rem 2%;
  background: #d5ede9;
  margin: 0 auto;
  color: #000;
}
@media screen and (min-width: 769px) {
  .form_bg form {
    padding: 5rem 3rem;
  }
}
.form_bg form a {
  color: #000;
}
.form_bg form .flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.form_bg form .flex div[class^=box-] {
  padding: 0;
  text-align: left;
  display: flex;
  align-items: center;
  margin: 0 0 1rem;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  color: #F1EFE7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.form_bg form .flex .box-50 {
  width: 100%;
}
@media screen and (min-width: 581px) {
  .form_bg form .flex .box-50 {
    width: 48%;
  }
}
.form_bg form .flex .box-100 {
  width: 100%;
}
.form_bg form label {
  width: 100%;
  font-size: 1.5rem;
  text-transform: uppercase;
  opacity: 0.8;
  display: block;
  margin: 0;
  font-weight: 400;
  color: #000;
}
.form_bg form .input__text {
  width: 100%;
  border: none;
  background-color: transparent;
  font-size: 1.6rem;
  padding: 1rem;
  color: #000;
}
.form_bg form .input__text:focus {
  outline: none;
}
.form_bg form textarea.input__text {
  resize: vertical;
  min-height: 12rem;
}
@media screen and (min-width: 769px) {
  .form_bg form {
    padding: 7rem;
  }
}

.txt-small {
  font-size: 1.2rem;
  margin: 1rem 0 0;
  color: #000;
}

label.privacy {
  width: calc(100% - 3rem);
  display: inline-block;
  vertical-align: top;
  margin: -5px 0 0 auto;
}

input#privacy {
  margin: 0 5px 0 0;
}


/*SITEMAP*/
ul.sitemap li a:hover {color: #007863;}
ul.sitemap li {font-size: 1.8rem; text-transform: uppercase;}
ul.sitemap li.sublink {font-size: 1.6rem; padding: 0 0 0 3rem;}


ul.indice {margin: 5rem 0;}
ul.indice li a:hover {margin: 5rem 0; color: #FFB03B;}
.termini_list li::marker {font-size: 1.8rem; font-weight: 600; color: #FFB03B;}

/*ERRORI*/

@media screen and (min-width: 1800px) {
  .splide__slide img.img-cat { max-height: 11vw;}
	
}

@media screen and (min-width: 2000px) {
  html {font-size: 11px;}
	/* .container {max-width: 182rem;}
  .breadcrumbs ul, .box-categorie {max-width: 182rem;} */
  .splide__slide img.img-cat { max-height: 9.5vw;}
	
}


@media screen and (max-width: 1600px) {
    .categorie_container .bl { width: 14.6%;}
    .splide__slide img.img-cat {max-height: 16vw;}


}
	
	
@media screen and (max-width: 1500px) {
  .container, .breadcrumbs ul {max-width: 132rem;}
  .box-categorie {max-width: 128rem;}

}


@media screen and (max-width: 1420px) {
  .box-txt-abs {bottom: -1rem; height: 50%;}
  .box-txt-abs .bl {width: 56%;top: 53%;transform: translateY(-53%);}
  #slide-home .splide__arrow {top: 46%;}
  .label {margin: 0 0 7px;}
  footer .flex .bl {padding: 0 2rem;}

  /* .box-prodotto .img-prod-home {max-height: 16vw;} */


}


@media screen and (max-width: 1280px) {
    .dropdown .dropdown-content {width: 55vw;top:44%;transform: translateX(0) translateY(-44%);}
    .dropdown.open .dropdown-content {transform: translateX(10px) translateY(-44%);}
    .logo {width: 24rem;}
    .menu__bl1 li a {padding: 1.2rem 1rem;}
    
    .categorie_container .bl { width: 18%;}
    .splide__slide img.img-cat {max-height: 22vw;}

    .box-txt-abs .bl {width: 70%;}
    section.promo-big {padding: 8rem 0 1rem;}
    .punti-forza .flex {justify-content: center;}
    .punti-forza .flex .bl {width: 25%; margin: 0 0 2rem;}
    .testi-home {padding: 3rem 0;}
    .blog-home {padding: 8rem 0;}
    footer .flex .bl {width: 33.3%;}
    footer .flex .bl:first-of-type {width: 100%; text-align: center; margin: 0 auto 3rem;}
    footer .flex .bl:last-of-type {width: 100%; text-align: center; margin: 3rem auto 0;}
    footer .flex .bl:first-of-type p {text-align: left;}
    .box-paypal {max-width: 40rem; margin: 0 auto 2rem;}

    .sezione-uno .bl40 .flex .light-bg {margin: 2rem 0 0;}

    .cart__box-prodotto p {  width: 100%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
    .cart__box-prodotto p.cart__box-prodotto__prezzo {  width: auto; }
    .carrello_container .spalla-sx {padding: 0 4rem 0 0;}
    .carrello_container .foto {flex: 0 0 31.6666666667%;max-width: 31.6666666667%;}
    .carrello_container .quantita {flex: 0 0 27.6666666667%; max-width: 27.6666666667%;}
    .carrello_container .elimina {padding: 1rem 0;}

    .products .box-prodotto {width: 31.3%;margin: 0 1% 3rem;}
	
}


@media screen and (max-width: 1024px) {
  .menuresponsive { display: inline-block; width: 50%; text-align: right; padding: 0;}
	.menuresponsive img { width: 3rem; height: 3rem;}
	#mySidenav { display: block; z-index: 1000;}
  .drop-user {transform: translateX(-50%);top: 3.2rem;}

  
  .box-txt-abs .bl {width: 80%;}
  .contenuto {padding: 0 2%;max-width: inherit;margin: 0 auto;}
  #slide-promo-big .flex .bl {padding: 3rem;}

  .prodotti-home .tit2 {max-width: 50rem;}
  /* .box-prodotto .img-prod-home {max-height: 23vw;} */
  .blog-home article.bl {width: 100%;margin: 0 auto 3rem;}

    .menu__bl1 {display: none;}
    .logo {width: 50%; margin: 0;}
    .logo img {width: 25rem;}
    .menu__bl2 {width: 100%; justify-content: flex-end; margin: 2rem 0 0;}
    .language-selector label {padding: 0 0 0 1.6rem;}
    ul.language-selector-list {top: 3.5rem;}
    .bl-rivenditore {width: 100%;}
    .mobile-search {position: inherit;}
    .dropdown .dropdown-content {width: 100%;right: 0; top: auto;padding: 1.5rem 2.5rem;background: #efefef;}
    .dropdown.open .dropdown-content {transform: translateY(8px);max-width: none;}

    .box-categorie {display: none;}
    .fascia-menu .flex {padding: 1rem 0;}

    .categorie_container .container {padding: 0 0 0 2%;}
    .splide__slide img.img-cat {max-height: 24vw;}
    #slide-categorie .splide__track {overflow: hidden;}
    #slide-categorie .splide__track .splide__list { display: flex; flex-wrap: nowrap; width: auto;}

    .breadcrumbs {padding: 5px 0;}
    .sezione-uno {padding: 5rem 0;}
    .bl60 {width: 100%;margin: 0 0 5rem;}
    .sezione-uno .bl40 { padding: 2rem 0 0; margin: 0 auto; width: 100%; border-left: none; border-top: 2px solid #eeeeee;}
    .sezione-uno .bl40 .flex {justify-content: flex-start;}
    .sezione-uno .bl40 .flex .light-bg {margin: 0 0 0 4rem;}
    .sezione-due .bl30 {width: 100%;padding: 0;margin: 0 auto 4rem;}
    .sezione-due .bl40 {width: 100%;}
    .sezione-due .bl70 {width: 100%;padding: 0;text-align: center;}
    .sezione-due {padding: 3rem 0 0;}
    .sezione-tre {padding: 3rem 0;}
    .sezione-tre .bl40 {width: 100%; max-width: 60rem; margin: 0 auto;}
    .sezione-quattro .txt {width: 70%;}

    .carrello_container .spalla-sx {width: 100%; padding: 0; margin: 0 auto 4rem;}
    .carrello_container .spalla-dx {width: 100%;}
    .is-affixed .sidebar__inner { position: relative!important; top: 0!important; left: 0!important; width: 100%!important; transform: none!important;}
    
    .filtri-sx {width: 100%; font-size: 14.5px;}
    .filtri-dx {position: relative;width: 100%;max-width: 25rem;margin: 0 0 5rem auto; font-size: 14.5px;}
    .chosen-value:focus::-webkit-input-placeholder, .chosen-value.open::-webkit-input-placeholder {font-size: 14.5px;}
    .box_filtri_selezionati {margin: 1rem 0;}
    .products .box-prodotto {width: 48%;}
    

    .contenuti-sx {margin: 0 0 1.5rem;}

    .dettaglio_container .bl:last-of-type {padding: 0 0 0 2rem;}
    .tab-dettaglio-prod .tabcontent2#ingredienti .bl:last-of-type {padding: 5rem 2rem;}

    #login .spalla-sx {padding: 0;}

    .is-affixed#sticky-sidebar-demo {height: auto!important;}
    .is-affixed#sticky-sidebar-demo .sidebar__inner {margin: 0 0 5rem!important;}

    .risorse_agg .container-stretto { margin: 1rem auto 0;}
	
}


@media screen and (max-width: 768px) {
    .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track { height: auto;}
    .splide#slide-home img {height: auto;aspect-ratio: 1/1;margin: 0 0 -1rem;}
    .box-txt-abs {padding: 3rem 2% 5rem; position: relative; width: 100%; background: #F7F7F7;}
    .box-txt-abs .onda1 {display: none;}
    .box-txt-abs .bl {width: 100%; top: 0; transform: none;padding: 0;background-color: transparent}
    .tit1 {font-size: 3.8rem;}
    .contenuto .flex p {width: 100%;margin: 0 0 2rem; max-width: none;}
    .contenuto .flex .btn {max-width: none;}
    /* #myBtn { bottom: 2rem;left: 1rem;} */
    #slide-promo-big .flex .bl {width: 100%;}
    #slide-promo-big .flex .bl:first-of-type {padding-bottom: 62.57%;border-radius: 5px 5px 0 0;}
    #slide-promo-big .flex .bl:last-of-type {border-radius: 0 0 5px 5px;}
    .prodotti-home .tit2 {max-width: inherit;}
    .prodotti-home .btn-sezione {display: block; width: 100%; text-align: right; margin: 0 0 3rem;}
    .punti-forza { padding: 6rem 0 3rem;}
    .punti-forza .flex .bl {width: 33.3%;margin: 0 0 4rem;}
    .blog-home {padding: 4rem 0 8rem;}
    footer .flex .bl {width: 100%; text-align: center; margin: 0 auto 3rem;}
    footer .flex .bl:first-of-type p {text-align: center;}


    #modal-container {overflow: scroll;}
    #modal-content { top: 0; left: 0; right: 0; transform: none; margin: 2rem auto;}
    .modal-wrapper.is-open {overflow: scroll; align-content: flex-start; padding: 4rem 0;}

    .splide__slide img.img-cat {max-height: 28vw;}
    .mrg-btm-large {margin-bottom: 4rem!important;}
    .prodotti-home#prod-pag {padding: 1rem 0 6rem;} 

    /* #slide-correlati .splide__track .splide__list { display: flex; flex-wrap: nowrap; width: auto;} */
    
    #slide-correlati .box-prodotto {margin: 0;}

    .icona {width: 16rem;height: 16rem;}

    
    /* .products .box-prodotto .img-prod-home { max-height: 30vw; } */

/*     .splide__slide img.img-big { max-height: 80rem; height: 60vw;} */
    .thumb {border-radius: 1rem;}

    .tab-dettaglio-prod .tab button {padding: 1.5rem; font-size: 1.6rem;}
    .dettaglio_container .bl {width: 100%;}
    .dettaglio_container .bl:last-of-type {padding: 0;margin: 3rem 0 0;}
    .tab-dettaglio-prod .tabcontent2#ingredienti .bl:first-of-type {width: 100%;padding: 5rem 0 0;}
    .tab-dettaglio-prod .tabcontent2#ingredienti .bl:last-of-type {padding: 5rem 3rem;width: 100%;}


}


@media screen and (max-width: 580px) {
    .splide#slide-home img {aspect-ratio: 3/4}

    #myCart.sidenav .flexnav .bgblack {max-width: none;}
    #myCart.sidenav .flexnav .bgcolor {width: 20%;}
    .cart__box-prodotto__center {padding: 1rem;}
    .cart__box-prodotto__center .txt {line-height: 1.2; margin-bottom: 5px;}
    .cart__box-prodotto__prezzo {text-align: right;}
    
    .ondabig {bottom: -1rem;}

    .splide__slide img.img-cat { max-height: 40vw;}
    .whatsappme {right: inherit;top: inherit;bottom: 1.5rem;right: 1rem;}
    .dropdown.open .dropdown-content {transform: translateY(8px);}
    .language-selector label {padding: 0 0 0 1rem;}
    ul.language-selector-list {top: 3rem;min-width: 6rem;right: 0;}

    #slide-promo-big .splide__arrow {top: 25%; transform: translateY(-25%);}
   /*  .box-prodotto .img-prod-home {max-height: 55vw;} */
    .punti-forza .flex .bl {width: 50%;}
    .blog-home article.bl a {flex-wrap: wrap;}
    .blog-home article.bl .foto {width: 100%;}
    .blog-home article.bl .box-txt {width: 100%;padding: 3rem 2rem;}
    .carte {width: 4rem;}

    .box-sovrapposto {margin: 0 auto;}
    .box-sovrapposto .container {padding: 4rem 2rem}
    .sezione-uno .bl40 .flex {margin: 4rem 0 0;}
    .sezione-uno .bl40 .flex {justify-content: center;}
    .sezione-uno .bl40 .flex > div {width: 100%; text-align: center;}
    .sezione-uno .bl40 .flex .light-bg {margin: 3rem 0 0;}
    .bl40 .tit4 {text-align: center;}
    .big { line-height: 0.8; text-align: center;}
    .sezione-quattro {padding: 5rem 0;}
    .sezione-quattro .txt {width: 100%;}

    .form__registrazione .bl50, .form__registrazione .bl50.double {width: 100%;}
    .form__registrazione .bl50.double .bl50 {margin: 0 0 1.5rem;}

    .carrello_container .cart__box-prodotto.legenda {display: none;}
    .carrello_container .cart__box-prodotto {flex-wrap: wrap;}
    .carrello_container .foto {order: 1; flex: 0 0 94.666666%; max-width: 94.666666%;}
    .carrello_container .elimina {order: 2;}
    .carrello_container .quantita {order: 3;}
    .carrello_container .unitario {order: 4;}
    .carrello_container .totale {order: 5;}
    .labelresp {display: block; min-width: 13rem;}
    .carrello_container .quantita, .carrello_container .unitario, .carrello_container .totale {flex: 0 0 100%; max-width: 100%; text-align: left; display: inline-flex; justify-content: space-between; align-items: center; padding: 0;}

    .box_filtri_selezionati {margin: 1rem 0 2.5rem;}
    .all_products {padding: 0 0 8rem;}
    .products .box-prodotto {width: 100%; margin: 0 auto 3rem;}

    /* .products .box-prodotto .img-prod-home { max-height: 40vw; } */
    .box-prodotto .flex > p {width: 100%;margin: 0 0 1.5rem;font-size: 1.8rem;}
    .prezzo { display: flex;align-items: center;justify-content: flex-end;width: 100%;}
    .prezzo .tit-prodotto {font-size: 1.8rem; margin: 0 8px 0 0;}

    .step2_container .bl {width: 100%;margin: 0 0 4rem;}
    .note {margin: 0 auto 2rem;}

    .breadcrumbs {text-align: left;}
    .breadcrumbs ul {display: block;}
    .breadcrumbs ul li {display: inline-block;}
    .contenuti-dx {flex-wrap: wrap;}
    #contenuti .btn#nowidth {margin: 1.5rem 0 0;}


    #info__azienda { height: 34.2rem}
    #info__fatturazione { height: 49.2rem}

    ul.filtro-regione-list {top:4rem;}


}
	
@media screen and (max-width: 400px) {
    .preheader {font-size: 13px; line-height: 1.1; padding: 1rem;}
    .btn-rivenditore, .mobile-search, .user-btn {margin-right: 1rem;}
    .language-selector {width: 9rem; margin: 0 0 0 1rem;}
    #myCart.sidenav .flexnav .bgcolor {width: 10%;}
    #myCart.sidenav .flexnav .bgblack {width: 90%;}
    .cart__box-prodotto__img { width: 5rem;}
    .cart__box-prodotto__center {padding: 0 1rem;}
    .logo img {width: 100%;}
    .btn-rivenditore {font-size: 12px;}
    .ico {width: 2rem;height: 2rem;}
    .language-selector label {padding: 0 0 0 1rem;}
    ul.language-selector-list {min-width: 7rem; right: 0;}
    .menu__bl2 {margin: 1rem 0 0;}
    .dropdown.open .dropdown-content {transform: translateY(7px);}

    .splide__slide img.img-cat {max-height: 58vw;}
    #slide-marchi {padding: 0 5rem 4rem;}
    .logo-resp {width: 18rem;}
    #mySidenav.sidenav .flexnav .bgblack {padding: 3rem 2rem;}
    .tit1 {font-size: 3.3rem;}
    #slide-promo-big .flex .bl {padding: 3rem 2rem;}
    .btn {padding: 1.3rem 5rem; text-align: center;}
    .punti-forza .flex .bl {width: 100%;}
    .shadow, .tabcontent .padding {padding: 2rem;}
    .header-mod img {max-width: 100%;}

    .box-recensione {padding: 2rem;}
    .box-paypal .flex {justify-content: center;}
    .carte {margin: 0 auto;}

    .bl70 .center {margin: 0 auto 2rem;}

    .form__registrazione .bl30 {width: 100%; margin: 0 0 1.5rem;}
    .form__registrazione .bl70 {width: 100%;}

    .carrello_container .cart__box-prodotto__img {min-width: 7rem;}

    .ico_title {margin: 0 1rem 1rem 0;}
    .tit2 {font-size: 2.8rem;}
    .filtri-sx, .filtri-dx, .chosen-value:focus::-webkit-input-placeholder, .chosen-value.open::-webkit-input-placeholder {font-size: 13.5px;}
    .filtri-dx {max-width: none;}
    .filtro-regione, .check-single, button[class^="filtro_selezionato"] {padding: 5px 1rem;}
    button[class^="filtro_selezionato"] {font-size: 12.5px;}
    
    /* .products .box-prodotto .img-prod-home { max-height: 50vw; } */

    .testi-custom h1, .testi-custom h2 {font-size: 2.8rem;}
    .tab-dettaglio-prod .tab {width: auto; overflow-x: scroll; white-space: nowrap;}
    .tab-dettaglio-prod .tab::-webkit-scrollbar {display: none;}
    .tab-dettaglio-prod .tab button { font-size: 15px; padding: 1rem 1.5rem;}
    .tab-dettaglio-prod {margin: 3rem 0;}

    .toggle-ordini ul.accordion li {padding: 2rem;}
    .toggle-ordini .cart__box-prodotto__img {width: 7rem;height: 11rem;margin: 0 1.5rem 0 0;}
    .toggle-ordini .tit5 {margin-right: 2rem;}

    #info__fatturazione { height: 56.7rem}

    .filtro-regione {display: block; max-width: 20rem;}

}

@media screen and (max-width: 310px) {
  .splide__slide img.img-slide { max-height: 70vh;}
    .cart__box-prodotto {flex-wrap: wrap;}
    .cart__box-prodotto__center {width: calc(100% - 5rem);}
    .cart__box-prodotto__prezzo {width: 100%; text-align: right;}
    .cart__buono > div { flex-wrap: wrap;}
    .input_buonosconto {width: calc(100% - 3rem);}
    .cart__buono button { width: 3rem;}
    .input_buonosconto::placeholder {font-size: 12px;}

    .tab-dettaglio-prod .tabcontent2#ingredienti .bl:last-of-type {padding: 5rem 2rem;}


}


@media screen and (max-height: 700px) {
 /*  .box-categorie { bottom: -6.5rem;} */
  .box-categorie__ico img {width: 5rem;}
  .tit1 { font-size: 4rem;}
  /* .logo { width: 27rem;} */
  .contenuto {padding: 0 0 0 6%;}
  .box-txt-abs {bottom: 0;}
  #modal-content {left: 50%;top: 0;transform: translate(-50%,0);}
}


@media screen and (max-height: 475px) {
	.overlay a { font-size: 2rem;}

  .box-txt-abs {bottom: 0;height: auto;padding: 3rem 2% 5rem; /* position: relative; */ width: 100%; background: #F7F7F7;}
    .box-txt-abs .onda1 {display: none;}
    .box-txt-abs .bl {width: 100%; top: 0; transform: none;}
    .sottotitolo {font-size: 2.5rem;}
    .tit1 {font-size: 3.8rem;}

  #modal-container {overflow: scroll;}
  #modal-content { top: 0; left: 0; right: 0; transform: none; margin: 2rem auto;}
  .modal-wrapper.is-open {overflow: scroll; align-content: flex-start; padding: 4rem 0;}

}
@media screen and (min-width: 768px) and (max-height: 700px) {
  .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {height: 130vh;}
}
@media screen and (max-width: 768px) and (max-height: 700px) {
  #slide-home .splide__arrow {top: 44vh;}
  .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {height: 130vh;}
}
@media screen and (max-width: 768px) and (max-height: 420px) {
  .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {height: 180vh;}
  .splide__slide img.img-slide {max-height: 70%;}
  #slide-home .splide__arrow {top: 55vh;}
}
@media screen and (max-width: 320px) and (max-height: 500px) {
  .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {height: 180vh;}
  .splide__slide img.img-slide {max-height: 70%;}
  #slide-home .splide__arrow {top: 55vh;}
}
@media screen and (max-width: 540px) and (max-height: 350px) {
  .splide#slide-home, .splide#slide-home .splide__list, .splide#slide-home .splide__slide, .splide#slide-home .splide__track {height: 230vh;}
  .splide__slide img.img-slide {max-height: 70%;}
  #slide-home .splide__arrow {top: 65vh;}
}
/* @media screen and (max-width: 580px) and (max-height: 700px) {
  #slide-home .splide__arrow {top: 47%;}
}
 */