.jshop h1{
    margin-top: 0px;
    font-size:16px;
}
.jshop td, .jshop tr{
    border: 0px;
}
td.jshop_categ{
	vertical-align: top;
	padding-bottom: 20px;
}
table.jshop{
	border-collapse: collapse;
	border: 0px;
	width: 100%;	
}
table.jshop td{
	vertical-align: top; 
}

/* убираем влияние vertical-align для таблицы атрибутов */
.jshop td.attributes_title{
  vertical-align: middle !important; /* или baseline */
}

/* дополнительно — убираем возможное "растягивание" */
.jshop .input_type_radio {
  display: inline-flex;        /* вместо table/inline-block */
  align-items: center;         /* центрируем текст и кружок */
  gap: 6px;
}

table.list_product{
    margin-top:20px;
}
#jshop_menu_order{
	margin-bottom:10px;
	*border: 1px solid #616161;
}
td.jshop_order_step{
	padding:2px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	vertical-align: middle;
text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .05em;
}
.jshop_order_step a{
	vertical-align: top;
	
}
img.jshop_img{
	padding: 1px;
	text-align: center;
width:314px;
}
img.jshop_img_thumb {
    padding: 1px;
    text-align: left;
    border: none;
    margin: 7px;
    cursor: pointer;
    width: 70px;
text-align: left;
 display: table-cell;
    position: relative;
    
}

.jshop_img_thumb a:hover {
    color: #fff;
    opacity: 0.6;
    
}
#list_product_image_thumb{
 float: left;
}

.jshop table.category{
    width: auto;
}
.jshop label{
    margin: 0px;
    
}
table.jshop a img.jshop_video_thumb{
    padding: 1px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom:5px;    
}
div.jshop_prod_description{
	padding-top:10px;
    padding-bottom: 10px;
    width: 83%;
    line-height: 23px;
}
div.jshop_prod_attributes{
	padding:0;
	margin:0;
    padding-bottom: 0px;
}

.instock {
    text-transform: uppercase;
    font-size: 12px;
}

td.jshop_img_description h1 {
	vertical-align: top;
	text-align:left;
    position: relative;
 width: 100%;
font-size: 18px;
  
}

@media only screen and (max-width: 500px) {
	#s5_center_area2 table {
		width: 100%!important;
	}
	
	#s5_center_area2 table tr, #s5_center_area2 table th, #s5_center_area2 table td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    display: inline-table;
    height: auto;
	}
#s5_menu_wrap_outer {
    padding-bottom: 10px;
}
	
.image_middle {
    width: 100% !important;
}



td.jshop_img_description h1 {
	vertical-align: top;
	text-align:left;
    position: relative;
 width: 100%;
    font-size: 21px;
    color: #000;
    letter-spacing: .025rem;
    padding-top: 15px;
}

#s5_center_area2 {
    padding-bottom: 0px;
    padding-top: 0px;
}

	#s5_center_area2 table tr {
		border-bottom: 0;
	}

td.jshop_img_description {
width: 100%;
}

table.cart th {
    text-transform: uppercase;
    font-size: 5px!important;
    padding-left: 28px;
    margin: 0;
text-align: center;
    display: inline-block!important;
}
table.cart td {
    text-transform: uppercase;
    font-size: 8px!important;
    margin-left: -5px!important;
    width: 60px;
    display: inline-block!important;
line-height: 8px!important;
}

table.cart td input[type="text"]{
    padding: 2px!important;
   
}

table.jshop.jshop_subtotal td {
    display: inline-block!important;
}
tr#checkout td.td_1 {
    display: inline-block!important;
width: 50%;
}
tr#checkout td.td_2 {
    display: inline-block!important;
width: 50%;
}

.jshop .cart .product_name {
    font-size: 8px;
    color: #454545;
    font-weight: normal;
}

table.cart td {
    text-align: left;
}

td.jshop_img_description_center {
    width: 100px;
}

td.jshop_img_description_center img {
   width: 100px!important;
}

img.jshop_img_thumb {
display: inline-block;
width: 70px;
}
div.jshop_prod_description{

    width: 100%;

}

.jshop_subtotal .name {
    text-align: left;
}
}
td.jshop_img_description_center img{
	width: 50%;
}
td.jshop_img_description_center {
	vertical-align: top;
	text-align:left;
}
.jshop_subtotal .value{
	text-align: right;
	width: 12%;
    white-space: nowrap;
}
.jshop_subtotal .name{
    text-align: right;
    padding-right: 10px;
    width:88%;
}
.jshop .total{
    font-weight: bold;
}
.related_header{
    margin-top: 20px;
text-align:center;
    padding: 30px 0;
    font: 20px Proxima Nova Light;
    text-transform: uppercase;
}
table.list_related{
    width: 100%;
    margin: 10px auto 0;
    padding: 0px;
    display: block;
    float: left;
}
tr#checkout td.td_1{
	text-align: left;
	font-weight: bold;
}
tr#checkout td.td_2{
	text-align: right;
	font-weight: bold;
}

tr#checkout td.td_2 img{
	margin-left: 5px;
}

#checkout .td_1 a {
    line-height: 40px;
    padding: 0 10px;
    background: #f6f6f6;
    display: inline-block;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .03rem;
    font-size: 10px;
}

#checkout .td_2 a {
    line-height: 40px;
    padding: 0 10px;
    background: #000;
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .03rem;
    font-size: 10px;
}
table.jshop a img {
	border: 0;
}
.jshop_pagination{
    margin-left: auto;
    margin-right: auto;
}
.jshop .product_list_hr{
    height: 1px;
    *border-top:1px solid #aaa;
    margin-bottom: 10px;
}

table.jshop_checkout {
	border: 1px solid red;
	background-color: Gray;
}

div.jshop_register{
	width: 80%;
	text-align: left;
	padding:10px;
	padding-left:0px;
}
.jshop_register .name{
    width:215px;
}
.register_block .jshop_register .name{
    width:120px;
}
.address_block .jshop_register .name{
    width:190px;
}
.editaccount_block .jshop_register .name{
    width:115px;
}

span.small_header{
	padding-bottom: 3px;
	margin: 0px;
	display: block;
	font-size: 13px;
	font-weight: bold;
}

span.jshop_error {
	color:red;
	font-weight: bold;
	font-size: 14px;
	display: block;
}

span.text_pay_without_reg{
    display: block;    
    padding-bottom: 10px;
}

a.policy {
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
}

.jshop_payment_method{
	padding-left: 20px;
}

#active_step{
	font-weight: bold;
	padding:0;
	margin:0;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 9px;	
}

#order_add_info{
	width: 400px;
	height:70px;
}
p.jshop_cart_attribute{
	padding-left:0px;
	font-style: normal;
	color: #97a0ad;
    margin-top:1px;
    margin-bottom:4px;
}
p.jshop_cart_extra_field{
    padding-left:10px;
    font-weight:bold;
    font-style: italic;
    font-size: 11px;
    margin-top:1px;
    margin-bottom:4px;
}
.jshop_price{
	color: #000;
text-align:center;
font-weight: normal;
font-size: 15px;
}

td.jshop_categ a.product_link{
	font-size: 14px;
}

.table_order_list{
	width:100%;
	background-color: #F8F8F9;
	border: 1px solid #333;
}

.table_order_list td{
    vertical-align: top;
	text-align: left;
}

span.attr{
   font-weight: bold;
   font-style: italic;
   font-size:10px;
}

div.jshop_register .inputbox{
	width:240px;
padding: 12px 10px 13px 10px;
}

span.review{
	font-weight: bold;
	margin-top:20px;
	display: block;
}
.review_text_not_login{
    margin-top: 10px;
    font-style: italic;
}

textarea.jshop{
	border: 1px solid #b0b1b2; 
}

tr.reviews td{
	padding-bottom:15px;
}

td.reviews{
	padding-left:45px;
}

#mxcpr{
	padding-top:20px;	
	text-align: right;
	display:block;
}
#mxcpr a{
	font-size:9px;
}

.jshop_code_prod{
    font-size: 12px;
    margin-bottom: 15px;
    color: #676767;
}

table.cart{
    border-collapse: collapse;
    border-bottom:1px solid #ebebeb;
}
table.cart th{
    text-align: center;
    color: #99a0ad;
    font-size: 12px;
    text-transform: uppercase;
}
table.cart td{
    text-align: center;
    border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
    padding:7px 5px;
    vertical-align: top;
}
table.cart th table{
    border-collapse: collapse;
}
table.cart .odd td{
    background-color: #fff;
    color: #000;
}
table.cart .even td{
    background-color: #fff;
    color: #000;
}

table.cart .taxinfo{
    display: block;
    font-size:11px;
}

table.cart .jshop_code_prod{
    font-size:10px;
}
table.cart .manufacturer{
    padding:5px 0px 6px 10px;
    font-size:11px;
    font-weight: bold;
    font-style: italic;
}
table.cart .list_extra_field{
    padding-top:3px;
}

.jshop .weightorder{
    text-align: right;
    margin-top:3px;
}

.jshop .shippingfree{
    text-align: right;
    margin-top:3px;
}

.jshop .price_prod_qty_list .qty_line{
    padding-left: 5px;
    padding-right: 5px;    
}
.jshop .price_prod_qty_list .qty_price{
    padding-left: 5px;
    font-weight: bold;    
}
.jshop .price_prod_qty_list .qty_price span.per_piece{
    font-weight: normal;
}

.jshop .prod_buttons{
    
}

.jshop span.old_price{
    text-decoration: line-through;
    font-style: normal;
    font-size: 15px;
color: #c8c8c8;
}

.jshop .list_product_demo{
    padding-top:10px;
}
.jshop .list_product_demo table{
}
.jshop .list_product_demo .download{
    padding-left:5px;
}

.jshop .not_available{
    color: red;
    margin-top:10px;
}

.jshop_list_product .block_product{
    padding-bottom: 20px;
display: inline-block;

}
.jshop_list_product .jshop .old_price{
    text-decoration: line-through;
    font-style: normal;
text-align:center;
color: #c8c8c8;
    font-size: 15px;
    line-height: 1;
}
.jshop_list_product .product td{
    vertical-align: top;
}
.jshop_list_product .product .image{
    padding-right: 5px;
}
.jshop_list_product .product .name{
    padding-top: 2px;
    letter-spacing: 0.5px;
text-align:center;
font-size: 12px;
line-height: 176%;
}
.jshop_list_product .product .description{
    font-size: 11px;
    padding-bottom:5px;
}
.jshop_list_product .product .buttons{
    padding-top:2px;
display: none;
}
.jshop_list_product .product table.review_mark{
    border-collapse: collapse;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;    
}
.jshop_list_product .product div.count_commentar{
    text-align: center !important;
}
.jshop_list_product .product .taxinfo{
    font-size:11px;
}
.jshop_list_product .product .plusshippinginfo, .jshop_list_product .product .plusshippinginfo a{
    font-size:11px;
}
.jshop_list_product .jshop_related{ 
    padding-bottom: 5px;
    position: relative;
    width: 25%;
    height: auto; 
}
.jshop_list_product .image_block{
    padding: 2px;
    margin-top: -7px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 10px;
    font-weight: 200;
    color: #000;
    text-align: center;
    display: block;
}
.jshop_list_product .jshop .not_available{
    margin-top:4px;
    text-align:center;
}
.jshop_list_product .box_products_sorting{
    padding-right:5px;
}
.jshop_list_product .box_products_sorting img{
    cursor: pointer;
}
.jshop_list_product .box_products_count_to_page{   
}

.jshop_list_product .margin_filter{
    height:8px;
}
.jshop_list_product .box_manufacrurer{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .box_category{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .filter_price{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .box_price_from{
    padding-right: 3px;
}
.jshop_list_product .clear_filter{
    font-size:10px;
    padding-left: 5px;
}

.jshop .product_label{
    position: absolute;
    /* margin-left: -5px;*/
    /* margin-top: -5px;  */  
}

.jshop .product_label {
    position: absolute;
    right: 32px;
    color: #ffffff;
   /* padding: 0px 5px;*/
padding: 0.5px;
    border-radius: 0%;
    font-size: 10px;
    /* height: 10px; */
    /* width: 10px; */
   /* background-color: #fffd02;*/
    font-weight: 600;
    font-family: "DrukText", "Helvetica", "Arial", sans-serif;
max-width: 28px;
}

/* старые WebKit/Safari */
@supports (-webkit-touch-callout:none) {
  .jshop .product_label{ top: 1px; }  /* если всё ещё видишь 1px »
}


.jshop .product_label .label_name {
    font-weight: bold;
    color: #000000;
    right: 15px;
}

.jshop .product_label .label_name{
    font-weight: bold;
    /* color: #950000;*/
}

.productfull #block_price{
    font-size:18px;
    font-weight: normal;
color: #282828;
line-height: 1;
}

.random_products .block_item .current_price {
color: #282828;
}

.productfull .taxinfo{
    font-size:11px;
}
.productfull .plusshippinginfo{    
    font-size:11px;
}
.productfull .plusshippinginfo a{
    font-size:11px;
}

.productfull .prod_buttons .buttons{
    padding-left:0px;
font-weight: bold;
}

.productfull .prod_buttons {
    margin-top:15px;
}
.productfull div.prod_url{
    text-align: right !important;
}
.jshop_subtotal .plusshippinginfo, .jshop_subtotal .plusshippinginfo a{
    font-size:11px;
}

.jshop_subtotal .free_discount{
    font-size:11px;
}


.jshop_list_category .category td{
    vertical-align: top;
}
.jshop_list_category .category .image{
    padding-right: 5px;
}

.jshop_list_manufacturer .manufacturer td{
    vertical-align: top;
}
.jshop_list_manufacturer .manufacturer .image{
    padding-right: 5px;
}

.shipping_weight_to_price{
    margin-left:24px;
    margin-top:5px;
    border: 1px solid #000;
}
.shipping_weight_to_price .weight{
}
.shipping_weight_to_price .price{
    padding-left: 5px;
}

span.prod_attr_img{
    padding-left:5px;
}
span.prod_attr_img img{
    width:20px;
    height:20px;
}
.radio_attr_label img{
    width:20px;
    height:20px;
}


/*review*/
.review_header{
    margin-top:20px;
    font-weight: bold;
    border-bottom: 1px solid #999;
}
.review_item{
    border-bottom: 1px dotted #999999;
    padding: 10px;
    padding-left: 0px;
}
.review_user{
    font-weight:bold;
}
.review_time{
    
}
.review_text{
    padding-top: 2px;
    padding-bottom: 2px;
}
.review_mark{
    color: #333333;
    height: 18px;
}
#jshop_review_write .inputbox{
    width:180px;
}

.stars_no_active{
    height:16px;
    background-image:url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
.stars_active{
    height:16px;
    background-image:url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0px -16px;
}

.jshop .downlod_order_invoice{
    float:right;
}

.jshop .order_payment_params{
    padding-top:3px;
    font-size: 11px;
}

.vendordetailinfo .name{
    width:150px;
}
.vendordetailinfo .vendor_logo{
    float:right;
}

.requiredtext{
    padding-bottom: 10px;
    color: #A00;
    font-size:11px;
}
.jshop .input_type_radio{
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block;
}
.jshop_profile_data{
    margin-bottom: 10px;
}
.jshop_profile_data .name{
    font-weight: bold;
}
.jshop_profile_data span{
    font-weight: bold;
}
.jshop_profile_data span.subinfo{
    font-size:10px;
}
.jshop_profile_data .jshop_user_group_info{
    font-size:10px;
}
.jshop .groups_list .title{
    width:150px;
}

/* module categories*/
.jshop_menu_level_0, .jshop_menu_level_0_a{
    margin-top:3px;
    margin-bottom:3px;
}
.jshop_menu_level_1, .jshop_menu_level_1_a{ 
    padding-left: 10px;
    margin-top:3px;
    margin-bottom:3px;    
}

.jshop_menu_level_2, .jshop_menu_level_2_a{
    padding-left: 20px;
    margin-top:3px;
    margin-bottom:3px;    
}
.jshop_menu_level_0_a a, .jshop_menu_level_1_a a, .jshop_menu_level_2_a a{
    font-weight:bold !important;
}
/**/

.label_products .block_item { 
margin-bottom: 10px;
}
.top_rating .block_item{
    margin-bottom: 10px;
display: inline-block; 
}

.bestseller_products .block_item{
    margin-bottom: 10px;
display: inline-block; 
}

.latest_products .block_item{
    margin-bottom: 10px;
display: inline-block; 
width: 22%;
}

.latest_products .block_item .name{
    padding-top: 2px;
    margin-left: 5px;
    width: 100%;
        letter-spacing: 1px;
    font-size: 12px;
    color: #333 !important;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
}
.random_products .block_item{
    margin: 5px;
    width: 24%;
    float: left;
    text-align: center;
    
}

.jshop_filters .filter_price{
    padding-right: 5px;
}
.jshop_filters .clear_filter{
    display: block;
    font-size: 10px;
}

.jshop_button_print{
    width: 30px;
    float: right;
    padding-top:3px;
    text-align:right;
}
.extra_fields .extra_fields_group{
    font-weight: bold;
    padding-top:3px;
}
.extra_fields div{
}
.filter_characteristic .characteristic_name{
    padding-top:5px;
}
.filter_characteristic .characteristic_group{
    font-weight: bold;
    padding-top:5px;
}
.jshop td.attributes_title {
	width: 65px;
}
.jshop span.attributes_description {
	font-style: italic;
	display: block;
}
.jshop .prod_free_attribs .name {
	width: 50px;
}
.jshop span.freeattribut_description {
	font-style: italic;
	display: block;
}
.jshop span.extra_fields_description {
	font-style: italic;
}
.jshop .prod_attr_img{
    vertical-align: top;
}
.jshop .cart .product_name{
    text-align: left;
    line-height: 16px;
    text-transform: uppercase;
font-size: 12px;
}
.jshop .prod_qty_input input{
    width:20px;
border: none;
    font-size: 14px;
    padding: 5px 4px 5px 14px;
    height: 20px;
    border: 1px solid #b5b5b5;
}

.jshop .prod_qty_input{
   
    margin: 3px 20px 5px 5px;
    
}

.productfull .manufacturer_name{
    padding-bottom: 10px;
}
.productfull .prod_free_attribs{
    padding-bottom: 10px;
}
.productfull .price_prod_qty_list{
    margin-bottom: 10px;
}
.productfull .button_back{
    padding-top: 10px;
}
.jshop_img_description #list_product_image_thumb{
    display: block;
}
.productfull .text_zoom {
    padding-bottom: 5px;
    padding-top: 3px;
 display: none;
}
.productfull .text_zoom img {
    float: left;
    padding-right: 5px;
display: none;
}
.productfull a.lightbox:hover{
    color:#000 !important;
}
.fielderror{
    background-color: #FDC055 !important;
}

span.cart_reload{
    display: none;
}
table.order_history td{
	padding-right:15px;
	padding-bottom:5px;
	padding-top:3px;
}
.myorders_total{
    padding-top: 30px;
    font-weight: bold;
}
table.myorders_block_info{
    margin-top:20px;
    width:98%;
}
.jshop .no_products_filter{
    padding-top: 15px;
}

td.jshop_img{
	width:8%;
}

td.jshop_img_description {
    text-align: left;
    padding: 15px;
    color: #404040;
    margin-left: 3px;
    letter-spacing: 0.2px;
width: 40%;
font-size: 14px;

}
@media only screen and (min-width : 300px) and (max-width : 650px) {
td.jshop_img_description {
padding-top:10px;
    padding-bottom: 10px;
    width: 100%;
}


}
.img_middle{

    text-align: left;
    display: table-cell;
    vertical-align: middle;
    }

.productfull .image_middle {
display: table;
    height: auto;
        margin: 0 auto;

}

td.jshop_img_description h1{
font: 20px "GothamProLight";
}

.link_detail_ex {
text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
font-weight: normal;
opacity: 1;
width:100%;
}

.random_products {
       float: left;
       display: inline; 
       margin: 0;
       text-align: center;
padding-bottom: 20px;
       
}
.random_products .item_name{
padding-top: 7px;
    padding-bottom: 3px;
    font-size: 12px;
    color: #333 !important;
    text-align: center;
    font-weight: 100;
    line-height: 18px;
    margin: 0 auto;
    }
    
    .random_name {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    padding: 20px 0 12px;
    font-weight: normal;
    font-style: normal;
    padding-top: 25px;
    padding-bottom: 20px;
font-family: "GothamProBold";
    
    }

.manufacturer_name {
text-transform: uppercase;
font: 10px "GothamProBold",sans-serif;
font-weight: 300;
text-align: center;
margin-top: 5px;
letter-spacing: 0.07em;
}

td.jshop_img_description .manufacturer_name {
text-align:left;
margin-left: 0px;
font: 12px "GothamProBold";
    letter-spacing: 0.8px;
text-transform: uppercase;
font-weight: 300;
}



@media only screen and (min-width : 300px) and (max-width : 650px) {
.manufacturer_name {
text-transform: uppercase;
font: 9px "GothamProBold",sans-serif;
font-weight: 100;
text-align:center;
margin-top: 5px;
line-height: 16px;
}

 #s5_bottom_menu_wrap {
padding-top: 0px;
padding-bottom: 10px;
float: right !important;
}

td.jshop_img_description .manufacturer_name {
text-align:left;
margin-top: 20px;
    line-height: 1;

}

td.jshop_img_description h1 {
	vertical-align: top;
	text-align:left;
    position: relative;
 width: 100%;
    font-size: 18px;
    color: #000;
    letter-spacing: .025rem;
    padding-top: 0px;
}

.random_products .block_item{
    margin: 5px;
    float: left;
    font-size: 10px;
width: 46%;
min-height: 350px;
align-items: stretch;
box-sizing: border-box;
justify-content: space-between;
    
}
.random_products .item_price{
    text-align: center;
    font-size: 13px;
    color: #282828;
    padding-bottom: 5px;
}

.random_name {
padding-bottom: 10px;
font-family: "GothamProBold";
}

.contacts-line {
    ;
}

}
 
 @media only screen and (min-width : 750px) and (max-width : 1050px) {
.random_products .block_item{
    margin: 5px;
    float: left;
    font-size: 10px;
width: 47%;
}

#jshop_module_cart .mycart_wrapp {
margin-right: 0px important!;
}

img.jshop_img_thumb {
margin: 1px;
width: 50px;
display: inline;
}

.module_round_box.one .s5_module_box_1 {
max-height: 470px;
padding: 60px;
}

}

 @media only screen and (min-width : 830px) and (max-width : 1150px) {
.random_products .block_item{
    margin: 5px;
    float: left;
    font-size: 10px;
width: 23%;
}

.module_round_box.one .s5_module_box_1 {
max-height: 470px;
padding: 70px;
}


#jshop_module_cart .mycart_wrapp {
margin-right: 0px important!;
}
}

  
.contacts-line {
    font-size: 13px;
    */line-height: 20px;
font-family: "GothamProRegular";
}
 
.random_products .block_item .product_old_price {
    text-decoration: line-through;
    font-style: normal;
    text-align: center;
    color: #c8c8c8;
    font-size: 15px;
    line-height: 1;
}

.random_products .block_item .item_price {
    display: block;
}

.product .image_block {
    position: relative;
}

.product .discount_percent {
    position: absolute;
    top: 10px; /* Расстояние от верхнего края изображения */
    right: 10px; /* Расстояние от правого края изображения */
    
    color: #FF0000; /* Белый текст */
    padding: 5px 10px; /* Отступы внутри элемента */
    border-radius: 50%; /* Закругленные углы */
    font-size: 1.2em; /* Размер шрифта */
}

@media only screen and (max-width: 767px) {
    .product .image_block {
        position: relative;
    }

.manufacturer_name {
text-align: center;
font: 9px "GothamProBold";
/* letter-spacing: 0.8px; */
text-transform: uppercase;
font-weight: 300;
}

    .product .discount_percent {
         position: absolute;
    top: 5px; /* Расстояние от верхнего края изображения */
    right: 5px; /* Расстояние от правого края изображения */
    color: #FF0000; /* Белый текст */
    padding: 3px 6px; /* Меньшие отступы внутри элемента */
        border-radius: 50%; /* Закругленные углы */
        font-size: 12px; /* Меньший размер шрифта */
    }
}

.random_products .block_item .item_image {
    position: relative;
    /* Остальные стили */
}

.random_products .block_item .discount_percent {
    position: absolute;
    top: 10px; /* Расстояние от верхнего края изображения */
    right: 10px; /* Расстояние от правого края изображения */
    color: #FF0000; /* Белый текст */
    padding: 5px 10px; /* Отступы внутри элемента */
    border-radius: 50%; /* Закругленные углы */
    font-size: 0.8em; /* Размер шрифта */
}

.product .discount_percent{
position: absolute;
        top: 3px;
        right: 1px;
/* color: #000;*/
color: #ffffff;
padding: 0px 3px;
border-radius: 0%;
font-size: 10px;
/* height: 10px; */
/* width: 10px; */
/* background-color: #fffd02;*/
background-color: #f80606;
font-weight: 600;
font-family: "DrukText", "Helvetica", "Arial", sans-serif;
-webkit-font-smoothing: antialiased;
}

@media only screen and (max-width: 767px) {
    .random_products .block_item .product .image_block {
        position: relative;
    }

    .random_products .block_item .discount_percent {
         position: absolute;
    top: 5px; /* Расстояние от верхнего края изображения */
    right: 5px; /* Расстояние от правого края изображения */
    color: #FF0000; /* Белый текст */
    padding: 3px 6px; /* Меньшие отступы внутри элемента */
        border-radius: 50%; /* Закругленные углы */
        font-size: 12px; /* Меньший размер шрифта */
    }

.random_products .block_item .discount_percent {
position: absolute;
top: 0px;
right: 0px;
color: #ffffff;
padding: 0px 3px;
border-radius: 0%;
font-size: 10px;
/* height: 10px; */
/* width: 10px; */
background-color: #f80606;
font-weight: 600;
font-family: "DrukText", "Helvetica", "Arial", sans-serif;
-webkit-font-smoothing: antialiased;
}



.product .discount_percent{
position: absolute;
        top: 3px;
        right: 1px;
/* color: #000;*/
color: #ffffff;
padding: 0px 3px;
border-radius: 0%;
font-size: 10px;
/* height: 10px; */
/* width: 10px; */
/* background-color: #fffd02;*/
background-color: #f80606;
font-weight: 600;
font-family: "DrukText", "Helvetica", "Arial", sans-serif;
-webkit-font-smoothing: antialiased;
}

.random_products .block_item .product_label {
right: 29px !important;
margin-top: 0px !important;
} 

.random_products .block_item .product_old_price {
    font-size: 13px;
}

.module_round_box h3 {
    margin-top: 10px;

}
#s5_logo_wrap {
    width: 250px;
        margin: 0 auto!important;
        float: none!important;
}

#s5_phone {
    display: none!important;
    padding-top: 15px;
    padding-bottom: 10px;
}
}

.random_products .block_item .product_label {
right: 29px !important;
margin-top: 0px !important;
} 

.random_products .block_item .discount_percent {
position: absolute;
top: 0px;
right: 0px;
color: #ffffff;
padding: 0px 3px;
border-radius: 0%;
font-size: 10px;
/* height: 10px; */
/* width: 10px; */
background-color: #f80606;
font-weight: 600;
font-family: "DrukText", "Helvetica", "Arial", sans-serif;
-webkit-font-smoothing: antialiased;
}



.product .discount_percent{
position: absolute;
        top: 3px;
        right: 1px;
/* color: #000;*/
color: #ffffff;
padding: 0px 3px;
border-radius: 0%;
font-size: 10px;
/* height: 10px; */
/* width: 10px; */
/* background-color: #fffd02;*/
background-color: #f80606;
font-weight: 600;
font-family: "DrukText", "Helvetica", "Arial", sans-serif;
-webkit-font-smoothing: antialiased;
}



/* Основные стили, применимые ко всем устройствам */


.cart-header, .cart-row {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    border-bottom: 2px solid #f0f0f0;
   
}

.cart-header {
    background-color: #fafafa;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.header-item, .row-item {
    padding: 0 3px;
    text-align: left;
max-width: 320px;
margin: 5px;
}

.cart-row.even, .cart-row.odd {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-img {
    max-width: 100%; /* Make sure images are responsive */
    height: auto;
    border-radius: 4px;
    margin-right: 10px;
}

.delete-item {
    display: inline-block;
    text-decoration: none;
    font-size: 24px; /* Adjust size as needed */
    color: #000; /* Set the color you want for the cross */
    text-align: center;
    line-height: 1;
    cursor: pointer;
}


/* Align the sum and price on the same line */
.total-row {
    display: flex;
    justify-content: space-between; /* Positions the sum on the left and price on the right */
    align-items: center; /* Vertically centers the items */
    padding: 15px 10px; /* Adjust padding as needed */
}

.total-row .value {
    text-align: right; /* Ensures the price is aligned to the right */
}

.action-buttons .back-to-shop,
    .action-buttons .checkout {
        flex-grow: 0; /* Do not allow the buttons to grow */
        flex-basis: auto; /* Size the buttons based on their content */
        margin: 0 5px; /* Add margin for spacing between buttons */
    }


.action-buttons .back-to-shop,
.action-buttons .checkout {
    flex: 1; /* Allow buttons to grow and take up equal space */
    margin: 5px; /* Provide some space around the buttons */
}

.action-buttons .back-to-shop a,
.action-buttons .checkout a {
    padding: 12px 20px; /* Appropriate padding for larger tap area */
    font-size: 14px; /* Readable font size */
    text-decoration: none; /* Remove underline from links */
    display: block; /* Expand the anchor tag inside the button */
    border-radius: 5px; /* Round the corners of the buttons */
    border: none; /* Remove borders */
    background-color: #000; /* Black background */
    color: #fff; /* White text color */
    text-align: center; /* Center text */
}


@media only screen and (max-width: 768px) {
    /* Adjust the layout for mobile screens */
    .cart-header .header-item,
    .cart-row .row-item {
        flex: 1 1 auto; /* Adjust flex settings for mobile */
        max-width: 100%; /* Each item takes full width of the screen */
    }

    /* Stack the elements on top of each other */
    .cart-header, .cart-row {
        *flex-direction: column;
    }

.product-img {
        width: 100%; /* Allow the image to fill the container */
        height: auto; /* Maintain aspect ratio */
    }


    /* Hide certain elements on mobile */
    .header-item:nth-child(n+4), .row-item:nth-child(n+4) {
        display: none;
    }

    /* Adjust the input box width */
    .inputbox {
        width: auto; /* Full width on mobile */
        margin-top: 10px; /* Add some space above the input */
    }

    /* Adjust the action buttons for mobile */
    .action-buttons .button-row .back-to-shop,
    .action-buttons .button-row .checkout {
        width: 100%; /* Full width button containers */
        float: none;
    }

   /* Show the delete button on mobile */
    .row-item .delete-item {
           display: block;
    position: absolute;
    top: 4px;
right: 5px;
    font-size: 18px;
    color: #434242;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    }

    /* Ensure cart-row is positioned relatively to place the delete icon correctly */
    .cart-row {
        position: relative;
    }

.cart-row .row-item:last-child {
        display: block; /* Make the delete button visible */
        position: absolute; /* Adjust positioning as needed */
        top: 5px; /* Adjust the position to match the screenshot */
        right: 5px; /* Adjust the position to match the screenshot */
    }

    /* Ensure the parent container is positioned relatively */
    .cart-row {
        position: relative;
    }

.total-row .value {
    text-align: right;
}


.cart-row .row-item:first-child {
        flex: 2; /* Increase the flex-basis for larger image size */
    }

.cart-row .row-item:nth-child(2) { /* Adjust the nth-child selector as per your actual structure */
        font-size: 0.8em;
    line-height: 1.3;
    padding: 0 10px;
}


.cart-header {
 
    font-size: 10px;
    font-weight: 600;
}

.cart .row-item {
        font-size: 0.8em; /* Adjust the size as needed */
    }

.product-img {
        flex: 0 0 120%; /* Adjust the flex-basis to the desired width, e.g., 60% */
        max-width: 120%; /* You may also need to adjust the maximum width */
    }

    /* Adjust the product name alignment and line spacing */
    .product-name {
        padding-left: 10px; /* Add space to the left */
        line-height: 1.2; /* Decrease line spacing */
    }

 
    .action-buttons .checkout a img {
        margin-left: 10px; /* Add space between the button text and the arrow */
    }

.action-buttons .button-row {
        display: flex;
        justify-content: space-between; /* Ensures buttons are spaced out evenly */
        flex-wrap: wrap; /* Allows buttons to wrap if there isn't enough space */
    }

    .action-buttons .back-to-shop,
    .action-buttons .checkout {
        flex-basis: calc(50% - 10px); /* Take up half the space minus the margin */
        margin: 5px;
    }

    .action-buttons .back-to-shop a,
.action-buttons .checkout a {
       padding: 5px 8px;
    font-size: 10px;
    margin-bottom: 0;
    }
.action-buttons .back-to-shop,
    .action-buttons .checkout {
        flex-grow: 0; /* Do not allow the buttons to grow */
        margin: 0px 0px 20px 0px; /* Add margin for spacing between buttons */
    }
p.jshop_cart_attribute {
    font-size: 11px;
}

}
/* Скрытие Swiper для десктопных версий */
.swiper-container {
    display: none;
}

/* Отображение Swiper только на мобильных устройствах */
@media (max-width: 767px) {
    .swiper-container {
        display: block;
    }
.productfull .image_middle {
 display: none!important;
}

#list_product_image_thumb {
 display: none;
}

.swiper-slide swiper-slide-visible swiper-slide-fully-visible{
 height: 80px;
}
/* Добавить отступ сверху для миниатюр */
.gallery-thumbs {
    margin-top: 10px; /* или любое другое значение, которое вы считаете подходящим */
}

}


@media screen and (min-width: 1366px) and (max-width: 1366px) {
    #s5_nav li .s5_level1_span1 {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.category_description{
    font-size: 14px;
}

.category_description h4{
    font-size: 1em;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
}

/* --- FIX: выравнивание строк итогов в корзине --- */

.jshop_subtotal .subtotal-row,
.jshop_subtotal .discount-row,
.jshop_subtotal .shipping-row,
.jshop_subtotal .total-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:6px 0;
}

/* Левый столбец (название) */
.jshop_subtotal .name{
  flex:1 1 auto;
  width:auto !important;           /* перебиваем width:88% */
  text-align:left !important;       /* текст слева */
  padding-right:0 !important;
  box-sizing:border-box;
}

/* Правый столбец (сумма) */
.jshop_subtotal .value{
  flex:0 0 auto;
  min-width:max-content;
  text-align:right;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;  /* ровные цифры */
}

/* Визуальные акценты (по желанию) */
.jshop_subtotal .discount-row .value{ opacity:.85; }
.jshop_subtotal .total-row{
  padding-top:10px; border-top:1px solid rgba(0,0,0,.08);
}
.jshop_subtotal .total-row .name,
.jshop_subtotal .total-row .value{ font-weight:700; }

/* Мобильная подстройка: остаётся 2 колонки, но без налезания */
@media (max-width: 480px){
  .jshop_subtotal .subtotal-row,
  .jshop_subtotal .discount-row,
  .jshop_subtotal .shipping-row,
  .jshop_subtotal .total-row{
    gap:10px;
  }
}

/* === Cart totals: чистая сетка и типографика === */
.jshop_subtotal{
  --tot-gap: 14px;
  --tot-vpad: 10px;
  --tot-divider: rgba(0,0,0,.06);
  --tot-muted: rgba(0,0,0,.60);
  --tot-strong: #111;
  --tot-bg: transparent; /* можно задать #fafafa для карточки */
}

/* Строки в 2 колонки: название + значение */
.jshop_subtotal .subtotal-row,
.jshop_subtotal .discount-row,
.jshop_subtotal .shipping-row,
.jshop_subtotal .total-row{
  display:grid;
  grid-template-columns: 1fr max-content;
  align-items: baseline;
  gap: var(--tot-gap);
  padding: var(--tot-vpad) 0;
}

/* Тонкий разделитель между промежуточными строками */
.jshop_subtotal .subtotal-row,
.jshop_subtotal .discount-row,
.jshop_subtotal .shipping-row{
  border-bottom: 1px solid var(--tot-divider);
}

/* Левый столбец (название) */
.jshop_subtotal .name{
  width:auto !important;
  text-align:left !important;
  padding:0 !important;
  color: var(--tot-muted);
  line-height:1.5;
}

/* Правый столбец (значение) */
.jshop_subtotal .value{
  text-align:right;
  white-space: nowrap;                 /* «10 525 грн» не переносится */
  font-variant-numeric: tabular-nums;  /* ровная колонка цифр */
  font-feature-settings: "tnum" 1;
  color: var(--tot-strong);
}

/* Скидка чуть светлее и с минусом остаётся по правому краю */
.jshop_subtotal .discount-row .value{
  opacity:.85;
}

/* Итоговая сумма: акцент и отступ сверху */
.jshop_subtotal .total-row{
  border-top: 1px solid var(--tot-divider);
  margin-top: 6px;
  padding-top: 14px;
}
.jshop_subtotal .total-row .name,
.jshop_subtotal .total-row .value{
  font-weight:700;
  color: var(--tot-strong);
  letter-spacing:.01em;
}

/* На узких экранах сохраняем 2 колонки, но уменьшаем зазоры */
@media (max-width: 520px){
  .jshop_subtotal .subtotal-row,
  .jshop_subtotal .discount-row,
  .jshop_subtotal .shipping-row,
  .jshop_subtotal .total-row{
    gap:10px;
    padding:8px 0;
  }
}

/* === Premium leaders между названием и суммой === */
.jshop_subtotal{
  --tot-leader: rgba(0,0,0,.22);
  --tot-leader-strong: rgba(0,0,0,.30);
  --tot-leader-gap: 10px;
}

/* убираем прежние нижние разделители — теперь роль разделителя у лидеров */
.jshop_subtotal .subtotal-row,
.jshop_subtotal .discount-row,
.jshop_subtotal .shipping-row{
  border-bottom: none;
}

/* Название + лидеры */
.jshop_subtotal .name{
  display:flex;
  align-items:baseline;
  gap:0;
  white-space:nowrap;              /* короткие метки не переносятся */
  overflow:hidden;                 /* лишнее прячем аккуратно */
  text-overflow:ellipsis;
}

/* Тот самый пунктир: растягивается до правого края левого столбца */
.jshop_subtotal .name::after{
  content:"";
  flex:1 1 auto;
  border-bottom: 1px dotted var(--tot-leader);
  margin: 0 var(--tot-leader-gap) 4px var(--tot-leader-gap);
  opacity:.95;
}

/* Для итоговой суммы — линия чуть плотнее и не пунктир, а сплошная */
.jshop_subtotal .total-row .name::after{
  border-bottom-style: solid;
  border-bottom-color: var(--tot-leader-strong);
}

/* Мобильная подстройка: уменьшаем отступы, чтобы всё смотрелось аккуратно */
@media (max-width:520px){
  .jshop_subtotal{ --tot-leader-gap: 8px; }
  .jshop_subtotal .name{ max-width: 60vw; } /* страхуемся от слишком длинных меток */
}

/* === Shipping methods: карточки вместо чёрного пятна === */
#table_shippings input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* Базовый вид label */
#table_shippings label{
  display:block;
  margin:8px 0;
  padding:14px 16px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:12px;
  background:#fff;                 /* единый фон */
  color:#111;                      /* базовый текст */
  line-height:1.45;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  position:relative;
  cursor:pointer;
}

/* Индикатор радиокнопки */
#table_shippings label::before{
  content:"";
  position:absolute;
  left:14px; top:50%; transform:translateY(-50%);
  width:16px; height:16px; border-radius:50%;
  border:2px solid rgba(0,0,0,.35);
  background:#fff;
  box-sizing:border-box;
}

/* Отступ текста от индикатора */
#table_shippings label{
  padding-left:40px;
}

/* Наведение/фокус — лёгкий акцент */
#table_shippings label:hover,
#table_shippings input[type="radio"]:focus + label{
  border-color: rgba(29,97,111,.45);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* Активный вариант (checked) — аккуратный цвет, без чёрного фона */
#table_shippings input[type="radio"]:checked + label{
  background: linear-gradient(180deg, rgba(174,227,239,.18), rgba(174,227,239,.10)) !important;
  border-color: rgba(29,97,111,.55) !important;
  color:#111 !important; /* возвращаем нормальный цвет текста */
}

/* Заполняем индикатор при checked */
#table_shippings input[type="radio"]:checked + label::before{
  border-color: rgba(29,97,111,.9);
  background: radial-gradient(circle at 50% 50%, rgba(29,97,111,.95) 0 55%, #fff 56% 100%);
}

/* Дескриптор под label, если используется .shipping_descr */
#table_shippings .shipping_descr{
  margin: 6px 0 0 20px;
  color: rgba(0,0,0,.65);
  font-size: 14px;
}

/* Мобильная версия: больше тач-площадь, центрирование по ширине */
@media (max-width: 600px){
  #table_shippings label{
    margin:10px 0;
    padding:16px 16px 16px 44px;
    border-radius:14px;
  }
  #table_shippings label::before{
    left:16px; width:18px; height:18px;
  }

.jshop_payment_method {
  margin:6px 0 0 20px;
  color: rgba(0,0,0,.65);
  font-size:14px;
}

 
#table_payments td, #table_payments tr {
    display: block;!important;
}

}


/* === Payment methods: премиальные карточки вместо чёрного фона === */
#table_payments input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* Базовый label как карточка */
#table_payments label{
  display:block;!important;
  margin:8px 0;
  padding:14px 16px 14px 40px;           /* место под индикатор */
  border:1px solid rgba(0,0,0,.14);
  border-radius:12px;
  background:#fff;
  color:#111;
  line-height:1.5;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
  position:relative;
  cursor:pointer;
}

/* Радио-индикатор слева */
#table_payments label::before{
  content:"";
  position:absolute;
  left:14px; top:50%; transform:translateY(-50%);
  width:16px; height:16px; border-radius:50%;
  border:2px solid rgba(0,0,0,.35);
  background:#fff;
  box-sizing:border-box;
}

/* Hover/Focus */
#table_payments label:hover,
#table_payments input[type="radio"]:focus + label{
  border-color: rgba(29,97,111,.45);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* Активный (checked) — мягкий акцент, без чёрного */
#table_payments input[type="radio"]:checked + label{
  background: linear-gradient(180deg, rgba(174,227,239,.18), rgba(174,227,239,.10)) !important;
  border-color: rgba(29,97,111,.55) !important;
  color:#111 !important;                  /* возвращаем текст */
}

/* Заполненный индикатор при checked */
#table_payments input[type="radio"]:checked + label::before{
  border-color: rgba(29,97,111,.9);
  background: radial-gradient(circle at 50% 50%, rgba(29,97,111,.95) 0 55%, #fff 56% 100%);
}

/* Описание способа оплаты под label (если есть) */
#table_payments .payment_descr,
#table_payments + * .payment_descr,      /* иногда описание в соседнем TR */
tr[id^="tr_payment_"] .payment_descr {
  margin:6px 0 0 40px;
  color: rgba(0,0,0,.65);
  font-size:14px;
}

/* Перебиваем жёсткие правила темы максимально точечно */
#table_payments input:checked + label{
  background:none !important;
  color:inherit !important;
}

/* Мобильная подстройка */
@media (max-width: 600px){
  #table_payments label{ padding:16px 16px 16px 46px; border-radius:14px; }
  #table_payments label::before{ left:16px; width:18px; height:18px; }


}

.jshop_payment_method {
  margin:6px 0 0 20px;
  color: rgba(0,0,0,.65);
  font-size:14px;
}



@media (max-width: 768px) {
  table.jshop.jshop_subtotal {
    width: 100%;
    border-collapse: collapse;
  }

  table.jshop.jshop_subtotal td {
    display: table-cell !important; /* ломаем inline-block/block из движка */
    padding: 0;
    vertical-align: middle;
  }

  table.jshop.jshop_subtotal tr td.name {
    text-align: left;
    color: #6b7280; /* серый, как подпись */
    font-weight: 500;
font-size: 13px;
  }

  table.jshop.jshop_subtotal tr td.value {
    text-align: right;
    font-weight: 500;
font-size: 13px;
  }
}

/* контейнер карточки (по желанию) */
.card--totals {
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}


/* ===== Мобильная карточка корзины в стиле референса ===== */
@media (max-width: 640px){
  /* сама таблица становится «стеком карточек» */
  .jshop-modern table.jshop.cart{
    width:100%;
    border-collapse:separate;
    border-spacing:0 14px;   /* вертикальные отступы между карточками */
  }
  /* скрываем заголовок таблицы */
  .jshop-modern table.jshop.cart thead,
  .jshop-modern table.jshop.cart > tr:first-child{ display:none; }

  /* каждая строка = карточка 2 колонки: [фото] [контент] */
  .jshop-modern tr.jshop_prod_cart{
    display:grid;
    grid-template-columns: 130px 1fr;
    grid-template-areas:
      "pic head"
      "pic badge"
      "pic price"
      "pic attrs"
      "pic flag"
      "pic pickup"
      "fav pickup";
    gap:10px 16px;
    padding:14px;
    border:1px solid rgba(0,0,0,.06);
    border-radius:14px;
    background:#fff;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
  }
  .jshop-modern tr.jshop_prod_cart > td{ border:0; padding:0; background:none; }

  /* 1-я ячейка (изображение) → зона pic */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(1){ grid-area: pic; }
  .jshop-modern .jshop_img_description_center{
    width:130px; height:140px; overflow:hidden; border-radius:12px; background:#f3f4f6;
    display:flex; align-items:center; justify-content:center;
  }
  .jshop-modern .jshop_img_description_center img{
    width:100%; height:100%; object-fit:cover;
  }

  /* 2-я ячейка (название + атрибуты) используется для нескольких зон */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(2){ grid-area: head; }
  .jshop-modern td.product_name > a{
    display:inline-block; font-weight:500; font-size:9px; letter-spacing:.02em; color:#000000; text-decoration:none; line-height: 14px;
  }

  /* «крестик» (кнопка удалить) — если добавите ссылку .ci-remove, встанет справа от заголовка */
  .jshop-modern td.product_name{
    display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  }
  .jshop-modern .ci-remove{
    flex:0 0 auto; width:32px; height:32px; border-radius:50%;
    display:grid; place-items:center; border:1px solid #e6e6e6; color:#111; text-decoration:none;
  }

  /* Бейдж — любой элемент с классом .ci-badge, который вы выведите в этот <td> */
  .jshop-modern td.product_name .ci-badge{
    grid-area: badge;
    width:100%;
    margin-top:10px; padding:10px 12px; border-radius:12px;
    background:#f4f5f7; color:#111; font-weight:600;
  }
  /* переносим бейдж «логически» в нужную строку */
  .jshop-modern td.product_name .ci-badge{ display:block; }

  /* Атрибуты (цвет/размер/кол-во) */
  .jshop-modern td.product_name .list_attribute,
  .jshop-modern td.product_name .jshop_cart_attribute,
  .jshop-modern td.product_name .manufacturer,
  .jshop-modern td.product_name .deliverytime{
    grid-area: attrs;
    display:block; margin-top:10px; color:#000000; font-size:10px;
  }

  /* 3-я ячейка (цена за шт.) → зона price (стар/новая) */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(3){
    grid-area: price; align-self:start; color:#000000;
  }
  /* если выводится базовая цена — делаем «старой» зачёркнутой */
  .jshop-modern td:nth-child(3) .basic_price,
  .jshop-modern td:nth-child(3) .taxinfo{
    display:block; color:#9ca3af; text-decoration:line-through; margin-bottom:2px;
  }
  /* основная цена — «красной» как на референсе */
  .jshop-modern td:nth-child(3){ font-weight:800; color:#d7263d; }

  /* 4-я ячейка (кол-во) не показываем отдельно — мы его показываем в attrs */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(4){ display:none; }

  /* 5-я ячейка (итого по позиции) можно скрыть или показать ниже цены мелким */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(5){
    display:block; grid-area: price; color:#6b7280; font-weight:600; margin-top:2px;
  }
  .jshop-modern tr.jshop_prod_cart > td:nth-child(5) :is(.taxinfo){ display:none; }

  /* «FINAL SALE» — выведите .ci-flag в 2-й ячейке, стилизуем как в макете */
  .jshop-modern td.product_name .ci-flag{
    grid-area: flag; display:block; margin-top:12px; color:#b00020; font-weight:800; letter-spacing:.03em;
  }

  /* Строка «Pick up in Store Instead» */
  .jshop-modern td.product_name .ci-pickup{
    grid-area: pickup; margin-top:14px; padding-top:12px; border-top:1px solid #eee; color:#111;
  }
  .jshop-modern td.product_name .ci-pickup a{ color:#111; text-decoration: underline; }

  /* «Move to favorites» — ссылка под фото (если вы её добавите) */
  .jshop-modern .ci-fav{
    grid-area: fav; display:flex; align-items:center; gap:8px; color:#6b7280; font-size:12px; text-decoration:none;
  }
  .jshop-modern .ci-fav:before{ content:'♡'; font-size:18px; line-height:1; }
}

/* Прячем шапку таблицы корзины в моб.версии */
@media (max-width: 640px){
  .jshop-modern table.jshop.cart thead,
  .jshop-modern table.jshop.cart > tbody > tr:first-child {
    display: none !important;
  }
}

@media (max-width: 640px){
  /* Скрываем ячейку 'всего' в корзине */
  .jshop-modern table.jshop.cart tr.jshop_prod_cart > td:last-child {
    display: none !important;
  }
}

@media (max-width: 640px){
  .jshop-modern table.jshop.cart tr.jshop_prod_cart{
    display:grid;
    grid-template-columns: 110px 1fr;           /* слева фото, справа контент */
    grid-template-areas:
      "pic head"
      "pic price"
      "pic qty";
    gap:10px 16px;
    padding:14px; border:1px solid #eee; border-radius:14px; background:#fff; width: 100%;
  }
  .jshop-modern tr.jshop_prod_cart > td{border:0; background:none; padding:0;}

  /* 1) фото */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(1){ grid-area: pic; }
  .jshop-modern .jshop_img_description_center{ width:120px; height:140px; overflow:hidden; border-radius:12px; }
  .jshop-modern .jshop_img_description_center img{ width:100%; height:100%; object-fit:cover; }

  /* 2) заголовок / атрибуты */
  .jshop-modern tr.jshop_prod_cart > td.product_name{ grid-area: head; width: 100%; }
  .jshop-modern td.product_name > a{ display:inline-block; font-weight:500; font-size:9px; color:#111; text-decoration:none; }

  /* 3) цена за единицу */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(3){
    grid-area: price; align-self:start; color:#000000; font-weight:700; width: 20%; font-size: 11px!important;
  }
  /* базовая (старая) цена – зачёркнуть, если выводится */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(3) .basic_price{ 
    display:block; color:#9ca3af; text-decoration:line-through; margin-bottom:2px;
  }

  /* 4) количество */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(4){
    grid-area: qty; color:#6b7280;
  }
  .jshop-modern tr.jshop_prod_cart > td:nth-child(4)::before{
    content:"ШТ: "; color:#000000; margin-right:6px;
  }
}

/* Мобилка: qty под размером, справа остаётся только цена */
@media (max-width: 640px){
  /* скрыть заголовки и "итого по позиции" — если ещё не скрыто */
  .jshop-modern table.jshop.cart thead,
  .jshop-modern table.jshop.cart > tbody > tr:first-child{ display:none !important; }
  .jshop-modern table.jshop.cart tr.jshop_prod_cart > td:last-child{ display:none !important; }

  /* 3 колонки: [фото 110] [контент 1fr] [цена 60] */
  .jshop-modern table.jshop.cart tr.jshop_prod_cart{
    display:grid !important;
    grid-template-columns: 110px minmax(100px,1fr) 60px;
    gap: 12px 18px;
    align-items:start;
    padding:16px;
  }

  /* 1) фото фикс 110 */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(1){
    grid-column:1; grid-row:1 / span 3; /* тянем фото по трём строкам */
  }
  .jshop-modern .jshop_img_description_center{ width:110px; height:146px; overflow:hidden; border-radius:12px; }
  .jshop-modern .jshop_img_description_center img{ width:100%; height:100%; object-fit:cover; display:block; }

  /* 2) название/атрибуты — колонка 2, первая строка */
  .jshop-modern tr.jshop_prod_cart > td.product_name{
    grid-column:2; grid-row:1;
  }
  .jshop-modern td.product_name > a{
    display:block; margin:0 0 6px; font-weight:500; font-size:10px; line-height:1.25;
    color:#111; text-decoration:none; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden;
  }

  /* 3) цена за ед. — колонка 3, первая строка */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(3){
    grid-column:3; grid-row:1; justify-self:end; text-align:right; min-width:70px;
    font-weight:500; color:#000000; margin: 0px 5px 0 0;
  }
  .jshop-modern tr.jshop_prod_cart > td:nth-child(3) .basic_price{
    display:block; color:#9ca3af; text-decoration:line-through; margin-bottom:2px;
  }

  /* 4) qty — переносим под размер: колонка 2, вторая строка */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(4){
    grid-column:2; grid-row:2; justify-self:start; text-align:left; color:#000000;
    margin-top:6px; min-width:80px; /* чтобы не прыгало */
  }
  .jshop-modern tr.jshop_prod_cart > td:nth-child(4)::before{
    content:"Кол-во: "; color:#000000; margin-right:6px;
  }
}

@media (max-width: 640px){
  .jshop-modern td.product_name > a{
    /* Чуть гибче типографика */
    line-height: 1.25;
    margin: 0 0 6px;

    /* Мультистрочный эллипсис, но не такой агрессивный */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;          /* было 3 — даём 4 строки */
    overflow: hidden;

    /* Переносы для RU + защита на UPPERCASE */
    
    overflow-wrap: anywhere;         /* на случай глобального text-transform:uppercase */
    letter-spacing: .02em;           /* поменьше трекинг — лучше влезает */
    /* если у вас глобально стоит uppercase и это мешает — можно отключить: */
    /* text-transform: none !important; */
  }

  /* Немного воздуха под «РАЗМЕР» */
  .jshop-modern td.product_name .list_attribute{ margin-top: 8px; }
}

@media (max-width: 640px){
  .jshop-modern table.jshop.cart tr.jshop_prod_cart{
    /* было: 110px minmax(100px,1fr) 60px; */
    grid-template-columns: 110px minmax(130px, 1fr) 60px;
    /* при очень узких экранах — ещё гибче: */
    /* grid-template-columns: 110px minmax(130px,1fr) clamp(56px, 18vw, 72px); */
  }
}


/* ==== Checkout steps: современный степпер для #jshop_menu_order ==== */
:root{
  --steps-brand:#111;         /* цвет активного/готового шага (подгоните под бренд) */
  --steps-muted:#9aa4b2;      /* вторичный текст */
  --steps-line:#e9edf2;       /* базовая линия */
  --steps-bg:#fff;
}

#jshop_menu_order{ width:100%; border-collapse:separate; border-spacing:0; margin:10px 0 22px; }
#jshop_menu_order tr{
  display:flex; gap:24px; align-items:center; justify-content:space-between;
  counter-reset: step;
  position:relative;
}

/* общая «серая» линия под шагами */
#jshop_menu_order tr::before{
  content:""; position:absolute; left:0; right:0; top:18px; height:2px; background:var(--steps-line);
}

/* каждая ячейка шага */
#jshop_menu_order .jshop_order_step{
  position:relative; flex:1; text-align:center; padding-top:44px;
  color:var(--steps-muted); font-weight:700; letter-spacing:.04em; text-transform:none;
}
#jshop_menu_order .jshop_order_step a{ color:inherit; text-decoration:none; }

/* кружок с номером */
#jshop_menu_order .jshop_order_step::before{
  counter-increment: step;
  content: counter(step);
  position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:36px; height:36px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--steps-bg); border:2px solid var(--steps-line);
  font-weight:800; color:#4b5563;
}

/* синяя(брендовая) заливка у завершённых шагов + галочка */
#jshop_menu_order .jshop_order_step.prev{ color:var(--steps-brand); }
#jshop_menu_order .jshop_order_step.prev::before{
  content:"✓"; background:var(--steps-brand); color:#fff; border-color:var(--steps-brand);
}

/* активный шаг — подчёркиваем кружок и текст */
#jshop_menu_order .jshop_order_step.active{ color:var(--steps-brand); }
#jshop_menu_order .jshop_order_step.active::before{
  border-color:var(--steps-brand);
  box-shadow:0 0 0 3px rgba(17,17,17,.08);
}

/* прогресс поверх серой линии — красим участки слева от завершённых шагов */
#jshop_menu_order .jshop_order_step.prev::after{
  content:""; position:absolute; top:18px; left:0; right:0; height:2px; background:var(--steps-brand);
  z-index:1; transform:translateX(50%); /* красим от центра кружка вправо */
}
#jshop_menu_order .jshop_order_step:first-child.prev::after{ left:0; right:50%; } /* первая секция */
#jshop_menu_order .jshop_order_step:last-child::after{ display:none; }          /* не тянем за последний */

/* адаптация для узких экранов */
@media (max-width: 640px){
  #jshop_menu_order tr{ gap:14px; }
  #jshop_menu_order .jshop_order_step{ padding-top:38px; font-size:12px; margin: 0; }
  #jshop_menu_order .jshop_order_step::before{ width:28px; height:28px; top:0; }
  /* если названия длинные, можно показывать только активное слово, остальным — скрыть текст */
  /* #jshop_menu_order .jshop_order_step:not(.active) a{ display:none; } */
}

/* ==== Checkout steps — ровные кружки без текста ==== */
:root{
  --steps-brand:#111;     /* цвет активного/готового шага */
  --steps-line:#e9edf2;   /* базовая линия */
  --steps-bg:#fff;
}

/* строка со степами -> grid, 4 равных колонки */
#jshop_menu_order{ margin:10px 0 18px; }
#jshop_menu_order tr{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items:start;
  gap:24px;                    /* можно 16px на мобиле */
  counter-reset: step;
  position:relative;
}

/* тонкая линия под кружками */
#jshop_menu_order tr::before{
  content:""; position:absolute; left:0; right:0; top:18px;
  height:2px; background:var(--steps-line);
}

/* ячейка шага */
#jshop_menu_order .jshop_order_step{
  position:relative;
  display:grid; place-items:center;
  padding-top:40px;            /* место под кружок */
  min-width:0;                 /* текст не раздвигает колонку */
}

/* ССЫЛКА: делаем всю ячейку кликабельной и прячем текст так, чтоб он не влиял на размеры */
#jshop_menu_order .jshop_order_step > a{
  position:absolute; inset:0;            /* клика по всей ячейке */
  text-indent:-9999px; overflow:hidden;  /* текст за экран */
  white-space:nowrap;
  text-decoration:none !important;       /* без подчёркивания */
  color:transparent;                      /* подстраховка */
}

/* кружок */
#jshop_menu_order .jshop_order_step::before{
  counter-increment: step;
  content: counter(step);
  position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:32px; height:32px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--steps-bg);
  border:2px solid var(--steps-line);
  color:#4b5563; font-weight:700;
  z-index:1;                    /* выше ссылки */
}

/* завершённые шаги */
#jshop_menu_order .jshop_order_step.prev::before{
  content:"✓"; background:var(--steps-brand); color:#fff; border-color:var(--steps-brand);
}

/* активный шаг */
#jshop_menu_order .jshop_order_step.active::before{
  border-color:var(--steps-brand);
  box-shadow:0 0 0 3px rgba(17,17,17,.08);
}

/* прогресс-штрих поверх базовой линии — от центра кружка до правого края своей колонки */
#jshop_menu_order .jshop_order_step.prev::after{
  content:""; position:absolute; top:18px; left:50%; right:0; height:2px;
  background:var(--steps-brand);
  z-index:0;
}

/* адаптация на очень узких экранах */
@media (max-width:640px){
  #jshop_menu_order tr{ gap:16px; }
  #jshop_menu_order .jshop_order_step::before{ width:28px; height:28px; }
}

#active_step,
#active_step a{
  position:relative;
  font-weight:800;
  color:#111;
  text-decoration:none;
}
#active_step::after{
  content:"";
  position:absolute; left:50%; bottom:-4px;
  width:0; height:2px; border-radius:2px;
  background:linear-gradient(90deg,#6ea8fe,#a78bfa);
  transition:width .35s ease,left .35s ease;
}
#active_step:hover::after,
#active_step:focus-visible::after{
  left:0; width:100%;
}

@media (max-width: 640px){
/* === Cart realign: не уезжает вправо, занимает всю ширину колонки === */
.jshop-modern .jshop,
.jshop-modern table.jshop.cart{
  margin: 0 !important;
  padding: 0 !important;
}

.jshop-modern table.jshop.cart{
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed;                /* предсказуемая ширина */
  border-collapse: separate;          /* т.к. используем border-spacing для вертикальных отступов */
  border-spacing: 0 14px;             /* только вертикальные (горизонтальные = 0) */
  display: block;                     /* как обычный блочный элемент */
  float: none !important;             /* на всякий случай */
  left: 0 !important; right: 0 !important; /* если где-то задали position */
  transform: none !important;
  text-align: initial;                /* если у родителя стоит text-align:right */
  box-sizing: border-box;
}

/* tbody и строки ведут себя как «список карточек», не двигают таблицу */
.jshop-modern table.jshop.cart > tbody{
  display: block; margin: 0 !important; padding: 0 !important;
}
.jshop-modern table.jshop.cart tr.jshop_prod_cart{
  margin: 3px !important;               /* убираем возможные margin у темы */
}

/* картинки не тянут контейнер и не добавляют «базовую линию» */
.jshop-modern .jshop_img_description_center img{
  display:block; max-width:100%; height:auto;
}

/* обрезаем возможный горизонтальный перелив от соседних блоков (например, степпера) */
#jshop_menu_order{ overflow-x:hidden; }



  /* qty под размером */
  .jshop-modern tr.jshop_prod_cart > td:nth-child(4){
    grid-column:2; grid-row:3; color:#000000;
  }
  .jshop-modern tr.jshop_prod_cart > td:nth-child(4)::before{ content:"КОЛ-ВО:"; color:#000000; margin-right:6px; }

  /* скрыть «итого по позиции» и шапку */
  .jshop-modern table.jshop.cart tr.jshop_prod_cart > td:last-child{ display:none !important; }
  .jshop-modern table.jshop.cart thead,
  .jshop-modern table.jshop.cart > tbody > tr:first-child{ display:none !important; }
}


/* === Мини-корзина: только блок "СКИДКА / СУММА" === */
/* контейнер итого в мини-корзине */
#jshop_module_cart .mycart_totals{ text-align:right; }

/* одна строка: [лейбл] [значение], прижаты вправо */
#jshop_module_cart .mycart_totalrow{
  display:flex;
  justify-content:flex-end;
  align-items:baseline;
  gap:10px;                 /* расстояние между лейблом и суммой */
  margin:6px 0;
}

#jshop_module_cart .mycart_totalrow > div{
  float:none !important;    /* глушим старые float'ы */
  margin:0;                 /* убираем возможные отступы */
}

/* лейблы */
#jshop_module_cart .mycart_totalrow .mycart_discount_text,
#jshop_module_cart .mycart_totalrow .mycart_summ_text{
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:12px;
  color:#6b7280;
  font-weight:700;
}

/* значения */
#jshop_module_cart .mycart_totalrow .mycart_discount_total,
#jshop_module_cart .mycart_totalrow .mycart_summ_total{
  font-weight:800;
  white-space:nowrap;       /* не переносить число/валюту */
}

/* Контейнер итогов мини-корзины */
#jshop_module_cart .mycart_totals{
  margin: 2px 0 8px;
padding: 2px 0 4px;  
width: 100%;
}

/* ОДНА СТРОКА: [лейбл]......[значение] */
#jshop_module_cart .mycart_totalrow{
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between; /* лейбл слева, значение справа */
  gap: 12px;
  margin: 6px 0;
}

/* пунктир-«лидер» между лейблом и значением */
#jshop_module_cart .mycart_totalrow::before{
  content: "";
  position: absolute; left: 0; right: 0; top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

/* фон под текстом, чтобы «перебить» пунктир под словами */
#jshop_module_cart .mycart_totalrow > div{
  position: relative; z-index: 1;
  background: #fff;        /* подложка (цвет панели) */
  padding: 0 6px;          /* небольшой «разрыв» линий у текста */
  float: none !important;  /* глушим любые старые float */
  margin: 0;
}

/* Лейблы */
#jshop_module_cart .mycart_totalrow .mycart_discount_text,
#jshop_module_cart .mycart_totalrow .mycart_summ_text{
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 12px;
  color: #7e8796;          /* мягкий серый */
  font-weight: 700;
}

/* Значения */
#jshop_module_cart .mycart_totalrow .mycart_discount_total,
#jshop_module_cart .mycart_totalrow .mycart_summ_total{
  font-weight: 800;
  font-size: 18px;
  color: #0f172a;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;   /* ровные цифры */
}

/* Акцент для скидки (минус/зелёный «чип») — опционально */
#jshop_module_cart .mycart_totalrow.mycart_discount_row .mycart_discount_total{
  color: #059669;                      /* зелёный */
  background: rgba(5,150,105,.08);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 16px;
}

/* Чуть крупнее саму "СУММУ" */
#jshop_module_cart .mycart_totalrow.mycart_sum_row .mycart_summ_total{
  font-size: 20px;
}

/* если фон блока не #fff — подставь свой */


/* ===== PREMIUM totals (мини-корзина) ===== */

/* Цвета можно подправить под бренд */
:root{
  --totals-ink: #0E1220;            /* основной текст */
  --totals-muted: #8B94A7;          /* подписи */
  --totals-hairline: rgba(2,6,23,.06);
  --totals-discount: #0B7A68;       /* цвет скидки (сдержанный зелёный) */
}

/* контейнер итогов */
#jshop_module_cart .mycart_totals{
    margin: 2px 0 8px;
padding: 2px 0 4px;
}

/* одна строка: label слева, value справа */
#jshop_module_cart .mycart_totalrow{
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: baseline;
  gap: 12px;
  padding: 5px 10px;
  border-bottom: 1px solid var(--totals-hairline);
}
#jshop_module_cart .mycart_totalrow:last-child{ border-bottom: 0; }

/* глушим любые старые float/фоны/паддинги внутри итогов */
#jshop_module_cart .mycart_totalrow > div{
  float: none !important;
  margin: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* подписи */
#jshop_module_cart .mycart_totalrow .mycart_discount_text,
#jshop_module_cart .mycart_totalrow .mycart_summ_text{
  justify-self: start;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 600;
  color: var(--totals-muted);
}

/* значения */
#jshop_module_cart .mycart_totalrow .mycart_discount_total,
#jshop_module_cart .mycart_totalrow .mycart_summ_total{
  justify-self: end;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;   /* ровные цифры */
}

/* сумма — главный акцент */
#jshop_module_cart .mycart_totalrow.mycart_sum_row .mycart_summ_total{
  color: var(--totals-ink);
  font-weight: 800;
  font-size: clamp(14px, 4.6vw, 14px);
}

/* скидка — сдержанный акцент (без «чипов» и пунктира) */
#jshop_module_cart .mycart_totalrow.mycart_discount_row .mycart_discount_total{
  color: var(--totals-discount);
  font-weight: 700;
  font-size: clamp(14px, 4.2vw, 14px);
}

/* СБРОС любых старых пунктиров/подложек, если добавлялись ранее */
#jshop_module_cart .mycart_totalrow::before{ content: none !important; }


/* скрываем всю строку с количеством */
.prod_qty,
.prod_qty_input {
  display: none !important;
}

/* кнопка на весь блок */
.prod_buttons td.buttons {
  display: block;
  margin-top: 0;
}

.prod_buttons td.buttons .button,
.prod_buttons td.buttons .button_buy,
.prod_buttons td.buttons button {
  width: 100%;
}

.prod_buttons td.buttons .button:hover {
  background: #141414;
}


/* мобильная настройка: немного меньше шрифты и высоты */
@media (max-width:600px){
/* скрываем всю строку с количеством */
.prod_qty,
.prod_qty_input {
  display: none !important;
}

#dk-block-m.instock {
  display: block;
  margin: 0 0 16px; /* было 10px — увеличил */
}

}

/* меню открыто (любой из двух классов) → скрываем фикс-корзину */
#s5_responsive_mobile_sidebar.s5_responsive_mobile_sidebar_show_ltr
  ~ #s5_responsive_mobile_top_bar_wrap .mycart_wrapp,
#s5_responsive_mobile_sidebar_body_wrap.s5_responsive_mobile_sidebar_body_wrap_show_ltr
  ~ #s5_responsive_mobile_top_bar_wrap .mycart_wrapp {
  display: none !important;
}
#s5_responsive_mobile_sidebar.s5_responsive_mobile_sidebar_show_ltr
  ~ #s5_responsive_mobile_top_bar_wrap .mycart_wrapp,
#s5_responsive_mobile_sidebar_body_wrap.s5_responsive_mobile_sidebar_body_wrap_show_ltr
  ~ #s5_responsive_mobile_top_bar_wrap .mycart_wrapp {
  transform: translateX(383px);
  transition: transform .28s ease;
  pointer-events: none; /* чтобы клики не перехватывала */
}
.s5_responsive_mobile_sidebar_body_wrap_show_ltr #s5_responsive_mobile_sidebar_body_wrap_inner .mycart_wrapp{

  display: none !important;
}

/* Карточка и контейнер изображения */
.jshop .block_item { position: relative; }
.jshop .block_item .item_image { position: relative; }

/* Контейнер строки итогов в модуле корзины */
#jshop_module_cart .mycart_totalrow {
    display: flex;
    justify-content: space-between;  /* текст слева, сумма справа */
    align-items: center;             /* вертикальное выравнивание */
}

/* На всякий случай, чтобы блоки не растягивались странно */
#jshop_module_cart .mycart_discount_text,
#jshop_module_cart .mycart_discount_total {
    flex: 0 0 auto;
}