/*!
 * 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;
    --lightgrey: #f8f8f8;

    
	--main-color: #96384d;
	--beige: #F7F3EC;
	--crema: /*#c2c8d4;*/ #E7B142;
	--grigio: #c2c8d4;
    --darker: #662c39;
    --tortora: #E3DFD9;
        /*E7B142*/

    --altezzaHeader: max(140px, min(18.22vw, 170px)) !important;
    --altezzaPreHeader: 0px;

    --columns-2: 2;
    --columns-3: 3;
    --columns-4: 4;
    --columns-5: 5;
    --columns-6: 6;
    /* Numero di colonne, puoi cambiare questo valore da 1 a 6 */
    --gap: 10px;
    /* Gap tra gli elementi della griglia */

    
    --paper-pin {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.88 267.62'%3E%3Cg id='elemento_container' data-name='elemento_container'%3E%3Cg id='elemento_container-sub' data-name='elemento_container-sub'%3E%3Cpath id='paper_clip' style='fill:%23eceae6' d='M.06,112.42v101.8H0a53.46,53.46,0,0,0,50.46,53.31v.07h2.19l.74,0,.84,0H187.06l1.43,0a53.46,53.46,0,0,0,53.39-53.4h-1v-9.65h-16V112.42a112.42,112.42,0,1,0-224.83,0m188.43,135.9-1,0h-93a53.26,53.26,0,0,0,11.45-24.43H221.17a34.14,34.14,0,0,1-32.68,24.45m17.1-135.9v92.15H87.49v9.65A34.13,34.13,0,0,1,53.76,248.3H53a34.1,34.1,0,0,1-33.67-33.12h0V112.42a93.12,93.12,0,1,1,186.23,0' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

   }

   .pswp__img {height: auto!important;}

   .col-full {flex: 1 0 100%!important; max-width: 100%!important; }
   .col-half {flex: 1 0 45%!important; max-width: 100%!important; }

    .select2-container--bootstrap4.select2-container--focus .select2-selection {
        border-color: #ac445a;
        -webkit-box-shadow: 0 0 0 .2rem rgba(150, 56, 77, 0.25);
        box-shadow: 0 0 0 .2rem rgba(150, 56, 77, 0.25);
    }


   #search {display: none;}

    #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;
    }

#scrollUp {background-color: var(--grigio);}

    .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(--main-color);}

    .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: #dbdbda; }
    #geoindirizzo {display: none;}
    #nrprcar {width: 24px; height:24px; display: flex; align-items: center; justify-content: center; background-color: var(--grigio); color: #fff; } 
    .breadcrumb-item a {color: var(--main-color);}
    .breadcrumb-item a:hover {color: var(--grigio);}


    .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%);
    }
.navbar-macart-mobile {display: none;}

    .button-menu {
        display: flex;
        background-color: var(--crema);
        border-radius: 20px;
        height: 40px;
        align-items: center;
        justify-content: space-between;
        padding: 0 18px!important; 
    }
    .button-menu .label {font-size: .825rem; color: #fff;}

  #hamburger {
      position: relative;
      display: flex;
      /* background-color: aqua; */
      z-index: 0;
      width: 30px;
      height: 24px;
      visibility: visible;
      top: 0!important;
      left: 0;
      padding: 0;
  }
  
  .menu-active #hamburger {
    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: var(--main-color)!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: 20px;
    transition: all .15s;
}

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

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

.menu-active #hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 11px;
    transition: all .25s;
}

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

.closetog {
    display: none;
    width: 37px;
    height: 37px;
    align-items: center;
    background-color: transparent;
    justify-content: center;
    border: 3px solid var(--grigio);
    border-radius:  50px;
    font-size: 1.3rem; 
    line-height: 0;
    color: var(--grigio);
    margin: 15px auto 35px;
}
.closetog:hover {color: var(--main-color); border-color: var(--darker)}

#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;}


/*** MENU **/

    body.menu-active {
        overflow-y: hidden;
    }

    .col-categories {
        display: flex;
        flex-wrap: wrap;
        padding-top: 29px;
        padding-left: 0;
        overflow: auto;
    }
    .col-categories .category-item {
        flex: 0 0 33%;
        max-width: 33%;
        padding-left: 70px;
        font-family: "Open Sans", sans-serif;
        font-style: italic;
    }
    .col-categories .category-item .list-category {list-style: none; margin-bottom: 17px; padding-left: 10px;}
    .col-filtro .filtro .title-filtro {color: var(--main-color); font-weight: 600; text-transform: capitalize; }
    .col-filtro .filtro .list {list-style: none; padding-left: 10px; }
    .col-filtro .filtro .filtro-list {text-transform: capitalize;}
    .title-parent-cat {color: #000; font-size: .825rem;}



/*** MENU **/

/** AREA UTENTE */



.ut-clip {
    display: flex;
    flex-wrap: wrap;
    row-gap: 22px;
    column-gap: 33px;
    justify-content: flex-start;
}

.ut {
    display: flex;
    flex: 1 0 15.625rem;
    max-width: 15.625rem;
    height: 10.625rem;
    flex-direction: column;
    background-color: #fff;
    padding: 22px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17);
}

.ut .icona {
    color: var(--main-color);
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    margin-bottom: 33px; 
}

.ut .label {
    text-align: center;
    font-size: 1.3rem;
}

.ut.esci {
    box-shadow: none;
    flex-direction: row;
    background-color: var(--crema);
    height: 33px;
    border-radius: 25px;
    color: #fff;
    align-items: center;
    justify-content: space-evenly;
}

.ut.esci .icona {
    margin-bottom: 0;
}

.ut.esci i {
    color: #ffffff;
}

.ut.esci:hover {
    background-color: var(--red);
}

/** ARIA UTENTE */

#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;
}


.navbar-macart {background-color: var(--beige); /*height: var(--altezzaHeader); */ height: fit-content; } 
.navbar-macart-content {
        padding-top: max(26px, min(4.51vw, 37px));
        padding-bottom: max(13px, min(2.25vw, 17px));
        padding-left: 11px;
        padding-right: 11px;
        display: flex;
        flex-wrap: wrap;
}
.navbar-macart-content .nav-cage {
    display: flex;
    column-gap: 26px;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.navbar-macart-content .logo-cage {flex: 1 0 167px; max-width: 100%; }
.navbar-macart-content .icon-ui-cage { display: flex; width: 100%; justify-content: flex-end; column-gap: 35px;}
.navbar-macart-content .icon-ui-cage a {color: var(--main-color); }
.navbar-macart-content .icon-ui-cage a:hover  {color: var(--grigio); }
.navbar-macart .icon-ui-cage .ui-user span {font-size: .71rem;}

#smallacc,
#smallcart {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#smallacc .label,
#smallcart .label {
    font-size: .625rem;
    text-transform: uppercase;
}
#smallacc i,
#smallcart i {
    color: var(--main-color);
    font-size: 1.125rem;
    margin-right: 3px;
}

.navbar-macart-content .button-menu {
    flex: 1 0 13.75rem;
    max-width: 269px;
}
.navbar-macart-content .search-bar {
    flex: 1 0 277px;
    max-width: 100%;
    height: 40px;
    border-radius: 20px;
    background-color: var(--tortora); /* var(--grigio); */
    border: none;
    display: flex;
    align-items: center;
    position: relative;
}
.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: var(--main-color); }



/*--------------------------------------------------*/
                    /*MENU*/
/*--------------------------------------------------*/
.button-menu {cursor: pointer;}

#backdrop-menu.desktop{
  top: initial;
  position: absolute;
}
body.menu-active #backdrop-menu.desktop{
  display: block!important;
}
body.menu-active #backdrop-menu.mobile{
  display: none !important;
}


#menu-opened.desktop {
  position: absolute;
  width:100%;
  max-height: 0;
  top: initial !important;  
  transition: transform .5s ease-in-out, width .5s ease-in-out, max-height .5s ease-in-out, opacity .5s ease-in-out;
  display: block;
  overflow: hidden;
}
body.menu-active #menu-opened.desktop{
  height: 100vh !important;
  /* max-height: 520px; */
  max-height: calc(100vh - var(--altezzaHeader) - var(--altezzaPreHeader));
  width: 100%;
  opacity:1;
  overflow: initial;
}

#menu-opened.desktop .title-category {color: var(--main-color); font-size: 1rem; font-weight: 600;  }

body.menu-active #page-content{
  transform: translateX(0);
}
#menu-opened.desktop .container-menu{
  height: 100%;
  padding: 20px 10px 26px !important;
}
#menu-opened.desktop .container-menu > div.row, #menu-opened.desktop .container-menu > div.row > div{
  /* height: 100%; spegniamolo per il momento */
}

/*--------------------------------------------------*/
                    /*MENU END*/
/*--------------------------------------------------*/
/* CONTENITORE MENU */
    body.menu-active #menu-opened.desktop {
        height: 100vh !important;
        /* max-height: 520px; */
        max-height: calc(100vh - var(--altezzaHeader) - var(--altezzaPreHeader));
        width: 100%;
        opacity: 1;
        background-color: #ffffff;
        z-index: 999;
        overflow: scroll;
    }

/* CONTENITORE MENU */



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: var(--main-color); }
    #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; }



.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(--main-color)!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: var(--crema); border-radius: 50%; }


/** BANNER **/
.hbg_main_container {display: flex; width: 100%; min-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; line-height: 1; color: #fff; text-align: center; text-shadow: 0px 3px 6px rgba(0, 0, 0, .4); /*font-family: "Andada Pro", serif;*/}
#banner-belt .head_bg_sottotitolo {font-size: 1.125rem; color: #fff; text-align: center; line-height: 1;}

.hbg_main_container {background-repeat: no-repeat; }
.hbg_sub_container .hbl {height: 44px; border-radius: 22px; width: fit-content; margin: 24px auto 0; min-width: 220px; padding: 0 24px; background-color: #96384d; display: flex; align-items: center; justify-content: center; font-size: .665rem; 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; margin-top: 0; } 
#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;  min-height: 300px;
-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: auto;}
.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.prodotto .infobox .logtobuy a {font-size: .755rem; color: #000; text-decoration: none;}

.item.prodotto .infobox ._from {display: flex; align-items: baseline;}
.item.prodotto .infobox ._to {display: none!important;}

.item.prodotto .infobox .propersonal {font-size: .825rem;}

.item.categorie.pic:hover .titolo { color: #fff; }
.item.categorie.nopic:hover .titolo {
    color: var(--brown);
}

    .item.prodotto .thumb {/* height: fit-content; */ margin-bottom: 13px; height: 180px;}
    .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.875rem; line-height: 14px; font-weight: 400; height: 30px;}
        .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 .tinyadd {width: 29px; height: 29px; padding: 0!important; font-size: .9rem; line-height: 1; display: flex; align-items: center; justify-content: center; color: #fff; background-color: var(--main-color); border-radius: 15px; }
            .item.prodotto .item-info .ccart .tinyadd .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(--main-color); position: relative; width: 100%; display: flex; flex-wrap: wrap; align-items: baseline; }
    .item.prodotto .item-prezzo .delprice {font-size: .905rem; font-weight: 700; color: #242426; margin-right: 7px; position: relative;}
    .delprice { position:relative;}
    .delprice:before {content: ''; width: 100%; position: absolute; right: 0; top: 50%; border-bottom: 2px solid var(--main-color); -webkit-transform: skewY(-10deg); transform: skewY(-10deg); }
    .item.prodotto .data-offerta {height: 19px; }
    .item.prodotto .data-offerta {font-size: .75rem; width: 100%; color: var(--crema); }
    .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;
    }


    /* * LENOSTRE PROPOSTE* */
    #belt-selezioni {padding-bottom: 64px; }
    #belt-selezioni .fascia {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        width: 100%;
        height: 75px;
        border-top: 15px solid var(--main-color);
        background-color: var(--main-color);
        background-image: url(/media/mask_on_red.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #belt-selezioni .sub-titolo {
        font-size: 0.875rem;
        margin-top: 28px;
        font-weight: 300;
    }

    #belt-selezioni .container {margin-top: 45px; }

    #belt-selezioni .fascia .titolo {font-size: 1.625rem; font-weight: 700; color: #fff; }

    #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;
}


/** OFFERTE */
.allOffers {
    display: flex;
    height: 60px;
    background-color: var(--crema);
    color: var(--darker);
    border-radius: 30px;
    width: fit-content;
    padding: 0 35px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/**  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-bottom: 21px; display: flex; flex-wrap: wrap; background-color: var(--main-color); padding-top: 30px; border-top: 15px solid #813042; }
#sec-newsletter .container {display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 40px;}
#sec-newsletter .logo {flex-basis: 200px;}
#sec-newsletter .labels {display: flex; flex-basis: 455px; flex-shrink: 1; flex-wrap: wrap; max-width: 100%;}
#sec-newsletter .label_1 {width: 100%; font-size: clamp(1rem, 0.9135rem + 0.3846vw, 1.375rem); line-height: 1; text-align:left; padding: 0px; font-weight: 700; color: #ffffff; margin-bottom: .5rem; }
#sec-newsletter .label_2 {width: 100%; font-size: clamp(0.75rem, 0.6923rem + 0.2564vw, 1.1rem); line-height: 1; text-align:left; padding: 0px; font-weight: 400; color: #ffffff;  }
#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: var(--crema); color: #fff;  padding: 5px; }
#sec-newsletter #aznewsletter { min-width: 130px; background-color: var(--main-color); border: 1px solid #fff; color: #fff; font-weight: 600; text-transform: uppercase; font-size: .875rem;}
#sec-newsletter #nwboard a {color: var(--grigio);}
#sec-newsletter #nwboard a:hover {color: #fff; }

/** FASCIA VIDEOGALLERY **/
#yt_block {margin-top: 0px; background-color: var(--lightgrey); padding-bottom: 23px; }
#yt_block .fascia {display: flex; justify-content: center; align-items: center; color: #fff;
    width: 100%;
    height: 75px;
    border-top: 15px solid var(--lightgrey);
    background-color: var(--lightgrey);
    background-image: url(/media/mask_on_grey.png);
    background-repeat: no-repeat;
    background-position: center;
}
#yt_block #yt_Slider {display: block; max-width: 100%; overflow: hidden;}
#yt_block #yt_Slider .swiper-slide {text-align: center;}
#yt_block .fascia .titolo {color: var(--main-color); font-size: 1.625rem; font-weight: 700; }


/** FASCIA RECENSIONI **/
    #sezione-recensioni {
        margin-top: 33px;
        padding: 23px 0;
        background-color: var(--crema);
    }

    #sezione-recensioni .rating {
        position: relative;
        display: inline-block;
        font-size: 15px;
        width: max-content;
    }

    #sezione-recensioni .stars {
        display: flex;
        gap: 3px;
    }

    #sezione-recensioni .stars-base i {
        color: #ccc;
    }

    #sezione-recensioni .stars-fill {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        pointer-events: none;
        color: gold;
        /* Giallo rating */
    }

    #sezione-recensioni .topline {
        display: flex;
        justify-content: space-between;
    }

    #sezione-recensioni .cage-rating {
        display: flex;
        align-items: center;
    }

    #sezione-recensioni .cage-rating .evaluation {
        font-size: .925rem;
        margin-right: 3px;
    }

    #sezione-recensioni .card {
        border-radius: 20px;
        padding: 15px;
        border: 6px solid var(--main-color);
        /*
        -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.35);
        box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.35);
        */
    }

    #sezione-recensioni .commento {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 0.3s ease;
        position: relative;
        min-height: 4.5em;
        line-height: 1.1;
        font-size: 0.925rem;
        /* per mantenere altezza uniforme */
    }

    #sezione-recensioni .nickname {
        font-weight: 600;
    }

    #sezione-recensioni .fascia {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        width: 100%;
        height: 75px;
        border-top: 15px solid var(--crema);
        background-color: var(--crema);
        background-image: url(/media/maskera_01.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #sezione-recensioni .fascia .titolo {
        color: #ffffff;
        font-size: 1.625rem;
        font-weight: 700;
    }


/** FASCIA SERVIZI **/
#fascia_servizi {background-color: var(--beige); min-height: 184px; display: flex; align-items: center; margin-top: 0px; padding: 15px 0;}
#fascia_servizi .container {display: flex; flex-wrap: wrap; column-gap: 25px; }
#fascia_servizi .container .titolo {color: var(--crema); font-size: 1.25rem; }
#fascia_servizi .container .item {display: flex; flex-wrap: nowrap; flex: 1 0 31%;}
#fascia_servizi .container .item .info {padding-left: 21px; padding-right: 33px;}
#fascia_servizi .container .item .info .titolo {display: block; text-align: left; font-size: 1rem; color: var(--main-color); margin: 0; }
#fascia_servizi .container .item .info .testo {display: block; text-align:left; font-size: .825rem; color: #6c6c6c; margin: 0; }
/** 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: var(--crema);
    color: white !important;
    display: flex;
    justify-content: center;
}
.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: var(--crema);
    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-contatti .label {font-weight: 600; color:var(--grey);}
#blocco-contatti #conferma {background-color: var(--main-color); color: #fff; border-radius: 0; border: none;}
#blocco-contatti #conferma:hover {background-color: var(--crema); color: var(--red); }
#blocco-contatti .titolo {font-size: 1.9rem; color: var(--main-color);}

/* 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 .titolo-footer {color: var(--crema); font-size: .875rem; text-transform: uppercase; font-weight: 700; }
footer ul li {font-size: .75rem; color: #000;}
footer ul li a {color: #000; }

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 #social-footer {display: flex; column-gap: 13px;}
footer #social-footer li a {color: var(--main-color);}
footer #social-footer li a:hover {color: var(--crema);}

#footer-line {font-size: .825rem; }
#footer-line a {color: var(--main-color)}

#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 var(--main-color); align-items: center; justify-content: center; border-radius: 50%; }

#ig_link {font-size: 1.55rem;}
#list-socials {display: flex; justify-content: flex-end; column-gap: 7px;}



/*** GRIGLIA ELENCO ***/
#tabellone #header {height: 240px; display: flex; align-items: center; justify-content: center; }
#tabellone #header .titolo {
    display: flex;
    width: 100%;
    font-size: 2.688rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    justify-content: center;
    text-shadow: 0 3px 6px rgba(0,0,0,.45);
}

#tabellone {margin-bottom: 61px; }
#tabellone #subheader {min-height: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--beige); box-shadow: 0 3px 6px rgba(0,0,0,.29); }
#tabellone #subheader .titolo {font-size: clamp(0.825rem, 0.7701rem + 0.2441vw, 1.063rem); color: #000; font-weight: 600; text-align: center; padding: 8px; line-height: 1;}
#tabellone #subheader .titolo strong {color: var(--main-color); margin-left: 3px; }
#navigatore-griglia .container {position: relative; }
#navigatore-griglia .cage {display: flex; flex: 1 0 68.75rem; max-width: calc(100% - 40px); position: relative;}
#navigatore-griglia .cage .swiper {max-width: 100%;}
#navigatore-griglia .r_pre,
#navigatore-griglia .r_post {flex: 1 0 20px; width: 20px; display: flex; align-items: center; font-size: 1.7rem; color: var(--main-color); }

#navgrid-slider {margin-bottom: 31px; }
#navgrid-slider .navgridLink {display: flex; flex-direction: column; align-items: center;}
#navgrid-slider .navgridLink .label {text-transform: uppercase; color: #59595A; font-weight: 800; font-size: .875rem;  }

#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;}



#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 {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
  #blocco-elencodettaglio #dettaglio .info {font-size: 1.375rem; color: #000; font-weight: 700; line-height: 1.525rem; padding: 0 27%;  margin-top: 22px; }
  #blocco-elencodettaglio #dettaglio .testo {font-size: .875rem; line-height: 1.125rem; margin-top: 38px; display: flex; flex-wrap: wrap; text-align: left; justify-content: center; padding: 0 27%;}
  #blocco-elencodettaglio #dettaglio .testo ul {}
  #blocco-elencodettaglio hr {margin: 54px 0; border-top-color: #707070;}

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

.gotop {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: .9rem;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    color: #fff;
}
.gotop:hover {
    color: #704b10
}

/*** GRIGLIA PRODOTTI ***/

    /** MENU COLLAPSE **/
        #mainFilter {display: none;}
        #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%);
    }
    #cont-filtri #ordina-cont {display: flex; }
    #cont-filtri #ordina-cont .titolo {font-size: .825rem; color: #000; font-weight: 700; margin-right: 4px;}
    #cont-filtri select { height: 22px; border: 2px solid #f0f0f0; border-radius: 0; font-size: .825rem; }

    #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(--main-color);
        border-color: var(--main-color);
        color: #fff;
    }

    #filtra-cont .card-custom {background-color: var(--beige); margin-bottom: 5px; }
    #filtra-cont .card-custom .custom-input input {display: none; }
    #filtra-cont .card-custom .custom-input input:checked + label .checkbox-custom {
    border-color: var(--primary); }
    #filtra-cont .card-custom .custom-input input:checked + label .checkbox-custom::after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        top: 2px;
        left: 2px;
        background-color: var(--primary);
        border-radius: 50%;
    }

    #filtra-cont .card-custom .custom-input label {display: flex; }

    #filtra-cont .card-custom .custom-input .checkbox-custom {
            width: 20px;
            height: 20px;
            border: 2px solid rgba(0, 0, 0, 0.125);
            border-radius: 50%;
            position: relative;
            margin-right: 5px;
            display: flex;
        }


    #col-cat {transform: translateX(0); transition: all .6s ease-in-out 0.1s; }
    #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;
    */
    border: none;
    padding: 5px 7px;
    background-color: transparent;
}
#col-cat .card-header {border-bottom: none; padding:0;}
#col-cat .card-header .fa-solid {font-size: .534rem;} 

#blocco-griglia #pin-cat {color: #fff; font-size: 1rem; font-weight: 800; background-color: var(--main-color); display: flex; width: 100%; height: 40px; align-items: center; padding-left: 10px; margin-bottom: 5px;  }
#blocco-griglia #pin-cat.grey {background-color: var(--crema); }
#blocco-griglia #accordionMenuSx {background-color: var(--beige);}
#blocco-griglia ._slink {color: var(--main-color); font-weight: 500;}
#blocco-griglia .card .card-header {background-color: transparent;}



#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; }


/* *GRIGLIA* */

  .grid-container {
    display: grid;
    /*  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); */
    grid-row-gap: 25px;
    /* Elementi con larghezza minima di 200px */
    grid-column-gap: var(--gap);
    width: 100%;
    /* Adatta alla larghezza del contenitore padre */
    max-width: 1110px;
    /* Massima larghezza impostata */
    margin: 0 auto;
    /* Centra il contenitore se la larghezza è inferiore a 1110px */
  }

  .grid-container.x-2 {
    grid-template-columns: repeat(auto-fill, minmax(calc(825px / var(--columns-2) - var(--gap)), 1fr));
  }

  .grid-container.x-3 {
    grid-template-columns: repeat(auto-fill, minmax(calc(825px / var(--columns-3) - var(--gap)), 1fr));
  }

  .grid-container.x-4 {
    grid-template-columns: repeat(auto-fill, minmax(calc(825px / var(--columns-4) - var(--gap)), 1fr));
  }

  .grid-container.x-5 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1110px / var(--columns-5) - var(--gap)), 1fr));
  }

  .grid-container.x-6 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1110px / var(--columns-6) - var(--gap)), 1fr));
  }


    #blocco-griglia #toggle-filter {background-color: transparent; border: none; display: none; 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;
    }

    #cont-griglia .alert-window {
        display: flex; 
        flex-wrap: wrap;
        justify-content: center;
    }

    #cont-griglia .alert-window .titolo {
        display: inline-flex;
        width: 100%;
        font-size: clamp(2.225rem, 2.625rem, 2.825rem);
        color: var(--yellow);
        font-weight: 800;
        justify-content: center;
        text-align: center;
        line-height: 1;
    }



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

        .page-link {border-radius: 4px;}
        .page-item.active .page-link {
            z-index: 3;
            color: #ffffff;
            background-color: var(--main-color);
            border-color: var(--main-color);
        }


    .grid-item {display: flex; width: 21px; height: 21px; align-items: center; justify-content: center;}
    .grid-selector-container {display: flex; column-gap: 12px; align-items: center;}
/* *GRIGLIA* */





/* BLOCCO SHOP DETTAGLIO */
#blocco-shopdettaglio .addtocart-container {display: flex; justify-content: space-between; /* flex-end;*/ flex-wrap: nowrap; /*wrap;*/flex-direction: column; }
#blocco-shopdettaglio .addtocart-container .label {display: flex; margin-right: 10px; font-size: 1rem; font-weight: 700; color: #000;}
#blocco-shopdettaglio .tinyadd {display: flex; width: 270px; height: 54px; border-radius: 0; background-color: var(--main-color); align-items: center; justify-content: center; }
#blocco-shopdettaglio .tinyadd i {display: none; }
#blocco-shopdettaglio .tinyadd .label {color: #fff; text-transform: uppercase; margin: 0; }

#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: 35px; }
#blocco-shopdettaglio .info h4 { font-size: 2.25rem; color: var(--main-color); font-weight: 700; }

#blocco-shopdettaglio #dettaglio .info.prezzo ._from, 
#blocco-shopdettaglio #dettaglio .info.prezzo ._to {display: flex; align-items: baseline;}
#blocco-shopdettaglio #dettaglio .info.prezzo ._to {margin-left: 22px;}


#blocco-shopdettaglio form label {display: flex; flex-wrap: nowrap; min-width: 130px; margin-bottom: 10px; align-items: center;}

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

#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.codici {font-size: 0.875rem; color: var(--grey); margin-top: 1.3rem; display: flex; flex-direction: column; }
#blocco-shopdettaglio .info.shortdesc {font-size: .75rem; line-height: 1rem; color: #000; font-weight: 400; margin-bottom: 1rem;}

#blocco-shopdettaglio .info.prezzo {display: flex; flex-direction: row; flex-wrap: wrap; position: relative; margin-bottom: 15px; align-items: baseline;}

.labelprezzo {font-size: 1rem; color: #000; font-weight: 700;}
.labelvaluta {font-size: 1.358rem; color: var(--main-color); font-weight: 700; }
.labelimporto {font-size: 1.358rem; color: var(--main-color); font-weight: 700; }
.labelivaesc {color: #666666; font-style: italic; font-weight: 400; margin-left: 5px; font-size: 1rem;} 
.labelivato {font-size: .825rem; font-weight: 500; color: #666666; } 
.labelivato small {font-size: .7rem;}

#blocco-shopdettaglio .labelivato {font-size: 1.125rem; font-weight: 600; color: #666666; margin-top: 3px; } 
#blocco-shopdettaglio .labelimporto {font-size: 2.558rem; color: var(--main-color); font-weight: 700; }
#blocco-shopdettaglio .labelvaluta {font-size: 2.558rem; color: var(--main-color); font-weight: 700; }

#blocco-shopdettaglio ._from .labelimporto, 
#blocco-shopdettaglio ._to .labelimporto {font-size: 1.55rem; }
#blocco-shopdettaglio ._from .labelvaluta, 
#blocco-shopdettaglio ._to .labelvaluta {font-size: 1.55rem; }
#blocco-shopdettaglio ._from .labelivato, 
#blocco-shopdettaglio ._to .labelivato {font-size: .925rem; }


.live-search-list .labelimporto {font-size: 1rem; color: var(--main-color); font-weight: 700; }
.live-search-list .labelvaluta {font-size: 1rem; color: var(--main-color); font-weight: 700; }


#blocco-shopdettaglio .info.prezzo .delprice {display: flex; width: fit-content; position: relative; font-weight: 700; font-size: 1.3rem; margin-right: 17px; color: var(--crema); }
#blocco-shopdettaglio .info.prezzo .topay {font-size: 2.875rem; color: var(--main-color); font-weight: 700; margin: 0; line-height: 1;}
#blocco-shopdettaglio .info.prezzo .data-offerta {width: 100%; color: var(--crema); font-size: .75rem; }

/* #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; margin-bottom: 1rem; flex-wrap: wrap;}
#blocco-shopdettaglio .info.caratteristiche .line {display: flex; width: 100%; flex-wrap: nowrap; column-gap: 30px; justify-content: space-between; align-items: flex-start; font-size: .785rem; border-bottom: 1px dashed var(--grigio); margin-bottom: 3px; }
#blocco-shopdettaglio .info.caratteristiche .line .label {flex: 1 0 30%; font-weight: 700; }
#blocco-shopdettaglio .info.caratteristiche .line .values { flex: 1 0 60%; word-break: break-word; white-space: pre-wrap; -moz-white-space: pre-wrap; text-align: right; }

#blocco-shopdettaglio .info.offerta .data-offerta { font-size: .85rem; width: 100%; color: var(--main-color); }
#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;}
.labelprezzo {font-size: .75rem; position: relative; color: #59595A; margin-right: 7px; }
.labelprezzo:after {content: ''; display: block; width: 58px; margin-top: 6px; height: 5px; background-color: var(--crema);}

#blocco-shopdettaglio .info.service .titolo {color: var(--grey); font-size: .75rem; font-weight: 400; margin: 0 12px 0 0; justify-content: flex-start;}
#blocco-shopdettaglio .info.service ul {margin: 0; padding: 0; list-style: none;} 
#blocco-shopdettaglio .info.service ul>li {display: flex; font-size: .75rem; color: var(--grey); align-items: baseline; border-bottom: 1px solid var(--grey);}
#blocco-shopdettaglio .info.service ul>li .label {display: flex; width: 100%; margin-left: 9px; font-weight: 400; font-size: .75rem; color: var(--grey);   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;
}
#cont-filtri a {color: var(--main-color); }
#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; }

#blocco-shopdettaglio .pheart:focus {box-shadow: none!important; }
#blocco-shopdettaglio .pheart {padding: 0; font-size: .925rem; font-weight: 600; }

#blocco-shopdettaglio .pheart i {margin-right: 13px; color: var(--main-color); }

#blocco-shopdettaglio .pheart:not(.lovethis) ._ap {display: inline-block;}
#blocco-shopdettaglio .pheart:not(.lovethis) ._rp {display: none;}

#blocco-shopdettaglio .pheart.lovethis ._ap {display: none!important;}
#blocco-shopdettaglio .pheart.lovethis ._rp {display: inline-block;}

#blocco-shopdettaglio .cont-custom {display: flex; align-items: center; justify-content: center; width: 270px; height: 54px; background-color: var(--main-color); color: #fff; }
#blocco-shopdettaglio .cont-custom .label {font-size: 1rem; color: #fff; font-weight: 700;}
#blocco-shopdettaglio .cont-custom:hover {background-color: var(--crema);}

#same-cat-container #samecat-slider {padding: 10px 5px;}

#same-cat-container .fascia {display: flex; justify-content: center; align-items: center; color: #fff; width: 100%; height: 75px; border-top: 15px solid var(--grigio); background-color: var(--grigio); background-image: url(/media/maskera_01.png); background-repeat: no-repeat; background-position: center; }
#same-cat-container .fascia .titolo {font-size: 1.625rem; color: #fff; text-transform: uppercase; 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;
}

#belt-schedaprodotto .fascia {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 100%;
    height: 75px;
    border-top: 15px solid var(--main-color);
    background-color: var(--main-color);
    background-image: url(/media/mask_on_red.png);
    background-repeat: no-repeat;
    background-position: center;
}
#belt-schedaprodotto .fascia .titolo {
    font-size: 1.625rem;
    color: #ffffff;
    font-weight: 800; 
}

#belt-schedaprodotto .container-fluid {
    background-image: url('/media/bg_schede_prodotto.png');
    background-position: center;
    background-repeat: repeat-y;
}
#belt-schedaprodotto .container {
        padding-top: 43px;
    padding-bottom: 63px;

}
/****/

/* 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(--main-color); 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 #title-cont .label.cart {font-weight: 700; color: var(--main-color);}
#blocco-carrello #title-cont .label.pay {font-weight: 500; color: var(--grigio);}

#blocco-carrello .bgleak {width: 100%; display: flex; background-color: var(--beige); 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 .del {color: var(--main-color); }
#blocco-carrello .del:hover {color: var(--grigio); }

#blocco-carrello .tacco {border-top: 68px solid var(--beige);}
#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(--main-color);}
#blocco-carrello .price-tot {font-size: 1.0rem; font-weight: 700; color: var(--main-color);}
#blocco-carrello .cqta {height: 30px; border-radius: 4px; border: 1px solid #F0F0F0; padding: 0 7px; }
#blocco-carrello #back_shop,
.karb {
    display: flex; 
    width: 100%; 
    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(--main-color);
    border-color: var(--main-color);
    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;
    background-color: var(--main-color);
}

/** CONFERMA ORDINE **/
.form-control {
    height: 49px;
    border: 3px solid #f0f0f0;
    border-radius: 0;
}
#blocco-confermaordine #infobox {display: flex; background-color: var(--crema); width: 100%; min-height: 70px; align-items: center; justify-content: center; padding: 17px 0; }
    #blocco-confermaordine #infobox span {color: #000; font-size: 1.3rem; line-height: 1.1;}
    #blocco-confermaordine #infobox span strong {color: var(--main-color);}

#blocco-confermaordine #title-cont .label.cart {font-weight: 500; color: var(--grigio);}
#blocco-confermaordine #title-cont .label.pay {font-weight: 800; color: var(--main-color);}

#blocco-confermaordine #codice_coupon_btn {border-radius: 0; background-color: var(--main-color); color: #ffffff; }
#blocco-confermaordine #codice_coupon_btn:hover {background-color: var(--crema); } 
 .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: var(--crema); 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(--main-color);}

#blocco-confermaordine #cnt_cart a {color: var(--main-color); }
#blocco-confermaordine #ztlwrap {color: #fff; font-size: .825rem;}
#blocco-confermaordine 	#privaz .titolo {font-size: .825rem !important; 	color: #767676 !important; }
#blocco-confermaordine  #privaz .titolo.bold { color: var(--main-color) !important; }

#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(--main-color);
    color: #fff; }

.btn-pagamenti i {display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; background-color: var(--crema); border: 2px solid var(--crema); color: var(--main-color); }
.btn-pagamenti span {display: flex; height: 36px; align-items: center; font-size: .9rem;  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; border: 4px solid var(--main-color);  }
    #blocco-confermaordine .entry-thumb a {display: flex; max-height: 175px;}
    #blocco-confermaordine .lst-cod-prodotto {font-size: .825rem;}
    #blocco-confermaordine .lst-var-prodotto {font-size: .825rem; margin-bottom: .6rem;}

    input[type="checkbox"]#gdpr-checkbox {width: 19px; height: 19px;}
    input[type="checkbox"]#gdpr-checkbox:checked {
        accent-color: var(--main-color);
    }


    /** MODALE POP UP **/
    #popmodal .modal-body {
        background-image: url('/media/sfondo_popup.png');
        background-position: center top;
        background-size: cover;
    }

  #popmodal .modal-body strong {}
  #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: transparent; /*#f8f7f4; */}
#popmodal #tinyform #tinyform-container {display: flex; flex-direction: column; width: 100%; }
#popmodal #tinyform #tinyform-container #tinyemail {width: 100%; border: none; height: 52px; margin-bottom: 4px; background-color: #fdc21c; color: #000; }
#popmodal #tinyform #tinyform-container #tinyemail::placeholder {text-align:center; color: #000;}
#popmodal #tinyform #tinyform-container #tinyemail:focus {background-color: transparent; border: 3px solid #fdc21c; box-shadow: none;}
#popmodal #tinyform label {font-size: 12px;}
#popmodal #tinynwboard .main-line {font-size: 1.875rem; font-weight: 700; color: var(--main-color);}
#popmodal #tinynwboard .tag-line {font-size: 22px; font-weight: 500; margin-top: 33px; line-height: 1.2; margin-bottom: 0;}
#popmodal #tinynwboard .tag-line strong {position: relative; margin: 0 18px; }
#popmodal #tinynwboard .tag-line strong:after {content: ''; display: flex; width: 69px; height:69px; z-index: 0; position: absolute;  background-image: url('/media/ring.png'); top: -20px; left: -14px; }
#popmodal #tinynwboard .last-line {font-size: 11px; font-weight: 600; text-align: center; margin-bottom: 0px;} 
#popmodal #tinybutton {width: 100%; height: 60px; 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(--main-color);
  }
  .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(--grigio)!important; border-radius: 0; position:relative;}
  #privacy .modal-content:before {content: ''; } 
    #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; border: none;}
         #privacy #accetta-tutto:active:focus {box-shadow: 0 0 0 0.2rem rgba(150, 21, 21, 0.5);}
         #privacy .custom-control {font-size: .825rem; }
         #privacy .custom-control-input:checked~.custom-control-label::before { color: #ffffff; border-color: transparent; background-color: var(--main-color); }
         #privacy #collapseOpzioni {display: flex; flex-wrap: wrap; justify-content: center;}
         #privacy .modal-content .modal-footer {display: none;}

/*         #privacy  .modal-dialog-centered::before {
            display: flex;
            min-height: 500px;
            width: 130px;
            background: url(/media/tail.svg);
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            z-index: 1;
            left: -129px;
            top: 205px;
        } */

/* 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%)
				}
			}


#blocco-error404 {background-color: #f0f0f0;}
#blocco-error404 .container {display: flex; flex-direction: column; align-items: center; }


#frmlogin .btn {background-color: var(--main-color); color: #fff; width: 220px;}

#menu-opened.mobile { display: none; }
/* VERSIONE MOBILE */
  @media only screen and (max-width: 768px) {

    #pagination-selezioni {padding: 0;}
    #pagination-selezioni .swiper-pagination-bullet {width: 14px!important; height: 14px!important;}
    #pagination-selezioni .swiper-pagination-bullet:before {width: 8px; height: 8px; }
    
    .grid-selector-container {display: none; }
    

    /** HEADER **/
    
    /*
    .navbar-macart {display: none;}
    .navbar-macart-mobile {display: block;}
    */
    .navbar-macart-content .button-menu {background-color: transparent; padding: 0!important; order: 1; max-width: 40px;}
    .navbar-macart-content .logo-cage {order: 2;}
    .navbar-macart-content .icon-ui-cage {order: 3; }
    .navbar-macart-content .button-menu .label {display: none; }
    .navbar-macart-content .icon-ui-cage { flex: 1 0 2rem; column-gap: 17px; }
    .navbar-macart-content .search-bar {margin-top: 20px;}

    .navbar-macart-content .nav-cage { align-items: flex-start; }

    #menu-opened.desktop {display: none;}
    #page-content {transform: translateX(0)!important; transition: all .6s ease-in-out 0.1s; }
    .menu-active > #page-content {transform: translateX(85%)!important;}
    
    .menu-active #myst {display: flex; }

    #menu-opened.mobile {
        display: flex;
        height: 100%;
        width: 85% !important;
        transform: translateX(-100%);
        background-color: aliceblue;
        position: absolute;
        top: 0;
    }

    #menu-opened.mobile .container-menu { position: relative; width: 100%; height: 100%; overflow: hidden; }
    #menu-opened.mobile .content-box { background-color: var(--beige); padding: 22px 0 32px 42px; display: flex; flex-direction: column; overflow-y: auto; max-height: calc(100% - 64px); }

    #menu-opened.mobile .title-box {
        width: 100%;
        background-color: var(--main-color);
        border-top: 6px solid var(--darker);
        padding: 12px 19px 13px 42px;
        color: white;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        font-size: max(18px, min(3.125vw, 22px));
        line-height: 20px;
        position: sticky;
        top: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #menu-opened.mobile .content-box > div.category-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: black;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        font-style: italic;
        line-height: max(16px, min(2.77vw, 22px));
        font-size: max(16px, min(2.77vw, 22px));
        padding: max(10px, min(1.76vw, 16px));
        padding-left: 0;
        padding-right: 20px;
        border-bottom: 1px solid var(--darker);
    }

    #menu-opened .filtro {
        padding-top: 22px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 42px;
    }

    #menu-opened .filtro .list {
        list-style: none;
        margin: 0;
        padding: 0; 
    }

    .block-menu { position: absolute; width: 100%; height: 100%; background-color: #F4F4F4; }
    #menu-opened.mobile .secondary-panel { transform: translate3d(100%, 0, 0); transition: all 0.2s ease-in-out; }

    #menu-opened.mobile .secondary-panel.transition {
        transform: translate3d(0, 0, 0);
    }

    .menu-active #hamburger {
        visibility: hidden;
        opacity: 0;
    }


    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; background-color: var(--main-color); }
    #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;}

    html {height: 100%;}
    html, body {
        overflow-x: hidden;
    }

    body.filter_on {overflow-y: hidden;}
    #col-cat {
        box-sizing: border-box;
        position: fixed;
        padding: 10px 20px;
        background-color: #fff;
        top: 0;
        right: 0;
        width: 90vw;
        height: 100vh;
        z-index: 9999;
        transform: translateX(100%); /* Nascondi fuori dallo schermo a dx */
    }

    
    #col-cat.open {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    #blocco-cat {display: none!important; }


    .closetog {display: flex;}
    #cont-filtri {padding: 0!important; flex-wrap: wrap;}    
    #cont-filtri small {display: flex; width: 100%; justify-content: center; margin-bottom: 8px; }
    #cont-filtri small strong {margin-right: 3px; }
    #blocco-griglia #toggle-filter { 
        display: flex; 
        margin: 0 auto 22px;
        padding: 5px 22px;
        border: 1px solid #e5e5e5;
        border-radius: 7px;
    }


    #footer-line {width: 100%;}
    #powered {margin: 10px auto;}

    .messenger-button {
        bottom: 20px;
        /* left: 50%;
        transform: translateX(-50%); 
        width: 80%;*/
        max-width: 360px;
        height: 34px;
        background-color: var(--yellow);
        border-radius: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease-in-out;

    }
    .messenger-button.relative {
        position: relative;
        width: 100%;
        border-radius: 0;
        bottom: 0;
    }
 
}


/** SPECIALI **/
  .checkbox-wrapper-15 .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }
  .checkbox-wrapper-15 .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-15 .cbx span:first-child {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transform: scale(1);
    vertical-align: middle;
    border: 3px solid #767676;
    transition: all 0.2s ease;
  }
  .checkbox-wrapper-15 .cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 3px;
    fill: none;
    stroke: white;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-15 .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--main-color);
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: 0.2s;
  }
  .checkbox-wrapper-15 .cbx span:last-child {
    margin-left: 8px;
  }
  .checkbox-wrapper-15 .cbx span:last-child:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    transform: scaleX(0);
  }
  .checkbox-wrapper-15 .cbx:hover span:first-child {
    border-color: var(--main-color);
  }

  .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
    border-color: var(--main-color);
    background: var(--main-color);
    animation: check-15 0.6s ease;
  }
  .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
  }
  .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
  }
  .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
    color: #B9B8C3;
    transition: all 0.3s ease;
  }
/*   .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child:after {
    transform: scaleX(1);
    transition: all 0.3s ease;
  } */

  @keyframes check-15 {
    50% {
      transform: scale(1.2);
    }
  }