/* Gotham Light */
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/Gotham-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Gotham Book */
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Gotham Medium */
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GOTHAM-MEDIUM.TTF') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  
}
/* Gotham Bold */
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GOTHAM-BOLD.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Gotham Black */
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GOTHAM-BLACK.TTF') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


p, span, a, li{
  font-family: 'Gotham';
  font-weight: 400;
}
h1,h2,h3,h4,h5,h6{
  font-family: "GFS Didot", serif;
  font-weight: 400;
}
.hero-section {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
.hero-section.hero-section-bottom{
  height: auto;
  margin-top:25px;
}
.hero-section.hero-section-bottom img{
  width:100vw;
}

.bg-video {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000033; /* nero con opacità 20% */
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  padding-top:35%
}
.hero-section.hero-section-bottom .hero-content{
  position: absolute;
  bottom: 45px;
  right: 25px;
  left: 25px;
  text-align: left;
}
.hero-content h2 {
  font-size: 48px;
  margin-bottom: 1rem;
}

.hero-content p {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: #fff;
}

.hero-button {
  display: inline-block;
  background: transparent;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  transition: all 0.3s ease;
  text-decoration: underline;
}

.hero-button:hover {
  color: #fff;
}
.hero-button a{
  font-family: Gotham;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
  text-decoration: underline;
}
.section-content {
  padding: 60px 20px 30px 20px;
  background-color: #fff; /* o trasparente o personalizzato */
}
.section-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 400;
  text-align: center!important;
  text-transform: uppercase;
}
.section-description {
  font-size: 1.25rem;
  color: #000;
  max-width: 800px;
  margin: 0 auto 2rem auto;
  text-align: center;
}
.section-button {
  padding: 0.75rem 2rem;
  font-weight: bold;
  transition: all 0.3s ease;
  color:#000;
  font-family: Gotham;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  text-decoration: underline;
  background-color: transparent!important;
}
.section-button:hover {
  background-color: transparent;
  color: #000;
}
.text-center {
  text-align: center;
}
.certifications{
  background-color:#313131;
  padding: 60px 0;
}
#index .certifications{
  background-color: #1D1D1B; 
  padding: 40px 0;
}
#cms .section-content.bg-black{
  padding: 30px 0px;
  background-color: #000;
  margin-bottom:20px;
  margin-top:0px;
}
#cms .section-content.bg-black .section-content{
  margin-bottom: 0px;
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  padding-right: 20%;
  padding-left: 20%;
  background: #000;
  padding-top:30px;
}
.certifications .section-title {
  color: #fff!important; 
  margin-bottom: 30px;
}



.logos-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: center;
}

.logos-wrapper img {
  height: auto;
  width: auto;
  flex: 0 0 auto;
  transition: transform 0.2s ease-in-out;
}
#block-newsletter-label,
.block_newsletter .col-md-12.col-xs-12{
  padding-left:0px;
}
.footer-container .h3{
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #000;    
}
.block-contact, .footer-container li a{
  font-family: Gotham;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  vertical-align: middle;
  color: #000;    
}
.copyright-footer{
  font-family: Gotham;
  font-weight: 300;
  font-size: 12px;
  line-height: 2px;
  vertical-align: middle;
  color: #000!important; 
}

/* Miniature prodotti*/
.product-flags {
  left: unset;
  right: 5px;
  top:5px;
  max-width: 200px;
}
.product-flags li.product-flag{
  width:100%;
}
.product-miniature .product-flags li.product-flag{
  margin-top:0px;
}
.product-flags li.product-flag{
  background: transparent;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2%;
  text-align: right;
  text-transform: uppercase;
  color:#000;
}

.product-miniature .product-title{
  text-align: left;
}
.product-description{
  display:flex;
  align-items: center;
}
.product-miniature-sx{
  display:flex;
  flex-direction:column;
  flex:0 0 80%;
  max-width:80%;
}
.product-miniature-dx{
  flex:0 0 20%;
  max-width:20%;
}
.product-miniature .product-title a{
  font-family: Gotham;
  font-weight: 700;
  font-size: 15px;
  vertical-align: middle;
  text-transform: uppercase;
  color:#000;
}
.product-miniature .product-price-and-shipping{
  text-align: right;
}
.block-category.card.card-block{
  padding:15px;
}
.block-category.card.card-block{
  padding-top:0px!important
}
#category-description p{
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  vertical-align: middle;
  color:#000;
}
.row.sort-by-row{
  justify-content: flex-end;
}
.facebook::before{
  content:url('/img/icon-facebook.svg');
}
.instagram::before{
  content:url('/img/icon-instagram.svg'); 
}
.block-social ul li{
  background-color: transparent;
  width: 12px;
  height: 12px;
}
.block-social ul li:hover{
  background-color: transparent;
}
.qty .input-group.bootstrap-touchspin{
  display: flex;
  flex-direction: row;
  border: 1px solid #B7C4B1;
  border-radius: 10px;
}
.qty .bootstrap-touchspin .btn-touchspin:hover{
  background-color: transparent;
}
.qty .bootstrap-touchspin .btn-touchspin{
  color:#243025;
  background: transparent;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.qty #quantity_wanted{
  border:none;
  text-align: center;
  color:#243025
}
#product .product-quantity{
  justify-content: space-between;
}
#product .product-quantity .qty{
  flex:0 0 20%!important;
  margin:0px!important;
}
#product .product-quantity .add{
  flex:0 0 80%!important;
  margin:0px!important;
}
#product .btn.add-to-cart{
  background-color: #1D1D1B;
  border-radius:10px;
  border-color:#1D1D1B;
  width:100%;
  font-family: Gotham;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}
#product .btn.add-to-cart .material-icons.shopping-cart{
  display:none
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
  outline:none
}
#product .add{
  padding-right:30px;
  padding-left: 10px;
}
#product .col-tabs-dx{
  color:#fff!important;
}
#product .ets_crosssell_list_blocks .js-product.product {
  width: 100%;
}
#product .ets_crosssell_list_blocks .thumbnail-container{
  display: flex;
  flex: 0 0 100%;
  background: #1D1D1B;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #fff;
}
#product .ets_crosssell_list_blocks .thumbnail-container:last-child{
  border-bottom: 1px solid #fff;
}
#product .ets_crosssell_list_blocks .product-description{
  width: 90%;
  background: #1D1D1B;
}
#product .ets_crosssell_list_blocks .thumbnail-top{
  width:10%;
  background: #1D1D1B;
}
.col-sx-ritual{
  background: #1D1D1B;
  display: flex;
  align-items: center;
}
.container_ritual{
  display: flex;
}
.ets_crosssell_title{
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 40px !important;
  display: block !important;
  line-height: 100% !important;
  text-transform: uppercase !important;
  color: #000 !important;
  border: none !important;
  text-align: center;
  margin-bottom: 35px !important;
}
#product .ets_crosssell_title{
  color:#fff!important
}
li.ets_crosssell_list_blocks {
  margin: 60px 0;
}
.ets_crosssell_list_blocks {
  list-style-type:none;
}
.col-sx-ritual .product-miniature .product-title a{
  font-family: Gotham!important;
  font-weight: 700!important;
  font-size: 20px!important;
  text-transform: uppercase!important;
  color: #fff!important;
}
.col-sx-ritual .product-miniature.js-product-miniature .product-description p{
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #fff!important;
}
.col-sx-ritual .product-miniature.js-product-miniature .product-price-and-shipping .price{
  font-family: Gotham;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #fff!important;
  text-transform: uppercase;
}
.col-dx-ritual{
  padding:0px;
}
#product .product-accessories{
  padding-top:35px;
}
#product .product-accessories .h5{
  margin-bottom:0px;
  padding-bottom:35px;
  font-family: Didot;
  font-weight: 400;
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.page-footer{
  margin:0px;
}
#index .section-content-prefooter-subtitle,
#cms .section-content-prefooter-subtitle{
  font-family: Gotham;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color:#000000;
  padding-top:30px;
}
#cms .section-content-prefooter-subtitle{
  text-transform: none;
}
#index .section-content-prefooter-subtitle{
  margin-bottom:5px;
}
#index .section-content-prefooter .section-content-prefooter-description,
#cms .section-content-prefooter .section-content-prefooter-description{
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;    
  vertical-align: middle;
  color:#000
}
#index .section-content-prefooter a,
#cms .section-content-prefooter a{
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;     
  vertical-align: middle;
  text-decoration: underline;
  color:#000;
}
.blockreassurance .block-icon{
  display:none
}
.block_newsletter .btn-primary{
  margin-left:0px;
  background-color:transparent;
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  vertical-align: middle;
  color:#1D1D1B;
}
.block_newsletter .btn-primary:hover{
  background-color:transparent;
}
.block_newsletter input.input-nwsl{
  border:none
}
.block_newsletter input.input-nwsl::placeholder{
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color:#1D1D1B;
}
.container-newsletter{
  border:1px solid #AEAEAE
}
.block-newsletter-title{
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  color: #1D1D1B;      
}
#block-newsletter-label{
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px!important;
  line-height: 100%;
  color: #1D1D1B!important;     
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover{
  border:none!important
}
.product-add-to-cart .control-label{
  display: none;
}
.search-icon img{
  width:20px;
  height:20px;
}
.content-wv{
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
.block-category {
  min-height: 0px;
  margin-bottom: 0px;
}
#category .category-description{
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px;
  vertical-align: middle;
}
.block-category h1{
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 40px;
  text-transform: uppercase;
}
.product-miniature .thumbnail-container:focus .product-description::after, .product-miniature .thumbnail-container:hover .product-description::after{
  content:none;
}
#cart .card-block{
  padding-left:0px;
  padding-right:0px;
}
.col-12.titolo-carrello span{
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 23px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color:#171616;
}
.col-12.titolo-carrello .text-uppercase{
  text-transform: uppercase;
}
.col-12.titolo-carrello .text-lowercase{
  text-transform: lowercase;
}
#cart .card-block .h1{
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color:#000;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:30px;
}
#cart .js-cart-line-product-quantity{
  border:none;
  text-align: center;
}
#cart .btn.js-increase-product-quantity.bootstrap-touchspin-down,
#cart .btn.js-decrease-product-quantity.bootstrap-touchspin-up{
  background: #fff;
  border-radius: 5px;
}
.qty .input-group.bootstrap-touchspin{
  border: 1px solid #E3E3E3;
  border-radius:5px;
}
#cart .product-line-info .label{
  font-family: Gotham;
  font-weight: 500;
  font-size: 18px;
  color:#000;
  text-transform: uppercase;
}
#cart .product-line-info .price{
  font-family: Gotham;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0%;
  text-decoration: line-through;
  color:#000;
}
#cart .card.cart-summary,
#cart .cart-overview.js-cart{
  background-color: #F5F5F5;
  border-radius:10px;
  padding: 20px 30px;
}
.your-totals{
  margin-bottom:0px;
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 23px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color:#171616!important;
}
.card-block.cart-detailed-subtotals+.cart-summary-totals .cart-total{
  border:none
}
.card-block.cart-summary-totals.js-cart-summary-totals{
  padding-top:0px;
}
.card-block.cart-detailed-subtotals.js-cart-detailed-subtotals{
  padding-bottom:0px;
}
.checkout.cart-detailed-actions.js-cart-detailed-actions .btn-primary{
  font-family: Gotham;
  font-weight: 700;
  font-size: 16px;
  background-color: #000;
  color:#fff;
  text-transform: uppercase;
  border-radius:40px;
  padding-top:15px;
  padding-bottom:15px;
}
.cart-text-after-confirm span{
  font-family: Gotham;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: center;
  color:#3A3A3A;
}
#category .content-wv{
  max-width:100%
}
#product #wrapper,
#category #wrapper{
  padding-top: 0px;
}
#cart-subtotal-shipping{
  margin-bottom:0px;
}
.product-line-actions .qty{
  display: flex;
  justify-content: flex-end;
}
.cart-item .product-line-grid .product-line-grid-left{
  padding-left:0px;
}
.qty_cart{
  font-family: Gotham;
  font-weight: 400;
  font-size: 12px;
  line-height: 32px;
  letter-spacing: 0%;
}
.product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart{
  line-height: 22px;
  text-decoration: underline;
  color: #6B6E71;
  font-size: 15px;
}
#cart h4.ets_crosssell_title{
  border:none;
  font-family: Gotham;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color:#000000;
  margin-bottom:0px;
  padding-left:105px;
}
#cart .ets_crosssell_block .product-flags.js-product-flags{
  display: none;
}
#cart .js-product.product{
  width:100%!important
}
#cart .crosssell_product_list_wrapper .product-miniature{
  display: flex;
  justify-content: flex-start;
}
#cart .cart_page .thumbnail.product-thumbnail img{
  width:105px;
}
#cart .product-miniature-sx{
  padding-left:15px;
}
#cart .ets_crosssell_block .thumbnail-container{
  background: #DBDBDB;
  display: flex;
}
#cart .ets_crosssell_block{
  margin-left:0px;
  margin-right:0px;
}
#cart .ets_crosssell_block ul,
#cart .ets_crosssell_block .product-miniature .thumbnail-container,
#cart .ets_crosssell_block .product-miniature .thumbnail-container .product-description{
  background: #DBDBDB;
}
#cart .ets_crosssell_block ul{
  border-radius:5px;
}
.cart-text-after-confirm{
  text-align: center;
  padding-top:15px;
}
#cart .promo-code-button.display-promo{
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  padding-left: 5px;
  font-family: Gotham;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0px;
}
#cart .promo-code-button.display-promo .collapse-button{
  color: #6B6E71;
}
.card.cart-summary-payment,
.card.cart-summary-help{
  text-align: center;
}
.card.cart-summary-payment .your-totals,
.card.cart-summary-help .your-totals{
  padding-bottom:20px;
}
.line-help{
  margin-bottom:0px!important;
}
.line-help span{
  font-family: Gotham;
  font-weight: 500;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #000!important;
}
.line-help a{
  font-family: Gotham;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #000!important;
}
.decsription-totals{
  font-family: Gotham;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0%;
  text-align: center;
  color:#000;
}
#product-availability i{
  display:none;
}
#product .product-add-to-cart.js-product-add-to-cart .product-quantity{
  margin-bottom:20px;
}
.input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span, .input-color+span{
  border:1px solid #1D1D1B;
  border-radius:10px;
}
#product .product-add-to-cart.js-product-add-to-cart .product-quantity .radio-label{
  height: 30px;
  width: 78px;
  font-family: Gotham;
  font-weight: 700;
  font-size: 14px;
}
.input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span{
  color:#fff;
  background: #000;
  font-family: Gotham;
  font-weight: 700;
  font-size: 14px;
  border:2px solid #000;
}
#cms .page-content{
  padding:0px;
}
#cms .page-header{
  margin-bottom:0px;
}
#product_page-specificproducts .product-flags.js-product-flags,
#product .js-product-container .product-flags{
  display:none
}
.images-container .product-images>li.thumb-container .thumb{
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 10px;
  max-width: 100px;
  height:auto
}
.btn-secondary.js-scroll-to-form{
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color:#fff;
  background:#000;
  border-radius:10px;
  width:100%;
  margin-left:0px!important;
  padding: 1.1rem 1.25rem;
}
#product .product-quantity.go-to-form .add {
  flex:0 0 100%!important;
  padding-left:0px;
  padding-right:0px;
}
.ets_cfu_input_url.ets_cfu_input{
  visibility: hidden;
  height:0;
}
.product-cover {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  aspect-ratio: 1 / 1; /* Mantiene proporzione quadrata */
}

.product-cover .carousel-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-cover .carousel-item {
  text-align: center;
}

.product-cover .carousel-item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
#productCoverCarousel .carousel-indicators{
    display: block !important;
    text-align: right;
    left: unset;
    right: 30px;
    width:auto;
    background: #fff;
    border-radius:100px;
    border:1px solid #F4F4F4;
    padding: 0px 8px;

}
.carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  background-image: url('/img/pallino_unselected.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent; /* Rimuove colore di default */
  border: none;
  opacity: 1; /* Evita opacità Bootstrap */
  margin: 0px 3px 8px;
  cursor:pointer
}
.carousel-indicators [data-bs-target]:focus{
  outline: none; /* Rimuove il contorno di focus */
}

.carousel-indicators .active {
  background-image: url('/img/pallino_selected.svg');
}
.breadcrumb li span{
  font-family: Gotham;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color:#000
} 
.breadcrumb li a span{
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color:#000
}
#cms .breadcrumb li a span,
#cms .breadcrumb li span{
  color:#fff
}
#wrapper .breadcrumb li::after{
  content: "·";
}
.modal-open #blockcart-modal{
  opacity:1;
}
.modal-open #blockcart-modal .btn.btn-primary{
  border-radius: 10px;
  background: #000;
  border: 1px solid #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.modal-open #blockcart-modal .btn.btn-secondary{
  border-radius: 10px;
  background: #fff;
  border: 1px solid #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.modal-open #blockcart-modal .material-icons.rtl-no-flip{
  display:none
}
.modal-open #blockcart-modal .h6.product-name{
  font-family: Gotham;
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  color:#000!important
}
.modal-open #blockcart-modal .product-price{
  font-family: Gotham;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color:#000!important
}
.modal-open #blockcart-modal .cart-products-count{
  font-family: "GFS Didot", serif;
  font-weight: 400 !important;
  font-size: 24px !important;
  text-transform: uppercase;
  color: #000 !important;
  line-height: 23px;
  letter-spacing: 0px;
}
.pagination div{
  color:#000;
}
.pagination .current a{
  font-weight:400;
}
.pagination .current a,
.pagination .page-list li a:hover{
    color: #000;
    font-weight:700;
}
.pagination .page-list li{
  padding:6px;
}
.pagination .page-list li a{
  font-size:1rem!important;
}
.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover{
  background: #000;
}
.block-promo .promo-input{
  width:70%;
  border:none!important;
  font-size:14px;
}
.block-promo .promo-input::placeholder{
  color:#000;
}
.block-promo .btn-primary{
  width:30%;
  border:none!important;
  background-color: #fff;
  color:#000;
  margin-top: 0!important;
  margin-left: 0!important
}
.block-promo form{
  display:flex;
  justify-content: space-between;
}
#product .product-information{
  width:100%;
}
#product .size_product{
  color:#000;
  font-family: Gotham;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  vertical-align: middle;

}
.product-cover img{
  background:transparent
}
.product-cover .layer .zoom-in{
  color:#000
}
.product-cover .layer{
  background: transparent;
}
#subcategories{
  display: none;
}
.container-feature-box img{
  max-width:100px;
  display: block;
  margin: 0 auto;
}
.category-id-2 #js-product-list-header{
  display:none
}
.category-id-2 #wrapper{
  padding-top:20px!important;
}
.thumbnail-top{
  background: #F4F4F4;
}

.feature-readmore{
  background: none;
  text-decoration: underline;
  border: none;
  color: #000;
  cursor: pointer;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  padding-top: 5px !important;
}
.col-tabs-sx ul.product-features-list{
  padding-left: 15px;
  list-style: circle;
}
.product-miniature .product-price-and-shipping a{
  color:#000!important
}
.feature-readmore{
  padding-bottom:10px!important
}
#login-form .btn-primary,
#customer-form button,
#login-form .btn-primary:hover,
#customer-form button:hover{
  background: #000;
}
#customer-form .form-footer{
  text-align: center;
}
#customer-form button.float-xs-right{
  float:unset!important
}
.forgot-password a,
.no-account a,
.register-form a{
  color:#000
}
#product .col-tabs-cx .bg-video {
  top: 0px;
  position: relative;
}
#header{
  position: sticky;
  top:0
}
h3.hero_ingredients{
  font-family: "GFS Didot", serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  padding-bottom: 30px;
  text-align: center;
}
.close.product-modal-close{
  color:#fff;
  opacity: 1;
}
.close.product-modal-close{
  font-size:40px
}
#product .js-product-images-modal{
  background: #000;
}
/* Inizio Desktop */
@media(min-width:992px){
  #header, #header .header-top{
    background: #1D1D1B;
    box-shadow: none;
  }

  #index #header{
    border-bottom:1px solid #fff;
  }
  #index #wrapper{
    padding-top:0px;
  }
  #header .header-nav{
      border:none
  }
  #_desktop_logo{
    text-align: center;
  }
  .col-header-right{
    display: flex;
    justify-content: end;
  }
  #blockEmailSubscription_displayFooter .row{
    flex-direction: column;
  }
  .blockreassurance{
    background: #000;
    padding-top:20px;
    padding-bottom:20px;
  }
  .blockreassurance .block-title,
  .blockreassurance p{
    color: #fff!important;
  }
  .blockreassurance .block-title{
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    padding-bottom:15px;
  }
  .blockreassurance p{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    vertical-align: middle;
  }

  .logos-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .logos-wrapper img {
    flex: 1 0 12%; /* 8 immagini su una riga */
    max-width: 80px;
  }
  #index .section-content-prefooter,
  #cms .section-content-prefooter{
    padding:20px 0 20px 0;
  }
  #index ._section-block-1._section-block.container a{
    flex:0 0 25%;
    max-width:25%;
  }
  #index ._section-block-1._section-block{
    padding:0px;
  }
  #index ._section-block-1._section-block ._grid{
    display:flex;
  }
  #index ._section-block-15{
    padding:0px;
  }
  #index .section-content-prefooter,
  #cms .section-content-prefooter{
    display: flex;
    align-items: center;
  }
  #index .section-content-prefooter.section-planet{
    align-items: stretch;
  }
  #index .section-content-prefooter.section-planet .col-md-4{
    position: relative;
    overflow: hidden;
    padding: 0;
    min-height: 600px;
  }
  #index .section-content-prefooter.section-planet .bg-video{
    top:0
  }
  #index .section-content-prefooter.section-planet .col-md-8.col-sm-12{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #index .section-content-prefooter.section-planet{
    padding-left:15px;
    padding-right:15px
  }
  #index .section-content-prefooter .section-content-prefooter-title,
  #cms .section-content-prefooter .section-content-prefooter-title,
  #index .section-content-prefooter .section-content-prefooter-description,
  #cms .section-content-prefooter .section-content-prefooter-description{
    margin-bottom:0px;
    color:#000;
  }
  #cms #wrapper{
    padding-top:0px;
  }
  #index h3,
  #index h3.section-content-prefooter-title span.offset-left{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase;
    color:#000;
  }
  #index .section-content-prefooter h3{
    padding-left:25px;
  }
  #index .section-planet.section-content-prefooter h3{
    padding-left:0px;
    text-align: center;
  }
  #index .section-planet.section-content-prefooter .section-content-prefooter-description{
    text-align: center;
    padding-top:30px;
    padding-left: 30px;
    padding-right:30px;
  }
  #index .section-planet .button_learn{
    text-align: center;
  }
  #index .section-planet .logos-wrapper{
    gap: 35px;
    background: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top:15px;
  }
  #cms h3{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase;
    color:#000;
  }
  #cms h2{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color:#000;
  }
  #cms .section-pt-30{
    padding-top:30px!important
  }

  .button_learn a{
    font-family: Gotham;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-decoration: underline;
    color:#000;
  }
  #index .certifications h3{
    color:#fff;
    text-align: center;
  }
  #index .h2.tw_products-section-title{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;   
    padding-top:70px;   
    padding-bottom:30px
  }
  .col-header-left{
    position: unset;
  }
  .adtm_column_wrap p{
    color:#fff!important;
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
  }
  .column_wrap_title a{
    color:#fff!important;
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
  }
  #adtm_menu .adtm_column{
    margin:0px;
  }
  #adtm_menu .adtm_column_wrap{
    padding:45px
  }
  #adtm_menu{
    border:none;
    position: unset!important;
  }
  #adtm_menu_inner{
    border:none
  }
  .header-top .container{
    position: unset;
  }
  .adtm_column_wrap_td{
    width:20%;
  }
  .adtm_column_wrap_td:last-child{
    width:40%;
  }
  #_desktop_top_menu,
  .col-header-left,
  .advtm_menu_span{
    padding:0px;
  }
  #header .header-top{
    padding:0px;
  }
  #adtm_menu{
    margin-top:0px;
  }
  .li-niveau1:hover .advtm_menu_span{
    background: transparent;
  }
  #index .section-banner-1 .featured-banners .banner{
    min-height: 684px;
    margin-bottom: 0px;
    position: relative;
    background-size: cover;
    background-position: center;
  }
  #index .featured-banners{
    padding:15px;
  }
  #index .section-banner-2 .featured-banners .banner,
  #index .section-banner-3 .featured-banners .banner{
    min-height: 590px;
    margin-bottom: 0px;
    position: relative;
    background-size: cover;
  }
  #index .section-banner-2 .section-title,
  #index .section-banner-3 .section-title{
    margin-top:30px;
    margin-bottom:30px;
    text-transform: uppercase;
  }
  #index .section-banner-3{
    margin-top:30px;
    margin-left: -15px;
    margin-right: -15px;
  }
  #index .section-banner-3 h3{
    margin-bottom:30px;
  }
  #index .banner-content-bottom img{
    width: 100%;
  }
  #index .featured-bannerss img{
    width:100%;
  }
  #index .banner-content-bottom a{
    font-family: Gotham;
    font-weight: 700;
    font-size: 18px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
  }
  #index .banner-content-bottom h4{
    padding-top: 10px;
  }
  #index .featured-banners .banner-content{
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: 25px;
  }
  #index .featured-banners .banner-content h4,
  .hero-section.hero-section-bottom h4{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 48px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;   
    margin-bottom:25px;   
  }
  #index .featured-banners .banner-content p,
  .hero-section.hero-section-bottom p{
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    vertical-align: middle;
    color: #fff;      
    margin-bottom:20px;
  }
  #index .btn.btn-light{
    font-family: Gotham;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: underline;
    color: #fff;
    padding:0px
  }
  .ets_crosssell_nav_tabs{
    display: block;
    border:none;
    margin-bottom:35px;
  }
  .ets_crosssell_nav_tabs li a{
    width:100%;
    text-align: center;
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color:#000!important
  }
  .product-miniature.js-product-miniature .product-price-and-shipping .price{
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    vertical-align: middle;
    text-transform: capitalize;
    color:#000!important
  }
  .product-miniature.js-product-miniature .product-description p,
  .product-miniature.js-product-miniature .product-description span{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
    text-transform: lowercase;
    color:#000!important;
    margin:0px!important
  } 
  .ets_crosssell_list_blocks  .product-miniature.js-product-miniature .product-description span{
    color:#fff!important;
  }
  .product-miniature.js-product-miniature .product-miniature-sx .h3.product-title{
    line-height: 18px!important;
  }
  .section-banner-1.row,
  .section-banner-2.row,
  .section-banner-3.row{
    margin:0px;
  }
  #_desktop_language_selector{
    padding-right:30px;
  }
  #_desktop_cart{
    padding-right:10px;
    padding-left: 10px;
  }
  #_desktop_cart .cart-products-count{
    position: absolute;
    color: #fff;
    top: -8px;
    right: -4px;
    font-size: 10px;
  }
  #_desktop_user_info img{
    width:100%;
  }
  #adtm_menu .li-niveau1 a.a-niveau1 .advtm_menu_span{
    font-size:14px;
  }
  .language-selector-wrapper .expand-more{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color:#fff
  }
  .dreaming-together{
    padding-bottom:40px;
  }
  #wrapper .container{
    padding-left:0px;
    padding-right:0px;
  }
  /*Pagina prodotto*/
  #product #content{
    width:100%;
    max-width: 100%;
  }
  #product .images-container.js-images-container{
    display: flex;
    justify-content: center;
  }
  .col-product-sx{
    background: #F4F4F4;
    padding-top:15px;
  }
  #product .js-qv-mask.mask{
    display: flex;
    align-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 15%!important;
  }
  #product .product-images.js-qv-product-images{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  #product .js-product-container{
    display: flex;
    align-items: center;
    margin-left:0px;
    margin-right:0px;
    border-bottom: 1px solid #F4F4F4;
  }
  #product .col-product-dx-top{
    padding-left:50px;
    padding-right:50px;
  }
  #product .center-product p{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color:#000000
  }
  #product .center-product{
    padding-top:60px;
    padding-bottom:60px;
    max-width:934px;
    margin:0 auto;
  }
  #product .row.equal-height{
    padding-top:60px;
    padding-bottom:60px;
  }
  #product .nav.nav-tabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
  }
  #product .nav-item {
    flex: 0 0 auto;
    margin-right: .5rem;
  }
  #product .nav-link {
    cursor: pointer;
  }
  #product .row.equal-height {
    display: flex;
    align-items: stretch;
    margin-right: 0px;
    margin-left: 0px;
  }
  #product .col-tabs-sx,
  #product .col-tabs-dx {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #product .col-tabs-sx {
    background: #F4F4F4; 
  }
  #product .col-tabs-dx {
    background: #000;
  }
  #product .col-tabs-sx,
  #product .col-tabs-cx,
  #product .col-tabs-dx {
    padding: 0px!important;
  }
  #product .col-tabs-cx img{
    width:100%;
    max-width: unset !important;
    max-height: unset !important;
  }
  #product .how-to-use{
    font-family: Didot;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    color:#fff;  
    text-transform: uppercase;
  }
  #product .col-tabs-dx {
    padding-left:35px!important;
    padding-right:35px!important;
  }
  #product .col-tabs-dx *{
    color:#fff
  }
  #product .panel-heading {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #000;
  }
  #product .panel.panel-default:last-child{
    border-bottom: 1px solid #000;
  }
  #product .panel-title{
    margin:0px;
  }
  #product .panel-title a{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color:#000!important
  }
  #product .panel-body *{
    color:#000!important;
  }
  #product .panel-body{
    padding-bottom:50px;
  }
  #product .panel-body p{
    margin-bottom:0px;
  }
  #product #accordion{
    margin:0px;
    padding:35px;
  }
  #header .blockcart{
    position: relative;
  }
  #product .col-product-dx-top h1{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    color:#1D1D1B
  }
  #product .product-description *{
    font-family: Gotham;
    font-weight: 400;
    line-height: 100%;
    color:#1D1D1B
  }
  #product .product-accessories .product-description .h3.product-title a{
    font-weight: 700!important;
  }
  #product .current-price .current-price-value{
    font-family: Gotham;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    text-transform: uppercase;
    color:#1D1D1B
  }
  #product .tax-shipping-delivery-label{
    display:none
  }
  #product .ets_crosssell_block{
    padding-right: 100px;
    padding-left:35px;
  }
  #category .breadcrumb{
    padding-top:15px;
  }
  #product .col-tabs-sx{
    width:35%
  }
  #product .col-tabs-cx{
    width:38%
  }
  #product .col-tabs-dx{
    width:27%
  }
  #product .content_principi_attivi{
    display: flex;
    flex-wrap: wrap;
  }
  #product .content_principi_attivi h2,
  #product .content_principi_attivi p{
    flex: 0 0 100%;
    text-align: center;
    color:#000;
  }
  #product .content_principi_attivi p{
    font-family: Gotham;
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
    color:#000;
    margin-bottom:20px;
  }
  #product .content_principi_attivi h2{
    font-family: Didot;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    color:#000;
    margin-bottom:0px;
  }
  #product .content_principi_attivi{
    padding-top:30px;
    padding-bottom:30px;
    max-width:920px;
    margin:0 auto;
  }
  #product .four-actives .container-feature-box{
    flex: 0 0 25%;
    max-width: 25%;
  }
  #product .content_principi_attivi.four-actives,
  #product .content_principi_attivi.multi-actives{
    max-width:100%!important
  }
  #product .four-actives .container-feature-box{
    flex: 0 0 25%;
    max-width: 25%;
  }
  #product .multi-actives .container-feature-box{
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
  #product .multi-actives.content_principi_attivi{
    justify-content: center;
  }
  #product .two-actives .container-feature-box{
    flex: 0 0 50%;
    max-width: 50%;
  }
  #product .three-actives .container-feature-box{
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
  #product .single-active .intestation-actives{
    flex:0 0 30%;
    max-width: 30%;
  }
  #product .single-active .intestation-actives h2,
  #product .single-active .text_underline{
    text-align: left;
  }
  #product .single-active .container-feature-box img{
    margin: unset!important;
    padding-bottom:10px!important;
  }
  #product .single-active h3 br {
    display: none!important;
  }
  #product .single-active .feature-box{
    margin-right:0px!important;
    margin-left:0px!important;
  }
  #product .single-active .feature-readmore{
    display:none!important
  }
  #product .single-active p{
    display:block!important
  }
  #product .single-active .text_underline{
    margin-top:30px!important;
  }
  #product .content_principi_attivi.single-active{
    max-width: 100%;
    align-items: center;
  }
  #product .intestation-actives{
    width:100%
  }
  #product .single-active .container-feature-box{
    flex: 0 0 70%;
    max-width: 70%;
  }
  #product .feature-box{
    margin-left: 20px;
    margin-right: 20px;
    background: #F4F4F4;
    border-radius: 19px;
    padding: 40px 20px;
    margin-bottom: 40px;
  }
  #product .content_principi_attivi .feature-box p{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    color:#000;
    margin-bottom:0px;
  }

  .feature-box p.expanded {
    display: block; 
  }
  #product .content_principi_attivi .feature-box h3{
    font-family: Didot;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    padding-top:20px;
    color:#000;
    min-height: 75px;
  }

  .container-feature-box .feature-box h3 .feature-subtitle {
    font-size: 20px; 
  }
  .product-features-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0.5px solid #000;
    border-bottom: 0.5px solid #000;
    gap: 20px 0px;
  }

  .product-feature-product-line {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
  }

  .product-feature-product-line img {
    margin-right: 8px;
    width:40px
  }

  #category #search_filters{
    padding:0px;
  }
  #category #search_filters .facet-dropdown,
  #category #search_filters .select-title{
    background: transparent;
    padding-left:0px;
    padding-right:0px;
    border:none
  }
  #category #search_filters .select-title{
    padding-top:15px;
    padding-bottom:15px;
  }
  #category #search_filters .facet-dropdown{
    box-shadow:unset;
    border-top:1px solid #000!important;
  }
  #category #search_filters .facet:last-child .facet-dropdown{
    border-bottom:1px solid #000!important;
  }
  #category #search_filters .facet{
    padding-top:0px!important;
  }
  #category #search_filters .facet ul{
    margin:0px!important
  }
  #search_filters .h6{
    padding-bottom:20px;
  }
  .products-sort-order.dropdown{
    width:25%;
  }
  .products-sort-order .select-title{
    background: #000;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    border-radius: 5px;
    vertical-align: middle;
    text-transform: uppercase;
  }
  #search_filters .select-title span{
    color:#000!important
  }
  .product-miniature .h3.product-title{
    margin-bottom:0px!important;
  }
  .facet-dropdown .select-list:hover{
    background: #000;
  }
  a:focus{
    outline:unset
  }
  .ets-cfu-form{
    display: flex;
    background: #1D1D1B;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ets-cfu-form .left-content-form h3{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color:#fff!important;
  }
  .ets-cfu-form .left-content-form p{
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color:#fff!important;
  }
  span.ets_cfu_span{
    font-family: "GFS Didot", serif;
    font-weight: 400!important;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color:#fff;
  }
  .ets_cfu_form-control-wrap .ets_cfu_form-control{
    border-radius:10px;
    height:47px;
  }
  .ets_cfu_form-control-wrap .ets_cfu_form-control::placeholder{
    color:#5B5B5B;
    font-size:16px;
  }
  .wpcfu-list-item-label{
    color: #fff;
    font-style: italic;
    font-family: "GFS Didot", serif;
  }
  .ets_cfu_form-control.ets_cfu-submit.btn-primary {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1D1D1B;
    background: #fff;
    border-radius: 10px;
    padding: 15px 35px;
  }
  .left-content-form{
    flex:0 0 40%;
  }
  .ets_cfu_wrapper{
    flex:0 0 60%;
    padding-top:30px;
  }
  .cont_foot_bot.container{
    max-width:1200px!important;
  }
  .block-social ul{
    justify-content: flex-end;
  }
  #_desktop_logo{
    padding-top:10px;
    padding-bottom:10px;
  }
  .dreaming-together .col-md-4{
    padding-left:50px;
  }
  .dreaming-together .col-md-8{
    padding-right:50px;
  }
  #footer .gdpr_consent{
    padding-top:10px;
  }
  #footer .gdpr_consent span{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }
  #cms .page-header.custom-aboutus-header h1{
    font-size: 40px;
    text-transform: uppercase;
  }
  #cms .page-header{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  #header #_desktop_cart .header img{
    width:100%;
    height:auto;
  }
  #adtm_menu .adtm_column span.column_wrap_title, #adtm_menu .adtm_column span.column_wrap_title a, #adtm_menu .adtm_column span.column_wrap_title span[data-href]{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    padding-bottom:15px;
  }
  #product .ets_crosssell_title{
    text-align: left;
  }
  .products-sort-order .dropdown-menu{
    right:15px;
  }
  #cart #wrapper{
    padding-left:15px;
    padding-right:15px;
  }
  #_desktop_language_selector .language-selector:hover .expand-more{
    color:#fff!important;
    font-weight: 700!important;
  }
  .product-miniature .product-description{
    min-height: 50px;
  }
  .banner_category_mobile img{
    max-width: 100%;
  }
  .header-cms{
    background: #1D1D1B;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .header-cms h1{
    color:#fff;
    font-size: 40px;
    text-transform: uppercase;  
    text-align: center;
  }
  .header-cms p{
    color:#fff!important;
    font-size: 20px;
    text-transform: uppercase;  
    text-align: center;
    margin-bottom:0px;
  }
  .history{
    display:flex;
    gap:20px;
  }
  .history .timeline .event{
    padding: 0 0 2rem 1rem;
    margin: 0 0 2rem 0; 
    display: flex;
    gap: 20px;
  }
  .history .timeline .event h3{
    font-weight: 700;
  }
  .page-content.page-cms ul, .page-content.page-cms p{
    color:#000
  }
  .incipit-cms{
    margin-top:30px;
    margin-bottom:30px;
  }
  .timeline__media{
    flex: 0 0 30%;
  }
  .timeline__media img{
    width:100%;
  }
  .timeline{
    flex: 0 0 70%;
    padding-top: 50px;
    padding-right: 50px;
  }
  #cms.cms-id-9 .timeline,
  #cms.cms-id-10 .timeline{
    flex: 0 0 100%;
  }
  #cms.cms-id-9 .event h2,
  #cms.cms-id-10 .event h2{
    font-family: "GFS Didot", serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase;
    color: #000;
  }
  #cms.cms-id-9 .history .timeline .event,
  #cms.cms-id-10 .history .timeline .event{
    gap:0px;
  }

  .cms-id-9 .event h2,
  .cms-id-10 .event h2{
    flex:0 0 100%;
  }
  .cms-id-9 .event img,
  .cms-id-10 .event img{
    flex:0 0 20%;
    max-width: 20%;
  }
  .cms-id-9 .event p,
  .cms-id-10 .event p{
    flex:0 0 80%;
    padding-right:40px;
  }
  .cms-id-9 .event p a{
    color:#000!important;
    font-weight:700;
    text-decoration: underline;
  }
  .cms-id-9 .history .timeline .event,
  .cms-id-10 .history .timeline .event{
    flex-wrap: wrap;
  }
  .logo_container{
    display:flex
  }
  .logo_brand{
    display:flex;
    flex-direction: column;
    padding-left:20px;
    padding-right:20px;
    align-items: center;
  }
  .logo_brand p{
    text-align: center;
    padding-top:10px;
  }
  .hero-section.hero-section-bottom .hero-content{
    max-width: 1440px;
    margin: 0 auto;
  }
  .hero-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
  }
  .feature-readmore:hover,
  .feature-readmore:active,
  .feature-readmore:focus{
    color:#000;
    font-weight:700
  }
  .hero-section .hero-content{
    height: 100%;
    width: 100%;
  }
  .hero-section .hero-content h2{
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
  }
  .hero-section .hero-content .hero-button{
    position: absolute;
    bottom: 150px;
    font-size: 32px;
    left: 0;
    right: 0;
  }
  #category .js-product.product{
    flex:0 0 25%!important;
    max-width:25%!important;
  }
  .card-block.category-additional-description{
    padding-left:0px;
    padding-right:0px;
  }
  .card-block.category-additional-description *{
    color:#000
  }
  #index .featured-products.product_list,
  #index .section-banner-3{
    padding-left: 15px;
    padding-right: 15px;
  }


  #index .section-banner-3 .banner-content-bottom h4 a{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 48px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;
  }
  #index .section-banner-3 .banner-content-bottom h4{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 48px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 25px;
  }
  #index .section-banner-3 .featured-bannerss .banner-content-bottom{
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: 25px;
  }
  #index .section-banner-3 .featured-bannerss .banner{
    min-height: 550px;
    margin-bottom: 0px;
    position: relative;
    background-size: cover;
    background-position: center;
  }
  #category .banner_category_mobile img{
    max-width:100%!important
  }
  #index .hero-section.hero-section-bottom .hero-content{
    height: auto;
  }
  .header-mobile{
    display:none
  }
  #left-column{
    display:none!important
  }
  .js-content-wrapper.left-column.col-lg-9{
    width: 100%;
  }
  .product-images.js-modal-product-images{
    display: flex;
    flex-direction: column;
  }
  .col-header-left{
    display:none;
  }
  #_desktop_top_menu,
  .col-header-right{
    flex:0 0 40%;
  }
  #_desktop_logo{
    flex:0 0 20%;
  }
  .videohowtousemobile{
    display:none
  }
  #search-toggle{
    padding-right:30px
  }
}
/* Fine Desktop */
/*Inizio Mobile*/
@media(max-width:992px){
  #header, #header .header-top{
    background-color: #000;
    padding-top: 0px;
  }

  #index .section-banner-1 .featured-banners .banner{
    min-height: 376px;
    margin-bottom: 0px;
    position: relative;
    background-size: cover;
  }
  #index .featured-banners{
    padding:0px;
  }
  #index .section-banner-2 .featured-banners .banner{
    min-height: 225px;
    margin-bottom: 0px;
    position: relative;
    background-size: cover;
    background-position: center;
  }
  #index .section-banner-2 .section-title{
    margin-top:30px;
    margin-bottom:30px;
  }
  #index .featured-banners .banner-content{
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: 25px;
  }
  #index .featured-banners .banner-content h4,
  .hero-section.hero-section-bottom h4{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 48px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;   
    margin-bottom:25px;   
  }
  #index .featured-banners .banner-content p,
  .hero-section.hero-section-bottom p{
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    vertical-align: middle;
    color: #fff;      
    margin-bottom:20px;
  }
  #index .btn.btn-light{
    font-family: Gotham;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: underline;
    color: #fff;
    padding:0px
  }
  .ets_crosssell_nav_tabs{
    display: block;
    border:none;
    margin-bottom:35px;
  }
  .ets_crosssell_nav_tabs li a{
    width:100%;
    text-align: center;
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    color:#000!important
  }
  .product-miniature.js-product-miniature .product-price-and-shipping .price{
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    vertical-align: middle;
    text-transform: capitalize;
    color:#000!important
  }
  .product-miniature.js-product-miniature .product-description p,
  .product-miniature.js-product-miniature .product-description span{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
    text-transform: lowercase;
    color:#000!important;
    margin:0px!important
  } 
  .ets_crosssell_list_blocks  .product-miniature.js-product-miniature .product-description span{
    color:#fff!important;
  }
  .product-miniature.js-product-miniature .product-miniature-sx .h3.product-title{
    line-height: 18px!important;
    min-height:50px;
  }
  .section-banner-1.row,
  .section-banner-2.row{
    margin:0px;
  }
  .featured-banners{
    padding:0px;
  }
  .section-content-prefooter .col-md-8{
    padding-left:0px;
    padding-right:0px;
  }
  #index .certifications,
  .container_ritual{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  #index .certifications .container{
    padding-left:0px;
    padding-right:0px;
  }
  .section-logos-certifications{
    padding-left:15px;
    display: flex;
  }
  .logos-wrapper{
    gap:45px;
  }
  .blockreassurance {
    background: #000;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .blockreassurance .block-title, .blockreassurance p {
    color: #fff !important;
  }
  .blockreassurance .block-title {
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
    max-width:100%;
    width:100%;
  }
  .blockreassurance p {
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
  }
  #block-newsletter-label, .block_newsletter .col-md-12.col-xs-12,
  .block-newsletter-title{
    padding-left:15px;
    padding-right:15px;
  }
  .section-banner-1.row, .section-banner-2.row{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  #index h3,
  #cms h3 {
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
  }
  .section-content-prefooter-title{
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom:0px;
  }
  #index .certifications h3{
    color:#fff;
    text-align: center;
  }
  .dreaming-together{
    display: flex;
    flex-direction: column-reverse;
  }
  .dreaming-together .section-content-prefooter-description{
    padding-top:30px;
    padding-bottom:20px;
    margin-bottom:0px;
  }
  .button_learn{
    margin-bottom:30px;
  }
  #product .images-container.js-images-container{
    background: #F4F4F4;
    display: flex;
    flex-direction: column-reverse;
  }
  .images-container .product-images>li.thumb-container .thumb{
    max-width: 80px;
    height: auto;
  }
  #product .col-product-sx{
    padding-left:0px;
    padding-right: 0px;
  }
  #product .col-product-sx .breadcrumb{
    padding-left:15px;
    padding-right:15px;
    padding-top:20px;
  }
  #product .col-product-dx-top h1 {
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
    color: #1D1D1B;
  }
  #product .tax-shipping-delivery-label{
    display:none
  }
  #product .current-price .current-price-value {
    font-family: Gotham;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1D1D1B;
  }
  #product .col-tabs-sx {
    background: #F4F4F4;
  }
  #product .col-tabs-sx,
  #product .col-tabs-dx {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #product .col-tabs-sx {
    background: #F4F4F4; 
  }
  #product .col-tabs-dx {
    background: #000;
  }
  #product .col-tabs-sx,
  #product .col-tabs-cx,
  #product .col-tabs-dx {
    padding: 0px!important;
  }
  #product .col-tabs-cx img{
    width:100%;
    max-width: unset !important;
    max-height: unset !important;
  }
  #product .panel-heading {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #000;
  }
  #product .panel.panel-default:last-child{
    border-bottom: 1px solid #000;
  }
  #product .panel-title{
    margin:0px;
  }
  #product .panel-title a{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color:#000!important
  }
  #product .panel-body *{
    color:#000!important;
  }
  #product .panel-body{
    padding-bottom:50px;
  }
  #product .panel-body p{
    margin-bottom:0px;
  }
  #product #accordion{
    margin:0px;
    padding:35px;
  }
  .container_ritual{
    flex-direction: column; 
  }
  #product .col-tabs-dx {
    background: #000;
    padding-top:30px!important;
    padding-bottom:14px!important;
    padding-left:30px!important;
    padding-right:30px!important;
  }
  #product .how-to-use {
    font-family: Didot;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color:#fff!important
  }

  .col-sx-ritual {
    background: #1D1D1B;
    display: flex;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .product-images.js-qv-product-images{
    text-align: center;
  }
  .col-product-dx-top{
    padding-top:15px;
  }
  #product .product-description * {
    font-family: Gotham;
    font-weight: 400;
    line-height: 100%;
    color: #1D1D1B;
  }
  #product .product-accessories .product-description .h3.product-title a{
    font-weight: 700!important;
  }
  .footer-container .links ul,
  #header .header-nav .blockcart{
    background-color: transparent!important;
  }
  .block_newsletter{
    border:none
  }
  .footer-container .wrapper{
    padding-right: 15px!important;
    padding-left: 15px!important;
  }
  .footer-container .links ul>li{
    padding:0px;
  }
  .footer-container .h3{
    margin-bottom: 0.5rem;
  }
  #header .header-nav{
    border:none;
  }
  #header .header-top{
    padding:0px;
  }
  #menu-icon .material-icons{
    content: url(/img/icons-header/menu.svg);
  }
  #mobile_top_menu_wrapper {
    padding: 15px;
    background: #1D1D1B;
  }
  #adtm_menu{
    border:none;
    margin-top:0px;
  }
  #adtm_menu .li-niveau1 a.a-niveau1 .advtm_menu_span{
    background: transparent;
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 26px;
    text-transform: uppercase;
    color:#fff!important;
  }
  #adtm_menu .adtm_column span.column_wrap_title, #adtm_menu .adtm_column span.column_wrap_title a, #adtm_menu .adtm_column span.column_wrap_title span[data-href]{
    color:#fff!important;
  }
  .adtm_column_wrap p {
    color: #fff !important;
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
  }
  #_mobile_cart .blockcart{
    margin: 0px;
    padding: 0px;
    height: auto;
  }
  #_mobile_cart{
    padding-left: 10px;
    padding-right: 10px;
  }
  #_mobile_user_info .user-info{
    margin:0px;
  }
  .header-nav .container .row{
    display: flex;
    align-items: center;
  }
  #header .top-logo{
    justify-content: center;
  }
  .col-header-right-mobile{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  #header .header-nav .blockcart .header{
    margin-top:0px;
  }
  #header .header-nav .blockcart{
    position: relative;
    background: transparent;
    margin-left:0px;
  }
  #header .header-nav .blockcart .cart-products-count{
    position: absolute;
    color: #fff;
    top: 5px;
    right: 5px;
    font-size: 12px;
  }

  #header .top-logo img{
    max-height: unset;
  }
  #header .header-nav #menu-icon{
    margin:0px;
  }
  #header{
    position: sticky;
    top:0
  }
  #header .header-nav .user-info{
    margin:0px;
  }
  #header .header-nav .user-info {
    margin-top:0px;
  }
  .ets-cfu-form{
    background: #1D1D1B;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .ets-cfu-form .left-content-form h3{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color:#fff!important;
  }
  .ets-cfu-form .left-content-form p{
    font-family: Gotham;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color:#fff!important;
  }
  span.ets_cfu_span{
    font-family: "GFS Didot", serif;
    font-weight: 400!important;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color:#fff;
  }
  .ets_cfu_form-control-wrap .ets_cfu_form-control{
    border-radius:10px;
    height:47px!important;
  }
  .ets_cfu_form-control-wrap .ets_cfu_form-control::placeholder{
    color:#5B5B5B;
    font-size:16px;
  }
  .wpcfu-list-item-label{
    color: #fff;
    font-style: italic;
    font-family: "GFS Didot", serif;
  }
  .ets_cfu_form-control.ets_cfu-submit.btn-primary {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #1D1D1B;
    background: #fff;
    border-radius: 10px;
    padding: 15px 35px;
  }
  #product .product-features-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0.5px solid #000;
    border-bottom: 0.5px solid #000;
    gap: 20px 0px;
  }
  
  .product-feature-product-line {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
  }

  #cfu-wrapper{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  .left-content-form p{
    margin-bottom:50px;
  }

  .logos-wrapper img{
    width:55px;
  }
  #footer .blockreassurance .row,
  #footer .col-md-5.links{
    display: flex;
    flex-wrap: wrap;
  }
  #footerv .col-md-5.links .col-md-6.wrapper{
    flex:0 0 50%;
  }
  #footer .blockreassurance .row .col-md-3.offset-md-0.col-sm-6.offset-sm-0.col-xs-6{
    flex: 0 0 50%;
    padding-top:15px;
    padding-bottom:15px;
  }
  .block_newsletter #block-newsletter-label{
    font-size:14px;
    padding-top:10px;
    padding-bottom:10px;
  }
  #footer .text-sm-left.copyright-footer{
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    border-top:1px solid #000;
  }
  #footer .block-social{
    width:50%;
  }
  #footer .block-social .h3{
    display:block!important;
    text-align:left;
  }
  #productCoverCarousel .carousel-indicators{
    right: 50%;
    transform: translateX(50%);
    left: auto;
    justify-content: center;
  }
  #product .content_principi_attivi h2{
    font-family: Didot;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0px;
  }
  #product .content_principi_attivi p {
    font-family: Gotham;
    font-weight: 500;
    font-size: 16px;
    text-decoration: underline;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
  }
  #product .feature-box{
    margin-left: 0px;
    margin-right: 0px;
    background: #F4F4F4;
    border-radius: 19px;
    padding: 40px 20px;
    margin-bottom: 0px;
  }
  #product .content_principi_attivi .feature-box h3 {
    font-family: Didot;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    padding-top: 20px;
    color: #000;
    text-align: left;
    min-height: 75px;
  }

.container-feature-box .feature-box h3 .feature-subtitle {
  font-size: 16px; 
}
  #product .content_principi_attivi .feature-box p {
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    color: #000;
    margin-bottom: 0px;
  }
  #product .content_principi_attivi .feature-box p {
    display: none; 
  }
  .feature-box p.expanded {
    display: block; 
  }
  .slider-horizontal-mobile{
    display: flex;
    overflow-x:auto;
    flex-wrap:nowrap;
    gap:25px;
  }
  .slider-horizontal-mobile .container-feature-box {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .content_principi_attivi{
    padding-top:40px;
    padding-bottom:40px;
  }
  #product .ets_crosssell_list_blocks .thumbnail-top{
    width:30%;
  }
  #product .ets_crosssell_list_blocks .product-description{
    width:70%;
  }
  #index #wrapper{
    padding-top:0px;
  }
  .ets_crosssell_title{
    font-size:32px!important
  }
  .row-links-footer{
    width:100%;
    display: flex;
    flex-wrap: wrap;
  }
  .row-links-footer .col-md-6.wrapper{
    flex:0 0 50%;
    max-width:50%;
  }
  .is-open .col-header-center-mobile,
  .is-open .col-header-right-mobile{
    visibility: hidden;
  }
  .is-open .header-nav{
    background: #1D1D1B;
  }
  #adtm_menu .adtm_column_wrap span.column_wrap_title{
    margin: 5px 10px 8px 0px;
  }
  #adtm_menu .adtm_column span.column_wrap_title, #adtm_menu .adtm_column span.column_wrap_title a, #adtm_menu .adtm_column span.column_wrap_title span[data-href]{
    font-size: 18px;
  }
  .language-selector-wrapper #language-selector-label{
    color:#fff;
  }
  .language-selector-wrapper .dropdown select{
    background: transparent;
    color:#fff
  }
  #adtm_menu_inner{
    border-width:0px 0px 1px 0px;
    color:#fff
  }
  #adtm_menu ul#menu li.li-niveau1.sub a.a-niveau1 span {
    background-image: none !important;
    position: relative;
  }
  #adtm_menu ul#menu li.li-niveau1.sub a.a-niveau1 span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAABnRSTlMAHiXy6t8iJwLjAAAANUlEQVQY02MgFwgisZmMFZA4Zo5IUiLJSFKMbkZESqUoYKjDNFw5RYAYCSckW0IEULxAPgAAZQ0HP01tIysAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.3s ease;
    filter: brightness(0) invert(1);
  }
  #adtm_menu ul#menu li.li-niveau1.sub.adtm_sub_open a.a-niveau1 span::after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAABnRSTlMAHiXy6t8iJwLjAAAARUlEQVQY02OgKWBUAJFMYJJB1AhEChuCOSLJCkBpNxAHRBsBRVIUIJpUkhVgEmAlIKVgAFIDUgmXgkmAzXWCMqA20hgAAI+xB05evnCbAAAAAElFTkSuQmCC");
  }
  .js-top-menu-bottom{
    padding-top:20px;
    padding-bottom:10px;
  }
  .get_resurrect{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  #footer .gdpr_consent{
    padding-top:10px;
  }
  #footer .gdpr_consent span{
    font-family: Gotham;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }
  #cms #wrapper{
    padding-top:0px;
  }
  #cms .page-header{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  #cms .section-content.text-center.bg-black{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
  #cms .section-content.bg-black .section-content{
    padding: 50px 00px 50px 00px;
  }
  #cms .page-header.custom-aboutus-header h1{
    font-size: 40px;
    text-transform: uppercase;
  }
  #cms .breadcrumb-wrapper li span{
    text-transform: uppercase;
    color:#fff;
    font-weight:700;
    font-size:14px;
  }
  #cms .breadcrumb-wrapper li a span{
    font-weight:700;
  }
  #wrapper .breadcrumb{
    margin-bottom:0px;
  }
  #wrapper .breadcrumb li::after{
    color:#fff!important;
    content: "•"!important;
  }
  .products-selection .filter-button{
    padding-left:15px;
  }
  #category #search_filter_toggler,
  .products-sort-order .select-title{
    background: #000;
    color:#fff;
    font-family: Gotham;
    font-weight: 400;
    font-size:14px;
    line-height: 100%;
    border-radius: 5px;
    padding: 10px;
  }
  .banner_category_desktop img{
    max-width:100%!important;
    max-height: auto;
  }
  .banner_category_mobile img{
    max-width:100%!important;
    max-height: auto;
  }
  .content-before-product.get_resurrect img{
    max-width: 100%;
  }
  .products .js-product.product{
    flex:0 0 50%;
    max-width: 50%;
  }
  .product-miniature-sx,
  .product-miniature-dx{
    flex:0 0 100%;
    max-width: 100%;
    width:100%
  }
  .product-miniature-dx{
    padding-top:15px;
  }
  .product-miniature .product-price-and-shipping{
    text-align: left;
  }
  .product-miniature-sx .h3.product-title a{
    font-family: Gotham;
    font-weight: 700;
    font-size: 15px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
  }
  .product-miniature .product-description{
    flex-wrap: wrap;
  }
  .product-miniature.js-product-miniature .product-miniature-sx .h3.product-title{
    min-height: 38px;
  }
  #index .banner-content-bottom a{
    font-family: Gotham;
    font-weight: 700;
    font-size: 18px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
  }
  #index .banner-content-bottom h4{
    padding-top: 10px;
  }
  .header-cms{
    background: #1D1D1B;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .header-cms h1{
    color:#fff;
    font-size: 40px;
    text-transform: uppercase;  
    text-align: center;
  }
  .header-cms p{
    color:#fff!important;
    font-size: 16px;
    text-transform: uppercase;  
    text-align: center;
    margin-bottom:0px;
    padding-left:10px;
    padding-right:10px
  }

  .history .timeline .event{
    padding: 0 0 2rem 0rem;
    margin: 0 0 2rem 0; 

  }
  .history .timeline .event h3{
    font-weight: 700;
  }
  .page-content.page-cms ul, .page-content.page-cms p{
    color:#000
  }
  .incipit-cms{
    margin-top:30px;
    margin-bottom:30px;
  }

  .timeline__media img{
    width:100%;
  }
  .history{
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
  }
  .product-feature-product-line img {
    width:40px
  }
  .content-before-product.get_resurrect img{
    width:100%;
  }
  .hero-content{
    position: absolute;
    bottom:150px
  }
  .hero-content h2{
    font-size:40px;
  }
  #index .section-banner-3  .banner-content-bottom img{
    width:100%;
  }

  #index .section-banner-3 .banner-content-bottom h4 a{
    font-family: "GFS Didot", serif;
    font-weight: 400;
    font-size: 48px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;
  }
  #index .section-banner-3 .banner-content-bottom h4{
    font-family: "GFS Didot", serif;
        font-weight: 400;
        font-size: 48px;
        vertical-align: middle;
        text-transform: capitalize;
        color: #fff;
        margin-bottom: 25px;
  }
  #index .section-banner-3 .featured-bannerss .banner{
    min-height: 376px;
    margin-bottom: 0px;
    position: relative;
    background-size: cover;
  }
  #index .section-banner-3 .featured-bannerss .banner-content-bottom{
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: 25px;
  }
  #index .ection-banner-1 .featured-banners{
    padding-bottom:20px
  }
  .section-content-prefooter.section-planet{
    padding-top:40px
  }
  .section-content-prefooter.section-planet .col-md-4{
    padding:0px!important
  }
  .section-content-prefooter.section-planet video{
    max-width:100%
  }
  #index .section-content-prefooter .col-md-8{
    padding-left:15px;
    padding-right:15px
  }
  #index .section-logos-certifications{
    padding-left:0px;
  }
  #index .section-logos-certifications .logos-wrapper{
    gap: 35px;
    background: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;

  }
  .section-content-prefooter.section-planet .bg-video{
    position: relative;
    top:unset;
  }
  .header-desktop{
    display:none
  }
  .videohowtousedesktop{
    display:none
  }
  #product .single-active .container-feature-box{
    flex:0 0 100%;
    max-width: 100%;
  }
  .featured-banners.fb-1 .banner{
    background-image: url('/img/homepage/colored_hair_mobile.jpg')!important;
  }
  .featured-banners.fb-2 .banner{
    background-image: url('/img/homepage/dry_hair_mobile.jpg')!important;
  }
  .featured-banners.fb-3 .banner{
    background-image: url('/img/homepage/thin_hair_mobile.jpg')!important;
  }
  .featured-banners.fb-4 .banner{
    background-image: url('/img/homepage/damaged_hair_mobile.jpg')!important;
  }
}
/*Fine Mobile*/

@media(min-width:992px) and (max-width:1440px){
  #index .section-content-prefooter .col-md-4, #cms .section-content-prefooter .col-md-4{
    padding-left:30px;
    padding-right:30px;
  }
  #category #wrapper{
    padding-left:15px;
    padding-right:15px;
  }
  .incipit-cms{
    padding-left:15px;
    padding-right:15px;
  }
  #product .get_resurrect img{
    max-width:100%!important
  }
}

/*Funzione zoom*/

.zoom-container {
  position: relative;
  overflow: hidden;
}

.zoom-container img {
  transition: transform 0.2s ease;
  cursor: zoom-in;
}

.zoom-container:hover img {
  transform: scale(1.8); /* livello di zoom */
  cursor: move;
}
#product .js-product-images-modal .modal-dialog{
  max-width:80%
}
#product .js-product-images-modal .modal-body{
  justify-content: center;
  margin-left:unset
}
@media (max-width: 768px) {
  .zoom-container img {
    transition: transform 0.3s ease;
    touch-action: none; /* importante per gestire il drag */
  }
  .product-cover .layer.hidden-sm-down{
    display: flex!important;
  }
  #product .js-product-images-modal .modal-dialog{
    max-width:100%;
  }
  .product-images.js-modal-product-images{
    display: flex;
    overflow-x: auto;
    gap: 10px;
  }
  .col-4.col-header-left-mobile,
  .col-4.col-header-right-mobile,
  .col-4.col-header-center-mobile{
    flex:0 0 33.3%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width:992px){
  .col-product-sx,
  .col-product-dx-top{
    width:100%;
  }
  .col-product-dx-top{
    padding-top:30px;
    padding-bottom:30px
  }
  #product #content{
    max-width:100%!important
  }
  .container{
    width:100%
  }
  .product-cover{
    max-width:100%
  }
  #product .col-tabs-sx,
  #product .col-tabs-dx{
    width:100%;
  }
}


/* INIZIO CSS CARD CATEGORIA E parallax HOEMPAGE */


.alt-section {
  display: flex;
  width: 100%;
  min-height: 450px;
  margin: 80px 0;
  overflow: hidden;
}

.alt-section.reverse {
  flex-direction: row-reverse;
}

/* IMMAGINE CHE SI ADATTA ALL'ALTEZZA DEL TESTO */
.alt-image {
  flex: 0 0 50%;
  display: flex;
  align-items: stretch;
  overflow: hidden;
}

.alt-image img.parallax-photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  will-change: transform;
}

/* TESTO */
.alt-text {
  flex: 0 0 50%;
  padding: 60px 40px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media(max-width:768px){
  .alt-section,
  .alt-section.reverse {
      flex-direction: column;
  }

  .alt-image img {
      height: 260px;
      transform: none !important;
  }
}

/* --- SEZIONI FULL BACKGROUND --- */

.fullbg-section {
  width: 100vw;
  min-height: 450px;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 70px 30px;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fullbg-space {
  margin-bottom: 80px; /* distanza tra primo e secondo banner */
}

.fullbg-section-content {
  max-width: 900px;
  margin: 0 auto;
  z-index: 2;
}

.fullbg-title {
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-size: 42px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.fullbg-text {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 20px;
}

/* --- GRID INGREDIENTI 2 COLONNE --- */

.fullbg-grid {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
}

.fullbg-col {
  width: 50%;
}

@media(max-width: 768px) {

  .fullbg-section {
      background-attachment: scroll; /* FIX iOS */
  }

  .fullbg-grid {
      flex-direction: column;
      gap: 0;
  }

  .fullbg-col {
      width: 100%;
  }
}

.card-block.category-additional-description .alt-section h3{
  font-family: "GFS Didot", serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
padding-bottom:30px
}



/* CONTAINER ORIZZONTALE */
.expanding-accordion {
  display: flex;
  height: 550px; /* un po' più alto, più elegante */
  gap: 2px;
  overflow: hidden;
}

/* STRISCE CHIUSE */
.exp-card {
  flex: 1;
  min-width: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;     /* centrare contenuto */
  align-items: center;         /* centrare contenuto */
  transition: flex 0.6s cubic-bezier(.25,.8,.25,1),
              filter 0.6s ease;
  overflow: hidden;
}

/* CARD APERTA */
.exp-card.active {
  flex: 18; 
}



/* TESTO CENTRATO */
.exp-content {
  position: absolute;
  text-align: center;
  color: #fff;
  padding: 30px;
  max-width: 80%;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  pointer-events: none;
  position: relative;
  z-index: 2; 
}

/* TESTO SOLO SULLA CARD ATTIVA */
.exp-card.active .exp-content {
  opacity: 1;
  transform: translateY(0);
}

/* TITOLO E DESCRIZIONE */
.exp-content h3 {
  font-size: 26px;
  margin-bottom: 12px;
  font-weight: 600;
 color:#fff!important
}

.exp-content p {
  font-size: 17px;
  line-height: 1.5;
 color:#fff!important
}
/* Overlay nascosto di default */
.exp-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35); /* oscuramento leggero */
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

/* Overlay attivo quando la card è aperta */
.exp-card.active::before {
  opacity: 1;
}
.exp-card:not(.active) {
  filter: brightness(0.6);
}
/* MOBILE → accordion verticale */
@media (max-width: 768px) {

  .expanding-accordion {
      flex-direction: column;
      height: auto;
  }

  .exp-card {
      flex: none !important;
      height: 80px;
      filter: brightness(1);
  }

  .exp-card.active {
      height: 380px;
  }
.alt-text{
padding:0px;
padding-top:20px;
}
.alt-text h3{
color:#000!important;
}
.alt-text p{
color:#000!important;
}
}
/* FRECCE LATERALI */
.exp-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 38px;
  color: #fff!important;
  z-index: 5;
  opacity: 0;
  transition: opacity .3s ease;
  cursor: pointer;
  text-shadow: 0 3px 8px rgba(0,0,0,0.6);
  pointer-events: auto;
}

/* posizione */
.exp-arrow-left {
  left: 10px;
}
.exp-arrow-right {
  right: 10px;
}

/* visibile solo quando deve esserlo */
.exp-arrow.visible {
  opacity: 1;
}

@media (max-width: 768px) {

  /* Modifica: le card diventano verticali */
  .expanding-accordion {
      flex-direction: column;
      height: auto;
  }

  /* Le frecce diventano verticali */
  .exp-arrow {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      font-size: 32px;
      opacity: 1 !important;
      text-shadow: 0 3px 8px rgba(0,0,0,0.5);
  }

  /* Freccia superiore */
  .exp-arrow-left {
      top: 10px;
  }

  /* Freccia inferiore */
  .exp-arrow-right {
      bottom: 10px;
      top: auto;

  }

}

@media (max-width: 768px) {

  /* freccia SU (prima era "left") */
  .exp-arrow-left {
      top: 15px; /* posizione in alto */
      left: 50%;
      right: auto;
      transform: translateX(-50%) rotate(90deg);
  }

  /* freccia GIÙ (prima era "right") */
  .exp-arrow-right {
      bottom: 15px; /* posizione in basso */
      top: auto;
      left: 50%;
      right: auto;
      transform: translateX(-50%) rotate(90deg);
  }

  /* Rimuovere la centrazione verticale usata su desktop */
  .exp-arrow {
      transform-origin: center;
  }
}


.hero-section-parallax {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}

/* BACKGROUND PARALLAX */
.hero-parallax-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/img/homepage/banner_homepage_beyond_the_hair.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
z-index: 1;
}

/* OVERLAY */
.hero-section-parallax::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.35);
z-index: 2;
}

/* TEXT */
.hero-parallax-content {
position: relative;
z-index: 3;
text-align: left;
padding: 0 20px;
}

.hero-parallax-content h4 {
font-size: 32px;
margin-bottom: 10px;
}

.hero-parallax-content p {
font-size: 18px;
margin-bottom: 25px;
}
.hero-section-parallax{
position:relative;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  padding-top: 400px;
  padding-bottom: 50px;
  margin-top:50px;
  margin-bottom:50px
}
.hero-parallax-content *{
color:#fff;
}
/* FIX PER MOBILE */
@media (max-width: 768px) {
.hero-section-parallax {
  height: 300px;
}

.hero-parallax-bg {
  background-attachment: scroll;
  height: 140%;   /* ingrandita per effetto simulato */
}

.hero-parallax-content h4 {
  font-size: 26px;
}

.hero-parallax-content p {
  font-size: 16px;
}

}

/* FINE CSS CARDS E PARALLAX */