.logo{ max-height:100px;}
.radio-format{font-weight: 600;
font-size:13px;
    display: inline-block;
    min-width: 56px; position:relative; margin: 2px; cursor:pointer; padding:0px;}
	
.radio-format .input_radio{ display:none}

.btn_colore{width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #000000;
    padding: 0; cursor:pointer; margin:auto; margin-bottom:4px;}
	
.product_not_available{ opacity:0.5; background-image:url(../images/no-product.png); background-size:30px; background-repeat: no-repeat;
    background-position: center 5px;}


.product_not_available:before{ 
 
 content: " ";
 position:absolute; 
 float:left;
 height: 72%;
 width: 100%;
 display:block;

    background-position:center top; }	


.product_not_available_old:before{ 
 
 content: " ";
 position:absolute; 
 float:left;
 height: 60%;
 width: 100%;
 display:block;
 background-image:url(../images/no-product.png?n=1);
 background-size:contain; background-color: rgba(255, 255, 255, 0.9); background-repeat:no-repeat; background-position:center top; }	
.title_bg_white{padding: 5px !important; background-color: rgba(255, 255, 255, 0.6);}	
	






 






.product_not_available{ cursor:not-allowed;}
.product_not_available .btn_colore{ background-color:transparent;}










/* ===== Google Font Import - Poppins ===== */

.select-menu{

}
.select-menu .select-btn{
    display: flex;
    height: 55px;
    background: #fafafa;
    padding: 20px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.select-btn i{
    font-size: 25px;
    transition: 0.3s;
}
.select-menu.active .select-btn i{
    transform: rotate(-180deg);
}
.select-menu .options{
    position: absolute;
	width:100%;
    padding: 8px;
    margin-top: 0px;
    border-radius: 8px;
    background: #fdfdfd;
    box-shadow: 0 0 1px rgba(0,0,0,0.7);
    display: none;
	z-index:2;
	border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.select-menu.active .options{
    display: block;
}
.options .option{

	width: 100%;
    cursor: pointer;
    padding: 0 0px;
    border-radius: 0px;
    align-items: center;

}
.options .option:hover, .options .active{
	background-image:url(../images/icons/check.svg?n=1);
	background-size: 25px;
    background-position: right top;
    background-repeat: no-repeat;
}
.option i{
    font-size: 25px;
    margin-right: 12px;
}
.option .option-text{
	letter-spacing: -0.2px;
	overflow: hidden;
white-space: nowrap;
padding: 4px;
    font-size: 12px;
    color: #000000;
}
.option img{width:45px; height:45px; margin-right:4px; margin-left:4px; margin:5px;}



.input_ordinamento{ min-width:230px;}


.update_template{ border:1px dashed #F00; cursor:pointer; padding:3px; background-color: rgba(255, 255, 255, 0.25); }


.msg_notabene{margin-bottom: 20px;
    margin-top: 20px;
    line-height: 22px;
    color: #4f4f4f;
    font-size: 13px;}

.list_icona{}
.z_index_10{ z-index:10;}






















.search-container {
	position:relative;
	z-index:10;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 10px;
}

.category-btn {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  font-size:12px;
padding: 6px 4px;
border-right:0px;

  cursor: pointer;
}

.category-list {
  display: none;
  position: absolute;
position: absolute;
    top: 36px;
    left: 0px;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 200px;
}

.category-list ul {
  list-style-type: none;
  padding: 0;
}

.category-list ul li a {
  text-decoration: none;
  padding: 10px;
  display: block;
  color: #333;
}

.category-list ul li a:hover {
  background-color: #f0f0f0;
}

.search-box {
  display: flex;
  width: 70%;
  
}

#search {
  padding: 10px;
  border: 1px solid #ccc;
  width: 250px;
}

#search-btn {
  padding: 10px;
  background-color: #ff9900;
  border: none;
  color: white;
  cursor: pointer;
}

#search-btn:hover {
  background-color: #cc7a00;
}

.form-control-sm {

    border-radius: 0rem;
}

.slick-list {
  margin: 20px;
}


.varianti_35{ display:none;}





























.msg_notabene {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  position: relative;

}

.toggle_header {
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 5px;
}

.toggle_content_wrapper {
  position: relative;
  max-height: 60px; /* Altezza iniziale ridotta */
  overflow: hidden;
  transition: max-height 0.9s ease, opacity 0.9s ease;
}

.toggle_content {
  color: #555;
  line-height: 1.5;
}

.fade_effect {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px; /* Altezza della sfumatura */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.msg_notabene.expanded .toggle_content_wrapper {
  max-height: 500px; /* Altezza sufficiente per il contenuto completo */
}

.msg_notabene.expanded .fade_effect {
  opacity: 0; /* Nasconde la sfumatura */
}

@media (min-width: 768px) {
  .toggle_content_wrapper {
    max-height: none;
    overflow: visible;
  }

  .fade_effect {
    display: none;
  }
}



.container_btn_richiedi_info_process{text-align: center; font-size: 12px; font-weight: 600;}


form .required{ border:1px #F00 solid !important;}

.error-message {
    color: #F00;
    font-size: 12px;
    margin-left: 5px;
}




















.gallery { display: flex; flex-wrap: wrap; gap: 10px; }
    .canvas-container { position: relative; cursor: pointer; }
    .lightbox {
		z-index:999;
      display: none; 
      position: fixed; 
      top: 0; left: 0; right: 0; bottom: 0; 
      background: rgba(0, 0, 0, 0.8); 
      justify-content: center; 
      align-items: center;
    }
    .lightbox-content { position: relative; }
    .lightbox img { width: 600px; }
    .lightbox.active { display: flex; }

    /* Frecce */
    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 30px;
      color: white;
      background: rgba(0, 0, 0, 0.5);
      border: none;
      padding: 10px;
      cursor: pointer;
    }
    .arrow-left { left: 10px; display:none }
    .arrow-right { right: 10px; display:none }

    /* Tasto di chiusura */
    .close-btn {
      position: absolute;
      top: 0px;
      right: 0px;
      
      color: white;
      background: rgba(0, 0, 0, 0);
      border: none;
      padding: 10px;
      cursor: pointer;
    }
	.close-btn i{ color:#000; font-size: 40px;}
	
	
.img_blog_anteprima{ float:left; margin-right:20px; margin-bottom:20px; max-width:400px;}



.titolo1_icona_prodotto{ font-size:27px; margin-bottom:10px; font-weight: 600;}
.descrizione_icona_prodotto{font-size:20px; margin-bottom:10px;}
.titolo2_icona_prodotto{font-size:27px; margin-bottom:10px; font-weight: 600;}



.area_shop_opzione_categoria_colore{ display:none;}