/* style for products & product page */

.annotation_text{
   margin-bottom: 20px;
   padding-left: 3px;
}
.product_preview_header{
   display: flex;
   background-color: #cbcbcb;
   margin-bottom: 5px;
}

.product_preview_header span{
   font-size: 16px;
   font-weight: 600;
}
.product_preview{
   border: 1px solid rgb(202, 200, 200);
   margin-bottom: 3px;
   transition: background 0.5s ease;
   
}
.product_preview:hover{
   background: #e2e1e146;
}

.product_preview__wrapper{
    display: flex;
    row-gap: 5px;
    border-top: none;
    width: 100%;
    color: black;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    flex: 80%;
   
 }

.article__flex{
   flex: 0 1 10%;
 }
.info__flex{
   flex: 0 1 65%;
 }
.prices__flex{
   /* display: flex;
   justify-content: end; */
   flex: 0 1 10%;
 }
.item__flex {
   flex: 0 1 15%;
   z-index: 20;
   justify-content: end;
 }

.product_preview_info {
   display: flex;
   column-gap: 20px; 
}
.product_preview__wrapper > div{
   padding: 5px 10px;
}
.product_preview_header > div{
   padding: 15px 10px;
}
.product_preview_info  .product_preview__no_image svg{
   width: 60px;
   height: 50px;
   opacity: 0.2;
}
.product_preview_item .preview-call-back{
   display: inline-flex;
   position: relative;
   align-items: center;
   gap: 5px;
   border-radius: 7px;
   text-decoration: none;
   border: 1px solid #9b9898;
   padding: 10px 15px;
   cursor: pointer;
}
.product_preview_item .preview-call-back::before{
   content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #9b989838;
	border-radius: 4px;
	transition: all .35s ease;
}

.product_preview_item .preview-call-back:hover:before{
   width: 100%;
}

.preview-call-back .call{
   font-size: 14px;
}

.product_preview_header__article span, 
.product_preview_header__prices span{
   font-weight: 600;
}
.product_preview_header__article .sku__nubmer,
.price_wrp,
.specify{
   font-size: 14px;
}
.product_preview_header__article .sku__nubmer,
.product_preview_prices .specify,
.product_preview_prices .price_wrp{
   font-weight: 400;
}
.number-style{
   text-decoration: underline;
}
.products_list {
   padding: 0 10px;
}
.product_preview_info .product_preview__name_link {
    font-size: 16px;
    text-decoration: none;
 }
.product_preview_info .product_preview__name_link:hover {
   text-decoration: underline;
}

 .product_shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: 4px;
    transition: 0.5s ease-in-out;
 }
.product_preview:hover .product_shadow {
    opacity: 1;
 }
.product_preview:hover{
   box-shadow: none;
 }
.product_preview__actions {
    bottom: 15px;
    right: 15px;
    position: absolute;
 }
.product_preview_quikview {
    opacity: 0;
    visibility: hidden;
    transform: translate(50px, 0);
    transition: .4s ease-in-out;
    cursor: pointer;
 }
.product_preview__actions .quikview_button,
.product_preview__actions .wishlist_button,
.product_preview__actions .comparison_button{
    background: var(--second-company);
    color: var(--second-company-text);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    line-height: 36px;
    width: 42px;
    transition: .35s ease-in-out;
    text-decoration: none;
    border-radius: 4px;
    border: none;
 }
.product_preview__actions .product_preview__button::before,
.product_preview__actions .product_wishlist_button::before{
   font-family: FontAwesome;
   font-size: 14px;
}
.product_preview__actions .quikview_button:hover,
.product_preview__actions .wishlist_button:hover,
.product_preview__actions .comparison_button:hover{
   background: var(--basic-company);
}
.product_preview:hover .product_preview_quikview,
.product_preview:hover .product_preview_add__wishlist, 
.product_preview:hover .product_preview_add__compare {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.wishlist_button svg,
.comparison_button svg,
.quikview_button svg{
width: 16px;
height: 16px;
}
.wishlist_button svg path,
.comparison_button svg path,
.quikview_button svg path{
fill: #fff;
}
.product_preview_add__wishlist {
   opacity: 0;
   visibility: hidden;
   transform: translate(50px, 0);
   transition: .3s ease-in-out;
   margin: 10px 0 0;
}
.product_preview_add__compare {
   opacity: 0;
   position: relative;
   visibility: hidden;
   transition: .2s ease-in-out;
   transform: translate(50px, 0);
   margin: 10px 0 0;
}

.product_preview__buttons {
padding: 16px 0 0;
}
.product_preview:hover .product_preview__variants{
opacity: 1;
visibility: visible;
}

/* Products page */
.category_items_wrapper{
padding: 0 0 40px;
margin: 0 -7px;
}
.category_items_wrapper .category_item{
border-radius: 4px;
min-height: 120px;
height: 100%;
box-shadow: 0 5px 10px #aaaaaa52;
padding: 10px;
position: relative;
width: 100%;
background: var(--second-company-text);
}
.category_items_wrapper .category_item b.filter__catalog_link,
.category_items_wrapper .category_item a.filter__catalog_link{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.category_items_wrapper .category_item b.filter__catalog_link span, 
.category_items_wrapper .category_item a.filter__catalog_link span{
margin-top: 8px;
text-align: center;
height: 32px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.category_items_wrapper .category_items{
padding: 7px;
overflow: hidden;
}
.ui-slider .ui-slider-range,
.ui-slider .ui-slider-handle.ui-state-hover,
.ui-slider .ui-slider-handle.ui-state-focus,
.ui-slider .ui-slider-handle.ui-state-active{
background-color: var(--basic-company)!important;
}


/* -------------End Products page------------------------ */


/* -------------Product page------------------------ */
.product_page .block{
margin-bottom: 60px;
}
.product_page .products_list,
.product_page .fn_articles_slide  {
padding: 10px 7px 58px;
}
.product_page .block__body{
margin: 0 -7px;
}
.jssocials-share-link{
border-color: var(--basic-company)!important;
color: var(--basic-company)!important;
}
.details_boxed__split{
display: flex;
flex-wrap: wrap;
flex-direction: row;
padding: 15px;
}
.details_boxed__split > .details_boxed__item{
box-shadow: 0 5px 10px #aaaaaa52;
flex: 1 0 0%;
margin-right: 15px;
border-radius: 4px;
border-bottom: none;
}
.details_boxed__split > .details_boxed__item:last-child {
margin-right: 0;
}
.details_boxed__split .accordion__header{
cursor: inherit;
background-color: transparent;
}
.details_boxed__split .accordion__content p{
margin-bottom: 8px;
}
.product-page__gallery{
position: static!important;
}
.product-page__details{
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 9;
}
.product_details_boxed--sticky{
position: sticky;
top: 20px;
right: 0;
border-radius: 4px;
box-shadow: 0 5px 10px #aaaaaa52;
}
.gallery_image__container{
box-shadow: 0 5px 10px #aaaaaa52;
border-radius: 4px;
}
.gallery_image__container .product-page__no_image svg{
   width: 200px;
   height: 200px;
   opacity: 0.2;
}
.product-page__tabs{
margin-top: 32px;
}
.product-page__info .mobile_tab_navigation:after{
content: none;
}
.product-page__info .mobile_tab_navigation{
text-align: left;
margin-top: 0;
}
.product-page__info .mobile_tab_title{
padding: 0 0 6px 0;
font-size: 24px;
}
.product-page__info .mobile_tab_title::before{
content: "";
   width: 54px;
   height: 4px;
   position: absolute;
   bottom: 0;
   left: 0;
   border-radius: 4px;
   background-color: var(--basic-company);
}
.product_description,
.product_features,
.product_comments,
.product_video{
padding: 15px;
box-shadow: 0 5px 10px #aaaaaa52;
border-radius: 4px;
margin: 32px 0;
}
.product_comments{
margin: 32px 0 0;
}
.product-page__info .tabs__content{
overflow: visible;
}
.details_sizes{
padding-bottom: 15px;
}
.product__sizes {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.product__sizes .product__size_input {
display: none;
}
.product__sizes .product__size {
background-color: transparent;
box-shadow: 0 5px 10px #aaaaaa52;
color: var(--body-text);
cursor: pointer;
font-size: 12px;
font-weight: 500;
text-align: center;
display: block;
width: 36px;
height: 36px;
line-height: 36px;
margin: 5px 10px 5px 0px;
padding: 0;
white-space: nowrap;
position: relative;
border-radius: 4px;
user-select: none;
overflow: hidden;
}
.product__sizes .product__size_input:checked + .product__size {
background-color: var(--basic-company);
color: #FFFFFF;
}
.product__sizes .product__size_empty::before, 
.product__sizes .product__size_empty::after{
content: '';
   display: block;
   width: 32px;
   height: 2px;
   position: absolute;
   top: calc(50% - 1px);
   left: calc(50% - 32px / 2);
   background-color: #e9eaed;
}
.product__sizes .product__size_empty::after {
transform: rotate(-45deg);
}
.product__sizes .product__size_empty::before {
transform: rotate(45deg);
}
.product_video iframe{
width: 100%;
}
/* -------------End Product page------------------------ */
/* @media (max-width: 780px) {
.product_preview_item .call-back {
   padding: 10px 30px;
}
} */

@media (max-width: 600px) {
   .product_preview {
      flex-direction: column;
   }
   
}
@media only screen and (min-width: 768px){
   .product_preview_header__article
   .product_preview_item span svg{
   display: none;
}
}

@media only screen and (max-width: 767px) {
.product_preview__wrapper {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
}

.product_preview__wrapper > div{
   padding: 10px;
}
.product_preview_header{
   display: none;
}
.product_preview_article{
   order: 3; 
   display: flex;
   justify-content: end;
}

.product_preview_info{
   order: 1; 
   grid-column: span 2;
}
.product_preview_info .product_preview__name_link{
   font-size: 20px;
}

.product_preview__image picture{
   height: 100px;
   width: 90px;
}
.product_preview_prices{
   display: flex;
   flex-direction: column;
   align-items: start;
   order: 2; 

}
.product_preview_item{
  
   order: 4;
   grid-column: span 2; 
}
.preview-call-back{ padding: 10px 50px;}

.product_preview_item a{
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   max-width: 300px;
   padding-right: 20px;    
}
.product_preview_item a span{
   padding-left: 20px;   
}

.categories_list_items{
   /* display: flex;
   flex-direction: column; */
   display: grid;
   grid-template-columns: repeat(2,1fr);
/*    align-items: center; */
   row-gap: 10px;
   column-gap: 10px;
}
.categories__description_wrapper .categories__name{
   font-size: 12px;
}
.details_boxed__item .share  {
   justify-content: center;
}
.product_preview_item .preview-call-back{
   padding: 10px 25px;
   width: 100%;
   justify-content: center;
}
.preview-call-back .call{
   font-size: 20px;
}
}
@media only screen and (max-width: 1365px){
   .product_preview_header{
      display: none;
   }
}

@media only screen and (max-width : 991px) {
.product_preview_header span {
      font-size: 18px;
}

.product-page__details_sticky {
   position: static;
   top: auto;
}
.product-page__details {
   height: auto;
   position: static;
   margin-top: 10px;
   padding: 0;
}
.category_items_wrapper{
   padding: 0 0 16px;
}
.product_page .block{
   margin-bottom: 32px;
}
.product_preview_item svg{
   display: none;
}
}
@media only screen and (max-width : 767px) {
.product-page__tabs{
   margin-top: 0;
}
.product_page .block{
   margin-bottom: 0;
}
.product-page__info .tabs__content{
   padding: 0;
}
.minor_pages.product_page{
   padding-bottom: 60px;
}
.mobile_tab_navigation{
   margin: 16px 0;
}
}
@media only screen and (max-width : 480px) {
.details_boxed__split{
   padding: 0;
}
.annotation_text{
   margin-bottom: 15px;
}
}