/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.header-top {
	margin-top:10px;
}

.leo-megamenu .navbar-nav > li > a > .menu-title {
    font-family: "Poppins", sans-serif !important;
	font-size: 1rem !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Poppins", sans-serif !important;
}

@media (min-width: 575px) {
	.box-top #leo_search_block_top #leosearchtopbox {
			width: 465px !important;
	}
}

@media (max-width: 575px) {
  .box-top #leo_search_block_top #leosearchtopbox {
    right: -140px !important;
  }
}

.box-top #leo_search_block_top .form-control {
    background: #f6f6f6;
}

.leo-megamenu .navbar-nav > li.active > a:before, .leo-megamenu .navbar-nav > li:hover > a:before, .leo-megamenu .navbar-nav > li:focus > a:before {
    height: 3px !important;
}

.leo-megamenu .navbar-nav > li > a:before {
   bottom: 27px !important;
}

#link_b2b, #link_b2b_mobile {
    height: 80px;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    display: table-cell;
	padding-right: 40px;
}

#link_b2b a, #link_b2b_mobile a {
	font-family: "Poppins", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600;
	border-radius: 20px;
	color: #222222 !important;
	text-transform: unset !important;
}

#link_b2b a:hover, #link_b2b_mobile a:hover {
	background-color: #d22f2b !important;
}

#_desktop_cart .cart-preview {
	min-width: 50px;
}

#_desktop_cart .cart-preview i {
    font-size: 25px !important;
}

#leo_block_top .popup-title {
	min-width: 50px;
}

#leo_block_top .popup-title i {
    font-size: 25px !important;
	margin-right:20px;
}

#leo_block_top .popup-content {
	min-width: 360px;
}

.popup-over .popup-content {
	font-size: 14px !important;
}

/* @media (min-width: 768px) {
  #wrapper .breadcrumb {
    height: 160px !important;
  }
} */

.breadcrumb a {
	color: #000000;
}

.breadcrumb ol {
  background:rgba(210, 47, 43,0.3);
  padding: 5px 10px;
  border-radius: 20px;
}

.breadcrumb li a::after {
	color: #000000;
	content: ">" !important;
}

.breadcrumb, .breadcrumb a:hover {
	color: #000000;
}





 #wrapper .breadcrumb {
    text-align: left !important;
 }
 
 @media (min-width: 768px) {
  #wrapper .breadcrumb::before {
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    z-index: unset !important;
    margin-left: 0px !important
    width: 100% !important;
    /* background: none !important;     */
  }
}
.breadcrumb::before {
  position: relative;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  bottom: unset !important;
  /* background: none */
  z-index: unset !important;
}

@media (min-width: 768px) {
  #wrapper .breadcrumb {
    /* margin: 0px !important; */
	margin-top:-60px !important;
    height: unset   !important;
    display: inline-block  !important;
    box-align: left  !important;
    align-items: left !important;
    text-align: left  !important;
  }
  #index #wrapper .breadcrumb, #category #wrapper .breadcrumb {
    display: none  !important;
  }
}

.brands-grid .brand-name {
  font-weight: bold;
}

.h5-boxlistcate {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.h5-boxlistcate .widget-category_image .block_content > ul li {
    background-color: rgba(0, 0, 0, 0.4);
}


.h5-boxlistcate .widget-category_image .block_content > ul .cate-name  {
	color: #ffffff !important;
}

.h5-boxlistcate .widget-category_image .block_content > ul:hover .cate-name {
    color: #d22f2b !important;
}

.h5-boxlistcate .widget-category_image .block_content > ul .items {
    color: #ffffff !important;
}

.h5-boxlistcate .widget-category_image .block_content > ul:hover .items {
    color: #666666 !important;
}

.box-testimonial {
	/* padding: 90px 30px 90px 30px !important; */
	padding: 20px !important;
}

.box-testimonial .testimonial-content {
		font-size:23px !important;
}

.nopaddingtop {
	padding-top:0px !important;
}

.banner-left .bn-left-top {
	padding: 50px 15px 50px 15px !important;
}

@media (min-width: 1500px) {
  .wr-logo {
    padding-right: 0px !important;
    padding-left: 50px !important;
  }
}

.page-cms img {
	max-width:125px !important;
	width: 100%;
}

a#scopri-di-più-b2b-home {
    font-size: 18px;
    text-transform: none;
    border-radius: 20px;
    padding: 12px;
    font-weight: 700;
}

@media (min-width:1024px){
	a#scopri-di-più-b2b-home {
		margin-right: 80px;
	}
}

.nqt_info {
	color: #222222 !important;
}

.footer-container {
	padding-top: 0px  !important;
}

.box-footer .logo {
    margin-bottom: 25px !important;
	width:145px;
}

.metodi-pagamento-footer .img-fluid {
    max-width: 400px !important
}

.metodi-pagamento-footer .title_block {
	display: block;
    max-width: 400px;
    margin: auto !important;
    width: 100%;
}

.logo-block-footer {
	text-align: center !important;
}

.box-copyright img {
    max-width: 280px !important;
 }
 
.product-reference .label, .product-quantities .label {
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin: auto 10px auto 0;
  min-width: 70px;
  color: #666666;
  padding-top: 25px;
}

.product-designed-by{
  margin-top:.4rem;
  display:inline-block;
  padding:.5rem .75rem;
  background:#f2f2f2;           /* grigio chiaro */
  border:1px solid #e3e3e3;
  border-radius:8px;
  font-size:.95rem;
  line-height:1.2;
}

.delivery-information {
	font-weight: bold;
}

.product-add-to-cart .product-quantity .add-to-cart, .p-cartwapper #quantity_wanted, .p-cartwapper .btn-touchspin  {
	border-radius: 5px !important;
}

.product-add-to-cart {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.blockreassurance_product {
	margin-top: 10px !important;
}


/* allinea quantità + pulsante su una stessa riga solo qui */
.p-cartwapper--inline {
  display: flex;
  align-items: stretch;      /* stessa altezza */
  gap: .75rem;               /* spazio tra input e bottone */
}

/* larghezza sensata per il campo quantità */
.p-cartwapper--inline .qty {
  flex: 0 0 120px;           /* fisso ~120px; adatta se vuoi */
  max-width: 160px;
}

/* il blocco "add" occupa lo spazio rimanente */
.p-cartwapper--inline .add {
  flex: 1 1 auto;
  display: flex;             /* per far allungare il bottone */
}

/* il bottone riempie l'altezza e (se vuoi) tutta la larghezza */
.p-cartwapper--inline .add .btn {

}

/* su schermi piccoli torna a colonna */
@media (max-width: 576px) {
  .p-cartwapper--inline { 
    flex-direction: column; 
  }
  .p-cartwapper--inline .add .btn { width: 100%; }
}

.product-add-to-cart .product-quantity .qty {
	margin: 0px !important;
}

.product-add-to-cart .product-quantity .control-label {
	display: none;
}

h1.product-detail-name {
	text-transform: initial !important;
	font-weight: normal !important;
}

#description .title-info-product {
	font-size: 1.4rem;
}


 .blockreassurance_product_footer{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px 48px;
  align-items:start;
  width: 100%;
}

@media (max-width:1024px){ .blockreassurance_product_footer{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){  .blockreassurance_product_footer{ grid-template-columns:1fr;} }

.blockreassurance_product_footer > div{
  display:grid;
  grid-template-columns: auto 1fr;
  column-gap:12px;
  align-items:start;
}

.blockreassurance_product_footer .item-product{
  grid-column:1;
  grid-row:1 / span 2;
  line-height:0;
}

.blockreassurance_product_footer .item-product svg{
  display:block;
  width:48px;
  height:48px;
}

.blockreassurance_product_footer .block-title{
  grid-column:2;
  grid-row:1;
  margin:0 !important;
  line-height:1.25;
  font-weight:700;
  display:block;
}

.blockreassurance_product_footer .block-title + p{
  grid-column:2;
  grid-row:2;
  margin:4px 0 0 !important;
  line-height:1.3;
}

.blockreassurance_product_footer *{ text-align:left !important; }

.blockreassurance_product_footer {
	/* border: 1px solid #ddd; */
	/* border-radius: 5px; */
	padding-top: 18px;
}



/* Contenitore dei 3 blocchi */
.blockreassurance_product{
  display:flex;
  flex-wrap:wrap;                          /* va a capo se serve */
  gap:clamp(16px,4vw,48px);
}

/* Singolo blocco: affianca icona e titolo e centra verticalmente */
.blockreassurance_product > div{
  display:flex;
  align-items:center;                      /* centratura verticale VERA */
  gap:12px;                                /* spazio tra icona e testo */
  min-height:70px;                         /* altezza almeno quanto l’icona */
  flex:1 1 280px;                          /* 3 colonne fluide, poi vanno a capo */
}

/* “Cella” icona: dimensione fissa */
.blockreassurance_product .item-product{
  display:flex;
  align-items:center;
  justify-content:center;
  width:70px;
  height:70px;
  flex:0 0 70px;
}

/* evita il gap di baseline degli SVG */
.blockreassurance_product .item-product svg{
  display:block;
  width:70px;
  height:70px;
}

/* Titolo allineato al centro della riga, niente margini extra */
.blockreassurance_product .block-title{
  margin:0 !important;
  line-height:1.2;
  font-weight:600;                         /* opzionale */
}

/* ===== 3 colonne fisse su desktop, 1 colonna su mobile ===== */
.blockreassurance_product{
  --rs-gap: 40px;              /* puoi ridurre/aumentare il gap qui */
  display:flex;
  flex-wrap:wrap;
  gap: var(--rs-gap);
}

/* base mobile: una per riga */
.blockreassurance_product > div{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:70px;
  flex: 1 1 100%;              /* 1 per riga su mobile */
  box-sizing: border-box;
}

/* da tablet/desktop: 3 per riga, calcolando i gap */
@media (min-width: 1024px){
  .blockreassurance_product > div{
    flex: 0 0 calc((100% - 2 * var(--rs-gap)) / 3); /* 3 colonne */
    max-width: calc((100% - 2 * var(--rs-gap)) / 3);
  }
}
@media (max-width: 1024px){
  .blockreassurance_product {
	  gap:10px !important;
  }
}

/* icona e titolo */
.blockreassurance_product .item-product{
  display:flex;
  align-items:center;
  justify-content:center;
  width:70px;
  height:70px;
  flex:0 0 70px;
}
.blockreassurance_product .item-product svg{
  display:block; width:70px; height:70px;
}
.blockreassurance_product .block-title{
  margin:0 !important;
  line-height:1.2;
  font-weight:600;
}

.blockreassurance_product p.block-title {
	line-height: normal !important;	
}

#conditions-to-approve {
	background-color:#f6f6f6;
	border-radius:5px;
}

body#checkout .custom-checkbox input[type="checkbox"] + span, body#checkout .custom-checkbox input[type="radio"] + span {
		border: 2px solid #000000 !important;
}

body#checkout section.checkout-step .content {
	max-width: unset !important;
}

.fpp_searchers .searcher-header {
	display: none;
}

.fpp_searchers SELECT {
	background-color: #ffb7b78c !important;
	color: #232323 !important;
	border-radius:5px !important;
	border: 0px !important;
}

.fpp_searchers .searcher-content {
	border:0px !important;
	box-shadow: none !important;
}

#header-per-mobile #header-per-mobile-riga1 {
	text-align:center !important;
	display:block !important;
}

#header-per-mobile #header-per-mobile-riga1 .block.ApRawHtml {
	float:right !important;
}

#link_b2b_mobile {
    position: absolute !important;
    top: 17px !important;
    left: 10px !important;
}


.plist-center .thumbnail-container .pro-btn > div.button-container {
	width: 100% !important;
}

@media (max-width: 991px) {
    .plist-center .thumbnail-container .pro-btn .btn-product {
        font-size: 22px !important;
    }
}

@media (max-width: 1200px) {
    .fpp_searchers .content-permanent-mobile .searcher-content .searcher-footer {
        bottom: 65px !important;
    }
	.ApMegamenu {
    position: absolute !important;
    top: -153px !important;
    left: 22px !important;
}
}

@media (max-width: 576px) {
  .p-cartwapper--inline {
    flex-direction: row !important;
  }
  .product-actions .add-to-cart {
	padding-left: 5px !important;
    padding-right: 5px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    height: auto !important;
    line-height: 1.1rem !important; 
  }
  .product-actions .add-to-cart i {
	  display:none !important;
  }
  .pagina-marchi {
	--tile-w: 140px !important;
  }
  .pwds-hero-grid {
	  display: block !important;
  }
  .pwds-hero-grid .pwds-hero-left {
	  margin-bottom: 10px;
  }
  .box-testimonial .testimonial-content {
	  font-size: 16px !important;
      line-height: 1.8rem !important;
	}  
}



#manufacturer-description IMG {
	width: 100% !important;
	height: auto !important;
}

.fpp_searchers .searcher-footer BUTTON {
	background-color: #000000 !important;
	border-radius: 20px !important;
}
.fpp_searchers .searcher-footer BUTTON:hover {
	background-color: #d22f2b !important;
}



.h4-wr-mainbanner .banner-right  {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: url('/themes/at_auros/assets/img/modules/appagebuilder/images/alessi-spremi.jpg') center/cover no-repeat !important;
}

.pulsante-cms-richiedi-account a {
	border-radius: 10px;
	margin-top:30px;
	font-size: 18px !important;
}

#module-psmembership-myplandetail a.btn-info, .wk-custom-warning button.btn-info {
  background-color: black !important;
  border: 0px !important;
  padding: 15px 18px !important;
  border-radius: 10px !important;
  color: white !important;
}

#module-psmembership-myplandetail a.btn-info:hover, .wk-custom-warning button.btn-info:hover {
	background-color: #d22f2b !important;
	color: black !important;
}

#module-psmembership-myplandetail #DataTables_Table_0_wrapper #DataTables_Table_0_length,
#module-psmembership-myplandetail #DataTables_Table_0_wrapper #DataTables_Table_0_filter,
#module-psmembership-myplandetail #DataTables_Table_0_wrapper #DataTables_Table_0_info,
#module-psmembership-myplandetail #DataTables_Table_0_wrapper #DataTables_Table_0_paginate {
	display: none !important;
}

.manu-logo a {
  height: 125px !important;
  width: 100px !important;
  display: inline-flex;
  background-color: #F8F8F8;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  transition: box-shadow .2s ease, transform .2s ease, background-image .2s ease;
  overflow: hidden;
  margin: 5px !important;
} 

.manu-logo a:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

.manu-logo img {
  width: auto;
  height: auto;
  max-height: 125px;
  max-width: 100px;
  padding: 5px;
  border: 0px !important;
}

label[for="field-id_gender"],
label[for="field-id_gender-1"],
label[for="field-id_gender-2"] {
  display: none !important;
}

/***************/
/*   SKIN      */
/***************/

a:hover, a:focus {
  color: #d22f2b; }

.leo-megamenu .navbar-nav > li.active > a, .leo-megamenu .navbar-nav > li:hover > a, .leo-megamenu .navbar-nav > li:focus > a,
.box-tabproducts .nav-tabs li a.active, .box-tabproducts .nav-tabs li a:hover,
.leo-megamenu .dropdown-menu li a:hover,
.block-social li a:hover,
.thumbnail-container .product-title a:hover,
.popup-over .popup-content a:hover,
.group-input a.apconfig.active,
.block-categories .category-sub-menu li > a:hover,
.block-social li:hover,
.owl-theme .owl-buttons div:hover:before,
.plist-dsimple .thumbnail-container .discount-percentage,
.box-fashion .ApHtml a:hover,
.blog-container .blog-title a:hover,
.popup-over .popup-content li.current a,
.blog-item .title a:hover,
.blog-item .more:hover,
.iview-directionNav a:hover:before, .leo-cart-item-info .discount-percentage,
.widget-category_image .block_content > ul:hover .cate-name, .block_newsletter .input-wrapper button:hover,
.nqt-email:hover, .block-categories .collapse-icons:hover, .sidebar > div a.all-product-link:hover, .sidebar > div a.all-product-link:active,
.sidebar > div a.all-product-link:focus, .sidebar .block a.all-product-link:hover,
.sidebar .block a.all-product-link:active, .sidebar .block a.all-product-link:focus, .pagination .current a, .social-sharing li:hover,
.product-quantity .add .btn:not(.add-to-cart):hover, .product-quantity .add .btn:not(.add-to-cart):active,
.product-quantity .add .btn:not(.add-to-cart):focus, #leo_product_reviews_block_extra a:hover, .breadcrumb li:last-child a,
.product-tabs.tabs .nav-tabs .nav-link.active, .product-tabs.tabs .nav-tabs .nav-link:hover, .blog-item .blog-bottom .created .date .left-date,
.pagination a:hover, .pagination a:focus, .showmenu:hover, .showmenu:hover i, .redhotspot, .litetooltip-wrapper .template .temp_description,
.box-service .sv-col:hover i, .box-service .sv-col:hover h3, .box-search #search_widget .search-inner button[type="submit"]:hover,
.box-search #search_widget .search-inner button[type="submit"]:hover i, .thumbnail-container .product-title a:hover,
.h6-bn-wr-text .h6-bn-price, .h7-list-cate .cate-blok:hover i, .wr-question .question-title a:before {
  color: #d22f2b; }

a.nav-link:hover .menu-title {
	color: #4c4c4c !important;
}

.bannercontainer .tp-caption.btn:hover,
.plist-dsimple .thumbnail-container .pro3-btn .btn-product:hover, .plist-dsimple .thumbnail-container .pro3-btn .quick-view:hover,
.leo-fly-cart-total,
.box-top .col-info .ap-btn-wishlist .ap-total,
.enable_fheader.btn_yes:after,
.box-top .col-info #_desktop_cart .header .cart-products-count,
.block-categories .category-sub-menu li:hover:after,
.has-discount .discount,
.product-add-to-cart .product-quantity .add-to-cart:hover,
#back-top,
.leo-megamenu .dropdown-menu li a:hover:before,
.plist-center .thumbnail-container .pro-btn .btn-product:hover, .view-leo-dropdown-additional.show,
#blockcart-modal .cart-content a.btn:hover, #blockcart-modal .cart-content a.btn:focus,
.product-add-to-cart .product-quantity .add-to-cart:hover, .product-add-to-cart .product-quantity .add-to-cart:focus,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus, .continue.btn:hover,
.continue.btn:focus, button.btn.btn-primary.center-block:hover, button.btn.btn-primary.center-block:focus,
.product-tabs.tabs .nav-tabs .nav-item .nav-link.active:after, .input-group .input-group-btn > .btn,
.custom-radio input[type="radio"]:checked + span, body#checkout section.checkout-step.-reachable.-complete h1 .done,
body#checkout section.checkout-step.-reachable.-complete .step-title:before, .bannercontainer .tp-caption.h6-style-slide a:hover,
.h6-bn-wr-text a:hover {
  background: #d22f2b; }

.block-social li:hover,
.owl-theme .owl-buttons div:hover,
.iview-directionNav a:hover,
.blog-container .link-readmore:hover, .block_newsletter .input-wrapper button:hover,
.plist-center .thumbnail-container .pro-btn .btn-product:hover, .bannercontainer .tp-caption.h1-style-4 .btn:hover, .nqt-email,
.product-quantity .add .btn:not(.add-to-cart):hover, .product-quantity .add .btn:not(.add-to-cart):active,
.product-quantity .add .btn:not(.add-to-cart):focus, .block_newsletter .input-wrapper input:focus,
.block_newsletter .input-wrapper input:hover, .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active,
.h3-box-img-cate .widget-category_image .block_content li .cate-show-all:hover, .bannercontainer .tp-caption.h3-style-3 .btn:hover,
.h4-wr-mainbanner .banner-left .bn-left-top a:hover, .box-newbanner .box-btn a:hover, .bannercontainer .tp-caption.h4-style-4 a:hover,
.bannercontainer .tp-caption.h6-style-slide a:hover, .h6-bn-wr-text a:hover, .h7-boxbanner a:hover, .h11-box-bn a:hover, .box-bg-content-bot a:hover,
.h13-box-bg .line-3:hover, #mywishlist .footer_links li .btn:hover {
  border-color: #d22f2b; }

*::selection {
  background-color: #d22f2b;
  color: #fff; }

.btn-primary:active:hover, .btn-primary:hover, .btn-primary:active:focus, .btn-primary:active.focus,
.btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus, .leo-megamenu .navbar-nav > li > a:before,
#_desktop_cart .cart-products-count, .bannercontainer .tp-caption.h1-style-4 .btn:hover,
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active, .box-imgbackground a:hover,
.box-newsletter .block_newsletter .input-wrapper button:hover, .h3-box-img-cate .widget-category_image .block_content li .cate-show-all:hover,
.bannercontainer .tp-caption.h3-style-3 .btn:hover, .h4-wr-mainbanner .banner-left .bn-left-top a:hover, .h4-wr-mainbanner .wr-text a:before,
.box-newbanner .box-btn a:hover, .bannercontainer .tp-caption.h4-style-4 a:hover,
.bannercontainer .tp-caption.h7-style-slide .h7-text-slide-bot:hover, .h7-boxbanner a:hover, .h11-box-bn a:hover, .box-bg-content-bot a:hover
, .h13-box-bg .line-3:hover, #mywishlist .footer_links li .btn:hover, .img-faq .image_description a {
  background-color: #d22f2b; }

.see-all a, .box-show-more a, .blog-container .link-readmore, .h2-banner .image_description .btn, .h3-footer-info .btn-newsletter,
.h4-boxbntop .image_description a, .h5-boxlistcate .widget-category_image .cate-show-all, .h7-about .ab-button a, .h12-box-bn .ApImage a {
  -moz-box-shadow: 0px -9px 0px 0px #d22f2b inset;
  -webkit-box-shadow: 0px -9px 0px 0px #d22f2b inset;
  -o-box-shadow: 0px -9px 0px 0px #d22f2b inset;
  -ms-box-shadow: 0px -9px 0px 0px #d22f2b inset;
  box-shadow: 0px -9px 0px 0px #d22f2b inset; }

.blog-container .link-readmore:hover, .h5-boxlistcate .widget-category_image .cate-show-all:hover {
  -moz-box-shadow: 0px -50px 0px 0px #d22f2b inset;
  -webkit-box-shadow: 0px -50px 0px 0px #d22f2b inset;
  -o-box-shadow: 0px -50px 0px 0px #d22f2b inset;
  -ms-box-shadow: 0px -50px 0px 0px #d22f2b inset;
  box-shadow: 0px -50px 0px 0px #d22f2b inset; }

.h3-footer-info .btn-newsletter:hover {
  -moz-box-shadow: 0px -31px 0px 0px #d22f2b inset;
  -webkit-box-shadow: 0px -31px 0px 0px #d22f2b inset;
  -o-box-shadow: 0px -31px 0px 0px #d22f2b inset;
  -ms-box-shadow: 0px -31px 0px 0px #d22f2b inset;
  box-shadow: 0px -31px 0px 0px #d22f2b inset; }

.box-cate-product .nav-tabs .nav-link.active, .box-cate-product .nav-tabs .nav-link.active:focus,
.box-cate-product .nav-tabs .nav-link.active:hover, .box-cate-product .nav-tabs .nav-item.open .nav-link,
.box-cate-product .nav-tabs .nav-item.open .nav-link:focus, .box-cate-product .nav-tabs .nav-item.open .nav-link:hover,
.h8-box-product .nav-tabs .nav-link.active, .h8-box-product .nav-tabs .nav-link.active:focus, .h8-box-product .nav-tabs .nav-link.active:hover,
.h8-box-product .nav-tabs .nav-item.open .nav-link, .h8-box-product .nav-tabs .nav-item.open .nav-link:focus,
.h8-box-product .nav-tabs .nav-item.open .nav-link:hover, .h8-box-product .nav-tabs li a:hover, .box-cate-product .ApTabs .nav-tabs li a:hover {
  -moz-box-shadow: 0px -6px 0px 0px #d22f2b inset;
  -webkit-box-shadow: 0px -6px 0px 0px #d22f2b inset;
  -o-box-shadow: 0px -6px 0px 0px #d22f2b inset;
  -ms-box-shadow: 0px -6px 0px 0px #d22f2b inset;
  box-shadow: 0px -6px 0px 0px #d22f2b inset; }

#index .box-top.home-2 .showmenu:hover {
  color: #d22f2b !important; }
  #index .box-top.home-2 .showmenu:hover i {
    color: #d22f2b !important; }
	
.h4-wr-mainbanner .banner-left .bn-left-top a:hover {
    background-color: #d22f2b !important;
    border-color: #d22f2b !important;
}

.h4-wr-mainbanner .banner-right a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 1199px) {
  .h4-wr-mainbanner .banner-left .bn-left-top h1 {
    font-size: 40px !important;
  }
}

.h4-wr-mainbanner .banner-right a:hover {
    color: #ffffff; !important;
}

.h4-wr-mainbanner .wr-text a:before {
    background-color: #d22f2b !important;
	margin: 0px 3px 5px 0px !important;
	width: 15px !important;
}

.h4-boxbntop .image_description a {
    -webkit-box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
    -o-box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
    -ms-box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
    box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
}

.h5-boxlistcate .widget-category_image .cate-show-all:hover {
    -moz-box-shadow: 0px -40px 0px 0px #d22f2b inset !important;
    -webkit-box-shadow: 0px -40px 0px 0px #d22f2b inset !important;
    -o-box-shadow: 0px -40px 0px 0px #d22f2b inset !important;
    -ms-box-shadow: 0px -40px 0px 0px #d22f2b inset !important;
    box-shadow: 0px -40px 0px 0px #d22f2b inset !important;
    color: #FFFFFF;
}

.h5-boxlistcate .widget-category_image .cate-show-all {
    -moz-box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
    -webkit-box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
    -o-box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
    -ms-box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
    box-shadow: 0px -9px 0px 0px #d22f2b inset !important;
}

.redhotspot {
    color: #d22f2b !important;
}

.litetooltip-wrapper .template .temp_description {
    color: #d22f2b !important;
}

.nqt-email:hover {
    color: #d22f2b !important;
}

.metodi-pagamento-footer {
    border-top: 2px solid #d22f2b !important;
}

#blockcart-modal .cart-content a.btn:hover, #blockcart-modal .cart-content a.btn:focus, .product-add-to-cart .product-quantity .add-to-cart:hover, .product-add-to-cart .product-quantity .add-to-cart:focus, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover, .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus, .continue.btn:hover, .continue.btn:focus, button.btn.btn-primary.center-block:hover, button.btn.btn-primary.center-block:focus {
    background: #d22f2b !important;
}

.box-top #leo_search_block_top .btn:hover {
		color: #d22f2b !important;
}

.product-flags .product-flag.new {
    color: #d22f2b !important;
    border-color: #d22f2b !important;
}

.product-tabs.tabs .nav-tabs .nav-link:before {
    background: #d22f2b !important;
}

.block-social li:hover {
  color: #d22f2b !important;
}

.blockreassurance_product #color, .blockreassurance_product #fill {
		fill: #000000 !important;
}

.more-info-product .title-info-product::before {
  background: #d22f2b !important;
}

.navbar-header .navbar-toggler:focus, .navbar-header .navbar-toggler:hover {
	background: #d22f2b !important;
	border-color: #d22f2b !important;
}

/* Fine SKIN */

/* INIZIO PAGINA MARCHI*/
.pagina-marchi {
  --tile-w: 175px;
  --tile-h: 220px;
  --tile-bg: #f8f8f8;
  --tile-radius: 12px;
  --tile-gap: 16px;
  --tile-shadow: 0 2px 10px rgba(0,0,0,.06);
  --tile-shadow-hover: 0 6px 20px rgba(0,0,0,.12);
}

.pagina-marchi .page-title {
  margin-bottom: 1rem;
}

/* Griglia di riquadri */
.pagina-marchi .brands-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--tile-w), 1fr));
  gap: var(--tile-gap);
  padding: 0;
  margin: 0;
}

/* Card del brand */
.pagina-marchi .brand-card {
  width: var(--tile-w);
  height: var(--tile-h);
  margin: 0 auto; /* centra nella colonna */
  background-color: var(--tile-bg);
  border-radius: var(--tile-radius);
  box-shadow: var(--tile-shadow);
  transition: box-shadow .2s ease, transform .2s ease, background-image .2s ease;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.pagina-marchi .brand-card:hover {
  box-shadow: var(--tile-shadow-hover);
  transform: translateY(-2px);
}
.pagina-marchi .brand-card[data-bg-ok="1"]:hover {
  background-image: var(--brand-bg);
}

/* Link “full-card” */
.pagina-marchi .brand-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; /* centra verticalmente logo+nome */
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 12px;
}

/* Wrapper del logo per controllare il movimento */
.pagina-marchi .brand-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--tile-h) - 60px); /* spazio per il nome */
  width: 100%;
  pointer-events: none;
}

/* Logo: 100px di larghezza, altezza auto */
.pagina-marchi .brand-logo {
  max-width: 100px;
  width: 100px; /* esattamente 100px */
  height: auto;
  transition: transform .2s ease;
  display: block;
}

/* Al passaggio mouse il logo sale di 20px */
.pagina-marchi .brand-card:hover .brand-logo {
  transform: translateY(-20px);
}

/* Nome brand */
.pagina-marchi .brand-name {
  display: block;
  margin-top: 8px;
  font-size: .95rem;
  line-height: 1.2;
  text-align: center;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 16px);
}

.pagina-marchi #left-column { display: none !important; }
.pagina-marchi #content-wrapper { width: 100% !important; }


/*FINE PAGINA MARCHI*/

/* Fix rassicurazioni scheda prodotto: descrizione sotto al titolo (non a fianco) */
.blockreassurance_product > div{display:grid;grid-template-columns:70px 1fr;column-gap:12px;align-items:center;flex:1 1 100%;}
.blockreassurance_product > div > .item-product{grid-column:1;grid-row:1 / span 2;align-self:center;}
.blockreassurance_product > div > .block-title{grid-column:2;grid-row:1;align-self:end;margin:0;}
.blockreassurance_product > div > p{grid-column:2;grid-row:2;align-self:start;margin:0;}

/* Tasto "Aggiungi al carrello": rosso primario, hover rosso piu' scuro */
.add-to-cart,.btn.add-to-cart,.product-add-to-cart .product-quantity .add-to-cart,.thumbnail-container .add-to-cart{background:#d22f2b !important;border-color:#d22f2b !important;color:#fff !important;}
.add-to-cart:hover,.add-to-cart:focus,.add-to-cart:active,.btn.add-to-cart:hover,.product-add-to-cart .product-quantity .add-to-cart:hover,.product-add-to-cart .product-quantity .add-to-cart:focus,.product-add-to-cart .product-quantity .add-to-cart:active,.thumbnail-container .add-to-cart:hover{background:#b22825 !important;border-color:#b22825 !important;color:#fff !important;}
.add-to-cart[disabled],.product-add-to-cart .product-quantity .add-to-cart[disabled]{background:#333 !important;border-color:#333 !important;}

/* Breadcrumb: riabilita su categoria + stile come sito vecchio (separatore "/" grigio) */
@media (min-width:768px){#category #wrapper .breadcrumb{display:inline-block !important;}}
.breadcrumb li a::after{content:"/" !important;color:#888888 !important;font-weight:400 !important;}
.breadcrumb li a,.breadcrumb li span{color:#222222 !important;}
.breadcrumb li a:hover{color:#d22f2b !important;}
.breadcrumb li:last-child a,.breadcrumb li:last-child span{color:#d22f2b !important;}
.breadcrumb ol{background:transparent !important;border-radius:0 !important;padding:0 !important;}

/* Flag "In offerta": badge rosso primario, testo bianco */
.product-flag.on-sale{background:#d22f2b !important;color:#ffffff !important;padding:4px 10px !important;border-radius:3px !important;text-transform:uppercase !important;font-weight:600 !important;font-size:12px !important;line-height:1.4 !important;display:inline-block !important;}

/* Megamenu: sottomenu su piu' colonne + rimosso titolo categoria madre ridondante */
.leo-megamenu .widget-subcategories .menu-title{display:none !important;}
.leo-megamenu .widget-subcategories ul{display:grid !important;grid-auto-flow:column !important;grid-template-rows:repeat(6,auto) !important;grid-auto-columns:185px !important;column-gap:26px !important;margin:0 !important;padding:0 !important;}
.leo-megamenu .widget-subcategories ul>li{width:185px !important;break-inside:avoid;}
.leo-megamenu .nav-item.parent .dropdown-sub.dropdown-menu{min-width:0 !important;width:auto !important;}
.leo-megamenu .nav-item.parent .dropdown-sub.dropdown-menu{width:max-content !important;max-width:760px !important;}
.leo-megamenu .nav-item.parent .dropdown-menu-inner,.leo-megamenu .nav-item.parent .row,.leo-megamenu .nav-item.parent .mega-col,.leo-megamenu .nav-item.parent .mega-col-inner,.leo-megamenu .nav-item.parent .widget-subcategories,.leo-megamenu .nav-item.parent .widget-inner{width:auto !important;}

/* Badge percentuale sconto nel listato: testo bianco su sfondo rosso primario */
.discount-percentage:not(.discount){background:#d22f2b !important;color:#ffffff !important;padding:3px 8px !important;border-radius:3px !important;font-weight:600 !important;}

/* ===== Rassicurazioni: layout responsivo unificato (override finale) ===== */
/* Contenitore: tante colonne quante ne stanno (≥240px), poi vanno a capo.
   Largo = 3 affiancati; stretto = impilati; testo mai sovrapposto all'icona. */
.blockreassurance_product,
.blockreassurance_product_footer{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap:18px 32px !important;
  align-items:start !important;
  width:100% !important;
}
/* la clearfix dei float non deve occupare una cella della griglia */
.blockreassurance_product > .clearfix,
.blockreassurance_product_footer > .clearfix{ display:none !important; }
/* Singolo blocco: icona a sinistra, titolo sopra, descrizione sotto */
.blockreassurance_product > div,
.blockreassurance_product_footer > div{
  display:grid !important;
  grid-template-columns:70px 1fr !important;
  column-gap:12px !important;
  row-gap:2px !important;
  align-items:center !important;
  min-height:0 !important;
  max-width:none !important;
}
.blockreassurance_product > div > .item-product,
.blockreassurance_product_footer > div > .item-product{
  grid-column:1 !important; grid-row:1 / span 2 !important; align-self:center !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:70px !important; height:auto !important;
}
.blockreassurance_product > div > .block-title,
.blockreassurance_product_footer > div > .block-title{
  grid-column:2 !important; grid-row:1 !important; align-self:end !important; margin:0 !important;
}
.blockreassurance_product > div > p:not(.block-title),
.blockreassurance_product_footer > div > p:not(.block-title){
  grid-column:2 !important; grid-row:2 !important; align-self:start !important; margin:2px 0 0 !important;
}

/* ===== Menu Brand: Top Designer in colonna propria a destra dei brand ===== */
/* Causa: 8+4+4=16 colonne (col vuota residua) mandavano Top Designer a capo. */
.leo-megamenu .dropdown-menu:has(.widget-topdesigners) .dropdown-menu-inner > .row:first-child{
  display:flex !important; flex-wrap:nowrap !important; align-items:flex-start !important;
}
/* colonna vuota residua: rimossa */
.leo-megamenu .dropdown-menu:has(.widget-topdesigners) .mega-col.col-md-4:not(:has(.leo-widget)){
  display:none !important;
}
/* loghi brand: occupano lo spazio a sinistra */
.leo-megamenu .dropdown-menu:has(.widget-topdesigners) .mega-col.col-md-8{
  flex:1 1 auto !important; width:auto !important; max-width:none !important;
}
/* Top Designer: colonna a destra con separatore */
.leo-megamenu .dropdown-menu:has(.widget-topdesigners) .mega-col.col-md-4:has(.widget-topdesigners){
  flex:0 0 auto !important; width:auto !important; min-width:170px !important;
  padding-left:16px !important; border-left:1px solid #eee !important;
}

/* ===== Prezzo prodotto in offerta (carrello/checkout): rosso primario invece di arancione ===== */
.has-discount.product-price, .has-discount p,
.has-discount .current-price, .has-discount .current-price .price{ color:#d22f2b !important; }

/* ===== Pulsante Trade B2B header: testo bianco in hover (sfondo già rosso) ===== */
#link_b2b a:hover, #link_b2b a:focus, #link_b2b_mobile a:hover, #link_b2b_mobile a:focus{ color:#ffffff !important; }

/* ===== Megamenu: ponte invisibile anti-chiusura nel gap voce->sottomenu =====
   Copre il piccolo spazio tra la voce di menu e il blocco che si apre sotto,
   mantenendo l'hover continuo. z-index:0 -> sta DIETRO la barra del menu, quindi
   non blocca lo switch tra le altre voci. */
.leo-megamenu .navbar-nav > .nav-item > .dropdown-menu::before{
  content:"";
  position:absolute;
  left:0; right:0;
  top:-24px;
  height:24px;
  background:transparent;
  z-index:0;
}

.product-variants > .product-variants-item .color {
	width:50px !important;
	height:50px !important;
}
.pw-google-reviews {
	margin-left:10%;
}

/* Badge IN STOCK (disponibilita > 0) - bianco su rosso + pallino verde */
.product-flags .product-flag.in-stock {
 display: flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  background: #fff !important;
  color: #000 !important;
  padding: 4px 10px !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin-bottom: 4px !important;
  border: 1.5px solid #d22f2b;
}

.product-flags .product-flag.in-stock .in-stock-dot{width:8px;height:8px;border-radius:50%;background:#2ecc40;display:inline-block;flex:0 0 auto;}


/* ==========================================================
   MPP - Varianti prodotto stile configuratore v2
   - Nome famiglia sopra + valore selezionato dopo i due punti
   - Finiture rettangolari con nome centrato sotto
   - Cornice selezionato attorno a colore + nome
   - Scrollbar sempre visibile quando serve + frecce a destra
   ========================================================== */

.product-variants > .product-variants-item {
  display: block !important;
  margin: 18px 0 24px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* Nome famiglia variante sopra la riga */
.product-variants > .product-variants-item > .control-label,
.product-variants > .product-variants-item > span:first-child {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #111111 !important;
  text-align: left !important;
  text-transform: none !important;
}

.product-variants > .product-variants-item .mpp-selected-variant-name {
  font-weight: 600;
}

/* Wrapper creato dal JS */
.product-variants > .product-variants-item .variants-scroll-wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Lista varianti */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 4px 34px !important; /* spazio per scrollbar + frecce sotto */
  box-sizing: border-box !important;
  list-style: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: thin !important;
  scrollbar-color: #222222 #e2e2e2 !important;
}

/* quando serve scroll, la barra resta visibile */
.product-variants > .product-variants-item .variants-scroll-wrapper.has-scroll > ul {
  overflow-x: scroll !important;
}

/* Variante singola */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li {
  flex: 0 0 auto !important;
  width: 118px !important;
  max-width: 118px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Label/card cliccabile: la cornice selezionata include colore + nome */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 114px !important;
  margin: 0 !important;
  padding: 6px 6px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-sizing: border-box !important;
  text-align: center !important;
  white-space: normal !important;
  cursor: pointer !important;
}

/* Variante selezionata: cornice con margine intorno al colore e al testo */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li:has(input:checked) label,
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li.mpp-is-selected label {
  border-color: #222222 !important;
}

/* Input colore nascosto ma funzionante */
.product-variants > .product-variants-item .input-color {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}

/* Rettangolo colore/finitura */
.product-variants > .product-variants-item .color,
.product-variants > .product-variants-item .input-color + .color {
  display: block !important;
  position: relative !important;
  width: 98px !important;
  height: 70px !important;
  margin: 0 auto 8px !important;
  border-radius: 5px !important;
  border: 1px solid #d6d6d6 !important;
  border-width: 1px !important;
  overflow: hidden !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

/* Rimuove la vecchia spunta/effetto del tema sul colore */
.product-variants > .product-variants-item .color:before {
  display: none !important;
  content: none !important;
}

/* La vecchia vignetta sr-only viene usata solo come sorgente testo dal JS */
.product-variants > .product-variants-item .color .sr-only {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.product-variants > .product-variants-item .color .sr-only:before {
  display: none !important;
  content: none !important;
}

/* Nome colore creato dal JS, sotto al rettangolo */
.product-variants > .product-variants-item .mpp-variant-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  width: 98px !important;
  max-width: 98px !important;
  min-height: 28px !important;
  max-height: 30px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #111111 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Nessun bordo diretto sul colore selezionato: ora selezioniamo tutta la card */
.product-variants > .product-variants-item .input-color:checked + .color,
.product-variants > .product-variants-item ul li:has(.input-color:checked) .color {
  border: 1px solid #d6d6d6 !important;
  outline: none !important;
}

/* Scrollbar stile esempio, sempre visibile quando c'e' overflow */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul::-webkit-scrollbar {
  height: 4px !important;
}
.product-variants > .product-variants-item .variants-scroll-wrapper > ul::-webkit-scrollbar-track {
  background: #e2e2e2 !important;
  border-radius: 0 !important;
}
.product-variants > .product-variants-item .variants-scroll-wrapper > ul::-webkit-scrollbar-thumb {
  background: #222222 !important;
  border-radius: 0 !important;
}
.product-variants > .product-variants-item .variants-scroll-wrapper > ul::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Controlli frecce a destra della barra */
.product-variants > .product-variants-item .variants-scroll-controls {
  display: none !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important; /* sotto i colori, a destra della barra */
  z-index: 20 !important;
  gap: 8px !important;
  align-items: center !important;
}

/* Mostra le frecce solo quando il contenuto sborda */
.product-variants > .product-variants-item .variants-scroll-wrapper.has-scroll .variants-scroll-controls {
  display: flex !important;
}

.product-variants > .product-variants-item .variants-scroll-arrow {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f3f3f3 !important;
  color: #222222 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transform: none !important;
}

.product-variants > .product-variants-item .variants-scroll-arrow.is-disabled,
.product-variants > .product-variants-item .variants-scroll-arrow:disabled {
  opacity: 0.35 !important;
  cursor: default !important;
  pointer-events: none !important;
}

@media (max-width: 575px) {
  .product-variants > .product-variants-item .variants-scroll-wrapper > ul {
    gap: 10px !important;
    padding-bottom: 34px !important;
  }
  .product-variants > .product-variants-item .variants-scroll-wrapper > ul > li {
    width: 108px !important;
    max-width: 108px !important;
  }
  .product-variants > .product-variants-item .variants-scroll-wrapper > ul > li label {
    min-height: 106px !important;
    padding: 5px 5px 7px !important;
  }
  .product-variants > .product-variants-item .color,
  .product-variants > .product-variants-item .input-color + .color {
    width: 90px !important;
    height: 64px !important;
    margin-bottom: 7px !important;
  }
  .product-variants > .product-variants-item .mpp-variant-name {
    width: 90px !important;
    max-width: 90px !important;
    font-size: 11px !important;
    line-height: 13px !important;
    min-height: 26px !important;
    max-height: 27px !important;
  }
  .product-variants > .product-variants-item .variants-scroll-controls {
    bottom: 0 !important;
    gap: 6px !important;
  }
  .product-variants > .product-variants-item .variants-scroll-arrow {
    width: 30px !important;
    height: 30px !important;
    font-size: 24px !important;
  }
}


/* ==========================================================
   MPP - Variante configuratore v5
   Barra di scorrimento custom separata dai colori:
   - i colori restano larghi al 100%
   - la barra occupa lo spazio rimasto
   - le frecce stanno a destra della barra
   ========================================================== */

/* La riga colori resta larga al 100% */
.product-variants > .product-variants-item .variants-scroll-wrapper {
  padding-right: 0 !important;
}

/* Nasconde la scrollbar nativa: useremo quella custom sotto */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul {
  width: 100% !important;
  max-width: 100% !important;
  padding-bottom: 2px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.product-variants > .product-variants-item .variants-scroll-wrapper > ul::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Riga custom sotto ai colori: barra + frecce */
.product-variants > .product-variants-item .mpp-scroll-row {
  display: none !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  margin-top: 16px !important;
  box-sizing: border-box !important;
}

/* Mostra la riga custom solo quando le varianti sbordano */
.product-variants > .product-variants-item .variants-scroll-wrapper.has-scroll .mpp-scroll-row {
  display: flex !important;
}

/* Track barra custom */
.product-variants > .product-variants-item .mpp-scroll-track {
  position: relative !important;
  flex: 1 1 auto !important;
  height: 3px !important;
  background: #e2e2e2 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

/* Parte nera della barra custom */
.product-variants > .product-variants-item .mpp-scroll-thumb {
  position: absolute !important;
  left: 0;
  top: 0;
  height: 100% !important;
  min-width: 32px !important;
  background: #222222 !important;
  border-radius: 0 !important;
  cursor: grab !important;
}

.product-variants > .product-variants-item .mpp-scroll-thumb:active {
  cursor: grabbing !important;
}

/* Le frecce ora sono nella stessa riga della barra, non più assolute */
.product-variants > .product-variants-item .mpp-scroll-row .variants-scroll-controls {
  display: flex !important;
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 20 !important;
  gap: 8px !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  transform: none !important;
}

/* Evita che la vecchia regola assoluta interferisca */
.product-variants > .product-variants-item .variants-scroll-wrapper.has-scroll > .variants-scroll-controls {
  display: none !important;
}

@media (max-width: 575px) {
  .product-variants > .product-variants-item .mpp-scroll-row {
    gap: 16px !important;
    margin-top: 14px !important;
  }
}


/* ==========================================================
   MPP - Variante configuratore v8
   Base v5 + radio scrollabili.
   La barra e le frecce restano anche sulle varianti radio/testuali.
   Il bordo/card configuratore si applica solo a colori e trame.
   Dropdown esclusi perché non sono liste UL.
   ========================================================== */

/* Le varianti radio/testuali dentro la barra mantengono il loro stile originale */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li:not(:has(.color)):not(:has(.input-color)) label {
  display: inline-block !important;
  flex-direction: unset !important;
  align-items: unset !important;
  justify-content: unset !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: revert !important;
  border-color: revert !important;
  border-width: revert !important;
  border-style: revert !important;
  border-radius: revert !important;
  background: revert !important;
  box-sizing: border-box !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Non applicare il bordo selezionato del configuratore alle radio/testuali */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li:not(:has(.color)):not(:has(.input-color)):has(input:checked) label,
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li:not(:has(.color)):not(:has(.input-color)).mpp-is-selected label {
  border-color: revert !important;
  border-width: revert !important;
  border-style: revert !important;
  outline: revert !important;
}

/* Niente nome variante creato sotto per radio/testuali */
.product-variants > .product-variants-item .variants-scroll-wrapper > ul > li:not(:has(.color)):not(:has(.input-color)) .mpp-variant-name {
  display: none !important;
}

/* Pagina CMS Trade B2B (id 6): immagine guida ingrandita, centrata e distanziata */
.page-content.page-cms-6 img{display:block !important;width:100% !important;max-width:1000px !important;height:auto !important;margin:30px auto 0 !important;}

/* Home - blocco brand Tonin Casa: immagine sopra, testo sotto centrato (no sovrapposizione) */
.h4-wr-mainbanner .banner-left .bn-left-bottom .wr-text{margin-top:12px !important;text-align:center !important;}