/*!
 * App style
 */
    /*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
    @import url('https://fonts.googleapis.com/css2?family=Andada+Pro:ital,wght@0,400..840;1,400..840&display=swap');
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

    body {font-family: "Montserrat", sans-serif; }
    
    :root {
    --yellow: #DC911B;
    --brown: #724F2B;
    --gold: #CAC3BB;
    --grey: #625558;
    }

    #powered {
        display: flex;
        width: 120px;
        /* margin: 13px auto; */
    }

    #svg-mtn {
        display: flex;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #powered path#sub-heart {
        fill: #cd0a00!important;
    }



    .titolo.truncate {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .testo.truncate {
        display: -webkit-box!important;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .subfont {font-family: "Andada Pro", serif;}

    a, a:hover {text-decoration: none;}

    .generico {height: 43px; border-radius: 0; min-width: 160px; display: flex; align-items: center; justify-content: center;}

    .bg-conf {background-color: var(--yellow);}

    .img-fit {max-width: 100%; max-height: 100%; object-fit: cover; display: flex; margin: 0 auto;}
    .img-contain {max-width: 100%; max-height: 100%; object-fit:contain; display: flex; margin: 0 auto;}
    
    .breadcrumb-bg ,
    .breadcrumb { background-color: #F8E9D1; }
    #geoindirizzo {display: none;}
    #nrprcar {height: 20px; background-color: var(--yellow);} 


    .npt-container {display: flex; flex-direction: column; }


    .swiper-pagination {margin-top: 9px;}

    .pswp-gallery{position: relative;}
    .pswp-gallery:before {content: '\F62C'; font-family: bootstrap-icons !important; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; border: none; z-index:2; font-size: 1.5rem;}
    .thscroll {display: flex; width: 100%; height: 20px; background-color: #373737; font-size: .7rem; align-items: center; justify-content: center; color: #fff; }
    #mainNav.offcanvas-collapse {
        z-index: 16;
        position: fixed;
        top: 0px;
        /* Height of navbar */
        bottom: 0;
        left: -27%;
        width: 27%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }

    #mainNav.offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

  #hamburger {
      position: relative;
      display: flex;
      /* background-color: aqua; */
      z-index: 0;
      width: 30px;
      height: 24px;
      visibility: visible;
      top: 0!important;
      left: 0;
      padding: 0;
  }
  
  #hamburger.open {
    left: 0!important;
    transform: none!important;
  }

  #hamburger span {
    position: absolute!important;
    right: 0!important;
    width: 30px!important;
    height: 4px!important;
    border-right: 5px!important;
    background-color: #ffffff!important;
  }

#hamburger span:nth-child(1) {
    top: 0;
    transition: all .2s;
}

#hamburger span:nth-child(2) {
    top: 10px;
    transition: all .15s;
}

#hamburger span:nth-child(3) {
    top: 10px;
    transition: all .15s;
}

#hamburger span:nth-child(4) {
    top: 20px;
    transition: all .2s;
}

/* opened */
#hamburger.open span:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}
#hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .25s;
}

#hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .25s;
}

#hamburger.open span:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}

.closetog {
    background-color: transparent;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius:  50px;
    font-size: 1.6rem; 
    line-height: 1;
    color: var(--yellow);
    margin-top: 5px;
}
.closetog:hover {color: #fff; background-color: rgba(226,28,45, 6);}



#smallacc,
#smallcart {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#smallacc .label,
#smallcart .label {
    font-size: .625rem;
    text-transform: uppercase;
}
#smallacc i,
#smallcart i {
    color: var(--yellow);
    font-size: 1.625rem;
}


#myst {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    z-index: 15;
    cursor: pointer;
}

#myst.open {display: flex;}

#mainNav {
    flex-direction: column; 
}
#mainNav #f-line {display: flex; justify-content: space-between; width: 100%; padding: 35px; align-items: center;}

#tog {
    background-color: #724F2B;
    height: 40px;
    border-radius: 20px;
    min-width: 160px;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    padding: 0 30px; 
    z-index: 2;
    margin-left: 22px;
}

nav#messaggio {height: 41px; display: flex; align-items: center; background-color: var(--yellow); color: #fff; text-align: center;}
nav#messaggio small {font-size: .825rem; font-weight: 700;}
/* .toggler {background-color: transparent; display: flex; flex-direction: column; align-items: center;}
 */.toggler h6 {font-size: .625rem; color: #fff; text-transform: uppercase; margin: 0 0 0 10px; padding: 0;}

    #prehead {display: flex; height: 40px; background-color: #DC911B; }
    #prehead .container {display: flex; justify-content: space-between; align-items: center;}
     #prehead .container #sx {margin: 0;  column-gap: 8px;}

    #prehead .container #sx li a {font-weight: 400; font-size: 0.875rem; color: #fff; text-decoration: none;}
        #prehead .container #sx li a:hover {color: #724F2B!important; text-decoration: none; }

    #prehead #dx {column-gap: 8px; }
        #prehead #dx li a {color: #fff; }
        #prehead #dx li a:hover {color: #724F2B!important; text-decoration: none; }

.search-bar {
    width: 500px;
    height: 40px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: transparent;
    border: 1px solid #CECECE;
    border-left: none;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: -25px;
    margin-right: 10px;
}
.search-bar .research {margin: 0; display: flex; width: 100%; justify-content: space-between; height: 44px;}
.search-bar .research #searchInput {background-color: transparent; border:none; margin-left: 25px;}
.search-bar .research #searchInput:focus-visible,
.search-bar .research #searchInput:focus {outline: none;}

.search-bar .research .fa {display:flex; width: 67px; height: 44px; align-items: center; justify-content: center; border-radius: 22px; background-color: transparent; color: #DC911B; }
.menSubLink {
    display: flex;
    flex-direction: column;
    padding: 10px 0 10px 12px;
    margin: 0; 
}
._slink {
    display: flex;
    text-transform: uppercase;
    align-items: center;
    text-decoration: none;
    font-size: 1rem;
    background-color: transparent;
    border: none;
    padding: 0;
    color: #000;
}
._slink > i {
/*     transition: 0.25s;
    transition-timing-function: ease-out;
    transform: rotate(0); */
    color: #e21c2d;
}
._slink:hover,
._slink.collapsed:hover > i{
    text-decoration: none;
    color: var(--yellow);
}

._slink.collapsed > i {
    /*rotate: 180deg;*/
    color: #000;
}
._slink .fa-plus {display: none;}
._slink .fa-minus {display: inline-block}

._slink.collapsed .fa-plus {display: inline-block}
._slink.collapsed .fa-minus {display: none;}

#accordionMenu .card-header {border-bottom: none; align-items: center;}
#accordionMenu .menSubLink {padding: 6px 0 6px 40px;}
    #accordionMenu .menSubLink.deeper {padding: 2px 0 6px 17px;}

    #dropdownMenuLink:after {content: ''; display: none; }

#dropdownMenuLink {display: flex; flex-direction: column; align-items: center;}
#dropdownMenuLink span {font-size: .725rem;}
#dropdownMenuLink i {font-size: 1.625rem; color: var(--sub-red);}

.card.simple {height: 37px; display: flex; justify-content: center; padding-left: 34px; }
.card .card-header {background-color: #fff; padding: 0 31px; height: 34px; display: flex; justify-content: space-between;}
    .card .card-header.deep {padding: 0px 31px 0 0;}
.card .card-header .b_slink {background-color: transparent; border: none; font-size: 1.5rem; font-weight: 700; }

.swiper-pagination { position: relative!important; display: flex; justify-content: center; top: 0!important; left: 0!important; }
.swiper-pagination-bullet {width: 20px!important; height: 20px!important; background-color: var(--brown)!important; display: flex!important; align-items: center; justify-content: center; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active:before {content: ''; display: flex; width: 14px; height: 14px; background-color: #DC911B; border-radius: 50%; }


/** BANNER **/
.hbg_main_container {display: flex; width: 100%; height: 250px; }
#eccellenze-slider .swiper-slide{height: 100%; }

#belt_banner_azienda {margin-top: 30px; margin-bottom: 79px;}
#belt_banner_azienda .head_bg_titolo {font-family: "Andada Pro", serif; color: #fff; text-align: center; font-size: 1.75rem; font-weight: 700;}
#belt_banner_azienda .head_bg_sottotitolo {font-size: 1rem; color: #000; text-align: center;}

#banner-belt a {text-decoration: none;}
#banner-belt .head_bg_titolo {font-size: 2.438rem; font-weight: 700; color: #fff; text-align: center; /*font-family: "Andada Pro", serif;*/}
#banner-belt .head_bg_sottotitolo {font-size: 1.125rem; color: #fff; text-align: center;}

.hbg_main_container {background-repeat: no-repeat; }
.hbg_sub_container .hbl {height: 55px; width: fit-content; padding: 0 24px; background-color: #DC911B; display: flex; align-items: center; justify-content: center; font-size: 1.625rem; font-weight: 600; color: #fff; text-decoration: none; text-transform: uppercase;}
.hbg_sub_container {display: flex; flex-direction: column; justify-content: flex-end; background-repeat: no-repeat; padding-bottom: 38px;}
.hbg_sub_container .head_bg_testo {color: #fff; font-size: 2.875rem; font-weight: 800; text-align: left;}

#swiper-pagination-banner.swiper-pagination {justify-content: flex-end;} 
#swiper-pagination-banner .swiper-pagination-bullet {background-color: #fff!important; }
#swiper-pagination-banner .swiper-pagination-bullet {margin-top: -40px!important; }

#eccellenze-slider .head_bg_titolo {
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    font-family: "Andada Pro", serif;
    font-weight: 700;
    line-height: 1;
}

#eccellenze-slider .head_bg_sottotitolo {
    text-align: center;
    color: #fff;
}
#eccelleze-slider .hbg_sub_container {
    padding-bottom: 30px; 
}

/** NOVITA **/
#belt-novita {margin-top: 81px; }
#swiper-pagination-novita {margin-top: 20px; }





/** **/
.item.categorie {background-color: white /*#FBF2E5*/; display: flex; flex-direction: column; /* border: 1px solid #707070; border-radius: 16px; */ padding: 0px; 
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}
.item.categorie .thumb { height: 260px; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center;}
    /*.item.categorie .thumb img {width: 100%; height: 100%; object-fit: cover;}*/
    .item.categorie .titolo {font-size: 1.2rem; color: var(--yellow); font-weight: 700; text-align:center; margin: 0 10px; } 
    .item.categorie .titolo.pic {background-color: rgba(0,0,0,.4); margin: 0 10px; padding: 7px 0;}
.item.prodotto {background-color: white /*#FBF2E5*/; display: flex; flex-direction: column; /* border: 1px solid #707070; border-radius: 16px; */ padding: 10px; 
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}
.item.prodotto .infobox {margin-top: 4px;}
.item.prodotto .infobox .logtobuy {background-color: #F8E9D1; color: var(--yellow); padding: 5px; }
.item.prodotto .infobox .logtobuy p {font-size: .755rem; line-height: 14px; margin: 0;  }
.item.prodotto .infobox .logtobuy a {font-size: .755rem; color: #000; text-decoration: none;}
.item.categorie.pic:hover .titolo { color: #fff; }
.item.categorie.nopic:hover .titolo {
    color: var(--brown);
}

    .item.prodotto .thumb {height: 236px;}
    .item.prodotto .thumb a {height: inherit;}
    .item.prodotto .item-info {display: flex; flex-direction: row; justify-content: space-between;}
    .item.prodotto .item-codice {padding: 0; font-size: 0.75rem; font-weight: 700; margin: .375rem 0;}
    .item.prodotto .item-modello {padding: 0; font-size: 0.75rem; line-height: 14px; font-weight: 400;}
        .item.prodotto .item-info .ccart .col-8, 
        .item.prodotto .item-info .ccart .ccartqta {display: none;} /* al momento lo agganciamo ad una classe generica */
        .item.prodotto .item-info .ccart .btn {width: 29px; height: 29px; display: flex; align-items: center; justify-content: center;}
            .item.prodotto .item-info .ccart .btn .label {display: none;}
            .item.prodotto .item-info form label {display: flex; margin: 0; }
                .item.prodotto .item-info form label .label {display: none;}
                .item.prodotto .item-info form label small {display: none;}
        .item.prodotto .item-info .ccart .form-group {margin:0!important;} 
    .item.prodotto .item-prezzo {font-size: 1.125rem; font-weight: 800; color: var(--yellow); position: relative; width: 100%; }
    .item.prodotto .item-prezzo .delprice {font-size: .905rem; font-weight: 700; color: #242426; margin-right: 7px; position: relative;}
    .delprice:before {content: ''; width: 100%; position: absolute; right: 0; top: 50%; border-bottom: 2px solid var(--red); -webkit-transform: skewY(-10deg); transform: skewY(-10deg); }
    .item.prodotto .data-offerta {height: 19px; }
    .item.prodotto .data-offerta {font-size: .75rem; width: 100%; color: var(--yellow); }
    .item.prodotto .data-offerta span {font-size: .65rem; font-weight: 700; color: #000;}
    .item.prodotto .nopriceset {font-size: .9rem; text-align: center;}

.titolo-belt {color: var(--sub-red); font-size:1.5rem; font-weight:800; text-transform: uppercase;  }

.truncated-text {width: 100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}


/** PER EFFETTP MULTIPLY */
.multiply .fascia {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.multiply .badger {
    height: 50px; 
    padding: 0 1.563rem; 
    color: #fff; 
    font-size: 1.313rem; 
    text-transform: uppercase; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    position: absolute;
    width: fit-content;
    background-color: rgba(226, 25, 45, 1);
    mix-blend-mode: multiply; 
    border-radius: 20px;
    z-index: 1;
}
.multiply .fx {
    font-size: 1.313rem;
    color: #fff;
    font-weight: 400;
    z-index: 11;
    text-transform: uppercase;
} 
/** CATEGORIE IN HOME PAGE **/

    .pre-titolo {
        display: inline-flex;
        width: 100%;
        font-size: 1.25rem;
        color: var(--brown);
        font-weight: 600;
        justify-content: center;
    }
    .titolo {
        display: inline-flex;
        width: 100%;
        font-size: clamp(2.225rem, 2.625rem, 2.825rem);
        color: var(--yellow);
        font-weight: 800;
        justify-content: center;
    }

    .testo {
        display: inline-flex;
        width: 100%;
        font-size: 0.875rem;
        color: #000;
        font-weight: 400;
        justify-content: center;
        text-align: center;
    }



    #belt-selezioni .govetrina {
        height: 40px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 250px;
        color: #fff;
        text-transform: uppercase;
        background-color: #724F2B;
        margin: 35px auto 0;
    }
    #belt-selezioni .govetrina:hover {
        background-color: #DC911B;
        color: #724F2B;
    }

    #selezioni-slider {padding: 5px;}
    
    .npt-container {margin: 25px 0;}
    .npt-container img {height: 255px;}
    .npt-container .titolo {font-size: 1.6rem; font-weight: 700;  }

    #belt_banner_sconto {margin-top: 26px; }
    #belt_banner_sconto .head_bg_titolo {text-align: center; font-size: 2rem; color: var(--yellow); font-family: "Andada Pro", serif; }
    #belt_banner_sconto .head_bg_sottotitolo {text-align: center; font-size: 1.2rem; color: var(--yellow); } 

    #cage-marchi {background-color: #DC911B;}
        #cage-marchi .titolo {color: #fff; }

#belt-categoria {margin-top: 35px; margin-bottom: 50px;}
.item.categoria {max-width: 100%; height: 260px; display: flex; overflow: hidden;}
.item.categoria .bg {
    background-repeat: no-repeat; 
    background-size: 120%; 
    background-position: center; 
    width: 100%; height: 100%; 
    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    padding-bottom: 11px; 
	-webkit-transition: background-size 1100ms linear;
	-moz-transition: background-size 1100 linear;
	-o-transition: background-size 1100 linear
	-ms-transition: background-size 1100ms linear;
	transition: background-size 1100ms linear;
}
.item.categoria .bg:hover {
    background-size: 150%;  
}


#belt-categoria .container.wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(326px,100%), 1fr));
    grid-gap: 1rem;
}

/**  BANNER IN HOME PRE FOOTER **/
#banner-prefooter {margin-top: 50px; margin-bottom: 70px; }
#cont-banner-prefooter {min-height: 400px;}
#cont-banner-prefooter.container.wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(34.5rem, 100%),0fr));
    grid-gap: 1.875rem;
}
#cont-banner-prefooter .hbg_sub_container {height: 400px;}
#banner-prefooter .head_bg_testo {font-size: 1.75rem; line-height: 1.75rem; }

/** NEWSLETTER **/
#sec-newsletter {margin-top: 50px; margin-bottom: 21px; display: flex; flex-wrap: wrap;}
#sec-newsletter .titolo {font-size: 1.125rem; font-weight: 700; justify-content: flex-start; margin-bottom: .5rem; }
#sec-newsletter .testo {color: #fff; font-size: .625rem; text-align: left; }
#sec-newsletter #mailing {display: flex; flex: 1 0 50%; flex-direction: column;}
#sec-newsletter #mailing #bordo {border: none; padding: 0px; display: flex; }
#sec-newsletter #mailing #emailing {height: 43px; border: none;}
#sec-newsletter #mailing #conferma {height: 43px; color: #925e5e; border:none; text-transform: uppercase; display: flex; align-items: center; justify-content: center; min-width: 115px;}
#sec-newsletter #mailing .radio-inline {text-align: left;}
#sec-newsletter #mailing .radio-inline span {font-size: 0.8rem; margin-left: 5px; line-height: 1; color: #fff; }
#sec-newsletter .msgmailing p {font-size: .725rem; color: #fff; }
#sec-newsletter #nwboard #plate {background-color: antiquewhite; padding: 5px; }
#sec-newsletter #aznewsletter {border: none; min-width: 130px;}
/** LIVE SEARCH **/
.live-search-list {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
    color: black;
    width: calc(100% - 11px);
    max-height: 350px;
    overflow-y: scroll;
    /* padding-bottom: 10px; */
    z-index: 999999;
    flex-wrap: wrap;
    box-shadow: 0px 6px 5px -2px #c1c1c1;
    top: 44px;
}
.live-search-list > div.prod {
/*     display: none;
 */    flex: 0 0 50%;
    max-width: 50%;
    border: 1px solid rgb(208 208 208 / 25%);
}
.live-search-list > div.prod a {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}
.live-search-list > div.prod img {
    flex: 0 0 50%;
    max-width: 50%;
    object-fit: contain;
    height: 100%;
    max-height: 100px;
}
.live-search-list > div.prod a > span {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
    padding-left: 10px;
}
.live-search-list > div.all {
    flex: 0 0 100%;
    padding: 15px;
    background-color: black;
    color: white !important;
}
.live-search-list > div.prod a > span p {
    text-overflow: ellipsis;
    color: black;
    font-size: .75rem;
    margin-bottom: 0;
}
.live-search-list > div.prod a > span .prezzo {
    font-size: 120%;
}
.live-search-list > div.prod a > span .value {
    font-weight: bold;
    font-size: 150%;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
	margin-bottom: 0;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked+.slider {
	background-color: #cc0000;
}
input:focus+.slider {
	box-shadow: 0 0 1px #cc0000;
}
input:checked+.slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
.live-search-list-header-row {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    color: white;
    text-transform: uppercase;
    flex: 0 0 100%;
    font-size: 16px;
    position: sticky;
    top: 0;
}

/* Rounded sliders */
.slider.round {
    border-radius: 18px;
    border: 2px solid #e21c2d;
}
.slider.round:before {
	border-radius: 50%;
}

/** BLOCCO POSTS **/
#blocco-posts .title {color: var(--yellow); }


/** BLOCCO CONTATTI **/
#blocco-contatti #captcha {border: 3px solid #f0f0f0; height: 49px; width: auto; padding: 2px; } 
#blocco-contatti i {display: flex; height: 49px; width: 49px; align-items: center; justify-content: center; background-color: var(--yellow); color: #fff; }
#blocco-contatti .form-group {margin: 0;}
#blocco-contatti textarea {height: 130px; }
#blocco-contatti #VerCode {max-width: 240px;}

/* BLOCCO PREFOOTER ITEM - NEWS */
#cont-blocco-prefooter {display: flex; flex-wrap: wrap; }
/* #cont-blocco-prefooter .item.prodotto{flex-direction: row;} */
#cont-blocco-prefooter .semi {display: flex; width: 48%; max-width: 48%; flex-direction: column; }
#cont-blocco-prefooter .semi .titolo {color: #DC911B; font-size: 1.75rem; justify-content: flex-start; }
#cont-blocco-prefooter .semi.news .item.news {display: flex; flex-direction: row; column-gap: 10px; }
#cont-blocco-prefooter .semi.news .item.news .spalla {flex: 1 0 60%;}
#cont-blocco-prefooter .semi.news .item.news .spalla .titolo {font-size: .875rem; line-height: 18px; color: #000; }
#cont-blocco-prefooter .semi.news .item.news .spalla .testo {font-size: .875rem; line-height: 18px; color: #000; text-align: left; font-weight: 400; }
#cont-blocco-prefooter .semi.news .item.news:hover > .spalla .titolo {color: var(--yellow)!important;}
#cont-blocco-prefooter .semi.news .item.news .oblo {flex: 1 0 40%; background-repeat: no-repeat; background-position: center; background-size: cover; }
#cont-blocco-prefooter {padding: 0; justify-content: space-between; }
#cont-blocco-prefooter #window-slider {width: 100%; padding: 3px;} 
#blocco-prefooter #griglia-news {display: flex; flex-wrap: wrap; row-gap: 15px; }
#cont-blocco-prefooter .infobox {padding: 5px 0 0 5px; }


/*** FOOTER ***/
.messenger-button {
    position: fixed;
    background-color: var(--yellow);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: max(10px, min(1.73vw, 30px));
    padding: 10px;
    bottom: 20px;
    border-radius: 50%;
    width: max(40px, min(7vw, 65px));
    height: max(40px, min(7vw, 65px));
    box-sizing: content-box;
    z-index: 1000;
}
.messenger-button i {
    font-size: max(35px, min(4.8vw, 34px));
    animation: bellAnimation 10s infinite;
}
.messenger-button span {
    font-size: .725rem;
}

footer {margin-top: 54px;}
footer .list-title {font-size: .75rem; text-transform: uppercase; color: #fff; width: fit-content; padding-bottom: 6px; margin-bottom: 5px;}
footer .list-title.bordered { border-bottom: 2px solid #fff;}
.nolist {list-style: none; padding: 0; color: #fff; }
.footer-list li {line-height: 1.1; margin-bottom: 4px;}
.footer-list li,
.footer-list a {color: #fff; font-size: .75rem;}
.footer-list a:hover {color: #000;}

footer #topper {background-color: #00492C; padding-top: 30px; }

#footer-line {font-size: .825rem; }

#social-cont {display: flex; flex-direction: column; align-items: flex-end;}
#payment-cont {display: flex; flex-direction: column; align-items: flex-end;}
.ob-socials {display: flex; align-items: center; justify-content: center;  line-height: 1;}
.ob-socials .oblo {display: flex; width: 25px; height: 25px; border: 1px solid #fff; align-items: center; justify-content: center; border-radius: 50%; }
#fb_link {}
#lk_link {}
#ig_link {font-size: 1.55rem;}
#list-socials {display: flex; justify-content: flex-end; column-gap: 7px;}

/*** GRIGLIA ELENCO ***/
#titolo-sezione {font-size: 2.25rem; font-weight: 700; margin: 15px 0;}


  #blocco-elenco .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 351px));
    grid-gap: 28px;
    background-color: transparent;
  }

.articolo.item .titolo {
    font-size: 1.063rem;
    color: var(--yellow);
    font-weight: 700;
    line-height: 1.1;
  }

  .articolo.item a {
    font-size: 0.863rem;
    color: var(--yellow);
    text-decoration: none;

  }

  .articolo.item a:hover {
    color: var(--sub-red);
  }

  .articolo.item .datario {
    font-size: .75rem;
    color: #000;
    margin-top: 7px;
    font-weight: 700;
  }

  .articolo.item .entry-thumb {
    width: 100%;
    height: 216px;
    background-position: center;
    background-repeat: no-repeat;
  }

  .articolo.item .descrizione {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .articolo.item .descrizione.truncate {
    display: -webkit-box!important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .articolo.item .titolo.truncate {
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #blocco-elenco #container-paginazione {height: 61px; background-color: #F0F0F0; display: flex; justify-content: center; margin: 48px 0; border-radius: 4px; }

  #blocco-elencodettaglio #dettaglio .info {font-size: 2.25rem; color: var(--yellow); font-weight: 700; line-height: 2.625rem; padding-right: 33%;}
  #blocco-elencodettaglio #dettaglio .testo {font-size: .875rem; line-height: 1.125rem; margin-top: 38px; display: flex; flex-wrap: wrap; text-align: left; justify-content: flex-start;}
  #blocco-elencodettaglio #dettaglio .testo ul {list-style: none;}
  #blocco-elencodettaglio hr {margin: 54px 0; border-top-color: #707070;}

/*** BREADCRAMP **/
.breadcrumb {font-size: .7rem;}

.gotop {
    width: 34px;
    border-radius: 3px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dc911b;
    color: #fff;
}
.gotop:hover {
    color: #704b10
}

/*** GRIGLIA PRODOTTI ***/

    /** MENU COLLAPSE **/
        #mainFilter.offcanvas-collapse {
        z-index: 16;
        position: fixed;
        top: 0px;
        /* Height of navbar */
        bottom: 0;
        right: -27%;
        width: 27%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }

    #mainFilter.offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    #mainFilter #ordina-cont .titolo {font-size: 1.3rem; color: #000; font-weight: 700; }
    #mainFilter select { height: 49px; border: 3px solid #f0f0f0; border-radius: 0; }

    #mainFilter #filtra-cont {margin-top: 1.3rem; }
    #mainFilter #filtra-cont .titolo {font-size: 1.3rem; color: #000; font-weight: 700; }
    #mainFilter #filtra-cont #nav-filtri {display: flex; column-gap: 10px; flex-wrap: wrap;}
    #mainFilter #filtra-cont #nav-filtri input {flex: 1 0 48%;}
    #mainFilter #filtra-cont .karb {
        display: flex; 
        min-width: 160px; 
        max-width: 260px; 
        height: 58px; 
        background-color: transparent; 
        align-items: center; 
        justify-content: center; 
        border: 5px solid #F0F0F0; 
        text-transform: uppercase;
        font-weight: 700; 
        font-size: .75rem; 
        margin-top: 1rem;
    }
    #mainFilter #filtra-cont .karb:hover {
        background-color: var(--yellow);
        border-color: var(--yellow);
        color: #fff;
    }


#col-cat ._slink {font-size: .875rem; text-transform: none; }
    #col-cat ._slink .fa-minus {display: inline;}
    #col-cat ._slink .fa-plus {display: none;}

    #col-cat ._slink.collapsed .fa-minus {display: none;}
    #col-cat ._slink.collapsed .fa-plus {display: inline-block;}

#col-cat .card .card-header, 
#col-cat .card.simple {height: fit-content;}


#col-cat .card {
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    padding: 5px 7px;
}
#col-cat .card-header {border-bottom: none; padding:0;}
#col-cat .card-header .fa-solid {font-size: .534rem;} 



#gobbo {margin-bottom: 25px; border-bottom: 5px solid var(--yellow); }
#gobbo .titolo {
    display: inline-flex;
    width: 100%;
    font-size: 1.375rem;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    justify-content: flex-start;
}
#gobbo #tabellone {background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 258px; display:flex;  align-items: flex-end; padding-bottom: 50px;}
#gobbo .tab-text {font-size: .875rem; line-height: 1.1rem; padding: 0 20px; margin-top: 18px;}

#cont-oblo.container.wrapper {display: grid; grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr)); grid-gap: 1rem; }
#cont-oblo .ocard {display: flex; flex-direction: column; align-items: center;}
#cont-oblo .ocard .oblo {display: flex; width: 105px; height: 105px; align-items: center; justify-content: center; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
#cont-oblo .ocard small {color: var(--yellow); margin-top: 19px; text-transform: uppercase; }

#blocco-griglia #pin-cat {color: #000; font-size: 1rem; font-weight: 800; background-color: #F6F6F6; display: flex; width: 100%; height: 40px; align-items: center; padding-left: 10px; }


#blocco-griglia #toggle-filter {background-color: transparent; border: none; display: flex; align-items: center;}
/* #cont-griglia .col-cat {display: flex; flex-direction: column; flex: 1 0 25%;}
 */ #cont-griglia .wrapper {
    display: grid;
    grid-template-columns: repeat(
       auto-fit,
       minmax(min(16.31rem, 47%), 6rem)
    );
    grid-gap: 1rem;
}

#paginazione {
    margin: 50px 0;
    background-color: #F0F0F0;
    display: flex;
    border-radius: 4px;
    width: 100%;
    min-height: 61px;
    justify-content: center;
    align-items: center;
}


/* */
#blocco-shopdettaglio #sub-prod-gal {
    display: flex;
    max-height: 510px;
}
#blocco-shopdettaglio #thumber {flex: 1 0 20%; max-width: 20%;}
#blocco-shopdettaglio .sliderProdotto {flex: 1 0 80%; max-width: 80%;}
#blocco-shopdettaglio .prodottoThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#blocco-shopdettaglio #col-shop {
    /* margin-top: -55px; */
    margin-top: 35px;
}

#blocco-shopdettaglio .info h4 { 
    font-size: 2.25rem;
    color: #000;
    font-weight: 700;
}

#blocco-shopdettaglio form .form-group {
    display: flex;
    justify-content: space-between; /* flex-end;*/
    flex-wrap: nowrap; /*wrap;*/
    align-items: center;

}
#blocco-shopdettaglio form label {display: flex; flex-wrap: wrap; max-width: 130px; margin-bottom: 0;}
    #blocco-shopdettaglio form label .label {width: 100%; font-size: 1rem; font-weight: 700; color: #000; }

#blocco-shopdettaglio form .ccartqta { height: 30px; padding:0 0.75rem; width: 54px; margin-right: 10px;}

#blocco-shopdettaglio #addtocart {width: 270px; border-radius: 0; height: 54px; color: #fff; margin-top: 0; /*54px;*/ }
#blocco-shopdettaglio #addtocart i {display: none; }
#blocco-shopdettaglio small#add,
#blocco-shopdettaglio small#sub {display: flex; width: 28px; height: 30px; align-items: center; justify-content: center; border: 1px solid #F0F0F0; border-radius: 4px; margin-left: 3px; cursor: pointer; line-height: 1;}
#blocco-shopdettaglio small#add:hover,
#blocco-shopdettaglio small#sub:hover { background-color: #F0F0F0; }

#blocco-shopdettaglio .info.codice {font-size: 1.25rem; color: #707070; margin-top: 1.3rem; }
#blocco-shopdettaglio .info.shortdesc {font-size: 1rem; line-height: 1.375rem; color: #000; font-weight: 400; margin-bottom: 2rem;}
#blocco-shopdettaglio .info.prezzo {display: flex; flex-direction: column; position: relative; margin-bottom: 15px; }
#blocco-shopdettaglio .info.prezzo .delprice {display: flex; width: fit-content; position: relative; font-weight: 700; font-size: 1.3rem; }
#blocco-shopdettaglio .info.prezzo .topay {font-size: 2.875rem; color: #724F2B; font-weight: 700; margin: 0; line-height: 1;}
#blocco-shopdettaglio .info .label {display: flex; width: 100%; font-size: 1rem; color: #000; font-weight: bold; text-transform: uppercase; /*border-bottom: 1px solid #707070;*/ margin-top: 3px; margin-bottom: 9px; }
#blocco-shopdettaglio .info.descrizione p {font-size: 1rem; line-height: 1.275rem;}
#blocco-shopdettaglio .info.caratteristiche {display: flex; flex-direction: column;}
#blocco-shopdettaglio .info.offerta .data-offerta { font-size: .85rem; width: 100%; color: var(--yellow); }
#blocco-shopdettaglio .info.offerta .data-offerta span { font-size: .75rem; font-weight: 700; color: #000; }
.f_da,  .f_a {font-size: 1.6rem; font-weight: 600;}
.f_p_da, .f_p_a {color: #724F2B; font-weight: 700; font-size: 1.8rem;}


#blocco-shopdettaglio .info.caratteristiche .label {display: flex; width: 100%; font-size: 1rem; color: #000; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #707070; margin-top: 3px; margin-bottom: 9px; }

#blocco-shopdettaglio .info.documenti .boxlink {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(131px, 141px)); grid-gap: 10px; 
}
#blocco-shopdettaglio .info.documenti .boxlink a {
    height: 156px; 
    display: flex;
    flex-direction: column;
    border: 1px solid #d7d7d7;
}
#blocco-shopdettaglio .info.documenti .boxlink a .icona {height: 114px; display: flex; align-items: center; justify-content: center; font-size:  2rem; color: var(--sub-red);}
#blocco-shopdettaglio .info.documenti .boxlink a .titolo {    
    display: flex;
    height: 40px;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.125);
    color: #555;
    font-size: .625rem;
    line-height: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    position: relative;
}
#blocco-shopdettaglio .info.documenti .boxlink a .titolo:after {
   content: "\f0ab";
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   position: absolute;
   transition: all 0.2s ease-in-out;
   background-color: var(--sub-red);
   opacity: 0;
   top: 0;
   left:0;
   display: flex;
    height: 40px;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #fff; 
    font-size: 1.6rem;
}
#blocco-shopdettaglio .info.documenti .boxlink a:hover > .titolo:after  {
   opacity: 1;
}

#blocco-shopdettaglio .logtobuy {
    background-color: var(--yellow);
    padding: 11px 9px;
    color: #fff; 
    display: flex;
    font-size: .825rem;
}
#blocco-shopdettaglio .logtobuy a {color: #fff; text-decoration: none; display: flex; justify-content: center; margin-left: 3px; }

#same-cat-container #samecat-slider {padding: 10px 5px;}
#same-cat-container .titolo {font-size: 1.4rem; color: var(--yellow); font-weight: 700; margin-top: 12px;}
    .swiper-button-next:hover, .swiper-button-prev:hover {
        opacity: .7!important;
    }
#same-cat-container .navigator {
    display: flex;
    justify-content: space-between;
    background-color: aliceblue;
    margin-left: -35px;
    margin-right: -35px;
}
#same-cat-container .swiper-button-next, .swiper-button-prev {
    position: relative!important;
    margin-top: -195px!important;
    left:0!important;
    right: 0!important;
    color: var(--yellow)!important;
}
#same-cat-container .swiper-button-next {
    margin-left: auto!important;
}
#same-cat-container .swiper-button-prev {
    margin-right: auto!important;
}


/* PRODOTTI CORRELATI */
#prodotti-correlati .titolo {
    font-size: 1.4rem;
    color: var(--yellow);
    font-weight: 700;
    margin-top: 25px;
}
#prodotti-correlati #correlati-slider {padding: 6px;}




/* */
#modalCart .modal-header {justify-content: center;}
#modalCart .thumb {
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(- 1, 1);
    rotate: 10deg;
    font-size: 1.7rem;
    margin-right: 5px;
    color: var(--sub-red);
}
#modalCart .modal-footer {justify-content: space-between;}
#modalCart .modal-footer button {display: flex; align-items: center; width: fit-content; padding:  0 10px; border-radius: 0; height: 40px; font-size: .805rem; flex: 1 0 46%; justify-content: center;}

#m_contenitore {display: flex; flex-wrap: wrap; }
#m_blocco_sx {flex: 1 0 42%; display: flex; justify-content: center;}
#m_blocco_sx img {max-height: 270px;}
#m_blocco_dx {display: flex; flex-direction: column; flex: 1 0 58%; padding-left: 20px; }
    #m_blocco_dx #m_modello {font-size: 1.2rem; font-weight: 700;}
    #m_blocco_dx #m_prezzo {position: relative;}
        #m_blocco_dx #m_codice {font-size: .7rem; margin-bottom: .9rem; }
        #m_blocco_dx #m_prezzo .delprice {position: relative; font-weight: 700; font-size: .9rem; margin-left: 0rem;}
        #m_blocco_dx .data-offerta {color: var(--yellow); font-weight: 600;}
            #m_blocco_dx .data-offerta span {color: #000; font-size: .75rem}
        #m_blocco_dx #m_prezzo .topay {font-size: 1.3rem; color: var(--sub-red); font-weight: 700;}
        #m_blocco_dx #m_quantita {font-size: 1.2rem; font-weight: 700; color: var(--sub-red);}
        #m_blocco_dx #m_tot_riga {font-size: 1.2rem; font-weight: 700; color: var(--sub-red);}
         #m_blocco_dx strong {font-size: .9rem; font-weight: 700; color: #000; margin-right: .6rem;}
#m_sub_contenitore { display: flex; align-items: center; flex-direction: column; margin-top: 12px;}
    #m_sub_contenitore:before { content: ''; width: 43px; border-top: 3px solid var(--sub-red);}


.m_item_title { font-size: 1.3rem; font-weight: 700; align-items: center; display: flex; justify-content: center; margin-bottom: 9px; color: #000; text-decoration: none;}
#m_blocco_item { display: grid; grid-template-columns: repeat(auto-fit, minmax(136px, 146px)); grid-gap: 14px; }
#m_blocco_item .m_item {
    display: flex; 
    flex-direction: column;
    padding: 0 8px 5px;
    box-shadow: 0px 0px 11px 2px rgba(0,0,0,.1);
    -webkitbox-shadow: 0px 0px 11px 2px rgba(0,0,0,.1);
}

    #m_blocco_item .m_item .m_item_foto {display: flex; flex-direction: column;}
    #m_blocco_item .m_item .m_item_modello {font-size: .9rem; font-weight: 600; color: #000; text-decoration: none;}
    #m_blocco_item .m_item .m_item_offerta {}
    #m_blocco_item .m_item .m_item_prezzo {position:relative;}
        #m_blocco_item .m_item .m_item_prezzo .delprice {position: relative; font-size: .75rem; color: #000; text-decoration: none;}
        #m_blocco_item .m_item .m_item_prezzo .topay {font-size: 1.1rem; font-weight: 700; color: var(--sub-red);}
/*
    height: 40px;
    border-radius: 0;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0 10px; */
 #title-cont {display: flex; justify-content: center; column-gap: 60px; margin-bottom: 25px; margin-top: 25px; }
 #title-cont span {font-size: 1.375rem; color: #000;}


#blocco-carrello .bgleak {width: 100%; display: flex; background-color: #F8E9D1; height: 68px; margin-bottom: 12px; align-items: center;}

/*
					<span class="label prodotto"><strong><?php _e('Prodotto'); ?></strong></span>
					<span class="label quantita"><strong><?php _e('Q.tà'); ?></strong></span>
					<span class="label prezzo"><strong><?php _e('Prezzo'); ?></span>
					<span class="label totale"><strong><?php _e('Tot.riga'); ?></span>
					<span class="label erase"><strong><?php _e('Rimuovi'); ?></span>
*/

#blocco-carrello .bgleak .label.blank {flex: 1 0 16%}
#blocco-carrello .bgleak .label.prodotto {flex: 1 0 46%}
#blocco-carrello .bgleak .label.quantita {flex: 1 0 5%}
#blocco-carrello .bgleak .label.prezzo {flex: 1 0 5%}
#blocco-carrello .bgleak .label.totale {flex: 1 0 5%}
#blocco-carrello .bgleak .label.erase {flex: 1 0 1%}

#blocco-carrello #formcatz .item {display: flex; flex-wrap: nowrap; margin-bottom: 33px; column-gap: 15px;  }
#blocco-carrello .entry-thumb{flex: 1 0 18%; max-height: 270px; display: flex; justify-content: center;}
#blocco-carrello .cart-dx {flex: 1 0 82%; display: flex; column-gap: 15px;}
#blocco-carrello .cart-dx .content {flex: 1 0 60%; flex-direction: row;}
#blocco-carrello .cart-dx .info {flex: 1 0 10%;}
#blocco-carrello .cart-dx .price {flex: 1 0 10%;}
#blocco-carrello .cart-dx .price-tot {flex: 1 0 10%;}
#blocco-carrello .cart-dx .del {flex: 1 0 5%;}




#blocco-carrello .tacco {border-top: 68px solid #F8E9D1;}
#blocco-carrello .info .codice {font-size: 1rem; font-weight: 700; margin-bottom: 2px;}
#blocco-carrello .info a {font-size: .75rem; font-weight: 400; color: #000!important;}
    #blocco-carrello .info a:hover {color: var(--sub-red)!important;}

#blocco-carrello .price {font-size: 1.0rem; font-weight: 700; color: var(--yellow);}
#blocco-carrello .price-tot {font-size: 1.0rem; font-weight: 700; color: var(--yellow);}
#blocco-carrello .cqta {height: 30px; border-radius: 4px; border: 1px solid #F0F0F0; padding: 0 7px; }
#blocco-carrello #back_shop,

.karb {
    display: flex; 
    max-width: 261px; 
    height: 68px; 
    background-color: transparent; 
    align-items: center; 
    justify-content: center; 
    border: 5px solid #F0F0F0; 
    text-transform: uppercase;
    font-weight: 700; 
    font-size: .75rem; 
}

.karb:hover {
    background-color: var(--yellow);
    border-color: var(--yellow);
    color: #fff;
}

#cart-wrap {
    margin-top: 45px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 209px));
    grid-gap: 1rem;
    justify-content: end;
}

#blocco-carrello .row-cart {display: flex; justify-content: space-between;}
#blocco-carrello .row-cart .label {font-size: 1.375rem; }
#blocco-carrello .row-cart .value {font-size: 1.375rem; }

#blocco-carrello #codice_coupon {
    height: 68px;
    max-width: 261px; 
    background-color: transparent; 
    align-items: center; 
    justify-content: center; 
    border: 5px solid #F0F0F0; 
    font-weight: 700; 
    font-size: .8rem; 
}

#blocco-carrello #cage-coupon {
    max-width: 261px;
    display: flex;
    flex-direction: column;
}

#blocco-carrello #codice_coupon_btn {
    height: 68px;
    border-radius: 0; 
    font-size: 1.0rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px; 
    color: #fff;
}
#blocco-carrello #codice_coupon_btn:hover {
    color: #000;
}

#blocco-carrello #procediordine {
    display: flex;
    max-width: 261px;
    height: 68px;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    font-size: .75rem; 
    text-transform: uppercase;
    font-weight: 700;
}

/** CONFERMA ORDINE **/
.form-control {
    height: 49px;
    border: 3px solid #f0f0f0;
    border-radius: 0;
}

#blocco-confermaordine #codice_coupon_btn {border-radius: 0;}

 .eligible {font-size: .75rem; color: var(--brown); }
 .eligible.hide {display: none; }

#blocco-confermaordine #dx {position: relative; overflow: hidden;}
#blocco-confermaordine #dx:before {content: ''; display: flex; width: 100%; height: 100%; background-color: #F8E9D1; z-index:-1; position:absolute; left: 0; top: 0; }
#blocco-confermaordine .card {border-radius: 0;}
#blocco-confermaordine .mock-pay {text-align: center; color: #fff;}
#blocco-confermaordine #formcheckout .titolo {font-size: 1.8rem; color: var(--brown);}

#sum-title {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 600;
    padding-top: 12px;
}
#sumupmodal .close {
    background-color: var(--brown);
    height: 43px;
    min-width: fit-content;
    padding: 0 33px;
    border-radius: 24px;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    margin: 0 auto;
}

#blocco-confermaordine #couponapplicato {
    border: 3px solid #f0f0f0;
    border-radius: 0;
    flex: 1 0 65%;
    cursor: pointer;
    padding-left: 20px;
    font-size: 1.1rem;
    color: var(--orange);
}

#blocco-confermaordine #codice_coupon_del {
    width: 100%;
    height: 49px;
} 

#blocco-confermaordine #codice_coupon_del span {
    flex: 1 0 35%;
    height: 49px;
    background-color: #a31c1c;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: 700;
    font-size: clamp(.8rem, .9rem, 1rem);
}

#blocco-confermaordine #codice_coupon_del:hover > span {
    background-color: #e60606;
} 


#blocco-confermaordine #cont-pagamenti {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
    column-gap: 5%;
    margin-bottom: 15px; 
}

    #blocco-confermaordine #cont-pagamenti .spanbox {
        display: flex;
        flex: 1 0 47%;
        max-width: 47%;
    }

.select2 { height: 49px; }
#blocco-confermaordine .select2-selection {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0 !important;
    color: #000;
    border-radius: 0;
    height: 49px !important;
    border: 3px solid #f0f0f0;
}

.btn-pagamenti {
    display: flex;
    width: 100%;
    align-items: center;
    height: 44px;
    border: none;
    background-color: var(--yellow);
    color: #fff; }

.btn-pagamenti i {display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; background-color: #F8E9D1; border: 2px solid #F8E9D1; color: var(--yellow); }
.btn-pagamenti span {display: flex; height: 36px; align-items: center; font-size: .9rem;  #fff; padding: 0 .35rem;}
#blocco-confermaordine #accordionPayments {margin-left: -15px; margin-right: -15px; }
    .btn-pagamenti:hover > i {color: #373737; border-color: #373737; }
    .btn-pagamenti:hover  {background-color: #373737;  }

 #blocco-confermaordine .entry-thumb {max-height: 190px; }
 #blocco-confermaordine .entry-thumb a {display: flex; max-height: 190px;}

  /** MODALE POP UP **/
  #popmodal .modal-body strong {color: var(--yellow); }
  #popmodal .modal-footer {background-color: var(--yellow); display: flex; justify-content: space-between; color: #fff; }
  #popmodal .modal-footer label input {margin-right: 5px;}  
  #popmodal .close {
    /* float: right; */
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: none;
    opacity: 0.5;
    background-color: brown!important;
    padding: 5px 13px!important;
    border-radius: 13px;
    color: #fff!important;
}
#popmodal #tinyform {background-color: #f8f7f4;}
#popmodal #tinybutton {width: 220px; border: none; color: #fff; font-weight: 600;}
#popmodal #tinynwboard #plate {text-align: center; padding: 45px 0;}
/* SPECIALE */
 .checkbox-wrapper-sp {margin-right: 8px; } 
  .checkbox-wrapper-sp .tgl {
    display: none;
  }
  .checkbox-wrapper-sp .tgl,
  .checkbox-wrapper-sp .tgl:after,
  .checkbox-wrapper-sp .tgl:before,
  .checkbox-wrapper-sp .tgl *,
  .checkbox-wrapper-sp .tgl *:after,
  .checkbox-wrapper-sp .tgl *:before,
  .checkbox-wrapper-sp .tgl + .tgl-btn {
    box-sizing: border-box;
  }
  .checkbox-wrapper-sp .tgl::-moz-selection,
  .checkbox-wrapper-sp .tgl:after::-moz-selection,
  .checkbox-wrapper-sp .tgl:before::-moz-selection,
  .checkbox-wrapper-sp .tgl *::-moz-selection,
  .checkbox-wrapper-sp .tgl *:after::-moz-selection,
  .checkbox-wrapper-sp .tgl *:before::-moz-selection,
  .checkbox-wrapper-sp .tgl + .tgl-btn::-moz-selection,
  .checkbox-wrapper-sp .tgl::selection,
  .checkbox-wrapper-sp .tgl:after::selection,
  .checkbox-wrapper-sp .tgl:before::selection,
  .checkbox-wrapper-sp .tgl *::selection,
  .checkbox-wrapper-sp .tgl *:after::selection,
  .checkbox-wrapper-sp .tgl *:before::selection,
  .checkbox-wrapper-sp .tgl + .tgl-btn::selection {
    background: none;
  }
  .checkbox-wrapper-sp .tgl + .tgl-btn {
    margin-bottom:0;
    outline: 0;
    display: block;
    width: 4em;
    height: 1.8em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .checkbox-wrapper-sp .tgl + .tgl-btn:after,
  .checkbox-wrapper-sp .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 40%;
    height: 100%;
  }
  .checkbox-wrapper-sp .tgl + .tgl-btn:after {
    left: 0;
  }
  .checkbox-wrapper-sp .tgl + .tgl-btn:before {
    display: none;
  }
  .checkbox-wrapper-sp .tgl:checked + .tgl-btn:after {
    left: 60%;
  }

  .checkbox-wrapper-sp .tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 1.8em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
  }
  .checkbox-wrapper-sp .tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
  }
  .checkbox-wrapper-sp .tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
  }
  .checkbox-wrapper-sp .tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9;
  }
  .checkbox-wrapper-sp .tgl-ios + .tgl-btn:active:after {
    padding-right: 0.8em;
  }
  .checkbox-wrapper-sp .tgl-ios:checked + .tgl-btn {
    background: var(--red);
  }
  .checkbox-wrapper-sp .tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
  }
  .checkbox-wrapper-sp .tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.8em;
  }

  /** PRIVACY **/
  #privacy .modal-content {background-color: var(--yellow)!important;}
    #privacy .modal-content a {color: #000; }
        #privacy .avx {width: 100%; height: 43px; background-color: brown; border: none; margin-top: 10px; }
         #privacy #accetta-selezionati {width: 100%; background-color: #fff; color: var(--brown); height: 44px;}
         #privacy #accetta-tutto {width: 100%; background-color: #0e7a1c; color: #fff; height: 44px;}
         #privacy .custom-control {font-size: .825rem; }
         #privacy .custom-control-input:checked~.custom-control-label::before { color: #ffffff; border-color: transparent; background-color: var(--brown); }
         #privacy #collapseOpzioni {display: flex; flex-wrap: wrap; justify-content: center;}
/* LOADER */
			.loader {
				display: flex;
				width: 48px;
				height: 48px;
				border-radius: 50%;
				position: relative;
				animation: rotate 1s linear infinite;
                margin: 0 auto;
			}

			.loader::before,
			.loader::after {
				content: "";
				box-sizing: border-box;
				position: absolute;
				inset: 0px;
				border-radius: 50%;
				border: 5px solid #ccc;
				animation: prixClipFix 2s linear infinite;
			}

			.loader::after {
				inset: 8px;
				transform: rotate3d(90, 90, 0, 180deg);
				border-color: #e21c2d;
			}

			@keyframes rotate {
				0% {
					transform: rotate(0deg)
				}

				100% {
					transform: rotate(360deg)
				}
			}

			@keyframes prixClipFix {
				0% {
					clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
				}

				50% {
					clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
				}

				75%,
				100% {
					clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
				}
			}



/* VERSIONE MOBILE */
  @media only screen and (max-width: 767px) {

    /** HEADER **/
    header .search-bar {order: 5;}
    header #mainNav.offcanvas-collapse {left: -80%; width: 80%;}
    header ._slink {font-size: 1.0rem; }
    #mainNav #f-line { padding: 0px; align-items: flex-start; }

    .search-bar {margin: 0; border-top-left-radius: 22px; border-bottom-left-radius: 22px; }
    #tog {margin-left: 0px; }
    .navbar-brand {margin: 0 auto;}

    /** MENU' **/
    .card.simple {height: 31px; padding-left: 10px; }

    #sub-prod-gal {flex-wrap: wrap;}

    /* CARRELLO */
    #blocco-carrello #formcatz .item {display: flex; flex-wrap: nowrap; margin-bottom: 33px;}
    #blocco-carrello .entry-thumb{flex: 1 0 25%;}
    #blocco-carrello .cart-dx {flex: 1 0 75%; display: flex; flex-direction: row; flex-wrap: wrap; height: fit-content; row-gap: 5px; padding-right: 10px;}
    #blocco-carrello .cart-dx .content {flex: 1 0 75%; order: 1; }
    #blocco-carrello .cart-dx .content .info {display: flex; flex-direction: column;}
     #blocco-carrello .cart-dx .info {flex: 1 0 100%; display: flex; align-items: baseline; order: 3;}
        #blocco-carrello .cart-dx .info .title {font-size: .825rem;}
    #blocco-carrello .cart-dx .price {flex: 1 0 100%; display: flex; align-items: baseline; order: 4;}
     #blocco-carrello .cart-dx .price .title {font-size: .825rem; color: #000;}
    #blocco-carrello .cart-dx .price-tot {flex: 1 0 18%; display: flex; align-items: baseline; order: 6;}
         #blocco-carrello .cart-dx .price-tot .title {font-size: .825rem; color: #000;}
    #blocco-carrello .cart-dx .del {flex: 1 0 10%; order: 2; color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dc911b;}
    #blocco-carrello .cqta {width: 3cap; }

    #blocco-carrello #cart-wrap {display: flex; flex-wrap: wrap;}
    #blocco-carrello #cage-coupon {width: 100%; flex-direction: row; max-width: 100%; order: 1;}
    #blocco-carrello #codice_coupon_btn {margin-top: 0; }
    #blocco-carrello #procediordine {order: 2; width: 100%; max-width: 100%; }
    #blocco-carrello #aggiorna {order: 3; width: 100%; max-width: 100%;}
    #blocco-carrello #backtoshop {order: 4; width: 48%;}
    #blocco-carrello #clearkart {order: 5; width: 48%;}
    #blocco-carrello #codice_coupon_btn { font-size: .9rem; }

    /** ELENCO PRODOTTO */
    #mainFilter.offcanvas-collapse {right: -80%; width: 80%;}
    .item.categorie .thumb {height: 180px; }

    /** CONTATTI **/
    #blocco-contatti #capcont {flex-wrap: wrap;}

    /** BLOCCO PREFOOTER **/
    #cont-blocco-prefooter .semi {max-width: 100%;}

    /** GRIGLIA **/
    #gobbo .tab-text {padding: 0;}


  }