:root {
    --primary-color: #e66b23;
  }


@media (min-width: 576px)
{
	.col-sm-12-art {
		flex: 0 0 100%;
    		max-width: 100%;
		}

	.col-12-art {
		flex: 0 0 100%;
    		max-width: 100%;
		}

}

@media (min-width: 768px)
{
	.col-md-6-art {
		flex: 0 0 50%;
    		max-width: 50%;
		}
}

@media (min-width: 992px)
{
	.col-lg-3-art {
	    flex: 0 0 25%;
	    max-width: 25%;
	}
}

@media (min-width: 1650px)
{
	.col-xl-3-art {
    	flex: 0 0 20%;
    	max-width: 20%;
	}
}

.sidebar-light .ace-scroll::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
}


.page-content {
    padding: 0rem 1.225rem 0rem;
}


#sfondo {
    background: #f8f9fa;
    padding: 100%;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--primary-color);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}



/*NON MOSTRARE LE FRECCETTE SULL'AGGIUNGI AL CARRELLO */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
   -webkit-appearance: none;
   margin: 0;
}





.img-product img {
    width: 220px;
    height: 250px;
}

.title-product {
    font-size: 12px !important;
    font-weight: 600;
    color: #333 !important;
    height: 60px;
}

@media (max-width: 1650px){
    .title-product {
        height: 105px;
    }
}

.valorel1{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
}


.valorel2{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    text-align: end;
}

.div1{
    padding:5px;
    margin-bottom: 25px;
}

.valorel3{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
}


.valorel4{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    text-align: end;
}

.div2{
    padding:5px;
    margin-bottom: 25px;
}

.valorel5{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
}

.valorel6{
    text-align: end;
}


.valorel6list{
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.valorel6sc{
    font-size: 13px;
    font-weight: 700;
    background-color: var(--primary-color);
    color: #fff;
    padding: 3px;
    margin-left: 5px;
}

.valorel6vend{
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.div3{
    padding:5px;
    margin-bottom: 25px;
}


.prezzi{
    padding: 5px;
}


.info-product {
    font-size: 10px;
    font-weight: 700;
    padding-top: 10px;
    color: #000000a8;
}


span.price-product {
    margin-left: 100px;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}



.space-pd5-nofun{
    padding: 5px;
    margin-top: 25px;
}

.space-pd5{
    padding: 5px;
    margin-top: 0px;
}

.btn-default {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-default:hover {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.form-control[disabled] {
    color: #333 !important;
    background-color: #fff !important;
}

.brc-warning-m3, .brc-h-warning-m3:hover {
    border-color: var(--primary-color) !important;
}

.dcard.brc-transparent.p-3.brc-h-warning-m3 {
    margin-bottom: 10px;
}

.title-page {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
}

.category-filter {
    padding-right: 5px;
    padding-left: 5px;
}

span.cat-filter {
    text-transform: capitalize;
}

input[type=checkbox][class*="bgc-"]:checked {
    background-color: var(--primary-color) !important;
}

.color-site{
    background-color: var(--primary-color) !important;
}

.color-site:hover{
    background-color: var(--primary-color);
}

.background-nav{
    background-color: #fff !important;
}

.burger-color{
    background-color: var(--primary-color) !important;
}

.modal-content.brc-dark-l4.border-y-0.border-l-0.pr-lg-3 {
    background-color: #f1f3f6;
}

.sidebar-inner {
    background-color: #fff !important;
}

.background-nav.navbar-intro.justify-content-xl-between {
    border-bottom: none!important;
    padding-top: 10px;
}

.flex-grow-1.ace-scroll {
    border-bottom: 1px solid var(--primary-color);
}

.navbar-content {
    background-color: var(--primary-color);
}

.navbar-nav {
    background-color: var(--primary-color);
}


.navbar-blue .navbar-input:not(:focus):hover {
    border: none !important;
    border-color: transparent !important;
}

form.d-flex.align-items-center.ml-lg-4.py-1 {
    border-bottom: 2px solid #fff;
}

.navbar-blue .navbar-input:focus {
    border-color: transparent !important;
    border: none;
}

a.search-advanced.nav-link.dropdown-toggle {
    color: #fff;
}

li.nav-item.dropdown.dropdown-mega a.search-advanced {
    border: 2px solid #fff;
    padding: 11px;
    margin-left: 1px;
}

@media (max-width: 768px){
    ul.nav a.search-advanced {
        display: none;
    }
}

.main-menu {
    text-transform: capitalize !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

a.link-second span.second-menu {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
    color: #333;
    
}
.link-second{
    text-decoration: none !important;
    padding: 0.625rem 0 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    min-height: 3rem !important;
    position: relative !important;
}

a.link-second:hover span {
    color: var(--primary-color) !important;
}


span.copirights {
    font-size: 15px !important;
    color: #333 !important;
}

a.copirights {
    font-size: 15px !important;
    color: #333 !important;
}

.colore-sito {
    color: var(--primary-color);
}

.powered{
    background: #ecf4fcd1;
    padding: 10px;
    font-weight: 600;
}

.link-register:hover{
    color: var(--primary-color);
}

.button-site{
    background-color: var(--primary-color); 
    color: #fff;
    border: 2px solid var(--primary-color);
}

.button-site:hover{
    background-color: #fff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.bordo-sito, .bordo-sito:hover{
    border-color: var(--primary-color);
}

.m-bot20{
    margin-bottom: 20px;
}

.sezione1{
    margin-bottom: 10px;
    margin-top: 10px;
}

.label-filter{
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.button-site-neg{
    background-color: #fff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.form-control:focus {
    border-color: #333 !important;
    box-shadow: none !important;
}

.m-top55{
    margin-top: 25px;
}

.modal-content.brc-dark-l4.border-y-0.border-l-0.pr-lg-3 {
    background-color: #fff !important;
}

.acard {
    background-color: #f2f4f6 !important;
}

.close-pop-up{
    background-color: #fff;
    color: #bf0000;
}

.button-wishlist-add{
    background-color: #c91c1c;
    color: #fff;
    border: 2px solid #c91c1c;
}

.button-wishlist-add:hover{
    background-color: #fff;
    color: #c91c1c;
    border: 2px solid #c91c1c;
}

.button-wishlist{
    background-color: #fff;
    color: #c91c1c;
    border: 2px solid #c91c1c;
}

.button-wishlist:hover{
    background-color: #c91c1c;
    color: #fff;
    border: 2px solid #c91c1c;
}

.img_cart{
    height: 100px;
    width: 100px;
    padding-right: 15px;
}

.label-for-price {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 5px;
}

.price-single {
    color: var(--primary-color);
    font-weight: 700;
}

.price-row {
    color: var(--primary-color);
    font-weight: 700;
}

.pdr20{
    padding-right: 20px;
}

.width60{
    width: 60%;
}

.nota-ordine{
    padding-right: 20px;
}

.det_cart {
    border: 2px solid;
    border-radius: 3px;
    padding: 10px;
}

.title-cart {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.title-infoc {
    font-size: 16px;
    font-weight: 600;
}

.label-cart {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 600;
}

.result-cart {
    font-size: 16px;
    font-weight: 600;
}

.info-customer {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 10px;
}

.info-cart {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 10px;
}


.filter-order{
    margin-bottom: 20px;
    background-color: #f2f4f6;
    padding: 20px;
}


.title-detail{
    color: #333;
    font-weight: 500;
}

.detail-id-order{
    color: #333;
    font-weight: 600;
}

.navbar-blue .navbar-nav > .nav > .nav-item > .nav-link:not(.disabled) {
    background-color: var(--primary-color) !important;
}

.mobile-title{
    color: #333 !important;
    font-weight: 600;
}

a.dettaglio:hover {
    color: var(--primary-color);
    text-decoration: none;
}

a.dettaglio {
    color: #fff;
}

.price-product-1 {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    float:left
}

.price-product-2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
    float: right;
}

.discount{
    font-size: 13px;
    font-weight: 700;
    background-color: var(--primary-color);
    color: #fff;
    padding: 3px;
    float: left;
    margin-left: 5px;
}

.input-group.number-spinner {
    padding-top: 5px;
}

.fun-product {
    margin-top: 25px;
    font-size: 11px;
    padding: 5px;
    font-weight: 600;
    color: var(--primary-color);
    float: left;
}

.fun-product2 {
    margin-top: 25px;
    font-size: 11px;
    padding: 5px;
    font-weight: 600;
    color: var(--primary-color);
    float: right;
}

.link-detail-product{
    text-decoration: none !important;
}

.modal-zoom{
    max-width: 75% !important;
}

.img-zoom{
    max-width: 58%;
    max-height: 58%;
}

@media (max-width: 600px){
    .z-modal{
        display: none;
    }
}

.z-modal:hover {
    cursor: pointer;
}

.img-detail-pr{
    max-width: 100%;
    max-height: 100%;
    padding: 15px;
}

.container-img{
    border: 1px solid #c6c6c6;
    margin-top: 70px;
    margin-left: 95px;
}

.container-info-pr{
    margin-top: 80px;
}

.rif-pr {
    color: #333;
    padding: 10px;
}

.titolo-pr {
    padding: 10px;
    color: #333;
    font-size: 25px;
}

span.c-pr {
    background-color: var(--primary-color);
    padding: 3px;
    color: #fff;
    font-weight: 600;
}

.categoria-pr {
    padding: 10px;
}

.marchio-pr {
    padding: 10px;
}

span.m-pr {
    color: var(--primary-color);
    font-weight: 700;
}

.prezzi-pr {
    padding: 10px;
}

span.pr-list {
    color: #333;
    margin-right: 20px;
}

span.sc {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
    padding: 3px;
    margin-right: 20px;
}

span.pr-sc {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
}

.agg-cart {
    padding: 10px;
    width: 35%;
}

.tabs-pr {
    margin-right: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.brc-blue {
    border-color: var(--primary-color) !important;
}

.preferiti-pr {
    padding: 10px;
    width: 35%;
}

@media (max-width: 900px){
    .container-img{
        margin-left: 10px;
    }
}

@media (max-width: 768px){

    .agg-cart {
        width: 100%;
    }

    .preferiti-pr {
        width: 100%;
    }
}

.profile{
    margin-top: 50px;
}

* {
    font-family: montserrat;
}


.dropdown-menu {
    top: 97%;
}

a.select-link span {
    color: var(--primary-color) !important;
}

ul.submenu-inner {
    background: #c6c6c642;
}

ul.submenu-inner li a span {
    font-size: 12px !important;
    padding-left: 2rem;
}

i.z-modal.fas.fa-search-plus:hover {
    cursor: pointer;
}

@media (max-width: 1500px) and (min-width: 500px){
    .pd-left{
        padding-left: 35px;
    }
}


td {
    padding: 0.5rem !important;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.th-inner {
    color:var(--primary-color) !important;
    font-size: 13px !important;
    text-align: center;
}

* {
    font-size: 15px;
}


/*DATE MODAL*/
.dp {
    border-top: 0.25rem solid var(--primary-color) !important;
}

.dp-selected:hover, .dp-selected:focus, .dp-selected, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus {
    background: var(--primary-color) !important;
}

.dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus {
    background: var(--primary-color) !important;
}

.dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
/*FINE DATE MODAL*/

.page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.page-link {
    color: var(--primary-color) !important;
}

.mt20px{
    margin-top: 20px;
}

a.return {
    border: 1px solid var(--primary-color);
    padding: 5px;
    color: var(--primary-color) !important;
    text-decoration: none;
    font-weight: 500;
}

.row.torna {
    margin-top: 30px;
    margin-left: 5px;
}


.m30-ca 
{
    margin-top: 30px;
    margin-left: 10%;
    margin-right: 10%;
}

.main-container{
    background-color: transparent;
}


.none{
    display:none;
}

@media (min-width: 1600px){
.container.container-plus {
    max-width: 1630px;
}
}

.nondisp {
    background-color: #df4b30;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.b-modale {
    margin-top: 10px;
}





/*CAPATCHA*/
input[type=text] {
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
button{
  background-color: #4CAF50;
    border: none;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
canvas{
  /*prevent interaction with the canvas*/
  pointer-events:none;
}
/*FINE CAPTCHA*/

.bar-search {
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    background-color: #FFFFFF;
}

.headerM{
padding: 30px;
}

.contentM{
top: 15%;
}

.footerM{
    background-color: #33333329;
}


table#ordini th {
    padding: 0.5rem !important;
}
table#ordini td {
    padding: 1rem !important;
}
table#ordini td {
    font-size: 15px;
}

table#ordini th {
    font-size: 16px !important;
}

.dp-prev:before, .dp-next:before {

    margin: 0px 0 40px 4px !important;
}

.dp-prev:before, .dp-next:before {

    margin: -6px -5px 8px -5px !important;
}

.order {
    float: right;
    margin-top: 5px;
}

.order:hover {
    cursor: pointer;
}


div#OrdineDet .float-right.pagination {
    display: block !important;
}

.nonvisibile{
    display:none;
}

.visibile
{
    display:flex;
}

@media (min-width: 990px)
{
    .mobile-title {
        display: none !important;
    }
}

.toast {

    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
}

.mbottom15{
    margin-bottom:15px !important;
}

.b-label{
    border: 2px solid #33333338;
}

.pag-mat{
    margin-top: 40px;
}

.sidebar-light:not(.sidebar-h) .nav {
    margin-top: 20px!important;
}

.navbar-blue {
    background-color: #FFFFFF!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333333!important;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333333!important;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #333333!important;
  }

  .pos-rel {
      color: #333333!important;
  }

  .sidebar-light .caret {
      padding: 10px;
  }

  .sidebar-light .nav > .nav-item.active{
      border: none!important;
  }

  .show > .btn.btn-light-black.dropdown-toggle, .btn-light-black:not(:disabled):not(.disabled):active, .btn-light-black:not(:disabled):not(.disabled).active {
    color: #FFFFFF!important;
    background-color: var(--primary-color) !important;
  }

  #register{
    display: flex;
    align-items: center;
    justify-content: center;
  }


.label-bold{
    font-weight: 600;
}

.navbar-blue .navbar-input {
    color: #333 !important;
}

.bgc-red{
    background-color: #bf0000 !important;
}

#zoom .modal-header {
    display: block !important;
}

.colore-dett{
    color: var(--primary-color);
    background-color: transparent;
    border: none !important;
}

.colore-dett:hover{
    color: var(--primary-color);
    background-color: transparent;
    border: none !important;
}

.text-blue {
    color: var(--primary-color) !important;
}

.sidebar-light .nav > .nav-item > .nav-link:hover {
    background-color: #fff !important;
    color: var(--primary-color) !important;
}

.sidebar-light .submenu .nav-item.active > .nav-link {
    color: var(--primary-color) !important;
}

div#OrdineDet .pagination-info {
    display: none;
}


.a-menu {
    font-size: 18px !important;
    border-bottom: 1px solid #c6c6c6 !important;
}


.a-menu:hover {
    background-color: #ffffff !important;
    color: #666666 !important;
}


.i-menu{
    font-size: 20px;
}

.i-fatt{
    color: #aa0f0f;
}

.i-mov{
    color: #007d1c;
}

.i-estr{
    color: #cfa423;
}

.i-prof{
    color: var(--primary-color);
}

.div-estr
{
    background-color: #cfa423 !important;
    border-color: #efe3bf !important;
}


.div-mov
{
    background-color: #007d1c !important;
    border-color: #a8d4b2 !important;
}


@media (max-width: 1000px){
    .logo-front{
        width: 70%;
    }
}

@media (max-width: 600px){
    .text-125 {
        font-size: 14px !important;
    }

    .pr-3, .px-3 {
        padding-right: 0rem !important;
    }

    .img-detail-pr {
        max-width: 80%;
        max-height: 80%;
        padding: 0;
    }

    .container-img {
        margin: 20px;
    }

    .container-info-pr {
        margin-top: 0px;
    }
}

.a-mobile{
    color: var(--primary-color) !important;
}

.a-mobile:hover{
    color: var(--primary-color) !important;
}

@media (max-width: 990px){
.navbar-inner {
    box-shadow: 0px 6px 5px 4px #33333326 !important;
}
}

.sidebar-light .nav > .nav-item.active > .nav-link {
    color: var(--primary-color);
}

.body-login{
    background-image: linear-gradient(#9ea2a5, #222325) !important;
}

.sidebar-light .submenu .nav-item > .nav-link:hover > .nav-text::before {
    display: none !important;
}

.block-img{
    height: 250px;
    overflow: hidden;
}



/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  width: 72%;
  margin-top: 10%;
  border: 1px solid;
}



/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: rgb(22, 20, 20);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.thumb-pr {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 5px; /* Some padding */
    width: 100px; /* Set a small width */
    margin-right: 5px;
    margin-bottom: 5px;
}
  
  /* Add a hover effect (blue shadow) */
.thumb-pr:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}


.img-a {
    border: 1px solid #000000; 
}

.attributes-color-container {
    border: 1px solid #000;
    display: inline-block;
    height: 20px;
    width: 22px;
    margin: 3px;
}

.product-variants>.product-variants-item {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: top;
}

.product-variants .form-control-label {
    padding-bottom: 0.5rem;
    display: block;
    font-weight: 700;
}

.form-control-label {
    padding-top: 0.8rem;
}

.product-variants>.product-variants-item .custom-select2 {
    display: inline-block;
    min-width: 6rem;
    max-width: 14rem;
}

.product-variants-item .custom-select2 {
    margin: 0 auto;
}

.custom-select2, .custom-select2 option {
    background-color: #fff;
}

select.form-control:not([size]):not([multiple]) {
    height: 2.625rem;
}

.custom-select2 .form-control-select, .custom-select2 select {
    background: none!important;
    position: relative;
    z-index: 2;
}

.product-variants>.product-variants-item ul li {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.input-container {
    position: relative;
}

.product-variants .color, .product-variants .input-color {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.input-color {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.product-variants .input-color:checked+span, .product-variants .input-color:hover+span, .product-variants .input-radio:checked+span, .product-variants .input-radio:hover+span {
    border: 2px solid #414141;
    line-height: calc(2em - 4px);
}

.product-variants>.product-variants-item .color {
    margin-left: 0;
    margin-top: 0;
}

.input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span {
    padding: 0 4px;
    border: 2px solid hsla(0,0%,63%,.25);
    line-height: calc(1.5rem - 4px);
}

.product-variants .color, .product-variants .input-color {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
}

.color, .custom-checkbox input[type=checkbox]+span.color, .radio-label {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    outline: 1px solid hsla(0,0%,63%,.25);
    cursor: pointer;
    background-size: contain;
    text-align: center;
    line-height: 1.8rem;
    margin-right: 2px;
}

ul {
    list-style: none;
}

button, input {
    overflow: visible;
}

input[type="radio" i] {
    background-color: initial;
 
    appearance: auto;
    border: initial;
}

input[type=checkbox], input[type=radio] {
    margin-right: -2.2rem !important;
}

.product-variants{
    padding:10px;
}


.detail-lista-varianti-wrapper {
    width: 100%;
}

.detail-layout-varianti {
    margin-top: 20px;
}

.variante-gallery-box {
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 15px;
}

.variant-gallery-thumbs {
    margin-top: 15px;
}

.variant-gallery-thumbs .thumb-pr {
    width: 90px;
    height: 90px;
    object-fit: cover;
    margin: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.variant-row {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #d9d9d9;
}

.variant-row:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.variant-title-wrap {
    margin-bottom: 18px;
}

.variant-badge {
    display: inline-block;
    padding: 5px 10px;
    background: #666;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
}

.variant-title {
    font-size: 26px;
    line-height: 1.2;
    color: #444;
    font-weight: 300;
    margin-bottom: 0;
}

.variant-meta {
    margin-bottom: 8px;
}

.variant-label {
    font-size: 13px;
    color: #808080;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.variant-value {
    min-height: 44px;
    padding: 10px 14px;
    background: #f3f3f3;
    color: #555;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.variant-value-color {
    display: flex;
    align-items: center;
    gap: 10px;
}

.variant-color-dot {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    display: inline-block;
}

.variant-color-text {
    line-height: 1;
}

.variant-price-box {
    margin: 18px 0 14px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.variant-price-box .pr-list {
    font-size: 22px;
    color: #d77d7d;
    text-decoration: line-through;
    margin: 0;
    display: inline-block;
    line-height: 1;
}

.variant-price-box .sc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 32px;
    background: #f07c00;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 10px;
    line-height: 1;
}

.variant-price-box .pr-sc {
    font-size: 48px;
    color: #f07c00;
    line-height: 1;
    font-weight: 500;
    display: inline-block;
    margin: 0;
}

.prezzi-note {
    width: 100%;
    margin-top: 0;
    color: #777;
    font-size: 14px;
}

.variant-buy-box {
    max-width: 360px;
}

.variant-qty-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-bottom: 12px;
}

.variant-qty-wrapper .qty-btn {
    width: 46px;
    min-width: 46px;
    height: 46px;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #d6d6d6 !important;
    background: #f07c00;
    color: #fff;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
    box-sizing: border-box;
}

.variant-qty-wrapper .qty-btn i {
    line-height: 1 !important;
    margin: 0 !important;
}

.variant-qty-wrapper .qty-input {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border-top: 1px solid #d6d6d6 !important;
    border-bottom: 1px solid #d6d6d6 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    font-size: 18px;
    line-height: 46px !important;
    box-sizing: border-box;
}

.variant-qty-wrapper .qty-btn-minus {
    border-right: 0 !important;
}

.variant-qty-wrapper .qty-btn-plus {
    border-left: 0 !important;
}

.variant-qty-wrapper .qty-btn:hover,
.variant-qty-wrapper .qty-btn:focus {
    background: #d96f00;
    color: #fff;
}

.qty-input {
    height: 46px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #d6d6d6 !important;
    border-bottom: 1px solid #d6d6d6 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 18px;
}

.variant-cart-btn-wrap {
    width: 100%;
}

.variant-cart-btn {
    width: 100%;
    background: #f07c00;
    color: #fff;
    border: 0;
    padding: 12px 18px;
    border-radius: 0;
}

.variant-cart-btn:hover,
.variant-cart-btn:focus {
    background: #d96f00;
    color: #fff;
}

.detail-tabs-row {
    clear: both;
    width: 100%;
    margin-top: 25px;
}

.tabs-pr {
    clear: both !important;
    width: 100% !important;
    display: block !important;
    margin-top: 10px;
}

.tabs-pr .nav-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.tabs-pr .tab-content {
    width: 100%;
    display: block;
}

.tabs-pr .tab-pane {
    width: 100%;
}

@media (max-width: 991px) {
    .variant-title {
        font-size: 22px;
    }

    .variant-price-box .pr-sc {
        font-size: 34px;
    }

    .variant-buy-box {
        max-width: 100%;
    }
}

.variant-media-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.variant-thumb-box {
    width: 64px;
    height: 64px;
    border: 1px solid #ddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.variant-thumb {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
}

.variant-title-wrap {
    margin-bottom: 18px;
}

.variant-badge {
    display: inline-block;
    padding: 5px 10px;
    background: #666;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
}

.variant-thumb-top {
    width: 90px;
    height: 90px;
    border: 1px solid #ddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
}

.variant-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.variant-title {
    font-size: 26px;
    line-height: 1.2;
    color: #444;
    font-weight: 300;
    margin-bottom: 0;
}

.variant-value-color {
    display: flex;
    align-items: center;
    gap: 10px;
}

.variant-color-dot {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    display: inline-block;
}


.detail-lista-varianti-wrapper,
.detail-layout-varianti,
.detail-layout-varianti > div,
.varianti-left-col,
.varianti-right-col,
.detail-tabs-row {
    overflow: visible !important;
}

.detail-layout-varianti {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important;
    position: relative;
}

.varianti-left-col {
    position: relative;
    align-self: stretch !important;
    display: flex;
    flex-direction: column;
}

.varianti-right-col {
    align-self: flex-start;
}

.sticky-gallery-wrap {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 90px;
    z-index: 10;
}

.gallery-sticky-inner {
    width: 100%;
}

.variante-gallery-box {
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 15px;
}

.variant-gallery-thumbs {
    margin-top: 15px;
}

.variant-gallery-thumbs .thumb-pr {
    width: 90px;
    height: 90px;
    object-fit: cover;
    margin: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
}

@media (max-width: 991px) {
    .detail-layout-varianti {
        align-items: flex-start !important;
    }

    .varianti-left-col {
        display: block;
        align-self: auto !important;
    }

    .sticky-gallery-wrap {
        position: static !important;
        top: auto !important;
    }
}

.variant-spinner .input-group-btn {
    margin: 0 !important;
    margin-top: 0 !important;
    top: 0 !important;
    position: relative;
}

.variant-spinner .input-group-btn .btn {
    margin: 0 !important;
    margin-top: 0 !important;
}

.back-detail-btn {
    background: #f07c00;
    color: #fff;
    border: 0;
    padding: 10px 18px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.back-detail-btn:hover,
.back-detail-btn:focus {
    background: #d96f00;
    color: #fff;
}

.back-button-wrap {
    margin: 0 0 10px 15px;
}

.back-detail-btn {
    background: #f07c00;
    color: #fff;
    border: 0;
    padding: 10px 18px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    border-radius: 0.175rem;
}

.back-detail-btn:hover,
.back-detail-btn:focus {
    background: #d96f00;
    color: #fff;
}

.detail-layout-varianti {
    margin-top: 0 !important;
}

.varianti-left-col,
.varianti-right-col {
    padding-top: 0 !important;
}

.sticky-gallery-wrap,
.gallery-sticky-inner,
.variante-gallery-box {
    margin-top: 0 !important;
}

.variante-gallery-box {
    padding-top: 10px;
}

html, body {
     width: 100%;
     max-width: 100%;
     overflow-x: hidden !important;
}
 body {
     min-width: 0 !important;
}
/* wrapper principali */
 .main-content, .main-container, .page-content, .content-wrapper, .page-wrapper, .container, .container-fluid {
     max-width: 100% !important;
}
/* il blocco del dettaglio */
 .detail-lista-varianti-wrapper {
     width: 100% !important;
     max-width: 100% !important;
     overflow: visible !important;
}
 .detail-layout-varianti {
     width: 100% !important;
     max-width: 100% !important;
     margin-top: 0 !important;
}
/* immagini sempre fluide */
 img {
     max-width: 100%;
     height: auto;
}
/* ====================== TABLET E MOBILE ====================== */
 @media (max-width: 991px) {
     html, body {
         overflow-x: hidden !important;
    }
    /* nasconde la sidebar desktop */
     #sidebar, .sidebar, .sidebar-fixed, .sidebar-light {
         display: none !important;
    }
    /* allarga l'area contenuto */
     .main-content, .main-container, .page-content, .content-wrapper, .page-wrapper, .container, .container-fluid {
         margin-left: 0 !important;
         padding-left: 0 !important;
         width: 100% !important;
         max-width: 100% !important;
         min-width: 0 !important;
    }
     .row {
         margin-left: 0 !important;
         margin-right: 0 !important;
    }
     .detail-layout-varianti {
         display: flex !important;
         flex-direction: column !important;
         align-items: stretch !important;
    }
     .varianti-left-col, .varianti-right-col {
         width: 100% !important;
         max-width: 100% !important;
         flex: 0 0 100% !important;
         min-width: 0 !important;
         padding-left: 12px !important;
         padding-right: 12px !important;
         margin-bottom: 18px !important;
    }
    /* su mobile niente sticky */
     .sticky-gallery-wrap {
         position: static !important;
         top: auto !important;
    }
     .gallery-sticky-inner, .variante-gallery-box, .slideshow-container {
         width: 100% !important;
         max-width: 100% !important;
         margin: 0 !important;
         min-width: 0 !important;
    }
     .variante-gallery-box {
         padding: 10px !important;
    }
     .img-detail-pr {
         width: 100% !important;
         height: auto !important;
         max-height: none !important;
         object-fit: contain !important;
         display: block;
    }
    /* thumbs scrollabili */
     .variant-gallery-thumbs {
         display: flex !important;
         flex-wrap: nowrap !important;
         overflow-x: auto !important;
         overflow-y: hidden !important;
         gap: 8px;
         white-space: nowrap;
         text-align: left !important;
         padding-bottom: 6px;
         -webkit-overflow-scrolling: touch;
    }
     .variant-gallery-thumbs .thumb-pr {
         width: 68px !important;
         min-width: 68px !important;
         height: 68px !important;
         margin: 0 !important;
         object-fit: cover !important;
    }
    /* bottone indietro */
     .back-button-wrap {
         margin: 0 12px 10px 12px !important;
    }
     .back-detail-btn {
         font-size: 14px !important;
         padding: 10px 14px !important;
         max-width: 100%;
    }
    /* card variante */
     .variant-row {
         width: 100% !important;
         max-width: 100% !important;
         padding: 0 0 18px 0 !important;
         margin: 0 0 18px 0 !important;
         min-width: 0 !important;
    }
     .variant-title-wrap, .variant-meta, .variant-price-box, .variant-buy-box {
         width: 100% !important;
         max-width: 100% !important;
         min-width: 0 !important;
    }
     .variant-title {
         font-size: 22px !important;
         line-height: 1.2 !important;
         word-break: break-word !important;
         overflow-wrap: anywhere !important;
    }
     .variant-badge {
         font-size: 12px !important;
         padding: 4px 8px !important;
    }
     .variant-thumb-top {
         width: 70px !important;
         height: 70px !important;
         margin-bottom: 10px !important;
    }
    /* dati variante in singola colonna */
     .variant-meta > div, .variant-meta .col-12, .variant-meta .col-md-6 {
         width: 100% !important;
         max-width: 100% !important;
         flex: 0 0 100% !important;
         min-width: 0 !important;
    }
     .variant-label {
         font-size: 12px !important;
         margin-bottom: 4px !important;
    }
     .variant-value {
         min-height: 40px !important;
         padding: 10px 12px !important;
         font-size: 14px !important;
         min-width: 0 !important;
         word-break: break-word !important;
    }
    /* prezzi */
     .variant-price-box {
         display: flex !important;
         align-items: center !important;
         flex-wrap: wrap !important;
         gap: 8px !important;
         margin: 14px 0 12px 0 !important;
    }
     .variant-price-box .pr-list {
         font-size: 18px !important;
    }
     .variant-price-box .sc {
         min-width: 52px !important;
         height: 28px !important;
         font-size: 13px !important;
         padding: 0 8px !important;
    }
     .variant-price-box .pr-sc {
         font-size: 32px !important;
    }
     .prezzi-note {
         width: 100% !important;
         font-size: 13px !important;
    }
    /* quantità */
     .variant-buy-box {
         max-width: 100% !important;
    }
     .variant-qty-wrapper {
         width: 100% !important;
         display: flex !important;
         align-items: stretch !important;
    }
     .variant-qty-wrapper .qty-btn {
         width: 44px !important;
         min-width: 44px !important;
         height: 44px !important;
    }
     .variant-qty-wrapper .qty-input {
         height: 44px !important;
         min-height: 44px !important;
         line-height: 44px !important;
         font-size: 16px !important;
    }
     .variant-cart-btn, .button-site {
         width: 100% !important;
         font-size: 15px !important;
         padding: 12px !important;
    }
    /* tabs */
     .detail-tabs-row {
         margin-top: 15px !important;
    }
     .tabs-pr .nav-tabs {
         display: flex !important;
         flex-wrap: wrap !important;
    }
     .tabs-pr .nav-item {
         margin-bottom: 6px !important;
    }
     .tabs-pr .tab-content {
         padding: 16px !important;
    }
}
/* ====================== SMARTPHONE PICCOLO ====================== */
 @media (max-width: 576px) {
     .varianti-left-col, .varianti-right-col {
         padding-left: 10px !important;
         padding-right: 10px !important;
    }
     .back-button-wrap {
         margin: 0 10px 10px 10px !important;
    }
     .variant-title {
         font-size: 18px !important;
    }
     .variant-price-box .pr-list {
         font-size: 16px !important;
    }
     .variant-price-box .sc {
         font-size: 12px !important;
         min-width: 48px !important;
         height: 26px !important;
    }
     .variant-price-box .pr-sc {
         font-size: 28px !important;
    }
     .variant-gallery-thumbs .thumb-pr {
         width: 60px !important;
         min-width: 60px !important;
         height: 60px !important;
    }
     .variant-thumb-top {
         width: 60px !important;
         height: 60px !important;
    }
     .variant-cart-btn {
         font-size: 14px !important;
    }
}