/* CSS Document */
.form-control ~ label.col-form-label{
	
	font-size:14px;
}
.important{
	padding:30px;
	background: #10101010;
	margin-top: 40px;
	margin-left:-30px;
	margin-right:-30px;
}
/* desktop default */
.icons-wrap{
  float:right;
  margin-left:20px;
  margin-bottom:20px;

  display:grid;
  gap:10px;
}

.icons-wrap .dynamicicon{ width:100%; }

.icons-wrap img{
  width:100%;
  height:auto;
  display:block;
}
.product-link button {
    
    max-width: 220px;
}



.retrinapro-productlist-all_products_design .labels-rectangular {
    top:5px;
    left: 5px;
}

.retrinapro-productlist-all_products_design .labels-rectangular.all {
   flex-direction: row;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}

.retrinapro-productlist-all_products_design .labels-rectangular.all .product-label{
	margin-right: 1px;
	
}

.retrinapro-productlist-all_products_design .labels-rectangular.all .onsale.product-label{
	border-radius: 0px;
	
}

.isnew{
	
	background-color: #438e44;
}
.product-labels.labels-rectangular.all .out-of-stock{
	
	background-color: #fff;
}
.product-labels.labels-rectangular.all .discount{
	
	background-color: var(--ronixa-theme-primary-color);
	color: #fff;
}


.retrina-product-page-design-02 .quantity {
    
    border: 1px solid var(--ronixa-theme-primary-color);
    
}

.retrina-product-page-design-02 .quantity .quantity-unit {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 auto;
	width: auto;
	min-width: max-content;
	white-space: nowrap;
	font-size: 12px;
	
	padding: 0 12px;

	
	background: var(--ronixa-theme-primary-color);
	color: #fff;

}

.retrinapro-productlist-all_products_design .labels-rectangular.rating {
    top: 33px;
    left: 5px;
}

.retrinapro-productlist-all_products_design .labels-rectangular.variants {
    top: 38px;
	left:inherit;
    right: 5px !important;
	align-items: flex-end;
	width: 100%;
	
}
.labels-rectangular.variants .product-label{
	text-transform: none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 0px;
	font-size: 8px;
	font-weight: normal;
	align-items: flex-end;
	margin-right: 0px;
	min-width: 0;
	max-width: 50% !important;
	display: flex;              /* keep your alignment */
  	justify-content: flex-end;
  	align-items: flex-end;
	
	
}
select option.is-not-available { display:none;color: #c00; }




/* desktop layouts depending on count */
.icons-wrap.icons-grid-1{
  grid-template-columns: 1fr;
  justify-items:end;
}
.icons-wrap.icons-grid-2{
  grid-template-columns: repeat(2, 1fr);
  justify-items:end;
}
#content{ position:relative; }

#content::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.80);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
  border-radius:inherit;
  z-index:10;
}

#content::before{
  content:"";
  position:fixed;
  top:50%;
  left:50%;
  width:34px;
  height:34px;
  margin:-17px 0 0 -17px;
  border-radius:50%;
  border:3px solid rgba(0,0,0,.15);
  border-top-color:rgba(0,0,0,.75);
  opacity:0;
  transition:opacity .35s ease;
  animation:cz-spin .7s linear infinite;
  pointer-events:none;
  z-index:99999;
}

#content.is-loading::before{
  opacity:1;
}

#content.is-loading{ opacity:.25; transition:opacity .35s ease; pointer-events:none; }
#content.is-loading::after{ opacity:1; }


@keyframes cz-spin{ to{ transform:rotate(360deg); } }




/* mobile and below: 5 per row, left aligned, no float */
@media screen and (max-width: 767px){
  .icons-wrap{
    float:none;
    width:100% !important;
    max-width:100% !important;
    margin-left:0;
    margin-bottom:10px;

    grid-template-columns: repeat(5, 1fr) !important;
    justify-items:start;
  }

}