/* shop item */

.shop_item_head{
  position: relative;
}
.shop_item_head-right{
  position: absolute;
  top:15px;
  right:0;
}
.shop_item h1{
    
}
.tabs-wrap{
    position: relative;
}
.tabs-wrap .item_rating{
    position: absolute;
    right:0;
    top:0;
    height: 40px;
    align-items: center;
}

.item_rating_rating svg{
    position:relative;
    top:-1px
}
.item_rating,
.item_rating span{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:#a0a1a3;
    line-height:1;
    font-weight: 400;
}
.item-brand{
    font-size:13px;
    color:#a0a1a3;
}
.item-brand a{
    color:#a0a1a3;
}

.item_infocard_head{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.item_infocard_head .btn{
    color:var(--color-gray);
    padding-left:15px;
    padding-right:15px;
    font-size:14px;
}
.item_infocard_head .btn svg{
    margin-left:5px;
}
.shop_item .col_content .item_photo{
     flex: 0 0 55%;
     max-width: 55%;
}
.shop_item .col_content{
     flex: 0 0 75%;
     max-width: 75%;
}
.shop_item .col_prices{
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 30px;        
}

.shop_item .item_fields{    
    padding-left:30px;
}


.shop_item .btn-addcart,
.shop_item .btn-order{
    width:100%;
    height:50px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
}
.shop_item .btn-addcart.active{
    background: #fff !important;
    border-color: var(--primary) !important;
}
.shop_item .btn-addcart.active{
    font-size: 0;
}
.shop_item .btn-addcart.active:before{
    font-size: 15px;
    content: "В корзине";
    color: var(--primary) !important;
}

.shop_item .btn-order{
    font-size:15px;
    font-weight: 500;
}
.shop_item .item_fields,
.shop_item .item_prices_area{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.shop_item .col_prices .card_chars{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.shop_item .col_prices .card_chars_char{
    display:flex;
    flex-direction:column;
}
.shop_item .card_price_area .card_price{
   align-items:flex-end;
   font-size:16px;
   line-height:1;
}
.shop_item .card_price_area .card_price .price{
    font-size:30px;
    line-height:1;
    font-weight: 700;
    font-variation-settings: "wght" 700;
}
.shop_item .col_prices .card_chars_char .span{
    font-size:14px;
}
.shop_item .col_prices .card_chars_char  .char_value{
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size:16px;
}

.item_features .card{
    padding-left:10px;
    padding-right:10px;
}
.item_features .card-body{
    padding-top:5px;
}
.item_features .card-body p{
    padding:0;
    margin-bottom:5px;
}
.item_features .card:first-child{
    padding-top:15px;
}
.item_features .card:last-child{
    padding-bottom:15px;
}

.item_features .card-header *{
    color:var(--color-dark) !important;
}
.item_features .card-header{
    background:none !important;
    border:0 !important;
}
.item_features .card:not(:first-child){
    border-top:0 !important;
}
.item_features .card-header button{
    display:flex;
    align-items:center;
    gap:15px;
    line-height:1.2;   
    text-decoration:none !important;
    padding:0;
}
.item_featured_payer_info p{
    display:flex;
}
.item_featured_payer_info p span:first-child{
    width:110px;
    min-width:110px;
}
.item_features .card .card-header button{
    position:relative;
}
.item_features .card .card-header button .icon-toggle{
    width:24px;
    height:24px;    
    background:url('data:image/svg+xml,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.60254 1.66699L8.26921 8.33366L14.9359 1.66699" stroke="%234E5D69" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/></svg>');
    background-repeat:no-repeat;
    background-position:96% center;
    background-size:16px auto;   
    display:flex;
    position:absolute;
    right:10px;
}
.item_features .card.active .card-header button .icon-toggle{
 transform: rotateX(180deg);
}




#item_widgets_area #item_widgets_pos,
#item_col_left #item_widgets_pos_left,
#item_col_center #item_widgets_pos_center,
#item_col_right #item_widgets_pos_right{
    display: block !important;
    font-size: 14px;
}



/* О товаре */

.item_teaser{ 
    position:relative;
}

.item_infocard{ 
    position:relative;
}

a.show_about{    
    display:flex;
    font-weight: 400;
    font-size: 13px;
}
.item_chars .card_chars_char{
    padding:8px 0;    
    display:flex;
    line-height:1.2;
}
.item_chars .card_chars_char:not(:last-child){
    border-bottom:1px solid #eee;
}
.item_chars .card_chars_char .char_title{
    width:50%;
    min-width:50%;
    flex-basis:50%;
}
.item_short_fields .field{
    margin-bottom: 8px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #f7f8fa;
    font-size: 13px;
}
.item_short_fields .field.field_title_left{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 8px;
}
.item_short_fields .field:last-child{  
    border:0;
}
.item_short_fields .field>div{
  float: none !important;
  margin: 0;
}
.item_short_fields .field .field_label{
  color:#a0a1a3;
  font-weight: 400 !important;
   margin: 0;
}

#item_full_chars .item_short_fields{
    width:100%
}
#item_full_chars .item_short_fields .field .field_label{
  color: #000;
}
#item_full_chars .field{
    border: 0;
    padding-bottom: 0;
    grid-column-gap: 0;
    font-size: 14px;
}
#item_full_chars .field .field_label{
     margin: 0;
     position: relative;
}
#item_full_chars .field .field_label span{
    background: #fff;
    position: relative;
    z-index: 2;
    padding-right: 3px;
}
#item_full_chars .field .field_label:before {
    content: "";
    position: absolute;
    top: 14px;
    z-index: 0;
    width: 100%;
    border-bottom: 1px dotted #dcdde0;
}
#item_full_chars .field .value{
    padding-left: 3px;
}
#item_full_chars h3.icms-content-fields__group_title{
    font-size: 1rem;
    margin-top: 25px;
}

#item_full_chars .content_item_props{
    font-size: 14px;
}
#item_full_chars .content_item_props .table{
    border-collapse:separate;
    border-spacing: 0 8px;
    margin-top: -8px;
}
#item_full_chars .content_item_props .table th, 
#item_full_chars .content_item_props .table td{
   border: 0;
   padding: 0;
}
#item_full_chars .table thead th {
  padding-top: 16px !important;
}
#item_full_chars .table th.heading{
    font-size: 16px;
    font-weight: 500;
    background: none !important;
}
#item_full_chars .content_item_props .prop_wrap{
   background: none !important;
}
#item_full_chars .content_item_props .prop_wrap td.title{
     margin: 0;
     position: relative;
}
#item_full_chars .content_item_props .prop_wrap td.title span{
    background: #fff;
    position: relative;
    z-index: 2;
    padding-right: 3px;
}
#item_full_chars .content_item_props .prop_wrap td.title:before {
    content: "";
    position: absolute;
    top: 14px;
    z-index: 0;
    width: 100%;
    border-bottom: 1px dotted #dcdde0;
}
#item_full_chars .content_item_props .prop_wrap td.value{
    padding-left: 3px;
}
#item_full_chars .multiple_tags_list{
    margin: 0;
    display: flex;
    gap: 10px;
}
#item_full_chars .multiple_tags_list li.list-inline-item{
   border:0 !important;
   background: none !important;
   padding: 0 !important;
   margin: 0 !important;
}
#item_full_chars .multiple_tags_list a.listbitmask_autolink{
    padding: 0;
    color:var(--link-colored) !important;   
}
#item_full_chars .multiple_tags_list a.listbitmask_autolink:hover{
    color:var(--link-colored-hover) !important;
}

.item_short_fields{
    display: flex;
    flex-direction: column;
}


#item_full_chars .field.ft_image a,
#item_full_chars .field.ft_images a{
    width:100%

}
#item_full_chars .field.ft_images{

}
#item_full_chars .field.ft_images .img-photos img{
      width: 100%;
      object-fit: cover;
}


#item_full_chars > .col-sm-12{

}

/* item photos slider */


.gallery-container {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items:flex-start;
  gap:10px;
    width:100%;
    max-width:100%;
}

.gallery-main {  
  min-width:calc(100% - 70px);
  height: 380px;
  flex: 0 0 calc(100% - 70px);
  overflow: hidden;
  border-radius: var(--card-radius);
}
.gallery-main img { 
  width:100%;
  height:auto;
  max-height:100%;
  display:flex;
  border-radius:var(--card-radius);
  overflow:hidden;   
}

.gallery-main .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-thumbs {
  order: -1;
  width: 60px;
  height: 380px !important;
  z-index: 44;
  background: #fff;
}
.gallery-thumbs .swiper-wrapper{
    height: 380px !important;
}
.gallery-thumbs .swiper-slide{
    cursor:pointer;    
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 56px;
    height:56px !important;  
    background: #fff;
}
.gallery-thumbs .swiper-slide img {
    transition: 0.3s;
    width:48px;
    height:auto;
    object-fit: scale-down;
    border-radius: 12px;
}

.gallery-thumbs .swiper-slide:hover {
    outline: 2px solid var(--secondary);
    outline-offset: -2px;
    border-radius: var(--card-radius-sm);
}
.gallery-thumbs .swiper-slide-thumb-active {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
    border-radius: var(--card-radius-sm);
}
.gallery-thumbs .swiper-slide-thumb-active img {
    
} 

.gallery-thumbs .swiper-button-disabled{
    display: none !important;
}

.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next{
    width: 32px !important;
    height: 32px !important;
    border-color: var(--secondary) !important;
    margin: 0 !important;
}

.gallery-thumbs .swiper-button-prev:after, .gallery-thumbs .swiper-button-next:after{
    color: var(--secondary);
    font-size: 14px !important;
    rotate: 90deg;
}

.gallery-thumbs .swiper-button-prev{
   position: absolute;
   top:0;
   left:10px;
   right: auto;
}
.gallery-thumbs .swiper-button-next{
   position: absolute;
   top:auto;
   bottom:0;
   left:10px;
   right: auto;
}



.shop_item_pricecard-buttons{
    display: flex;
    align-items: center;
    gap: 10px;
}
.shop_item_pricecard-buttons .btn.btn-fav-add{
    width:50px;
    height: 50px;
    position: relative;
}



#catalog_comments #comments_widget .nav.nav-tabs{
  display: none !important;
}






@media screen and (max-width: 1400px) { 
    .btn.btn-addcart{
        font-size: 0;
    }
    .btn.btn-addcart:before{
        content: "В корзину";
        font-size: 15px;
 }
}


@media screen and (max-width: 1200px) { 


 .shop_item .col_content{
    flex: 0 0 100%;
    max-width: 100%;
 }   
.shop_item .col_content .item_photo{
   flex: 0 0 65%;
   max-width: 65%;
   padding-right: 25px;
}



.shop_item .item_fields{    
    padding-left:0;
}






.shop_item .item_pricecard {
    display: block;
    max-width: 100%;
    width:100%;
    flex:0 0 100%;
    padding: 0;
    margin-top: 25px;
}
.shop_item .item_pricecard .text-small{
    display: none !important;
}
.shop_item .item_pricecard_wrap {
    position: relative;
}
.shop_item .item_prices_area{
   flex-direction: row;
}
.shop_item .shop_item_pricecard-buttons{
   margin: 0 !important;
}
.btn.btn-addcart{
    font-size: 15px;
}
.shop_item_pricecard-buttons .btn.btn-addcart{
    font-size: 0;
}



}

@media screen and (max-width: 1101px) { 


.content_item.shop_item>.row:not(.item_widgets_cols_pos){
   display: block;
}

.shop_item .col_content .item_photo{
    display: block;
   flex: 0 0 100%;
   max-width: 100%;
   padding-right: 0;
    margin-bottom: 50px;
}

.gallery-main img{
    width: auto;
    margin: 0 auto;
}




.shop_item .col_content{
   flex-direction: column !important;
}
.shop_item .col_content{
    max-width:100%;
    flex: 0 0 100%;
}



#item_col_left{
    margin-bottom: 0;
}
.item_widgets_cols_pos{
    display: block;
}
.item_widgets_cols_pos .col_content_left{
    max-width:100%;
    flex: 0 0 100%;
    display: block !important;
}
#item_col_right{
    padding-left: 10px;
    margin-top: 30px;
    flex: 0 0 100%;
    max-width: 100%;
}
.item_widgets_cols_pos .item_fields{
  padding-left: 0;
  margin-top: 30px;
}







}



@media screen and (max-width: 768px) { 

#scroll-top{
    display: none;
}

.theme-featured-cards{
    flex-wrap: wrap;
}
.theme-featured-cards .card {
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        height: auto;
        width: 45%;
}
.theme-featured-cards .card:last-child {
        width: 100%;
}

#item_full_chars>.col-sm-6{
  max-width: 100%;
  flex: 0 0 100%;
}
#item_full_chars .order-n1{
  order:1
}
#item_full_chars .content_item_props .prop_wrap td{
  width:50%
}


#theme_bottombar_area{
    box-shadow: none !important;
}
 .shop_item .item_prices_area {
        align-items: center;
 }
.shop_item .item_pricecard{
   position: fixed;
   bottom:73px;
   left:0;
   right:0;
   z-index: 1111;
   background: #fff;
   border-bottom: 1px solid #f5f3f1;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
}
.shop_item .item_pricecard .btn-order-wrap{
   margin-bottom: 10px;
   margin-top: 0 !important;
   padding-left: 20px;
   padding-right: 20px;
}
.shop_item .item_pricecard .card{
   border:0 !important;
   border-radius: 0 !important;
}
.shop_item .item_pricecard .card .card-body{
    padding: 10px 20px;
    padding-bottom: 0;
}
.shop_item .card_price_area .card_price .price{
    font-size: 26px;
}
.shop_item .card_price_area .label{
   font-size: 0;
}
.shop_item .btn-order{
    font-size: 14px;
    font-weight: 600;
}

.shop_item .item_prices_area{
    flex-direction: row !important;
}
.shop_item .item_prices_area .btn-addcart{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.shop_item .item_prices_area .btn-addcart:before{
    display: none;
}

.item_prices_area .btn-addcart{
    font-size: 0;
    height: 40px;
}
.item_prices_area .btn-addcart:before{
    font-size: 13px !important;
    display: flex;
    content:"В корзину";
} 

.item_prices_area .btn-addcart{
    font-size: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--primary);
}

.item_prices_area .btn-addcart{ 
    -webkit-mask-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 2.50001H2.65424C3.13263 2.50001 3.37183 2.50001 3.56628 2.58675C3.73771 2.66322 3.88415 2.78639 3.98886 2.94217C4.10763 3.11889 4.14862 3.35455 4.23058 3.82586L4.6087 6.00001M4.6087 6.00001L5.49173 11.0774C5.67091 12.1077 5.7605 12.6229 6.02583 12.994C6.25945 13.3207 6.58606 13.5695 6.96311 13.7081C7.39133 13.8654 7.91176 13.815 8.95264 13.7143L18.614 12.7793C19.6298 12.681 20.1378 12.6318 20.5221 12.4033C20.8653 12.1993 21.1395 11.8972 21.3095 11.536C21.5 11.1314 21.5 10.6211 21.5 9.60051V9.60051C21.5 8.51583 21.5 7.97349 21.2922 7.55395C21.1068 7.17972 20.809 6.87291 20.4404 6.67655C20.0272 6.45641 19.4851 6.44036 18.4009 6.40827L4.6087 6.00001Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8.5" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/><circle cx="18" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/></svg>');
    mask-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 2.50001H2.65424C3.13263 2.50001 3.37183 2.50001 3.56628 2.58675C3.73771 2.66322 3.88415 2.78639 3.98886 2.94217C4.10763 3.11889 4.14862 3.35455 4.23058 3.82586L4.6087 6.00001M4.6087 6.00001L5.49173 11.0774C5.67091 12.1077 5.7605 12.6229 6.02583 12.994C6.25945 13.3207 6.58606 13.5695 6.96311 13.7081C7.39133 13.8654 7.91176 13.815 8.95264 13.7143L18.614 12.7793C19.6298 12.681 20.1378 12.6318 20.5221 12.4033C20.8653 12.1993 21.1395 11.8972 21.3095 11.536C21.5 11.1314 21.5 10.6211 21.5 9.60051V9.60051C21.5 8.51583 21.5 7.97349 21.2922 7.55395C21.1068 7.17972 20.809 6.87291 20.4404 6.67655C20.0272 6.45641 19.4851 6.44036 18.4009 6.40827L4.6087 6.00001Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8.5" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/><circle cx="18" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/></svg>');
 }
.item_prices_area .btn-addcart.active{ 
     -webkit-mask-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1 2.50001H2.65424C3.13263 2.50001 3.37183 2.50001 3.56628 2.58675C3.73771 2.66322 3.88415 2.78639 3.98886 2.94217C4.10763 3.11889 4.14862 3.35455 4.23058 3.82586L4.6087 6.00001M4.6087 6.00001L5.49173 11.0774C5.67091 12.1077 5.7605 12.6229 6.02583 12.994C6.25945 13.3207 6.58606 13.5695 6.96311 13.7081C7.39133 13.8654 7.91176 13.815 8.95264 13.7143L18.614 12.7793C19.6298 12.681 20.1378 12.6318 20.5221 12.4033C20.8653 12.1993 21.1395 11.8972 21.3095 11.536C21.5 11.1314 21.5 10.6211 21.5 9.60051V9.60051C21.5 8.51583 21.5 7.97349 21.2922 7.55395C21.1068 7.17972 20.809 6.87291 20.4404 6.67655C20.0272 6.45641 19.4851 6.44036 18.4009 6.40827L4.6087 6.00001Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8.5" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/><circle cx="18" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/></svg>');
     mask-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1 2.50001H2.65424C3.13263 2.50001 3.37183 2.50001 3.56628 2.58675C3.73771 2.66322 3.88415 2.78639 3.98886 2.94217C4.10763 3.11889 4.14862 3.35455 4.23058 3.82586L4.6087 6.00001M4.6087 6.00001L5.49173 11.0774C5.67091 12.1077 5.7605 12.6229 6.02583 12.994C6.25945 13.3207 6.58606 13.5695 6.96311 13.7081C7.39133 13.8654 7.91176 13.815 8.95264 13.7143L18.614 12.7793C19.6298 12.681 20.1378 12.6318 20.5221 12.4033C20.8653 12.1993 21.1395 11.8972 21.3095 11.536C21.5 11.1314 21.5 10.6211 21.5 9.60051V9.60051C21.5 8.51583 21.5 7.97349 21.2922 7.55395C21.1068 7.17972 20.809 6.87291 20.4404 6.67655C20.0272 6.45641 19.4851 6.44036 18.4009 6.40827L4.6087 6.00001Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8.5" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/><circle cx="18" cy="19" r="2" stroke="currentColor" stroke-width="1.8"/></svg>');
} 
.shop_item_pricecard-buttons .btn-outline-light{
  border:0;
}



}






@media screen and (max-width: 576px) { 

.shop_item .item_prices_area{
    flex-direction: column;
    gap: 10px;
}
.theme-featured.featured-compact{
    padding: 25px !important;
}
.theme-featured.featured-compact .card-icon{
    margin-bottom: -10px;
}
.theme-featured.featured-compact .card-icon img{
        width: 22px;
        min-width: 22px;
}
.theme-featured.featured-compact .card{
        padding: 0 !important;
}
.theme-featured.featured-compact .card:not(:last-child){
        margin-bottom: 15px;
}


}



@media screen and (max-width: 481px) { 

.gallery-main{
  height: auto !important;
}
.gallery-thumbs{
  height: 240px !important;
}

.shop_item .item_pricecard{
    transition: all 0.3s ease-in-out;
}

html.scroll-down .shop_item .item_pricecard{
    bottom:0;
}
html.scroll-down #theme_bottombar_area{
    bottom:-73px;
}


}