.hide-1{
	display:none;
}

.auth-form .input_block input{
	width: 40%;
	text-align: center;
    margin: auto;
    font-size: 20px;
}
.auth-form .__btn{
	    display: block;
    margin: auto;
    padding: 13px 30px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 5px;
}
.product_cap.__flex-center {
    min-height: 27px;
}

.header_top_nav a:hover {
  color: var(--accent);
}
.header_catalog_wrapepr a:hover{
	color: var(--accent);
}
#catalog-info .level3.category-114{
	grid-gap: 4.5px;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.product_credit {
    min-height: 30px;
}
.product_top {
    min-height: 200px;
}
.history_net{

    grid-template-columns: 40px 160px 40px 110px 100px 80px 66px;
}
.product_content {
     position: relative;
}
.product_cod {
    position: absolute;
    right: 0px;
    top: -14px;
    display: block;
}

@media only screen and (max-width: 600px) {
    .product_cod {
        top: -10px;
    }
}

footer{
	background-color: var(--white);
}
#catalog-desktop{z-index:110;}
.header{z-index:3;}

._vw .product_cap{
	    position: static;
    margin-bottom: 5px;
}

.product .product_name {
       height: 56px;
    overflow: hidden;
	display:block;
}

.product .product_name:hover{
	font-weight: 600;
}


.top-section {
    width: 100%;
    display: none;
}
.top-section__link {
    text-decoration: none;
    background-color: #3262A2;
    display: block;
    width: 100%;
    height: auto;
}
.top-section__image {
    max-width: 100%;
    margin: -1px auto;
}

@media screen and (min-width: 768px){
.top-section {
    display: block;
}
.top-section--mobile {
    display: none;
}


}

body.checkout_custom-b2c {
.checkout_total_product ._price {
  zoom: 0.9;
}
@media (max-width: 770px){
.checkout_total_product ._price {
  zoom: 0.5;
}
}
}

@media (max-width: 500px){
body{
	background-color: var(--white);
}
body.checkout_custom-b2c {
    background-color: var(--bg);
}
.desc{
    width: 100% !important;
}
.desc * {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
	display: block !important;
	margin: 0 !important;
}

.desc style {
	display: none !important;
}

.desc font {
    display: inline-grid;
}

.desc img, .desc section {
    padding-top: inherit !important;
}


.history_net {
    grid-template-columns: 1fr auto;
    grid-auto-flow: dense;
}
.history_item_num{
	display:none;
}
.history_price{
	text-align: end;
}
.product_top {
    min-height: 140px;
}




.search_result_cat{
display:none;
}

.search_result_list{
display:block;
}

.search_result{
	width: 98%;
	grid-template-columns: auto;
}

  .banner_slider .banner_slide {
        /* height: 180px; */
  }
  .cat_slide{

    height: 60px;
  }
  .cat_slide img{

    object-position: top;
  }
	.checkout_block input{
		width:100%;
	}
	.auth-form .input_block input{
		width:100%;
	}
	.checkout_block ul.dropdown-address{
		min-width: 310px;

	}

	.product .product_name {
       height: 44px;
	   margin-top:2px;
}
.product_info{
	    margin-top: 0;
}

.mob-center{
	text-align:center;
	margin: auto;
}
.hide_on_mobile {
	display: none;
}

.product_img{
	    max-height: 165px;
}

}
@media (min-width: 1200px){
	.four_info{
	    min-height: 580px;
}
.container {
    max-width: 1400px;
}

.col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}

.hide_on_pc {
	display: none;
}

}

.header_lang li{
	text-transform: uppercase;
}

.text-danger{
    bottom: 10px;
    color: red;
}
#header_callback .text-danger{
    position: absolute;
	bottom: -1px;
    font-size: 12px;
    right: 4px;
}
.text-danger.green{
color: green;
}

body.product-category, body.account-login,  body.account-register{
 background-color: #fff;
}
#column-left{
    padding: 25px 10px 0px 0px;
}



.pagination {
    margin: 12px 0;
    width: 100%;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a, .pagination>li>span {
    background-color: #fff;
    color: #7F7F7F;
    border-color: white;
    border-radius: 100%;
    padding: 4px 10px;
}

.pagination>li>a, .pagination>li>span {
    background-color: #fff;
}

.item_complect_li, .item_img_active > picture, .item_img_list > picture{
display:none;
}
.item_complect_li.slick-slide, .item_img_active > picture:nth-child(1){
display:flex;
}

.checkout_block input{
	max-width:none;
}
.checkout_custom-b2c .select2-container--default .select2-search--dropdown .select2-search__field{
	    min-height: 43px;
}

.checkout_form{

    grid-auto-rows: 0fr;
}

.select2-container--default .select2-selection--single{
	    height: 55px;
    min-height: 55px;
}
.checkout_custom-b2c .select2-container--default .select2-selection--single .select2-selection__rendered{

    line-height: 55px;
}
.checkout_custom-b2c .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 55px;
	    width: 40px;
}
.checkout_custom-b2c .select2-results__option{
	padding:10px;
}
.checkout_custom-b2c .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	color: var(--white);
    background-color: #4BBE01;
}



#header_callback span{
position:relative;}

.bar .bar_hrefs span{
    --size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    font-family: var(--font2);
    font-weight: 600;
    font-size: 11px;
    background-color: var(--accent);
    border-radius: 50%;
    line-height: 1;
	color: var(--white);
}


@media only screen and (max-width: 900px){
.header_catalog_wrapepr a {
    font-size: 14px;
    font-weight: 400;
}
.blog-article .shop_img svg{
	    width: 20px;
}
.blog-article .main-category__description{
	padding: 0;
}
}

.product_credit_info {

    padding: 10px 15px;
}

.product_credit_info, .product_credit_info * {
    color: #333 !important;
    font-size: 14px !important;
    font-family: var(--family)  !important;
    line-height: 1.44 !important;
    margin: 5px 0 !important;
	    font-weight: 400;
}

.team_text, .about_text, .company_text{
	font-weight: 400;
}

.guar_return_list{
	display: grid;
}
.guar_return_li{
	max-width: none;
	justify-content: left;
}

.inf-17 .guar_item:nth-child(1) {
    grid-column: 1/3;
}

.news_item_name{
	height: 60px;
}

.item_complect_name{
	    height: 35px;
    overflow: hidden;
	display: block;
}

.mailing_form{
	    position: relative;
}
.mailing_form .text-danger{
	position: absolute;
    bottom: -25px;
    left: 0px;
    font-family: var(--font2);
    background-color: var(--red);
    color: var(--white);
    padding: 2px;
}
.mailing_form .text-danger.green{

    background-color: var(--accent);

}

.review_add .alert.alert-danger{
	    font-family: var(--font2);
    background-color: var(--red);
    color: var(--white);
    padding: 2px;
}
.review_add .alert.alert-success{
	font-family: var(--font2);
    background-color: var(--primary);
    color: var(--white);
    padding: 2px;
}


.account-account .shop_li{
	border: 1px solid #000;
}
.account-account .shop_img{

	    --size: 25px;
}

.checkout_item_price ._old{
	    text-decoration: line-through;
}

table thead{
	    --color: var(--white);
    padding-top: 8px;
    padding-bottom: 8px;
    /* font-size: 12px; */
    /* font-weight: 700; */
    background-color: var(--primary);
}

table thead tr td{
	padding: 5px;
}

.bone.alert{
	font-family: var(--font2);
    background-color: var(--red);
    color: var(--white);
    padding: 15px;
}
.compare_table_item_name {
    font-weight: 400;
}


.checkout_total{
	margin-top: 0px;
	position: sticky;
    top: 10px;
}

.checkout_item_clear {
    cursor: pointer;
}

.checkout_custom-b2c ._input {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.nana1 {
	border: 1px solid red;
}

.description-bottom__text {
    padding-bottom: 10px;
    width: 100%;
    height: auto;
    position: relative;
}

.description-bottom__text.active {
    max-height: 280px;
    overflow: hidden;
}


.description-bottom__text.active:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(50%, rgba(242,242,242,0.85)), to(#f6f6f6));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(242,242,242,0.85) 50%, #f6f6f6);
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(242,242,242,0.85) 50%, #f6f6f6);
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(242,242,242,0.85) 50%, #f6f6f6);
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(242,242,242,0.85) 50%, #f6f6f6);

    height: 33px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(242,242,242,0.85) 50%, #f6f6f6);
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(242,242,242,0.85) 50%, #f6f6f6);
    background: linear-gradient(180deg, rgb(255 255 255), rgba(255,255,255,0.85) 50%, #ffffff);


}

.description-bottom__button{
     height: 35px;
        position: absolute;
    bottom: 10px;
    right: 10px;
}

.main-category__description{
	background-color: var(--white);
    padding: 12px;
    border-radius: 6px;
    position: relative;
	 padding: 20px 42px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.02);
	margin-top:10px;

}

.breadcrumbs a {
    --size: 10px;
    transition: color .43s;
    font-size: 12px;
}
body._item section:nth-child(1) > div > nav > ul > li.hide:nth-child(2){
	/* display:none; */
}
.breadcrumbs .item-5.key-1, .breadcrumbs .item-5.key-2{
	display:none;
}
/*.compare_table_info_col{*/
/*	height: auto;*/
/*}*/

.features li {
    min-height: 52px !important;
    display: flex;
    align-items: center; /* важно */
    justify-content: space-between;
    position: relative;
}

.features li span:first-of-type {
    text-align: left;
}

.features li span:nth-of-type(2) {
    text-align: right;
    text-wrap: balance;
}

.features li.more50,
.features li.more100,
.features li.more150,
.features li.more200 {
    padding-bottom: 17px;
}

/* .features li.more50{
	height: 72px;
}
.features li.more100{
	height: 92px;
}
.features li.more150{
	height: 102px;
}
.features li.more200{
	    height: auto;
    padding: 20px 10px;
} */

.item_img{
	    position: relative;
}
/*
 .corner_0, .corner_1, .corner_2, .corner_3 {
   width: 90px;
    position: absolute;
    z-index: 1;
    top: 20px;
}
 .corner_0{
	width: 140px;
 }
 .corner_1{
	right: 10px;
    width: 120px;
 }

 .product_top .corner_0,  .product_top .corner_1{
	 top: 0px;
 }

.product  .corner_0{
   width: 100px;
}
.product  .corner_1{
   right: 0px;
    width: 90px;
}
 */
.header.fixed{
	z-index:5;
}

.stickers{
	position: absolute;
    z-index: 1;
}
.item_img .stickers{
	top:10px;
}
.corner_0, .corner_1, .corner_2, .corner_3 {
   width: 90px;
   margin-bottom: 2px;
}

@media (max-width: 500px) {
    .corner_0, .corner_1, .corner_2, .corner_3 {
        width: 85px;
    }
}
.KeyCRM-toggleButton svg{
  width: auto;
}
.product.nana .product_info.__flex-center{
	align-items: flex-start;
}

.usdt-block {
    position: absolute;
    right: 0;
    bottom: 0px;
	padding: 2px 4px 0px;
    /* color: var(--white); */
    font-size: 10px;
    background-color:  var(--accent);
    border-radius: 3px;
}
.item_price .usdt-block span{
	font-size: 10px;
}

.item_price .usdt-block{
	bottom:auto;
	  padding: 3px 2px 2px;
    font-size: 10px;


	position: static;
	margin-left: 3px;
}

.cashback{
	border-radius: 3px;
	margin-top: 8px;
	color: var(--color);
   font-size: 11px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    font-family: var(--family);
}

.cashback .cashb-value{
    font-size: 13px;
    font-weight: 700;
    color: var(--primary);
}

.cashback.prev{
	margin-top: 0px;
	font-size: 9px;
}

.cashback.prev .cashb-value{
	font-size: 11px;
}

.checkout_total_bottom .cashback{
	font-size: 18px;
	margin-top: 0px;
}

.checkout_total_bottom .cashback .cashb-value{
	font-size: 20px;
}

input[type=checkbox] + p.agreements-text, .auth-form1 .agreements-text{
	font-size:11px;
	--size: 11px;
	display: block;
}
.auth-form .agreements{
	    text-align: center;
}

.checkout_custom-b2c .agreements ._input{
	display: inline-block;
}
.checkout_custom-b2c .agreements{
	position:relative;
}
.checkout_custom-b2c .error-form-text.agreements{

    position: relative;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    color: #fff;
    background-color: var(--red);
    display: flex;
    align-items: center;
	border-radius: 6px;
	right: auto;
}
.checkout_custom-b2c .agreements a{
	font-size: 11px;
    font-weight: bold;
	cursor: pointer;
}

.no_logged .checkout_block, .no_logged .checkout_right{
	position:relative;
}
.no_logged .block{
	opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 111;
}

.header_catalog_wrapepr ul{
	grid-gap: 6px;
}

/* Bug fixes 30.10.2025 */

.header_logo,
.header_logo picture {
  display: block;
  width: 100%;
}

.category_list._vw .product_cod {
  top: -10px;
}

.category_list .product_cod {
  top: -13px;
}

.category_list._vw .product {
    gap: 1rem;
}

.product_hr.active {
    --color: transparent;
    background-color: var(--accent);
    border-radius: 50%;
}

.product_hr.active img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
}

@media only screen and (max-width: 345px) {
    .category_top_filter .__btn._accent p {
        display: none;
    }
}

@media only screen and (max-width: 399px) {
    .category_list._vw .product_cod {
        top: 1px;
    }

    .category_list {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    }

    .category_top {
        padding: 7px 7px;
        font-size: 11px;
    }

    .category_top_vis {
        display: none;
    }

    .category_top_left.__flex-align {
        gap: 1vw;
        justify-content: space-between;
        width: 100%;
    }

    .category_top_filter .__btn._accent img {
        min-width: 18px;
    }

    .category_list._vw .product.nana {
        flex-direction: column;
        padding: 12px 18px;
    }

    .category_list._vw .product_top {
        --size: 70vw;
    }
}

@media only screen and (max-width: 599px) {
    ._vw .product_top {
        --size: 33vw;
    }
}

/* Bug fixes 30.10.2025 */

/* Copy h1 */

body.product-product h1 {
	cursor: pointer !important;
}

.copy-tooltip {
	position: absolute;
    background-color: var(--primary);
	border-radius: 4px;
    color: var(--white);
    padding: 4px 8px;
    font-size: 12px;
    pointer-events: none;
    z-index: 9999;
	transform: translateX(-50%);
    opacity: 0;
	transition: all 0.2s ease;
}

/* Copy h1 */

/* Cookie consent banner */

@supports (padding: max(0px)) {
    #cookie-consent-wrapper {
        padding-bottom: max(env(safe-area-inset-bottom), 5px);
    }
}

#cookie-consent-wrapper {
    background-color: var(--white);
    overflow: hidden;
    border-top: solid 0.5px #DADADA;
    z-index: 10000000000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),
                0 2px 6px rgba(0, 0, 0, 0.10);
    transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
    pointer-events: auto;
    padding-bottom: max(env(safe-area-inset-bottom), 5px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

#cookie-consent-wrapper.hidden {
    transform: translateY(120%);
    opacity: 0;
}

#cookie-consent-wrapper .cookie-consent-bone {
    max-width: 768px;
    margin: 0 auto;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
    padding: 17.5px var(--bone);
}

#cookie-consent-wrapper .cookie-consent-bone .second {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    width: 100%;
}

#cookie-consent-wrapper .cookie-consent-bone .second p {
    text-align: left;
}

#cookie-consent-wrapper p {
    font-family: var(--font2);
    font-size: 10px;
    text-align: justify;
    width: 100%;
    letter-spacing: 0px;
    display: block;
}

#cookie-consent-wrapper a {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dotted;
}

#cookie-consent-wrapper span {
    color: var(--primary);
    font-weight: 500;
}

#cookie-consent-wrapper button {
    cursor: pointer;
    font-size: 11px;
    height: 100%;
    padding: 10px 17.5px;
    max-width: 50%;
    transform: translateY(3px);
}

@media only screen and (min-width: 768px) {
    #cookie-consent-wrapper p {
        font-size: 12px;
        text-align: left;
    }

    #cookie-consent-wrapper button {
        font-size: 12px;
        padding: 10px 50px;
        max-width: 100%;
        transform: translateY(7px);
    }

    #cookie-consent-wrapper {
        border: solid 0.5px #DADADA;
        bottom: 15px;
        left: 15px;
        width: 300px;
        border-radius: 6px;
        padding-bottom: 0;
    }

    #cookie-consent-wrapper .cookie-consent-bone {
        gap: 2.5px;
    }

    #cookie-consent-wrapper .cookie-consent-bone .second {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 5px;
        width: 100%;
        margin-top: 10px;
    }

    #cookie-consent-wrapper .cookie-consent-bone .second p {
        text-align: center;
        margin-bottom: 7px;
        position: relative;
    }

    #cookie-consent-wrapper .cookie-consent-bone .second p::before {
        content: "";
        height: 1px;
        border-top: solid 1px #DADADA;
        transform: scaleY(0.51) translateY(-7.5px);
        transform-origin: top;
        position: absolute;
        top: 0;
        left: -16px;
        width: 300px;
        opacity: 0.5;
    }

    #cookie-consent-wrapper .cookie-consent-bone .second p::after {
        content: "";
        height: 1px;
        border-top: solid 1px #DADADA;
        transform: scaleY(0.51) translateY(15px);
        transform-origin: top;
        position: absolute;
        bottom: 0;
        left: -16px;
        width: 300px;
        opacity: 0.5;
    }
}

@media only screen and (min-width: 1200px) {
    #cookie-consent-wrapper p {
        text-align: left;
        font-size: 13px;
    }

    #cookie-consent-wrapper button {
        font-size: 13px;
    }

    #cookie-consent-wrapper {
        width: 400px;
    }

    #cookie-consent-wrapper .cookie-consent-bone .second p::before {
        width: 400px;
    }

    #cookie-consent-wrapper .cookie-consent-bone .second p::after {
        width: 400px;
    }

    #cookie-consent-wrapper .cookie-consent-bone .second p {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* Cookie consent banner */

/* Empty img visibility */

img[src=""], img:not([src]) {
  visibility: hidden;
}

/* Img sceleton */

.special1{
	    color: #FF1515;
}

/* New stickers */

.stickers {
    pointer-events: none;
    opacity: 1;
}

.sticker-item {
    position: relative;
    height: 21px;
    width: 95px;
    margin-bottom: 1px;
}

._vw .stickers {
    bottom: 0;
    left: 0;
}

@media only screen and (max-width: 600px) {
    ._vw .sticker-item {
        height: 16px;
        width: 65px;
    }
}


@media only screen and (max-width: 900px) {
    .sticker-item {
        height: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .sticker-item {
        height: 19px;
        width: 85px;
    }
}

@media only screen and (max-width: 500px) {
    .sticker-item {
        height: 17px;
        width: 80px;
    }
}

@media only screen and (max-width: 400px) {
    .sticker-item {
        height: 16px;
        width: 75px;
    }
}

@media only screen and (max-width: 350px) {
    .sticker-item {
        height: 16px;
        width: 75px;
    }
}

.sticker-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 1;
    background-image: var(--sticker-url);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    display: block;
    transform: translateY(-2px);
}

/* New stickers */

.mobile-menu-bar-item span {
    opacity: 0;
    transform: scale(0.8);
}

.header_link span {
    opacity: 0;
    transform: scale(0.8);
}

.header_cabinet span {
    opacity: 0;
    transform: scale(0.95);
}

.header_cabinet span {
    min-width: 50%;
}

@media only screen and (max-width: 1100px) {
    .header_cabinet span {
        min-width: 60%;
    }
}

span.counter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

span.counters-pulse {
    animation: counters-pulse 0.35s cubic-bezier(0.25, 1.4, 0.45, 1.0);
}

@keyframes counters-pulse {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.3); }
    70%  { transform: scale(0.95); }
    100% { transform: scale(1); }
}

/* Update product page */

.product-variants {
    margin-bottom: 10px;
}

.product-variants .variants {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 20px;
}

.product-variants .variant-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
    --item-size: 23px;
    --per-row: 3;
    max-width: 230px;
}

.product-variants .colors-item {
    width: var(--item-size);
    height: var(--item-size);
    border-radius: 6px;
    padding: 2px;
    background: var(--white);
    display: block;
    flex: 0 0 var(--item-size);
    border: solid 1px #DADADA;
}

.product-variants .colors-item span {
    display: block;
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.product-variants .colors-item[data-color="#ffffff"] span {
    border: solid 1px #DADADA;
}

.product-variants .variant-item.colors-item.active {
    border: solid 1px var(--primary);
    pointer-events: none;
}

.product-variants .memories-item {
    height: var(--item-size);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    text-wrap: nowrap;
    padding: 3px 7px;
    width: auto;
    flex: 1 0 calc((100% - (var(--per-row) - 1) * 6px) / var(--per-row));
    max-width: max-content;
    display: flex;
    align-items: center;
    background: var(--white);
    justify-content: center;
    color: #696969;
    border: solid 1px #DADADA;
}

.product-variants .series-wrapper {
    grid-column: span 2;
}

.product-variants .series-item {
    height: var(--item-size);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    text-wrap: nowrap;
    padding: 3px 10px 3px 20px;
    width: auto;
    flex: 1 0 calc((100% - (var(--per-row) - 1) * 6px) / var(--per-row));
    max-width: max-content;
    display: flex;
    align-items: center;
    background: var(--white);
    justify-content: center;
    color: #696969;
    border: solid 1px #DADADA;
    position: relative;
}

.product-variants .series-item:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    transform: translateY(-50%);
    background-color: #DADADA;
}

.product-variants .series-item.active:after {
    background-color: var(--primary);
}

.product-variants .variant-item {
    position: relative;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.product-variants .variant-item.active {
    border: solid 1px var(--primary);
    pointer-events: none;
}

.product-variants .variant-item-title {
    width: 100%;
    font-size: 13px;
    font-family: var(--font2);
    margin-bottom: 7px;
}

.product-variants .variant-item-title span {
    height: auto;
    border-radius: 0;
    padding: 0;
    background-color: unset;
    display: inline;
    opacity: 0.65;
    font-size: 11px;
}

.product-variants .variant-item.sold-out  {
    opacity: 0.5;
    pointer-events: none;
    /* display: none; */
}

/* .variant-item-wrapper li:has(.variant-item.sold-out) {
   display: none;
} */

.product-variants .variant-item.sold-out:before {
    content: "✕";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #DC3545;
    font-size: calc(var(--item-size) - 4px);
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transform: translateY(0);
}

.product-variants .memories-item.variant-item.sold-out:before {
    content: none;
}

.product-variants .series-item.variant-item.sold-out:before {
    content: none;
}

@media only screen and (min-width: 600px) {
    .product-variants .variant-item-wrapper {
        --item-size: 30px;
        gap: 8px;
    }

    .product-variants .variants {
        column-gap: 30px;
        row-gap: 15px;
    }

    .product-variants .memories-item {
        font-size: 14px;
    }

    .product-variants .series-item {
        font-size: 14px;
    }

    .product-variants .variant-item-title {
        font-size: 14px;
    }

    .product-variants .variant-item-title span {
        font-size: 12px;
    }

    .product-variants .variant-item.sold-out:before {
        transform: translateY(1px);
    }
}

@media only screen and (min-width: 1200px) {
    .product-variants {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .product-variants .variants {
        display: grid;
        grid-template-columns: repeat(3, auto);
    }

    .product-variants .series-wrapper {
        grid-column: span 1 ;
    }

    .product-variants .memories-item {
        font-size: 14px;
    }

    .product-variants .series-item {
         font-size: 14px;
    }

    .product-variants .variant-item-title {
        font-size: 15px;
    }

    .product-variants .variant-item-title span {
        font-size: 13px;
    }

    .product-variants .memories-item {
        padding: 3px 12px;
    }
}

.product-product .desc {
    padding: 0 5px !important;
}

.product-product .desc h1,
.product-product .desc h2,
.product-product .desc h3 {
    line-height: 1.15;
    margin-bottom: 5px !important;
    font-size: 21px;
}

.product-product .desc p {
    line-height: 1.1;
    margin-bottom: 5px !important;
}

.product-product .desc p strong {
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}

.product-product .desc img {
    margin: 7px 0 15px 0 !important;
}

.product-product .desc strong {
    font-weight: 700;
    font-family: var(--font2);
}

@media only screen and (max-width: 770px) {
    .product-product .item_info {
        padding: 0 10px 20px;
    }

    .product-product .info {
        margin: 50px 0 20px;
        overflow-x: hidden;
    }

    .product-product .info .bone {
        /* --bone: 0;
        width: 100vw;
        max-width: 100vw; */
        --bone: 16px;
    }

    .product-product .info .bone .info_tab > button {
        /* width: calc(100vw - 20px);
        min-width: unset;
        margin: 0 10px; */
    }

    .product-product .info .bone .review {
        margin-top: 20px;
        padding: 0 10px;
    }
}

/* Update product page */

/* Delivery widget */
.item_delivery_title,
.accordion {
    display: block !important;
}

.item_delivery .item_delivery_date {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    flex-grow: 1;
}

.item_delivery .item_delivery_date span {
    font-weight: 700;
    color: var(--primary);
}

.item_delivery .item_delivery_title {
    width: fit-content;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.item_delivery .coll-delivery-triger {
    color: var(--primary);
    position: relative;
    transition: opacity .25s ease;
    opacity: 0;
}

.item_delivery .coll-delivery-triger::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9043 6.79639L9.65872 12.042L4.41309 6.79639' stroke='%23019F01' stroke-linecap='round' stroke-width='2px' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate3d(0, 20%, 0px);
    transition: transform .43s;
}

@media only screen and (min-width: 1030px) {
    .item_delivery .item_delivery_title:hover > .coll-delivery-triger::after {
        transform: rotate(200grad);
    }
}

.item_delivery .item_delivery_title.active > .coll-delivery-triger::after {
    transform: rotate(200grad);
}

.item_delivery .coll-delivery-info {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 364px;
    padding: 18px 18px;
    background-color: var(--white);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    z-index: 102;
    transition: all .43s;
    pointer-events: none;
    top: calc(100% + 5px);
    opacity: 0;
    border: 1px solid #DADADA;
}

@media only screen and (min-width: 1030px) {
    .item_delivery .item_delivery_title:hover .coll-delivery-info {
        pointer-events: auto;
        top: calc(100% - 10px);
        opacity: 1;
    }
}

.item_delivery .item_delivery_title.active .coll-delivery-veil {
    pointer-events: auto;
    opacity: 0.2;
    z-index: 100;
}

.item_delivery .coll-delivery-veil {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -100;
    background-color: #000;
    opacity: 0;
    transition: opacity .43s;
    pointer-events: none;
    cursor: unset;
}

.item_delivery .coll-delivery-info p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.item_delivery .delivery-input {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: inherit;
}

.item_delivery .delivery-input svg {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none;
    stroke: var(--color);
}

.item_delivery .delivery-input input {
    min-height: unset;
    width: 100%;
    padding: 8px 8px 8px 32px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    background: white;
}

.item_delivery .delivery-input input::placeholder {
    font-family: var(--font2);
}

.item_delivery .coll-delivery-info ul {
    font-weight: 400;
    font-size: 14px;
    margin-top: 6px;
}

.item_delivery .coll-delivery-info li {
    margin-bottom: 2px;
    padding: 6px 8px;
    border-radius: 5px;
    text-wrap: nowrap;
    overflow: hidden;
}

@media only screen and (min-width: 1030px) {
    .item_delivery .coll-delivery-info li:hover {
        background-color: rgba(0, 0, 0, 0.075);
        transition: all 0.43s ease;
    }
}

.item_delivery .coll-delivery-info li a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item_delivery .coll-delivery-info span {
    font-weight: 300;
    font-size: 11px;
    opacity: 0.8;
    font-family: var(--family);
    display: block;
}

@media only screen and (max-width: 1030px) {
    .item_delivery .coll-delivery-info {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 364px;
        z-index: 1000002;
    }

    .item_delivery .coll-delivery-veil {
        position: fixed;
        z-index: 1000001 !important;
    }

    .item_delivery .item_delivery_title.active .coll-delivery-info {
        pointer-events: auto;
        opacity: 1;
    }
}

@media only screen and (max-width: 375px) {
    .item_delivery .coll-delivery-info {
        width: 95vw;
    }
}

.item_delivery .accordion {
    transition: transform 0.3s ease;
}

.item_delivery .accordion-item {
    margin-bottom: 8px;
    position: relative;
}

.item_delivery .accordion-item:last-child {
    margin-bottom: 0;
}

.item_delivery .accordion-minimal {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 10px 10px 12px;
    border-radius: 6px;
    border: 1px solid #F2F2F2;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.02);
    font-family: var(--font2);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: var(--white);
    z-index: 3;
    width: 100%;
}

.item_delivery .accordion-minimal .accordion-minimal-title p {
    font-family: var(--family);
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
}

.item_delivery .accordion-minimal .accordion-minimal-title span {
    font-family: var(--family);
    font-style: normal;
    line-height: 1;
    font-size: 11px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
    opacity: 0.5;
}

.item_delivery .accordion-minimal .accordion-minimal-icon {
    width: 35px;
    height: 35px;
}

.item_delivery .accordion-minimal button {
    width: 30px;
    height: 30px;
    margin-left: auto;
    border-radius: 6px;
    border: none;
    background-color: var(--primary);
    color: white;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.item_delivery .accordion-minimal button svg {
    width: 20px;
    height: 20px;
    transform-origin: center;
    --color: var(--white);
    transition: transform 0.3s ease;
}

.item_delivery .accordion-item.accordion-open .accordion-minimal button {
    background-color: var(--accent);
}

.item_delivery .accordion-item.accordion-open .accordion-minimal button svg {
    transform: rotate(180deg);
}

.item_delivery .accordion-item.accordion-open .accordion-minimal {
    border-radius: 6px 6px 0 0;
}

.item_delivery .accordion-item .accordion-details {
    display: block;
    position: absolute;
    width: 100%;
    padding: 14px 18px;
    background-color: var(--white);
    border: 1px solid #F2F2F2;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.02);
    border-radius: 0 0 6px 6px;
    z-index: 4;
    transition: all .43s;
    pointer-events: none;
    top: calc(100% - 1px);
    left: 0;
    opacity: 0;
}

.item_delivery .accordion-item.accordion-open .accordion-details {
    pointer-events: auto;
    opacity: 1;
}

.item_delivery .accordion-item .accordion-details_item {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
    font-family: var(--family);
}

.item_delivery .accordion-item .accordion-details_item:last-child {
    margin-bottom: 0;
}

.item_delivery .accordion-item .accordion-details_item p {
    font-size: 14px;
    line-height: 1;
    text-align: left;
}

.item_delivery .accordion-item .accordion-details_item span {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary);
    text-align: right;
    text-wrap: nowrap;
}

.item_delivery .skeleton-line {
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: linear-gradient(
            90deg,
            #e3e3e3 0%,
            #f5f5f5 50%,
            #e3e3e3 100%
    );
    background-size: 200% 100%;
    animation: skeleton-loading 1.8s ease-in-out infinite;
}

.item_delivery .skeleton-line.big {
    height: 100px;
}

.item_delivery .skeleton-line.city {
    height: 24px;
    margin-top: 10px;
}

.item_delivery .skeleton-line.medium {
    height: 65px;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.product-product .not-found,
.checkout_custom-b2c .not-found {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: var(--family) !important;
    margin: 12px 0 0 0 !important;
    padding: 0 8px 0 8px !important;
}

.item_delivery .accordion-item .accordion-details_item.shop {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
    font-family: var(--family);
    text-align: left;
    padding: 0 15px 12px 15px;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    margin-bottom: 12px;
}

.item_delivery .accordion-item .accordion-details_item.shop:last-child {
    border-bottom: 0px solid #e7e7e7;
    padding: 0 15px 0 15px;
    margin-bottom: 0;
}

.item_delivery .accordion-details_item.shop p,
.item_delivery .accordion-details_item.shop a {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 7px;
    justify-content: space-between;
    align-items: center;
}

.item_delivery .accordion-details p.location {
    display: block;
    font-size: 14px;
    font-family: var(--font2);
    margin-bottom: 10px;
    padding: 0;
    line-height: 1;
}

.item_delivery .accordion-details p.location span {
    font-weight: 600;
    font-size: 14px;
    margin-right: 4px;
}

.item_delivery .accordion-details_item.shop a {
    justify-content: center;
    height: auto;
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
    margin-top: 7px;
    margin-bottom: 4px;
}

.item_delivery .accordion-details_item.title {
    justify-content: left;
    margin-bottom: 15px;
}

.item_delivery .accordion-details_item.title svg {
    width: 26px;
    height: 26px;
}

.item_delivery .accordion-details_item.title p {
    font-size: 14px;
    font-family: var(--font2);
    font-weight: 500;
}

.item_delivery .empty-delivery-text {
    font-size: 12px;
    font-family: var(--font2);
    font-weight: 500;
    opacity: 0.75;
}

.item_delivery .price-alert {
    font-size: 11px;
    font-weight: 400;
    opacity: 0.5;
    text-align: left;
    margin-top: 10px;
}

/* Delivery widget */

/* Review gallery */

.review_gallery_active {
    width: 100%;
    margin-bottom: 45px;
    padding: 10px 20px;
    border: 1px solid #F2F2F2;
    border-radius: 6px;
}

.review_gallery_active .slick-arrow {
    --size: 44px;
    --arrow_size: 44px;
    left: 40px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_356_1117' maskUnits='userSpaceOnUse' x='1.04199' y='1.04297' width='42' height='42' fill='black'%3E%3Crect fill='white' x='1.04199' y='1.04297' width='42' height='42'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.63975 21.8418C3.63975 11.7948 11.8121 3.64072 21.8409 3.64072L22.3501 3.64772C32.162 3.91768 40.042 11.9651 40.042 21.8418C40.042 31.8707 31.8879 40.043 21.8409 40.043C11.8121 40.043 3.63975 31.8707 3.63975 21.8418ZM25.4448 29.1216C25.9726 28.5755 25.9726 27.7201 25.4266 27.1923L20.0573 21.8411L25.4266 16.49C25.9726 15.9622 25.9726 15.0885 25.4448 14.5607C24.8988 14.0146 24.0433 14.0146 23.5155 14.5607L17.1633 20.8765C16.9085 21.1313 16.7629 21.4771 16.7629 21.8411C16.7629 22.2051 16.9085 22.551 17.1633 22.8058L23.5155 29.1216C23.7703 29.3946 24.1161 29.522 24.462 29.522C24.826 29.522 25.1718 29.3946 25.4448 29.1216Z'/%3E%3C/mask%3E%3Cpath d='M21.8409 3.64072L21.8724 1.34891L21.8566 1.34869H21.8409V3.64072ZM22.3501 3.64772L22.4131 1.35655L22.3973 1.35612L22.3816 1.3559L22.3501 3.64772ZM25.4266 27.1923L23.8087 28.8157L23.821 28.828L23.8336 28.8402L25.4266 27.1923ZM25.4448 29.1216L27.0655 30.7423L27.0793 30.7285L27.0928 30.7146L25.4448 29.1216ZM20.0573 21.8411L18.4393 20.2177L16.8103 21.8411L18.4393 23.4646L20.0573 21.8411ZM25.4266 16.49L23.8336 14.842L23.821 14.8542L23.8087 14.8665L25.4266 16.49ZM23.5155 14.5607L25.1315 16.186L25.1477 16.17L25.1634 16.1537L23.5155 14.5607ZM17.1633 20.8765L15.5473 19.2511L15.5426 19.2557L17.1633 20.8765ZM17.1633 22.8058L15.5426 24.4265L15.5473 24.4311L17.1633 22.8058ZM23.5155 29.1216L25.1911 27.5577L25.1619 27.5264L25.1315 27.4962L23.5155 29.1216ZM21.8409 1.34869C10.5477 1.34869 1.34771 10.5275 1.34771 21.8418H5.93178C5.93178 13.0622 13.0764 5.93276 21.8409 5.93276V1.34869ZM22.3816 1.3559L21.8724 1.34891L21.8094 5.93254L22.3186 5.93954L22.3816 1.3559ZM42.334 21.8418C42.334 10.7203 33.4623 1.66055 22.4131 1.35655L22.287 5.93889C30.8616 6.1748 37.75 13.21 37.75 21.8418H42.334ZM21.8409 42.335C33.1552 42.335 42.334 33.135 42.334 21.8418H37.75C37.75 30.6063 30.6205 37.7509 21.8409 37.7509V42.335ZM1.34771 21.8418C1.34771 33.1365 10.5462 42.335 21.8409 42.335V37.7509C13.0779 37.7509 5.93178 30.6048 5.93178 21.8418H1.34771ZM23.8336 28.8402C23.4373 28.4571 23.4763 27.8601 23.7969 27.5286L27.0928 30.7146C28.469 29.2909 28.508 26.983 27.0196 25.5443L23.8336 28.8402ZM18.4393 23.4646L23.8087 28.8157L27.0446 25.5688L21.6752 20.2177L18.4393 23.4646ZM23.8087 14.8665L18.4393 20.2177L21.6752 23.4646L27.0446 18.1135L23.8087 14.8665ZM23.8241 16.1814C23.4522 15.8095 23.4524 15.2106 23.8336 14.842L27.0196 18.1379C28.4929 16.7138 28.4931 14.3675 27.0655 12.94L23.8241 16.1814ZM25.1634 16.1537C24.7753 16.5552 24.1577 16.515 23.8241 16.1814L27.0655 12.94C25.6399 11.5143 23.3113 11.4741 21.8676 12.9677L25.1634 16.1537ZM18.7794 22.5018L25.1315 16.186L21.8994 12.9353L15.5473 19.2511L18.7794 22.5018ZM19.0549 21.8411C19.0549 22.0919 18.9541 22.3271 18.784 22.4972L15.5426 19.2557C14.8628 19.9355 14.4708 20.8623 14.4708 21.8411H19.0549ZM18.784 21.1851C18.9541 21.3552 19.0549 21.5904 19.0549 21.8411H14.4708C14.4708 22.8199 14.8628 23.7467 15.5426 24.4265L18.784 21.1851ZM25.1315 27.4962L18.7794 21.1804L15.5473 24.4311L21.8994 30.7469L25.1315 27.4962ZM24.462 27.23C24.6757 27.23 24.9633 27.3136 25.1911 27.5577L21.8399 30.6855C22.5773 31.4755 23.5566 31.814 24.462 31.814V27.23ZM23.8241 27.5009C23.9079 27.417 24.0166 27.3436 24.1413 27.2941C24.2634 27.2455 24.3753 27.23 24.462 27.23V31.814C25.3849 31.814 26.3292 31.4786 27.0655 30.7423L23.8241 27.5009Z' fill='%234BBE01' mask='url(%23path-1-outside-1_356_1117)'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    box-shadow: none;
    z-index: 9999999;
    transform: translate3d(0, 0px, 0px) !important;
    transition: background-image .43s;
}

.review_gallery_active .slick-arrow:before {
    display: none;
}

.review_gallery_active .slick-arrow:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_356_1117' maskUnits='userSpaceOnUse' x='1.04199' y='1.04297' width='42' height='42' fill='black'%3E%3Crect fill='white' x='1.04199' y='1.04297' width='42' height='42'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.63975 21.8418C3.63975 11.7948 11.8121 3.64072 21.8409 3.64072L22.3501 3.64772C32.162 3.91768 40.042 11.9651 40.042 21.8418C40.042 31.8707 31.8879 40.043 21.8409 40.043C11.8121 40.043 3.63975 31.8707 3.63975 21.8418ZM25.4448 29.1216C25.9726 28.5755 25.9726 27.7201 25.4266 27.1923L20.0573 21.8411L25.4266 16.49C25.9726 15.9622 25.9726 15.0885 25.4448 14.5607C24.8988 14.0146 24.0433 14.0146 23.5155 14.5607L17.1633 20.8765C16.9085 21.1313 16.7629 21.4771 16.7629 21.8411C16.7629 22.2051 16.9085 22.551 17.1633 22.8058L23.5155 29.1216C23.7703 29.3946 24.1161 29.522 24.462 29.522C24.826 29.522 25.1718 29.3946 25.4448 29.1216Z'/%3E%3C/mask%3E%3Cpath d='M21.8409 3.64072L21.8724 1.34891L21.8566 1.34869H21.8409V3.64072ZM22.3501 3.64772L22.4131 1.35655L22.3973 1.35612L22.3816 1.3559L22.3501 3.64772ZM25.4266 27.1923L23.8087 28.8157L23.821 28.828L23.8336 28.8402L25.4266 27.1923ZM25.4448 29.1216L27.0655 30.7423L27.0793 30.7285L27.0928 30.7146L25.4448 29.1216ZM20.0573 21.8411L18.4393 20.2177L16.8103 21.8411L18.4393 23.4646L20.0573 21.8411ZM25.4266 16.49L23.8336 14.842L23.821 14.8542L23.8087 14.8665L25.4266 16.49ZM23.5155 14.5607L25.1315 16.186L25.1477 16.17L25.1634 16.1537L23.5155 14.5607ZM17.1633 20.8765L15.5473 19.2511L15.5426 19.2557L17.1633 20.8765ZM17.1633 22.8058L15.5426 24.4265L15.5473 24.4311L17.1633 22.8058ZM23.5155 29.1216L25.1911 27.5577L25.1619 27.5264L25.1315 27.4962L23.5155 29.1216ZM21.8409 1.34869C10.5477 1.34869 1.34771 10.5275 1.34771 21.8418H5.93178C5.93178 13.0622 13.0764 5.93276 21.8409 5.93276V1.34869ZM22.3816 1.3559L21.8724 1.34891L21.8094 5.93254L22.3186 5.93954L22.3816 1.3559ZM42.334 21.8418C42.334 10.7203 33.4623 1.66055 22.4131 1.35655L22.287 5.93889C30.8616 6.1748 37.75 13.21 37.75 21.8418H42.334ZM21.8409 42.335C33.1552 42.335 42.334 33.135 42.334 21.8418H37.75C37.75 30.6063 30.6205 37.7509 21.8409 37.7509V42.335ZM1.34771 21.8418C1.34771 33.1365 10.5462 42.335 21.8409 42.335V37.7509C13.0779 37.7509 5.93178 30.6048 5.93178 21.8418H1.34771ZM23.8336 28.8402C23.4373 28.4571 23.4763 27.8601 23.7969 27.5286L27.0928 30.7146C28.469 29.2909 28.508 26.983 27.0196 25.5443L23.8336 28.8402ZM18.4393 23.4646L23.8087 28.8157L27.0446 25.5688L21.6752 20.2177L18.4393 23.4646ZM23.8087 14.8665L18.4393 20.2177L21.6752 23.4646L27.0446 18.1135L23.8087 14.8665ZM23.8241 16.1814C23.4522 15.8095 23.4524 15.2106 23.8336 14.842L27.0196 18.1379C28.4929 16.7138 28.4931 14.3675 27.0655 12.94L23.8241 16.1814ZM25.1634 16.1537C24.7753 16.5552 24.1577 16.515 23.8241 16.1814L27.0655 12.94C25.6399 11.5143 23.3113 11.4741 21.8676 12.9677L25.1634 16.1537ZM18.7794 22.5018L25.1315 16.186L21.8994 12.9353L15.5473 19.2511L18.7794 22.5018ZM19.0549 21.8411C19.0549 22.0919 18.9541 22.3271 18.784 22.4972L15.5426 19.2557C14.8628 19.9355 14.4708 20.8623 14.4708 21.8411H19.0549ZM18.784 21.1851C18.9541 21.3552 19.0549 21.5904 19.0549 21.8411H14.4708C14.4708 22.8199 14.8628 23.7467 15.5426 24.4265L18.784 21.1851ZM25.1315 27.4962L18.7794 21.1804L15.5473 24.4311L21.8994 30.7469L25.1315 27.4962ZM24.462 27.23C24.6757 27.23 24.9633 27.3136 25.1911 27.5577L21.8399 30.6855C22.5773 31.4755 23.5566 31.814 24.462 31.814V27.23ZM23.8241 27.5009C23.9079 27.417 24.0166 27.3436 24.1413 27.2941C24.2634 27.2455 24.3753 27.23 24.462 27.23V31.814C25.3849 31.814 26.3292 31.4786 27.0655 30.7423L23.8241 27.5009Z' fill='%23F8B200' mask='url(%23path-1-outside-1_356_1117)'/%3E%3C/svg%3E%0A") !important;
}

.review_gallery_active .slick-arrow.slick-next {
    left: auto;
    right: 40px;
    transform: rotate(200grad) !important;
}

.review_gallery_active {
    padding: 10px 20px;
    border: 1px solid #F2F2F2;
    border-radius: 6px;
}

.review_gallery_active .slick-slide {
    position: relative;
    width: 100%;
    max-height: 520px;
}

.review_gallery_active .slick-slide:after {
    content: '';
    display: block;
    padding-bottom: 95%;
}

.review_gallery_active .slick-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media only screen and (max-width: 770px) {
    .review_gallery_active .slick-arrow:not(.slick-next) {
        left: 4px;
    }

    .review_gallery_active .slick-arrow.slick-next {
        right: 4px;
    }

    .review_gallery_active {
        padding: 20px 12px;
    }
}

/* Review gallery */

/* Special category event */

.special-category-wrapper .w100 {
    width:100%;
}

.special-category-wrapper .no_padding {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

body.product-category .mailing {
    display: none;
}

.mailing_form .text-danger {
    padding: 10px 26px;
    border-radius: 5px;
    bottom: -46px;
    font-weight: 600;
}

.guar_list{
    margin-top:10px;
}

.special-category-wrapper {
    width: 100%;
}

.category_top {
    border-top: solid 1px #DADADA;
}

.special-category-wrapper .special-top {
    position: relative;
}



.special-category-wrapper .images-wrapper,
.special-category-wrapper .bone {
    position: relative;
}

.special-category-wrapper .images-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5%;
    pointer-events: none;
    background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            #fff 100%
    );
}

section.category {
    width: 100%;
    background-image: var(--category-bg-image);
    background-size: contain;
    background-position: top center;
    background-origin: border-box;
    background-repeat: repeat-y;
    position: relative;
    overflow: hidden;
}

section.category::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    pointer-events: none;
    background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            #fff 100%
    );
}

.category_left #column-left,
.category_left .category_popular,
.category_top {
    background: var(--white);
}

.category_left .category_popular {
    display: block;
    border: solid 1px #DADADA;
    border-top: solid 1px transparent;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.category_left .category_popular .category_popular_title {
    display: block;
    width: fit-content;
    margin: 10px auto 0;
}

.category_left .category_popular .category_popular_items {
    margin-top: 10px;
}

.special-category-wrapper .category_popular_title {
    padding-left: 10px;
}

.special-category-wrapper .special-top {
    position: relative;
    padding: 0;
}

.special-category-wrapper .timer-block {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-75%);
    z-index: 2;
    font-family: var(--font2);
    color: var(--color);
}

.special-category-wrapper .timer-text {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 18px;
}

.special-category-wrapper #timer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.special-category-wrapper #timer > * {
    padding: 0 30px;
    border-right: 1px solid var(--timet-text-color);
    line-height: 1;
}

.special-category-wrapper #timer > *:last-child {
    border-right: 0;
}

.special-category-wrapper #timer .v {
    font-size: 50px;
    font-weight: bold;
}

.special-category-wrapper #timer .t {
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.special-category-wrapper #timer .s .v {
    color: var(--primary);
}

.special-category-wrapper .completed {
    font-weight: bold;
    font-size: 20px;
}

@media (max-width: 992px) {
    .special-category-wrapper .description-bottom__button{
        left: 13% !important;
        position: relative;
    }

    .special-category-wrapper .first-block .abz{
        font-size: 16px !important;
        padding-top: 10px !important;
    }

    .special-category-wrapper .block-3 .abz2, .abz3{
        font-size: 16px !important;
        padding-top: 10px !important;
    }

    .special-category-wrapper .shop-link{
        position: relative;
    }

    .special-category-wrapper #timer > * {
        padding: 0 18px;
    }

    .special-category-wrapper .timer-text {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .special-category-wrapper #timer .v {
        font-size: 40px;
        font-weight: bold;
    }

    .special-category-wrapper #timer .t {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .special-category-wrapper .special-top {
        display: flex;
        flex-direction: column;
    }

    .special-category-wrapper .special-top .timer-block {
        position: relative;
        padding: 15px 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: translate(0);
    }

    .special-category-wrapper .timer-text {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .special-category-wrapper #timer .v {
        font-size: 30px;
        font-weight: bold;
    }

    .special-category-wrapper #timer .t {
        font-size: 12px;
    }

    .special-category-wrapper .images-wrapper,
    .special-category-wrapper .bone {
        padding:0;
        position: relative;
    }
}

/* Special category event */

/* Cheaper together */

.cheaper_together_slider {
    --inner_slider-x: 20px;
    --arrow-ind: -35px;
    --inner: 45px;
}

@media (min-width: 1200px) and (max-width: 1360px) {
    .cheaper_together_slider {
        --inner_slider-x: 20px;
        --arrow-ind: 0;
        --inner: 35px;
        padding: 0 45px;
    }
}

.cheaper_together .slick-track {
    padding-bottom: 1px;
    padding-top: 1px;
}

.cheaper_together_slide {
    padding: 10px 20px 12px;
    background-color: var(--white);
    box-shadow: inset 0 0 0 1px #DADADA;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
}

.product-product .cheaper_together_slide {
    box-shadow: none;
    padding: 0;
    zoom: 1.05;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-product .features_title.cheaper_together {
    display: none;
}

.cheaper_together_cart_item .checkout_item_content .checkout_item_info {
    word-break: break-word;
    overflow-wrap: anywhere;
}

@media (max-width: 500px) {
    .product-product .cheaper_together_slide {
        padding: 10px 20px 12px;
        box-shadow: inset 0 0 0 1px #DADADA;
        zoom: 1;
    }

    .product-product .features_title.cheaper_together {
        display: block;
        margin-bottom: 20px;
    }
}

.cheaper_together_product {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.cheaper_together_slide .slide-top {
    display: grid;
    grid-template-columns: 1fr 32px 1fr;
    grid-template-rows: 1fr;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 16px;
    position: relative;
}

.cheaper_together_slide a {
    cursor: pointer;
}

.cheaper_together_slide .slide-top picture {
    width: 100px;
    height: 100px;
}

.cheaper_together_slide .slide-top img {
    width: 100%;
    height: auto;
}

.cheaper_together_slide .slide-top svg {
    fill: #737373CC;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cheaper_together_slide .slide-top a {
    min-width: 0;
    overflow: hidden;
}

.cheaper_together_slide .slide-top a:last-child {
    grid-column: 3 / 4;
}

.cheaper_together_slide .product_name {
    margin: 0;
    font-weight: 500;
    font-size: var(--line-height);
    line-height: calc(var(--line-height) * 1.25);
    display: -webkit-box;
    -webkit-line-clamp: var(--lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    text-wrap: balance;
    min-width: 1px;
    width: 100%;
}

.cheaper_together_slide .product_name-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    --line-height: 13px;
    --lines: 2;
    height: calc((var(--line-height) * 1.25) * var(--lines));
    width: 100%;
}

.cheaper_together_slide .slide-bottom {
    display: grid;
    grid-template-columns: 1fr 32px 1fr;
    grid-template-rows: 1fr;
    gap: 4px;
    align-items: flex-end;
    justify-content: space-between;
}

.cheaper_together_slide .buy_btn {
    width: 100%;
    grid-column: 2 / 4;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.cheaper_together_slide .buy_btn .__btn {
    --btn_height: 40px;
}

.cheaper_together_slide .percent-item {
    padding: 2px 4px 3px 4px;
    color: var(--white);
    background-color: #FF1515;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-family: var(--font2);
    font-size: clamp(10px, 1.5vw, 12px);
    font-weight: 700;
    white-space: nowrap;
    font-style: normal;
    line-height: 1.25;
    pointer-events: none;
}

.cheaper_together_slide .product_price {
    width: fit-content;
    margin: 0 auto;
}

.cheaper_together_slide .special1 {
    width: fit-content;
    margin: 0 auto;
}

.cheaper_together_slide .buy_btn p:nth-child(2) {
    display: block;
}
.cheaper_together_slide .buy_btn p:nth-child(3) {
    display: none;
}

@media (max-width: 1230px) {
    .cheaper_together_slider {
        --inner_slider-x: 20px;
        --arrow-ind: 0;
        --inner: 0;
        padding: 0;
    }
}

@media (max-width: 915px) {
    .cheaper_together_slide .buy_btn {
        zoom: 0.9;
    }
}

@media (max-width: 700px) {
    .cheaper_together .bone {
        padding: 0;
    }

    .cheaper_together .slick-list {
        margin: 0;
    }

    .cheaper_together .products_top {
        padding: 0 var(--bone);
    }
}

@media only screen and (max-width: 600px) {
    .cheaper_together_slide .product_price {
        font-size: 20px;
    }

    .cheaper_together_slide .product_price ._old {
        font-size: 12px;
    }

    .cheaper_together_slide .product_price ._sale {
        font-size: 10px;
    }
}

@media (max-width: 499px) {
    .cheaper_together_slider {
        --inner_slider-x: 12px;
    }

    .cheaper_together_slide .buy_btn  .__btn {
        padding: 0 10px;
    }

    .cheaper_together_slide .slide-top {
        grid-template-columns: 1fr 24px 1fr;
        margin-bottom: 8px;
    }

    .cheaper_together_slide .slide-bottom {
        grid-template-columns: 1fr 24px 1fr;
    }

    .cheaper_together_slide .slide-top svg {
        width: 24px;
        height: 24px;
    }

    .cheaper_together_slide .slide-bottom {
        grid-template-columns: auto 24px auto;
        gap: 15px;
    }
}

@media (max-width: 370px) {
    .cheaper_together_slide .buy_btn p:nth-child(2) {
        display: none;
    }

    .cheaper_together_slide .buy_btn p:nth-child(3) {
        display: block;
    }

    .cheaper_together_slide .buy_btn .__btn {
        padding: 15px;
    }
}

@media (max-width: 349px) {
    .cheaper_together_slide {
        padding: 10px 12px 12px;
    }

    .cheaper_together_slide .slide-top picture {
        width: 80px;
        height: 80px;
    }
}

.cheaper_together_cart_item {
    position: relative;
}

.cheaper_together_cart_item .checkout_caption {
    background-color: var(--white);
    text-align: center !important;
    justify-content: center;
    padding: 10px 0;
    margin: 0;
}

.cheaper_together_cart_item .checkout_caption:before {
    content: none;
}

.cheaper_together_cart_item .plus-wrapper {
    width: 100%;
    height: 0;
    position: relative;
}

.cheaper_together_cart_item .plus-wrapper svg {
    height: 24px;
    width: 24px;
    margin: 0 auto;
    fill: #737373CC;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -75%);
    z-index: 1;
}

.cheaper_together_cart_item .price-wrapper {
    position: relative;
}

.cheaper_together_cart_item .price-wrapper .product_price {
    position: absolute;
    right: 20px;
    top: 0;
    transform: translateY(-70%);
    z-index: 2;
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
}

@media only screen and (max-width: 770px) {
    .cheaper_together_cart_item .checkout_item_clear {
        --size: 15px;
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
    }

    .cheaper_together_cart_item .price-wrapper .product_price {
        gap: 8px;
    }
}

@media only screen and (max-width: 500px) {
    .cheaper_together_cart_item .checkout_item_price span {
        zoom: 1.25;
    }
}

.cheaper_together_cart_item span .product_price_wrapper {
    transform: translateY(3px);
}

.cheaper_together_cart_item span .product_price_wrapper ._sale {
    zoom: 0.8;
}

.cheaper_together_cart_item .checkout_item_right {
    width: 150px;
}

.cheaper_together_cart_item .checkout_item_bottom {
    margin-top: 4px;
}

.cheaper_together_cart_item .kamount_items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.cheaper_together_cart_item .product_price ._sale {
    font-size: 13px;
}

.cheaper_together_cart_item .checkout_item_right {
    margin-right: 12px;
}

@media only screen and (max-width: 600px) {
    .cheaper_together_cart_item .product_price {
        font-size: 16px;
    }

    .cheaper_together_cart_item .checkout_item_price {
        zoom: 1;
    }

    .cheaper_together_cart_item .product_price ._sale {
        font-size: 9px;
    }

    .cheaper_together_cart_item .checkout_item_right {
        margin-right: 0;
    }
}

@media only screen and (max-width: 770px) {
    .cheaper_together_cart_item .checkout_caption {
        padding-bottom: 0;
    }

    .cheaper_together_cart_item .checkout_item_content {
        padding: 15px 20px 20px;
    }

    .cheaper_together_cart_item .plus-wrapper svg {
        height: 16px;
        width: 16px;
        transform: translate(-50%, -50%);
    }
}

.cheaper_together_cart_item .plus-wrapper svg {
    max-height: 50px !important;
}

/* Cheaper together */


/* Custom background product items */

.common-home .products.custom-bg  {
    /* background: url('https://assol.in.ua/image/catalog/anastasia2025/333.jpg'); */
    /*background: url('https://assol.in.ua/image/catalog/anastasia2025/topchik-2.jpg');*/
    /* background: url('https://assol.in.ua/image/catalog/anastasia2025/patern11.png'); */

    position: relative;
    margin: 50px auto 50px auto;
    padding-top: 40px;
    padding-bottom: 50px;
    max-width: none;
    /*background-repeat: no-repeat;*/
    --accent-color: #fc783b; /* #23272e --accent --color --white */

    background-size: 200px 200px;
}

.common-home .products.custom-bg::before {
    content: '';
    position: absolute;
    /* background-color: #00b400; */

    background: #E1FF00;
    background: -webkit-linear-gradient(125deg, rgba(225, 255, 0, 1) 0%, rgba(0, 180, 0, 1) 100%);
    background: -moz-linear-gradient(125deg, rgba(225, 255, 0, 1) 0%, rgba(0, 180, 0, 1) 100%);
    background: linear-gradient(125deg, rgba(225, 255, 0, 1) 0%, rgba(0, 180, 0, 1) 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
    opacity: 0.15;
}

@media (max-width: 500px) {
    .common-home .products.custom-bg::before {
        opacity: 0.065;
    }
}

@media (max-width: 1030px) {
    .common-home .products.custom-bg  {
        background-size: 125px 125px;
    }
}

.common-home .products_title-wrapper {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: flex-end;
}

.common-home .products_title-wrapper img {
    height: 32px;
    width: 32px;
}

@media (max-width: 600px) {
    .common-home .products_title-wrapper img {
        height: 24px;
        width: 24px;
    }
}

.common-home .custom-bg .products_title-wrapper {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: flex-end;

    background-color: #ffffff;
    padding: 7px 16px 9px 9px;
    border-radius: 50px;
    border: solid 0.51px #DADADA;
}

.common-home .custom-bg .products_more {
    background-color: #ffffff;
    padding: 7px 10px 6px 12px;
    border-radius: 7px;
    border: solid 0.51px #DADADA;
}

.common-home .custom-bg .products_title-wrapper h2 {
    line-height: 1.2;
    /* color: var(--accent-color); */
    background: #FB3F3B;
    background: -webkit-linear-gradient(to right, #FB3F3B 0%, #FFA338 100%);
    background: -moz-linear-gradient(to right, #FB3F3B 0%, #FFA338 100%);
    background: linear-gradient(to right, #FB3F3B 0%, #FFA338 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.common-home .custom-bg .products_more .more {
    /* --color: var(--accent-color); */
    font-weight: 600;
    position: relative !important;
    --color: #23272e;
    --accent-color: var(--color);
    color: var(--color);
}

.common-home .custom-bg .bone {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.common-home .custom-bg .product .product_name:hover {
    font-weight: inherit;
}

.common-home .custom-bg .more-products {
    margin: 30px auto 0;
}

.common-home .custom-bg .products_list {
    gap: 12px;
}

.common-home .custom-bg .product.nana {
    padding: 10px 10px 13px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    box-shadow: inset 0 0 0 1px #DADADA;
    border-radius: 5px;
}

.common-home .custom-bg .product.nana .product_top {
    display: grid;
    grid-template-columns: 90px auto;
    grid-template-rows: auto;
    gap: 5px;
    width: 100%;
    min-height: auto;
}

.common-home .custom-bg .product.nana .product_top .product_details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
}

.common-home .custom-bg .product.nana .product_top .product_details .product_cod {
    position: relative;
    text-align: right;
    right: 0;
    top: -5px;
}

.common-home .custom-bg .product.nana .product_name {
    margin: 0;
    --line-height: 13px;
    --lines: 2;
    font-size: var(--line-height);
    line-height: calc(var(--line-height) * 1.2);
    height: calc((var(--line-height) * 1.2) * var(--lines));
    display: -webkit-box;
    -webkit-line-clamp: var(--lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-wrap: balance;
}

.common-home .custom-bg .product.nana .product_bottom {
    margin: 0;
    zoom: 0.9;
}

.common-home .custom-bg .product.nana .product_bottom .product_btn .__btn {
    border-radius: 0 6px 6px 0;
    transform: translateX(-11px);
}

.common-home .custom-bg .product.nana .product_price {
    zoom: 0.85;
    width: fit-content;
}

.common-home .custom-bg .product.nana .product_price .product_price_wrapper {
    min-height: 15px;
    transform: translateY(5px);
}

.common-home .custom-bg .product.nana .product_details_bottom,
.common-home .custom-bg .product.nana .product_info_right,
.common-home .custom-bg .product.nana ._sale {
    display: none;
}

.common-home .custom-bg .products_title-wrapper img {
    height: 32px;
    width: 32px;
}

.common-home .custom-bg .products_more .more.__icon-more::before {
    --svg: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M17.709 13.612V6.388c0-2.517-1.783-4.096-4.305-4.096H6.597c-2.523 0-4.305 1.57-4.305 4.096v7.224c0 2.525 1.782 4.096 4.305 4.096h6.807c2.522 0 4.305-1.571 4.305-4.096z' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.406 10h-6.81M10.269 6.877L13.405 10l-3.136 3.123' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-image: none;
    mask: var(--svg) no-repeat center;
    -webkit-mask: var(--svg) no-repeat center;
    background-color: var(--accent-color);
}

@media (max-width: 600px) {
    .common-home .custom-bg .products_title-wrapper img {
        height: 24px;
        width: 24px;
    }

    .common-home .custom-bg .products_more .more.__icon-more::before {
        --icon_size: 16px;
        --svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M17.709 13.612V6.388c0-2.517-1.783-4.096-4.305-4.096H6.597c-2.523 0-4.305 1.57-4.305 4.096v7.224c0 2.525 1.782 4.096 4.305 4.096h6.807c2.522 0 4.305-1.571 4.305-4.096z' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.406 10h-6.81M10.269 6.877L13.405 10l-3.136 3.123' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
}

@media (max-width: 1030px) {
    .common-home .custom-bg .products_list {
        gap: 12px;
    }

    .common-home .custom-bg .product.nana {
        grid-row: span 2;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
        flex-direction: column;
        display: flex;

        .product_top {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            gap: 0;
        }

        .product_img {
            height: 140px;
            width: 140px;
            margin: 0 auto 2px;
            padding-bottom: 0;
        }

        .product_top .product_details .product_cod {
            margin: 7px 0 0 0;
        }

        .product_name {
            --lines: 3;
            text-align: left;
        }

        .product_bottom {
            width: 100%;
        }

        ._sale,
        .product_info_right,
        .product_details_center {
            display: flex;
        }

        .product_details_center {
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-end;
        }

        .product_bottom .__btn {
            transform: translateX(0) !important;
            border-radius: 6px !important;
            padding: 0 !important;
            width: var(--btn_height) !important;
        }

        .product_bottom .__btn p {
            display: none !important;
        }
    }
}

@media only screen and (min-width: 600px) {
    .product_info_right {
        display: none !important;
    }
}

@media only screen and (max-width: 1030px) {
    .common-home .custom-bg .product.nana {
        .product_img img {
            height: 100% !important;
            width: auto !important;
        }
    }
}

@media (min-width: 1031px) and (max-width: 1199px) {
    .common-home .custom-bg .product.nana:nth-child(7),
    .common-home .custom-bg .product.nana:nth-child(8),
    .common-home .custom-bg .product.nana:nth-child(9),
    .common-home .custom-bg .product.nana:nth-child(10) {
        display: none;
    }

    .common-home .custom-bg .product.nana:nth-child(1),
    .common-home .custom-bg .product.nana:nth-child(6) {
        grid-column: span 2;
        grid-template-rows: 1fr;
        padding: 15px;

        .product_top {
            grid-template-columns: 140px auto;
            grid-template-rows: 1fr;
            gap: 10px;
        }

        .product_details {
            justify-content: space-between;
            position: relative;
            padding-top: 5px;
        }

        .product_bottom {
            display: none;
        }

        .product_details_center {
            display: flex;
            flex-direction: row;
            gap: 10px;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 5px;
        }

        ._sale,
        .product_info_right,
        .product_details_bottom,
        .product_details_bottom .product_bottom {
            display: flex;
        }

        .product_details_bottom .product_bottom {
            width: 100%;
        }

        .product_details_bottom .product_bottom .__btn {
            transform: translateX(0);
            border-radius: 6px;
        }

        .product_top .product_details .product_cod {
            position: absolute;
            right: 0;
            top: -10px;
        }

        .product_name {
            text-wrap: auto;
            transform: translateY(4px);
        }
    }
}

@media only screen and (min-width: 1200px) {
    .common-home .custom-bg .product.nana:nth-child(9),
    .common-home .custom-bg .product.nana:nth-child(10) {
        display: none;
    }

    .common-home .custom-bg .product.nana:nth-child(1),
    .common-home .custom-bg .product.nana:nth-child(8) {
        grid-column: span 2;
        grid-template-rows: 1fr;
        padding: 15px;

        .product_top {
            grid-template-columns: 140px auto;
            grid-template-rows: 1fr;
            gap: 10px;
        }

        .product_details {
            justify-content: space-between;
            position: relative;
            padding-top: 5px;
        }

        .product_bottom {
            display: none;
        }

        .product_details_center {
            display: flex;
            flex-direction: row;
            gap: 10px;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 5px;
        }

        ._sale,
        .product_info_right,
        .product_details_bottom,
        .product_details_bottom .product_bottom {
            display: flex;
        }

        .product_details_bottom .product_bottom {
            width: 100%;
        }

        .product_details_bottom .product_bottom .__btn {
            transform: translateX(0);
            border-radius: 6px;
        }

        .product_top .product_details .product_cod {
            position: absolute;
            right: 0;
            top: -10px;
        }

        .product_name {
            text-wrap: auto;
            transform: translateY(4px);
        }
    }
}

/* Custom background product items */

/* Aksy and services */

/* ---------- Базові змінні та контейнер блоку ---------- */
.checkout_item .services-wrapper {
  --wrapper-margins: 0 0 4px 0;
  --wrapper-paddings: 12px;
  --cart-btn-size: 40px;
  --img-size: 65px;
  --accent: var(--primary);
  --list-wrapper-direction: column;
  --list-wrapper-gap: 7px;
  --list-wrapper-paddings: 5px;
  --list-item-paddings: 10px;
  --list-item-border-radius: 3px;
  --list-item-name-font-size: 15px;
  --list-item-grid-template-columns: var(--img-size) 1fr auto var(--cart-btn-size);
  --list-item-grid-template-rows: auto;
  --list-item-selected-grid-template-columns: var(--img-size) 1fr auto;
  --list-item-grid-column-gap: 20px;
  --list-item-grid-row-gap: 0;
  --list-item-grid-align-items: center;
  --list-item-grid-justify-content: var(--list-item-grid-align-items);
  --list-item-price-font-size: 17px;
  --services-more-font-size: 14px;
  --services-more-safe-area: 5px;
  --wrapper-title-font-size: 20px;
  --wrapper-title-font-weight: 600;
  --list-item-height: calc(var(--img-size) + (var(--list-item-paddings) * 2));
  --main-img-size: 102px;
  --selected-item-plus-size: 14px;
  --selected-line-color: #e0e0e0;
  --popup-shadow: 0 20px 60px rgba(0,0,0,.2);
  --overlay-bg: rgba(0,0,0,.4);

  background-color: var(--white);
  margin: var(--wrapper-margins);
  padding: var(--wrapper-paddings);
}

/* Скидання відступів у карточці при наявності блоку сервісів */
.checkout_item:has(.services-wrapper) { gap: 0; }
.checkout_item:has(.services-wrapper) .checkout_item_content { padding: 20px 12px 0; margin-bottom: 0; }

/* ---------- Кнопки "більше/закрити" (загальні стилі) ---------- */
/* Базові стилі кнопок: доступність, кліки, анімація */
.checkout_item .services-wrapper .services-more,
.checkout .popup-wrapper .services-more {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  user-select: none;
  transition: all .2s ease;
}

/* Стан відкриття (кнопка у карточці) */
.checkout_item .services-wrapper .services-more.open:focus-visible { border: 1px solid #DADADA; }
.checkout_item .services-wrapper .services-more.open:active { transform: scale(.995); }

/* Кнопка закриття у попапі */
.checkout .popup-wrapper .services-more.close,
#services-cart-wrapper .services-more.close {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 35px;
  width: 35px;
  padding: 5px;
  rotate: 45deg;
  color: red;
  opacity: .75;
}

#services-cart-wrapper .services-more.close {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.checkout .popup-wrapper .services-more.close:focus-visible,
#services-cart-wrapper .services-more.close:focus-visible { opacity: 1; }
.checkout .popup-wrapper .services-more.close:active,
#services-cart-wrapper .services-more.close:focus-visible { transform: scale(.9); }

/* Вид кнопки "Обрати аксесуари та сервіси" у карточці */
.checkout_item .services-wrapper .services-more {
  margin-top: 10px;
  margin-inline: auto;
  font-size: var(--services-more-font-size);
  padding: var(--services-more-safe-area);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  --icon_size: calc(var(--cart-btn-size) / 1.9);
  --color: var(--accent);
  color: var(--color);
  font-family: var(--font2);
  font-weight: 500;
}
.checkout_item .services-wrapper .services-more svg { height: var(--icon_size); width: var(--icon_size); }
#services-cart-wrapper .services-more svg { height: calc(var(--icon_size) / 1.5); width: calc(var(--icon_size) / 1.5); opacity: 0.8; }

/* Кнопка "розгорнути список" під блоком */
.checkout_item .services-wrapper .services-list-more {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
  cursor: pointer;
  margin: 3px 0 10px;
  justify-content: flex-start;
}
.checkout_item .services-wrapper .services-list-more:nth-child(4) { margin-bottom: 0; }
.checkout_item .services-wrapper .services-list-more p { color: var(--accent); transform: translateY(1px); }
.checkout_item .services-wrapper .services-list-more svg {
  height: var(--icon_size);
  width: var(--icon_size);
  transition: all .3s ease;
}
.checkout_item .services-wrapper .services-list-more svg.active { rotate: -180deg; }

/* ---------- Списки сервісів ---------- */
/* Обгортка списку сервісів у карточці */
.services-main { padding: 10px; }

.checkout_item .services-list {
  display: flex;
  flex-direction: var(--list-wrapper-direction);
  gap: var(--list-wrapper-gap);
  padding: var(--list-wrapper-paddings);
  min-height: 0;
  overflow: hidden;
  /* За замовчуванням видно 2 елементи */
  height: calc((var(--list-wrapper-paddings) + 1px) + ((var(--list-item-height) * 2) + var(--list-wrapper-gap)));
}
.checkout_item .services-list.open { height: auto; }

/* Елемент списку */
.checkout_item .services-list-item {
  box-shadow: 0 0 0 .6px #DADADA;
  background-color: var(--white);
  border-radius: var(--list-item-border-radius);
  padding: var(--list-item-paddings);
  display: grid;
  grid-template-columns: var(--list-item-grid-template-columns);
  grid-template-rows: var(--list-item-grid-template-rows);
  column-gap: var(--list-item-grid-column-gap);
  row-gap: var(--list-item-grid-row-gap);
  align-items: var(--list-item-grid-align-items);
  justify-content: var(--list-item-grid-justify-content);
}

/* Обрані сервіси (праворуч від головного зображення товару) */
.checkout_item .selected-services .services-list-item {
  grid-template-columns: var(--list-item-selected-grid-template-columns);
  position: relative;
  margin-top: 8px;
}
.checkout_item .selected-services .services-list-item:first-child { margin-top: 0; }

/* Контейнер вибраних сервісів */
.checkout_item .services-wrapper .selected-services {
  width: calc(100% - var(--main-img-size));
  margin-left: auto;
  position: relative;
}
/* Якщо немає вибраних елементів — приховати вертикальну лінію */
.checkout_item .services-wrapper .selected-services:not(:has(.services-list-item)) { width: 100%; }
.checkout_item .services-wrapper .selected-services:not(:has(.services-list-item)) .selected-items-main-line { display: none; }

/* Вертикальна лінія (зв’язок з головним зображенням) */
.checkout_item .services-wrapper .selected-services .selected-items-main-line {
  position: absolute;
  top: -8px;
  left: calc(((var(--main-img-size) / 2) + 5px) * -1);
  height: calc(100% - ((var(--list-item-height) / 2) + 50px));
  border-left: 1px solid var(--selected-line-color);
}

/* Кутова "елбоу"-лінія для кожного вибраного пункту */
.checkout_item .services-wrapper .selected-services .services-list-item::before {
  --line-size: calc((var(--main-img-size) / 2) - 7.5px);
  content: "";
  position: absolute;
  top: calc(50% - var(--line-size));
  left: calc((var(--line-size) + 12.5px) * -1);
  width: var(--line-size);
  height: var(--line-size);
  border-bottom: 1px solid var(--selected-line-color);
  border-left: 1px solid var(--selected-line-color);
  border-radius: 0 0 0 calc(var(--line-size) / 3);
}

/* Деталізація для елементів вибраного списку */
.checkout_item .services-wrapper .selected-services .services-list-item {
  padding: 8px 0 8px 8px;
  grid-template-columns: calc(65px * 0.8) 1fr auto auto;
  column-gap: 15px;
}
.checkout_item .services-wrapper .selected-services .services-list-item .main-service-image { zoom: .8; }
.checkout_item .services-wrapper .selected-services .services-list-item button {
  height: 21px;
  width: 21px;
  position: relative;
  transform: translate(-10px, 1px);
  cursor: pointer;
}
.checkout_item .services-wrapper .selected-services .services-list-item button img { height: 100%; width: auto; }
.checkout_item .selected-services .services-list-item .checkout_item_price { margin-right: 10px; }

/* ---------- Зображення, текст, ціни ---------- */
.checkout_item .services-list-item img {
  margin: 0 auto;
  width: auto;
  height: var(--img-size);
  border-radius: calc(var(--list-item-border-radius) - 1px);
}
.checkout_item .services-list-item p { font-weight: 400; font-size: var(--list-item-name-font-size); }
.checkout_item .services-list-item .product_price p { width: fit-content; text-align: right; }
.checkout_item .services-list-item .checkout_item_price { zoom: 1; }
.checkout_item .services-list-item .checkout_item_price p { font-size: var(--list-item-price-font-size); font-weight: 600; }

/* Кнопка-акордеон у списку */
.checkout_item .services-list-item button.__btn.accordion {
  height: var(--cart-btn-size);
  width: var(--cart-btn-size);
  padding: 0;
}
.checkout_item .services-list-item button.__btn.accordion svg {
  height: calc(var(--cart-btn-size) / 1.8);
  width: calc(var(--cart-btn-size) / 1.8);
}

/* ---------- Попап та оверлей ---------- */
/* Напівпрозорий бекграунд при відкритті попапу */
.checkout .popup-overlay {
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
  z-index: 100001;
}
.checkout .popup-overlay.active { opacity: 1; visibility: visible; }

#services-popup-overlay.cart-popup-o {
    background-color: rgba(0, 0, 0, 0.5);
}

#services-popup-overlay.popup-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-bg {
    background: transparent !important;
}

/* Сам попап */
.checkout .popup-wrapper {
  background-color: var(--white);
  box-shadow: 0 0 5px 2px #DADADA;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: -1000;
  pointer-events: none;
  max-width: 750px;
  width: 100%;
  transition: all .4s ease;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px 0;
  top: 0; bottom: 0; left: 0;
  transform: translateX(-105%);
  /* Кастом-скрол для WebKit */
  --sb-track-color: #ffffff00;
  --sb-thumb-color: #ffffff00;
  --sb-size: 0;
}
#services-cart-wrapper .popup-wrapper {
    z-index: 100002;
}
.checkout .popup-wrapper.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); /* важливо: зліва направо */
  z-index: 100002;
  pointer-events: auto;
}
/* Кастомний скрол */
.checkout .popup-wrapper::-webkit-scrollbar { width: var(--sb-size); }
.checkout .popup-wrapper::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 5px; }
.checkout .popup-wrapper::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 5px; }
@supports not selector(::-webkit-scrollbar) {
  .checkout .popup-wrapper { scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); }
}

/* ---------- Вміст попапу ---------- */
.checkout .popup-wrapper .services-list-item { grid-template-columns: 90px 1fr auto 40px; }
.checkout .popup-wrapper .services-list-item img { height: 80px; width: 80px; margin: 0 5px; }

.checkout .popup-wrapper .service-name {
  font-family: var(--font2);
  font-weight: 700;
  margin-top: 10px;
}
.checkout .popup-wrapper .service-name span {
  display: block;
  margin-top: 15px;
  opacity: .5;
  zoom: .9;
  font-family: var(--family);
  font-weight: 400;
}

/* Градієнт у кінці треку слайдера — вимкнено (як у вашій кінцевій версії) */
.checkout .popup-wrapper .splide__track::after { content: none; }

.checkout_item .services-header {
  font-family: var(--font2);
  font-weight: 600;
  margin-bottom: 2px;
  text-align: left;
}
.checkout_item .services-main h4,
#services-cart-wrapper .services-main h4 {
  font-size: var(--wrapper-title-font-size);
  font-weight: var(--wrapper-title-font-weight);
  padding-left: 15px;
  margin-bottom: 8px;
}

#services-cart-wrapper .services-main h4 {
    font-weight: 600;
}

/* Карточки товарів у попапі */
.checkout .popup-wrapper .splide__list.services-wrapper {
  border: .6px solid #DADADA85;
  box-shadow: none;
  border-radius: 3px;
}
.checkout .popup-wrapper .product {
  border: .6px solid #DADADA85;
  box-shadow: none;
  border-radius: 3px;
  zoom: .8;
  --accent: #f8b200;
}
.checkout .popup-wrapper .product .product_top { min-height: 30px; }
.checkout .popup-wrapper .product .product_top .product_img:after {
  content: '';
  display: block;
  padding-bottom: 50%;
}

/* Інфо-іконка в картці сервісу */
.checkout .popup-wrapper .product_hr_wrapper.info-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: fit-content;
  zoom: .75;
  transform: translateY(-10px);
  z-index: 10;
}
.checkout .popup-wrapper .product_hr_wrapper.info-icon svg { width: calc(var(--size) - 3px); height: calc(var(--size) - 3px); }
.checkout .popup-wrapper .product_hr_wrapper.info-icon .product_hr { border-radius: 50%; }
.checkout .popup-wrapper .product_hr_wrapper.info-icon:hover .product_content_info,
.checkout .popup-wrapper .product_hr_wrapper.info-icon .product_content_info.active {
  pointer-events: auto;
  opacity: 1;
}
.checkout .popup-wrapper .product_content_info {
  position: absolute;
  top: calc(100% + 10px);
  right: -250%;
  padding: 20px 18px;
  width: 268px;
  font-weight: 400;
  background-color: var(--white);
  border-radius: 6px;
  filter: drop-shadow(0 10px 30px rgb(0 0 0 / .15));
  z-index: 12;
  transition: opacity .43s;
  pointer-events: none;
  opacity: 0;
  zoom: 1.2;
}
.checkout .popup-wrapper .product_content_info p {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(100% * 8);
}
@media (max-width: 768px) {
    .checkout .popup-wrapper .product_content_info p {
        -webkit-line-clamp: 6;
        max-height: calc(100% * 6);
    }
    .checkout .popup-wrapper .product_content_info {
        zoom: 1.1;
    }
}
@media (max-width: 450px) {
    .checkout .popup-wrapper .product_hr_wrapper.info-icon .product_hr {
        zoom: 0.9;
    }
    .checkout .popup-wrapper .product_content_info {
        zoom: 1;
    }
}
.checkout .popup-wrapper .product_content_info:before {
  content: '';
  position: absolute;
  right: 75px;
  bottom: calc(100% - 1px);
  width: 20px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1219_12620)'%3E%3Cpath d='M10.144 6L24.1252 23.655H-3.83711L10.144 6Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1219_12620'%3E%3Crect width='20' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Кнопки в попапі */
.checkout .popup-wrapper .cart-btn { height: var(--cart-btn-size); width: var(--cart-btn-size); padding: 0; }
.checkout .popup-wrapper .cart-btn svg {
  height: calc(var(--cart-btn-size) / 1.8);
  width: calc(var(--cart-btn-size) / 1.8);
}
.checkout .popup-wrapper .cart-btn p { display: none; }

/* Блок "для цього продукту" у попапі */
.checkout .popup-wrapper .services-for-product-wrapper {
  border-bottom: .75px solid #DADADA;
  padding: 30px;
  margin: 0 15px 30px;
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.checkout .popup-wrapper .services-for-product-wrapper img { height: 80px; width: 80px; }
.checkout .popup-wrapper .services-for-product-wrapper p { font-weight: 700; font-family: var(--font2); }
.checkout .popup-wrapper .services-for-product-wrapper span {
  opacity: .65;
  font-weight: 400;
  font-family: var(--family);
  display: block;
  margin-top: 6px;
  zoom: .96;
}

/* ---------- Стрілки Splide ---------- */
.splide__arrow {
  background: var(--primary) !important;
  width: 30px !important;
  height: 30px !important;
  opacity: .8 !important;
  border-radius: 5px !important;
  transition: all .2s ease !important;
}
.splide__arrow:active { transform: translateY(calc(-50% + 1px)); }
.splide__arrow--prev { left: 10px !important; }
.splide__arrow--next { right: 10px !important; }
.splide__arrow::after {
  content: '';
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-1.90735e-06 13.75C-1.90735e-06 6.16 6.17375 -1.90735e-06 13.75 -1.90735e-06L14.1347 0.00528145C21.547 0.209221 27.5 6.28864 27.5 13.75C27.5 21.3262 21.34 27.5 13.75 27.5C6.17375 27.5 -1.90735e-06 21.3262 -1.90735e-06 13.75ZM16.4719 19.25C16.8706 18.8375 16.8706 18.1912 16.4581 17.7925L12.4019 13.75L16.4581 9.70749C16.8706 9.30873 16.8706 8.64873 16.4719 8.24998C16.0594 7.83748 15.4131 7.83748 15.0144 8.24998L10.2156 13.0212C10.0231 13.2137 9.91314 13.475 9.91314 13.75C9.91314 14.025 10.0231 14.2862 10.2156 14.4787L15.0144 19.25C15.2069 19.4562 15.4681 19.5525 15.7294 19.5525C16.0044 19.5525 16.2656 19.4562 16.4719 19.25Z' fill='white'/%3E%3C/svg%3E%0A");
}
.splide__arrow--next::after { rotate: 180deg; }
.splide__arrow:disabled { opacity: .3 !important; cursor: not-allowed; }
.splide__arrow svg { display: none; }

.spacer { display: block; margin-bottom: 20px; }
@media (min-width: 1024px) { .spacer { margin-bottom: 30px; } }

/* <= 1030px — тюнінг змінних */
@media only screen and (max-width: 1030px) {
  .checkout_item .services-wrapper {
    --img-size: 60px;
    --cart-btn-size: 35px;
    --list-item-paddings: 8px;
    --list-item-name-font-size: 14px;
    --list-item-price-font-size: 15px;
    --list-item-grid-column-gap: 15px;
    --services-more-font-size: 14px;
    --wrapper-title-font-size: 16px;
    --wrapper-title-font-weight: 600;
  }
}

/* <= 768px — мобільна логіка попапу та розміри */
@media (max-width: 768px) {
  .checkout .popup-wrapper {
    left: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    right: 0 !important;
    width: 100%;
    max-width: 100%;
    transform: none;
    z-index: 1000;
    opacity: 0;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .checkout .popup-wrapper.active {
    transform: none;
    pointer-events: auto;
    opacity: 1;
  }
  .checkout .popup-overlay { backdrop-filter: blur(0); }

  .checkout .popup-wrapper .product {
    border: 1px solid #DADADA;
    box-shadow: none;
    border-radius: 3px;
    zoom: 1;
    --accent: #f8b200;
  }

  .checkout_item .services-list-item p,
  .services-list-item p { font-size: 12px; }

  .checkout_item .services-wrapper .selected-services .services-list-item button {
    height: 16px; width: 16px; transform: translate(-10px, 1px); cursor: pointer;
  }

  .checkout_item .services-wrapper .services-more { --cart-btn-size: 31px; font-size: 13px; }
  .checkout_item .services-wrapper { --main-img-size: 56px; --img-size: 40px; }

  .checkout_item .services-wrapper .selected-services .services-list-item {
    padding: 8px 0 8px 8px;
    grid-template-columns: var(--img-size) 1fr auto auto;
    column-gap: 15px;
  }

  .checkout_item .services-list-item img { height: var(--img-size); }

  .checkout_item .services-wrapper .selected-services .selected-items-main-line {
    height: calc(100% - ((var(--list-item-height) / 2) + 40px));
  }

  .checkout .popup-wrapper .service-name { font-size: 14px; margin-top: 5px; }
  .checkout .popup-wrapper .service-name span { margin-top: 12.5px; zoom: 1; }

  .checkout .popup-wrapper .cart-btn p { display: block; font-weight: 600; }
  .checkout .popup-wrapper .cart-btn { height: var(--cart-btn-size); width: auto; padding: 0 10px; zoom: 1.2; }

  .checkout .popup-wrapper .services-list-item .main-service-image { width: 100px; height: 100px; }

  .checkout .popup-wrapper .services-list-item {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 10px 15px;
    align-items: center;
    padding: 12px;
  }
  .checkout .popup-wrapper .services-list-item > a:first-of-type { grid-row: 1 / 3; grid-column: 1; }
  .checkout .popup-wrapper .services-list-item > a:nth-of-type(2) { grid-column: 2; grid-row: 1; }
  .checkout .popup-wrapper .services-list-item .product_price {
    grid-column: 2; grid-row: 2; zoom: 1.2; justify-self: flex-start;
  }
  .checkout .popup-wrapper .services-list-item .cart-btn {
    grid-column: 2; grid-row: 2; justify-self: flex-end; align-self: center;
  }
}

/* <= 600px — кнопка продукту в попапі */
@media (max-width: 600px) {
  .checkout .popup-wrapper .product_btn { --btn_height: 36px; margin-left: 0; }
  .checkout .popup-wrapper .product_btn p { display: none; }
  .checkout .popup-wrapper .product_btn button {
    border-radius: 6px; padding: 0; height: var(--btn_height); width: var(--btn_height);
  }
  .checkout .popup-wrapper .product { border: none !important; box-shadow: inset 0 0 0 1px #DADADA !important; }
  .checkout .popup-wrapper .product { zoom: .9 !important; }
}

/* <= 500px — компактні стилі, лінії зв’язку та розміри */
@media (max-width: 500px) {
  .checkout_item .services-wrapper br { line-height: .5; }
  .checkout_item .services-main h4 { font-size: 16px; margin-bottom: 5px; }
  .checkout_item .services-wrapper .selected-services { width: calc(100% - 30px); }
  .checkout_item .services-wrapper .selected-services .services-list-item .main-service-image { zoom: 1; }

  .checkout_item .services-list-item p,
  .services-list-item p { font-size: 10px; }

  .checkout_item .services-wrapper .selected-services .services-list-item {
    padding: 8px 0 8px 8px; grid-template-columns: var(--img-size) 1fr auto auto; column-gap: 5px;
  }
  .checkout_item .services-wrapper .selected-services .services-list-item .product_price { zoom: .85; }
  .checkout_item .services-wrapper .selected-services .services-list-item button {
    height: 14px; width: 14px; transform: translate(-5px, 1px);
  }
  .checkout_item .services-wrapper .services-more { --cart-btn-size: 28px; font-size: 12px; }

  /* Корекція вертикальної та кутової ліній */
  .checkout_item .services-wrapper .selected-services .selected-items-main-line {
    position: absolute;
    top: -16px;
    left: calc(((var(--main-img-size) / 2) - 14px) * -1);
    height: calc(100% - ((var(--list-item-height) / 2) + 20px));
    border-left: 1px solid var(--selected-line-color);
  }
  .checkout_item .services-wrapper .selected-services .services-list-item::before {
    --line-size: calc((var(--main-img-size) / 2) - 20px);
    content: "";
    position: absolute;
    top: calc(50% - var(--line-size));
    left: calc((var(--line-size) + 6px) * -1);
    width: var(--line-size);
    height: var(--line-size);
    border-bottom: 1px solid var(--selected-line-color);
    border-left: 1px solid var(--selected-line-color);
    border-radius: 0 0 0 calc(var(--line-size) / 3);
  }

  /* Попап-вміст — компактніший */
  .checkout .popup-wrapper .services-for-product-wrapper { padding: 20px 10px; margin-bottom: 20px; gap: 10px; }
  .checkout .popup-wrapper .services-for-product-wrapper img { height: 60px; width: 60px; }
  .checkout .popup-wrapper .services-for-product-wrapper p { font-size: 14px; }
  .checkout .popup-wrapper .services-for-product-wrapper span { margin-top: 4px; font-size: 13px; zoom: .95; }

  .checkout .popup-wrapper .cart-btn p { display: block; font-weight: 600; font-size: 13px; }
  .checkout .popup-wrapper .cart-btn { padding: 0 10px; zoom: 1; }

  .checkout .popup-wrapper .services-list-item .main-service-image { width: 80px; height: 80px; }
  .checkout .popup-wrapper .services-list-item { gap: 10px; }
  .checkout .popup-wrapper .services-list-item .product_price { zoom: 1; }

  .checkout .popup-wrapper .service-name { font-size: 12px; margin-top: 5px; }
  .checkout .popup-wrapper .service-name span { margin-top: 12.5px; zoom: 1; }
}

/* <= 400px — повна перебудова сітки картки сервісу в попапі */
@media (max-width: 400px) {
  .checkout .popup-wrapper .services-list-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 0;
    padding: 16px 10px 20px;
    zoom: .85;
  }
  .checkout .popup-wrapper .services-list-item > a:first-of-type {
    grid-column: 1 / -1; grid-row: 1; justify-self: center;
  }
  .checkout .popup-wrapper .services-list-item > a:nth-of-type(2) {
    grid-column: 1 / -1; grid-row: 2; justify-self: center; text-align: center;
  }
  .checkout .popup-wrapper .services-list-item .cart-btn {
    grid-column: 1; grid-row: 3; justify-self: start; align-self: center;
    padding: 0 15px; border-radius: 0 6px 6px 0; transform: translateX(-10px);
  }
  .checkout .popup-wrapper .services-list-item .product_price {
    grid-column: 2; grid-row: 3; justify-self: end; align-self: center; zoom: 1.2;
  }
  .checkout .popup-wrapper .cart-btn p { font-size: 14px; }
  .checkout .popup-wrapper .service-name { font-size: 13px; margin: 10px 0 15px; text-align: left; }
  .checkout .popup-wrapper .services-list-item .main-service-image { width: 85px; height: 85px; }
  .checkout .popup-wrapper .product { zoom: .85; }
}

/* <= 370px — приховати текст у кнопці кошика в попапі */
@media (max-width: 370px) {
  .checkout .popup-wrapper .cart-btn p { display: none; font-weight: 600; }
}

/* Aksy and services */

/* Auths */
.social-auth-wrapper {
    display: grid;
    grid-template-columns: max-content;
    justify-content: center;
    gap: 12px;
    width: 100%;
}

.social-divider {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 0 5px;
    color: #8f8f8f;
    font-size: 12px;
    width: 100%;
    max-width: min(90%, 326px);
    margin: 0 auto;
    margin-top: 12px;
}
.social-divider::before, .social-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #C1C1C1;
}
.social-divider:not(:empty)::before { margin-right: .5em; }
.social-divider:not(:empty)::after { margin-left: .5em; }

/* Google */
.gsi-material-button {
    appearance: none;
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    padding: 0 40px;
    position: relative;
    text-align: center;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    white-space: nowrap;
}

[class*="checkout-credit-"] .social-auth-wrapper {
    margin-top: 10px;
}

.account-login .social-auth-wrapper {
    grid-template-columns: 100%;
    margin-top: 20px;
}

.account-login .gsi-material-button {
    width: 100%;
}

.gsi-material-button-icon {
    width: 19px;
    height: 19px;
    margin-right: 12px;
    flex-shrink: 0;
}

.gsi-material-button-icon.apple {
    width: 21px;
    height: 21px;
}

.gsi-material-button-icon.fb {
    width: 21px;
    height: 21px;
}

.gsi-material-button:not(:disabled):hover {
    background-color: #f9f9f9;
    border-color: #019F01;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.gsi-material-button-contents {
    flex-grow: 0;
}

.gsi-material-button-state {
    display: none;
}

.gsi-material-button-content-wrapper {
    font-family: var(--font2);
    font-size: var(--btn_font);
    font-weight: 500;
    display: flex;
    justify-items: center;
    align-items: center;
}

.gsi-material-button-contents {
    color: #333333;
    height: fit-content;
    line-height: 1;
}

.gsi-material-button-icon {
    display: block !important;
}

/* Google */

.auth-settings {
    margin: 25px 0;
}

.auth-settings__title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 0.5rem;
    width: 100%;
}

.auth-settings__subtitle {
    color: #6b7280;
    font-size: 0.9rem;
    margin-bottom: 18px;
    width: 100%;
}

.auth-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    gap: 1rem;
    max-width: 350px;
}

.auth-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    transition: transform 0.2s, box-shadow 0.2s;
}

.auth-card:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.auth-card.s_list {
    border: 1px solid #d6d8db;
    text-align: right;
}

.auth-card__info {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.auth-card__icon {
    display: block !important;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.auth-card__text {
    display: flex;
    flex-direction: column;
}

.auth-card__name {
    font-weight: 500;
    color: #000;
    font-family: var(--font2);
    transform: translateY(-2px);
}

.auth-card__status {
    font-size: 0.8rem;
    color: #6b7280;
}

.auth-btn {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid transparent;
    font-family: var(--font2);
}

.auth-btn--primary {
    background-color: var(--primary);
    color: white;
}

.auth-btn--primary:hover {
    background-color: #009400;
}

.auth-btn--secondary {
    background-color: white;
    border-color: #e5e7eb;
    color: #000000d3;
}

.auth-btn--secondary:hover {
    background-color: #f9fafb;
    color: #ef4444;
    border-color: #ef4444;
}

@media (max-width: 500px) {
    .auth-grid {
        grid-template-columns: 1fr;
        margin: 0 auto;
        max-width: 500px;
    }

    .auth-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .auth-card.s_list {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .auth-btn {
        width: 100%;
    }
}

.auth-btn:disabled,
.auth-btn.is-loading {
    opacity: 0.6;
    pointer-events: none;
    filter: grayscale(0.5);
}

.auth-btn--primary:disabled {
    background-color: #9ca3af;
    border-color: #9ca3af;
}

.auth-btn--secondary:disabled {
    background-color: #f3f4f6;
    color: #9ca3af;
    border-color: #e5e7eb;
}
/* Auths */

/* Credits in chekaut */

.checkout_custom-b2c [class*="checkout-credit-"] .about_title {
    padding: 0 1.5rem;
    text-align: center;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .offer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    gap: 10px;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .offer p {
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .offer ul li {
    margin-bottom: 3px;
    zoom: 0.95;
    color: #878686;
}

.checkout_custom-b2c [class*="checkout-credit-"] .checkout_item_content {
    padding: 20px 12px 7px;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .offer ul li:last-child {
    margin-bottom: 0;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item ._select .current {
    margin-right: 0;
    width: 100%;
    text-wrap: nowrap;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .payment p {
    position: relative;
    text-align: center;
    zoom: 1.1;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item div:nth-child(3) {
    width: 100%;
}

.checkout_custom-b2c [class*="checkout-credit-"] select.save_on_edit,
.checkout_custom-b2c [class*="checkout-credit-"] .save_on_edit.__btn {
    width: auto !important;
}

.checkout_custom-b2c .birthday {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.checkout_custom-b2c .birthday .form-group {
    position: relative;
}

.checkout_custom-b2c span.text-danger {
    zoom: 0.8;
}

.checkout_custom-b2c .birthday .form-group span.text-danger {
    bottom: auto;
    top: calc(100% + 0.2rem);
    text-wrap: nowrap;
}

.checkout_custom-b2c .birthday .form-group input {
    padding: 12px 10px;
    height: 50px;
    min-height: 40px;
}

.checkout_custom-b2c input:not([type=checkbox],[type=radio],[type=submit],[type=range]),
textarea {
    font-family: var(--font2) !important;
}

.checkout_custom-b2c input:not([type=checkbox],[type=radio],[type=submit],[type=range])::placeholder,
.checkout_custom-b2c textarea::placeholder {
    font-family: var(--font2) !important;
}

.checkout_custom-b2c input:not([type=checkbox],[type=radio],[type=submit],[type=range]):-ms-input-placeholder,
.checkout_custom-b2c textarea:-ms-input-placeholder {
    font-family: var(--font2) !important;
}

.checkout_custom-b2c .agreements p {
    font-family: var(--font2);

    font-weight: 500;
    text-align: left;
    font-size: 11px;
    --size: 11px;
    display: inline-block;
}

.checkout_custom-b2c .agreements p span {
    opacity: 0.75;
}

.checkout_custom-b2c .error-form-text.agreements,
.checkout_custom-b2c .error-form-text.agreements_credit {
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid #fff0;
    color: #fff !important;
    background-color: var(--red);
    border-radius: 6px;
    text-align: center;
    margin: 5px auto 10px;
    padding: 5px;
    height: auto;
    display: block;
}

@media only screen and (max-width: 770px) {
    .checkout_total_caption {
        font-size: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .checkout_custom-b2c .birthday {
        gap: 8px;
    }

    .checkout_custom-b2c [class*="credit-inner-"] .payment {
        width: 100% !important;
        text-align: center;
        margin-top: 10px;
    }

    .checkout_custom-b2c [class*="credit-inner-"] .__btn._line {
        width: 100% !important;
        /* margin-top: 10px; */
    }
}

.checkout_custom-b2c [class*="checkout-credit-"] {
    margin-top: 10px;
    padding: 0 1rem 1rem;
}

.checkout_custom-b2c [class*="checkout-credit-"] .about_title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.checkout_custom-b2c [class*="checkout-credit-"] .about_title p {
    opacity: 0.75;
    font-weight: 300;
    font-size: 14px;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_block {
    padding: 10px 5px 0 !important;
    box-shadow: none;
    margin-bottom: 20px;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_item_content:has(input[type="radio"]:checked) {
    transform: translateY(-1px);
    scale: 1.015;
    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.12),
        0 2px 6px rgba(0, 0, 0, 0.08);
    transition:
        box-shadow 0.25s ease,
        scale 0.25s ease,
        transform 0.25s ease;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_item_name {
    font-size: 17px;
    font-weight: 400;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_item_price {
    font-size: 30px;
    zoom: .8;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_items {
    margin-bottom: 8px;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_caption {
    font-size: 20px !important;
    margin-bottom: 0;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_caption::before {
    content: none;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_caption.text-line {
    margin-bottom: 10px;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    justify-content: space-between;
    font-family: var(--font2);
    line-height: 1.25;
    white-space: nowrap;
    font-style: normal;
    padding: 16px 0;
    border-bottom: solid 1px #DADADA;
    font-size: 18px !important;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_caption.text-line strong {
    font-size: 20px !important;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_block {
    grid-gap: 16px;
    margin-bottom: 8px;
}

.checkout_custom-b2c [class*="credit-inner-"] .checkout_block:last-child {
    margin-bottom: 0;
}

.checkout_custom-b2c .credits-list-item {
    padding: 10px 10px;
    grid-template-columns: 2.5fr 1fr 1fr 1fr !important;
}

.checkout_custom-b2c [class*="credit-inner-"] .credits-list-item {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-top: 20px;
}

.checkout_custom-b2c [class*="credit-inner-"] .credits-list-item .offer p {
    display: flex;
    flex-direction: row;
    justify-self: flex-start;
    align-items: center;
    gap: 8px;
}

.checkout_custom-b2c [class*="credit-inner-"] .credits-list-item .payment {
    margin: 0;
}

.checkout_custom-b2c [class*="credit-inner-"] #services-more-credit-open {
    height: 34px;
    margin: 0 auto 5px;
    padding: 0 calc(var(--btn_inner) * 2);
}

.checkout_custom-b2c [class*="credit-inner-"] .credit-prices {
    margin-top: 1px;
}

.checkout_custom-b2c #credit-prices {
    background-color: transparent;
    box-shadow: none;
    padding: 10px 30px 0;
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
    .checkout_custom-b2c [class*="credit-inner-"] .credits-list-item {
        display: grid;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: 1fr 1fr !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .checkout_custom-b2c [class*="credit-inner-"] .credits-list-item .offer{
        grid-column: span 2;
        zoom: 1.1;
    }

    .checkout_custom-b2c [class*="credit-inner-"] #services-more-credit-open {
        margin: 0 0 0 auto;
    }

    .checkout_custom-b2c [class*="credit-inner-"] .credits-list-item div:nth-of-type(2) {
        justify-content: flex-start !important;
        zoom: 1.05;
    }
}

@media only screen and (min-width: 768px) {
    .checkout_custom-b2c [class*="credit-inner-"] .credits-list-item {
        grid-template-columns: 2.25fr 1.5fr 1fr !important;
        grid-template-rows: 1fr !important;
    }

    .checkout_custom-b2c [class*="credit-inner-"] #services-more-credit-open {
        margin: 0;
    }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
    .checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .payment p {
        margin: 10px 0 15px 0 !important;
    }
}

@media only screen and (max-width: 500px) {
    .checkout_custom-b2c #credit-prices {
        padding: 10px 0 0;
    }

    .checkout_custom-b2c [class*="credit-inner-"] .checkout_caption.text-line p:nth-of-type(1) {
        white-space: wrap;
    }

    .checkout_custom-b2c #credit-prices {
        zoom: 0.8;
        padding: 10px 10px 0;
    }

    .checkout_custom-b2c [class*="credit-inner-"] .checkout_caption.text-line {
        align-items: center;
    }
}

[class*="checkout-credit-"] .checkout_items.checkout {
    padding-bottom: 0;
}

.checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .offer {
    margin-bottom: 0;
    max-width: 240px;
}

.checkout_custom-b2c .credits-list-item.credits-list-title p {
    text-wrap: nowrap;
}

.checkout_custom-b2c .credits-list-item.credits-list-title {
    grid-template-columns: 2.25fr 1fr 1.5fr 1fr !important;
}

.checkout_custom-b2c [class*="checkout-credit-"] .checkout_item_content:has(input[type="radio"]:checked) {
    transform: translateY(0);
    scale: 1;
    box-shadow: none;

    position: relative;
    z-index: 2;
}

.checkout_custom-b2c .offer.credit-not-select span {
    text-align: left; padding: 0 0 0 15px; font-family: var(--font2); font-weight: 400;
}

.checkout_custom-b2c [class*="checkout-credit-"] .save_on_edit.__btn {
    width: 100% !important;
}

.credits-list-item:has(.credit-not-select) {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    text-wrap: nowrap !important;
}

.checkout_custom-b2c .offer.credit-not-select {
        width: fit-content;
    }

    .checkout_custom-b2c .offer.credit-not-select span {
        zoom: 1.1;
        text-align: center;
        display: block;
        padding: 0 0 0 0; width: 100%;
        width: fit-content;
    }

    .checkout_custom-b2c .__btn.credit-not-select {
        /* margin: 0 auto !important; */
        width: fit-content;
        margin: 0 !important;
    }

@media only screen and (max-width: 768px) {

    .checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .offer {
        margin-bottom: 10px;
        max-width: none;
    }

    .checkout_custom-b2c .credits-list-item div:nth-child(2) {
        width: 100% !important;
    }

    .credits-list-item div:nth-child(1) p {
        text-align: center;
        width: 100%;
        justify-content: center;
    }

    body.checkout_custom-b2c .checkout_block.cart-inner .checkout_caption {
        zoom: .8 !important;
    }

    .checkout_custom-b2c .credits-list-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        column-gap: 0.5ch;
        row-gap: 15px;
    }

    .checkout_custom-b2c [class*="checkout-credit-"] .credits-list-item .payment p {
        margin: 0 0 15px 0;
    }

    .checkout_custom-b2c .credits-list-item.credits-list-title {
        grid-template-columns: 1fr !important;
    }

    .checkout_custom-b2c .credits-list-item.credits-list-title p {
        text-align: center;
    }

    .checkout_custom-b2c .credits-list-item.credits-list-title:first-child {
        display: none !important;
    }

    .checkout_custom-b2c .credits-list-item .quantity_payments {
        width: 100%;
    }
}

.checkout_custom-b2c .item_delivery {
    grid-column: auto;
    border-left: none;
}

.checkout_custom-b2c .location-card {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px;
  font-family: var(--font2);
  background-color: #fff;
}

.checkout_custom-b2c .location-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #696969;
}

.checkout_custom-b2c .location-content {
  flex-grow: 1;
}

.checkout_custom-b2c .city {
  font-size: 18px;
  font-weight: 600;
  color: #111111;
  margin-bottom: 4px;
  transition: all 0.3s ease;
}

.checkout_custom-b2c .region {
  font-size: 14px;
  color: #696969;
  transition: all 0.3s ease;
}

.checkout_custom-b2c .item_delivery .item_delivery_title {
    width: fit-content;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.checkout_custom-b2c .item_delivery .skeleton-line.city {
    height: 18px;
    max-width: 75%;
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .checkout_custom-b2c .location-card {
        padding: 12px 8px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 20px;
    }

    .checkout_custom-b2c .location-card .location-content,
    .checkout_custom-b2c .location-card .location-content div {
        width: fit-content;
    }

    .checkout_custom-b2c .item_delivery .skeleton-line.city {
        width: 150px;
    }
}

.select-shipping {
  /* Colors */
  --ss-primary-color: var(--primary);
  --ss-bg-color: #ffffff;
  --ss-font-color: var(--header_color);
  --ss-border-color: #dcdee2;
  --ss-border-radius: 6px;

  /* Heights */
  --ss-main-height: 50px;
  --ss-search-height: 30px;
  --ss-option-height: 45px;
  --ss-content-height: 300px;

  /* Spacing */
  --ss-spacing-l: 9px;
  --ss-spacing-m: 7px;
  --ss-spacing-s: 5px;

  /* Other Properties */
  --ss-animation-timing: 0.2s;
}

.ss-main,
.ss-option,
.ss-search {
    font-family: var(--font2);
}

.ss-option {
    font-size: 15px !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ss-option:hover:not(.ss-disabled) {
    border-left: none !important;
    color: var(--primary) !important;
    background-color: rgba(1, 159, 1, 0.06) !important;
}

.ss-option.ss-highlighted,
.ss-option:not(.ss-disabled).ss-selected {
    background-color: rgba(1, 159, 1, 0.1) !important;
    color: var(--primary) !important;
    font-weight: 600;
}

.ss-main:focus {
    box-shadow: 0 0 5px rgba(1, 159, 1, 0.3) !important;
}

.ss-content .ss-list::-webkit-scrollbar {
    width: 6px;
}

.ss-content .ss-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

.ss-content .ss-list::-webkit-scrollbar-track {
    border-radius: 4px;
}

.ss-content.select-shipping .ss-list {
    scrollbar-color: #868686 var(--bg) !important;
}

.ss-main {
    max-width: 633px;
}

@media only screen and (max-width: 768px) {
    .ss-main {
        max-width: calc(100vw - (var(--bone) * 2 + 40px));
    }

    .checkout_custom-b2c .location-icon {
        zoom: 0.9;
    }

    .checkout_custom-b2c .item_delivery .item_delivery_title .coll-delivery-triger,
    .checkout_custom-b2c .location-content {
        zoom: 0.8;
    }

    .ss-option {
        font-size: 14px !important;
    }
}

/* Credits in chekaut */

.ocf-scroll-y::-webkit-scrollbar-thumb {
    background-color: #019F01 !important;
}

.slick-track {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.mailing {
    margin-top: 2em;
}

.bone.skeleton .product {
    margin: 0.25em;
    border-radius: 6px;
    border: none;
    box-shadow: none;
    background: linear-gradient(
        90deg,
        #e3e3e3 0%,
        #f5f5f5 50%,
        #e3e3e3 100%
    );
    background-size: 200% 100%;
    animation: skeleton-loading 1.8s ease-in-out infinite;
}

.bone.skeleton {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.bone.skeleton.hide-opacity {
    opacity: 0;
}

@media only screen and (min-width: 1201px) {
    .bone.skeleton .products_slider {
        --inner_slider-y: 0px !important;
    }

    .products_slider .slick-list:before {
        background: linear-gradient(-90deg, #fff0 0%, var(--bg) 100%) !important;
    }

    .products_slider .slick-list:after {
        background: linear-gradient(90deg, #fff0 0%, var(--bg) 100%) !important;
    }
}

.ss-option {
    padding: calc(var(--ss-spacing-s) + 3px) var(--ss-spacing-s) calc(var(--ss-spacing-s) + 3px) var(--ss-spacing-s) !important;
    border-bottom: 1px solid #DADADA40 !important;
}

.ss-optgroup-label {
    font-family: var(--font2);
}

.ss-optgroup .ss-option {
    padding: 0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l) * 3) !important;
}

#cart-popup-wrapper,
body.checkout_custom-b2c .order_items {
    --cart-radius: 12px;
    --cart-gap: 20px;
    --cart-bg: #ffffff;
    --cart-overlay: rgba(0, 0, 0, 0.5);
    --cart-border: #e5e5e5;
    --cart-text: #1a1a1a;
    --cart-muted: #6b6b6b;
    --cart-accent: #2e8b57;
    --cart-transition: 0.25s ease;
}

body.body-popup-is-opened {
    padding-right: 0 !important;
    overflow-y: scroll !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.cart-popup {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--cart-transition), visibility var(--cart-transition);
}

.cart-popup.is-open {
    visibility: visible;
    opacity: 1;
}

.cart-popup__overlay {
    position: absolute;
    inset: 0;
    background: var(--cart-overlay);
    transition: all 0.4s ease;
}

.cart-popup__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 520px;
    max-height: 85vh;
    background: var(--cart-bg);
    border-radius: 6px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    transform: translateY(12px) scale(0.98);
    transition: transform var(--cart-transition);
}

.cart-popup.is-open .cart-popup__content {
    transform: translateY(0) scale(1);
}

.cart-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--cart-gap);
    border-bottom: 1px solid var(--cart-border);
    flex-shrink: 0;
}

.cart-popup__title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--cart-text);
}

.cart-popup__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    fill: var(--cart-muted);
    cursor: pointer;
    border-radius: 6px;
    transition: background var(--cart-transition);
}

.cart-popup__close:hover {
    background: #f2f2f2;
}

.cart-popup__close svg {
    height: 16px;
    rotate: 45deg;
}

.cart-popup__close:focus-visible,
.cart-popup__close:focus,
a:focus-visible,
button:focus-visible {
    outline: 2px solid #1a1a1a;
    outline-offset: 2px;
}

.cart-popup__body {
    padding: var(--cart-gap);
    overflow-y: auto;
    flex: 1 1 auto;
    color: var(--cart-text);
}

.cart-popup__empty {
    text-align: center;
    color: var(--cart-muted);
    padding: 40px 0;
    margin: 0;
}

.cart-popup__footer {
    padding: var(--cart-gap);
    border-top: 1px solid var(--cart-border);
    flex-shrink: 0;
}

.cart-popup__total {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--cart-text);
    font-family: var(--font2);
}

.cart-popup__checkout {
    width: 100%;
    max-height: 45px;
    margin-top: 5px;
}

@media (max-width: 640px) {
    .cart-popup__overlay {
        position: absolute;
        inset: 0;
        background: transparent;
    }

    .cart-popup__content {
        max-width: 100%;
        max-height: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(16px);
    }

    .cart-popup.is-open .cart-popup__content {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cart-popup,
    .cart-popup__content {
        transition: none;
    }
}

/* =========================================
   CART ITEM
   ========================================= */

.cart-item {
    padding: 16px;
    border: 1px solid var(--cart-border);
    border-radius: 10px;
    margin-bottom: 12px;
    color: var(--cart-text);
    font-size: 14px;
    position: relative;
}

.cart-item.is-gift {
    border: none;
    box-shadow: inset 0 0 0px 1.25px var(--accent);
}

.cart-item__main {
    display: grid;
    grid-template-columns: 68px 1fr auto;
    align-items: start;
    gap: 12px;
}

.cart-item__img {
    --size: 68px;
    width: var(--size);
    height: var(--size);
    object-fit: contain;
    border-radius: 8px;
    background: #f7f7f7;
}

.cart-item__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.cart-item__name {
    font-weight: 500;
    line-height: 1.35;
    word-break: break-word;
}

.cart-item__code {
    font-size: 12px;
    color: var(--cart-muted);
}

.cart-item__price {
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
    align-self: center;
}

.cart-item__remove,
.cart-item__service-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border: none;
    border: 1px solid var(--cart-border);
    background: transparent;
    cursor: pointer;
    color: var(--cart-muted);
    border-radius: 8px;
    align-self: center;
    transition: background var(--cart-transition);
}

.cart-item__remove:hover,
.cart-item__service-remove:hover {
    background: #f2f2f2;
}

.cart-item__remove-icon,
.cart-item__remove svg,
.cart-item__service-remove svg {
    width: 18px;
    height: 18px;
    transform: translateX(0.5px);
}

.cart-item__services {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 14px 0 0 0;
}

.cart-item__service {
    position: relative;
    display: grid;
    grid-template-columns: 40px 1fr auto auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--cart-border);
    border-radius: 10px;
}

.cart-item__service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #f2f2f2;
    flex-shrink: 0;
    overflow: hidden;
}

.cart-item__service-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-item__service-icon svg {
    width: 22px;
    height: 22px;
    color: var(--cart-accent);
}

.cart-item__service-name {
    line-height: 1.35;
    min-width: 0;
    word-break: break-word;
}

.cart-item__service-price {
    font-weight: 600;
    white-space: nowrap;
}

.cart-item__add-services {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 14px auto 0;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--primary);
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    border-radius: 6px;
    padding: 4px 8px;
    transition: background var(--cart-transition);
}

.cart-item__add-services:hover {
    background: #f2f2f2;
}

.cart-item__add-services svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    --color: var(--primary);
}

.cart-item__quantity-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--cart-border);
}

.cart-item__quantity-label {
    color: var(--cart-muted);
}

.cart-item__quantity {
    display: flex;
    align-items: center;
    gap: 2px;
    border: 1px solid var(--cart-border);
    border-radius: 8px;
    padding: 4px;
}

.cart-item__qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: var(--cart-text);
    border-radius: 6px;
    transition: background var(--cart-transition);
}

.cart-item__qty-btn:hover {
    background: #f2f2f2;
}

.cart-item__qty-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.cart-item__add-services:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.cart-item__qty-value {
    min-width: 24px;
    text-align: center;
    font-weight: 500;
}


.cart-item__quantity_wrapper {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.cart-item__remove-icon,
.cart-item__service-remove {
    --color: #787878;
    zoom: 0.9 !important;
}

.cart-item__remove:disabled,
.cart-item__service-remove:disabled {
    border: 1px solid #dadada;
    opacity: 0.5;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-y: auto;
}

.cart-item .plus-wrapper {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.cart-item .plus-wrapper svg {
    height: 24px;
    width: 24px;
    fill: #737373CC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cart-item__title {
    font-weight: 600;
    font-family: var(--font2);
    zoom: .85;
    background: #fff;
    width: fit-content;
    padding: 0 8px;
    position: absolute;
    top: calc(-1ch - 3px);
    left: 50%;
    transform: translateX(-50%);
}

.cart-item .product_price.checkout_item_price {
    zoom: 0.8;
}

body.checkout_custom-cart .checkout_item_clear.full {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    opacity: 0.85;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
    transition: all 0.4s ease;
}

.checkout_item_clear.full:hover {
    cursor: pointer;
    background-color: #a5a5a523;
}

body.checkout_custom-cart .checkout_item_clear.full p {
    transform: translateY(2.5px);
}

body.checkout_custom-cart .left_block,
body.checkout_custom-cart .checkout_right {
    margin-top: 24px;
}

.checkout_total_custom {
    margin-top: 16px;
    padding: 16px;
    font-family: var(--font2);
    background-color: var(--white);
}

.breadcrumbs_title_cart {
    display: flex;
    flex-direction: row;
    justify-self: flex-start;
    align-items: flex-end;
    gap: 12px;
    padding: 0px 8px;
}

.breadcrumbs_title_cart button {
    margin-right: 2px;
    border-radius: 50%;
    padding: 10px;
    transition: all 0.4s ease;
    transform: translateY(2.5px);
}

.breadcrumbs_title_cart button:hover {
    cursor: pointer;
    background-color: #00000010;
}

.breadcrumbs_title_cart span {
    transform: translateY(-2.2px);
    font-weight: 600;
    font-family: var(--font2);
    opacity: 0.65;
}

body.checkout_custom-b2c.body-popup-is-opened { position: fixed; }

body.checkout_custom-b2c {
    padding-right: 0 !important; overflow-y: scroll !important; top: 0; left: 0; right: 0;

    .breadcrumbs_title h1 { font-size: 30px; font-weight: 700; }
    .header_top { justify-content: space-between; }
    .header_net, .mailing, .header_lang, .header_top_nav { display: none; }
    .arrow { display: none; }
    .payment_help_text { display: inline-block; padding-left: 25px; color: #7d7d7d; font-size: 12px; }
    .cheaper_together_cart_item .plus-wrapper svg { max-height: 0; }
    main { justify-content: flex-start; }
    @media (max-width: 500px) { .mob_phone.hide-1 { display: block; position: absolute; top: 15px; right: 5px; z-index: 11; } .mob_phone.hide-1 a { font-size: 17px; font-weight: 700; font-family: var(--font2); }.breadcrumbs_title { grid-gap: 0; margin-bottom: 0; } .breadcrumbs_title h1 { font-size: 24px; } }
}

body.checkout_custom-b2c .checkout_caption {
    margin-bottom: 18px;
}

body.checkout_custom-b2c .customer-info-card {
    align-items: center;
    padding: 12px 16px;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px;
    font-family: var(--font2);
    background-color: #fff;
    display: grid;
    grid-template-columns: 28px auto 25px;
    grid-template-rows: 40px 0fr;
    column-gap: 0;
    row-gap: 0;
    margin-bottom: 16px;
    overflow: hidden;
    transition: grid-template-rows 0.4s ease,
                row-gap 0.4s ease,
                border-color 0.4s ease;
}

body.checkout_custom-b2c .customer-info-card:has(.active) {
    grid-template-rows: 40px 1fr;
    row-gap: 16px;
}

body.checkout_custom-b2c .card-triger-element {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

body.checkout_custom-b2c .customer-info-content {
    padding-left: 16px;
    padding-right: 16px;
    min-height: 30px;
}

body.checkout_custom-b2c .customer-info-changes {
    grid-column: span 3;
    border: none;
    border-top: 1px solid transparent;
    opacity: 0;
    visibility: hidden;
    min-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: opacity 0.15s ease,
                padding-top 0.4s ease,
                padding-bottom 0.4s ease,
                border-color 0.4s ease,
                visibility 0s ease 0.4s;
}

body.checkout_custom-b2c .customer-info-changes.active {
    opacity: 1;
    visibility: visible;
    border-top-color: #DADADA;
    padding-top: 16px;
    padding-bottom: 4px;
    transition: opacity 0.4s ease 0.1s,
                padding-top 0.4s ease,
                padding-bottom 0.4s ease,
                border-color 0.4s ease,
                visibility 0s ease 0s;
}

body.checkout_custom-b2c .customer-info-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #696969;
}

body.checkout_custom-b2c .customer-info-changes .__grid-twoo {
    gap: 16px;
}

body.checkout_custom-b2c .customer-info-changes .grid-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding-top: 2px;
}

body.checkout_custom-b2c,
body.account-login_by_sms {
    .input-group {
        position: relative;
        width: 100%;
    }

    .input-group input {
        width: 100%;
        height: 52px;
        padding: 18px 16px 6px 16px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        font-size: 15px;
        font-family: var(--font2);
        background-color: #fff;
        color: #000;
        outline: none;
        transition: border-color 0.2s ease, background-color 0.2s ease;
        box-sizing: border-box;
    }

    .input-group input:focus {
        border-color: #4caf50;
    }

    .input-group label {
        position: absolute;
        left: 16px;
        top: calc((52px / 2) + 2px);
        transform: translateY(-50%);
        font-size: 15px;
        color: #a0a0a0;
        pointer-events: none;
        transition: all 0.2s ease;
    }

    .input-group input:focus ~ label,
    .input-group input:not(:placeholder-shown) ~ label {
        top: 12px;
        font-size: 11px;
        color: #888888;
    }

    .input-group input:focus ~ label {
        color: var(--primary);
    }

    .input-group.input-validation-error input:focus ~ label,
    .input-group.input-validation-error label {
        color: #e53935;
    }

    .input-group.disabled input {
        background-color: #f2f2f2;
        border-color: #e0e0e0;
        color: #a0a0a0;
        cursor: not-allowed;
    }

    .input-group.disabled label {
        color: #b0b0b0;
    }

    .input-group textarea {
        width: 100%;
        min-height: 80px;
        padding: 22px 16px 10px 16px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        font-size: 15px;
        font-family: var(--font2);
        background-color: #fff;
        color: #000;
        outline: none;
        transition: border-color 0.2s ease, background-color 0.2s ease;
        box-sizing: border-box;
        resize: vertical;
        height: 80px;
    }

    .input-group textarea:focus {
        border-color: #4caf50;
    }

    .input-group textarea ~ label {
        position: absolute;
        left: 16px;
        top: 16px;
        transform: translateY(0);
        font-size: 15px;
        color: #a0a0a0;
        pointer-events: none;
        transition: all 0.2s ease;
    }

    .input-group textarea:focus ~ label,
    .input-group textarea:not(:placeholder-shown) ~ label {
        top: 6px;
        font-size: 11px;
        color: #888888;
    }

    .input-group textarea:focus ~ label {
        color: var(--primary);
    }

    .input-group.input-validation-error textarea:focus ~ label,
    .input-group.input-validation-error label {
        color: #e53935;
    }

    .input-group.disabled textarea {
        background-color: #f2f2f2;
        border-color: #e0e0e0;
        color: #a0a0a0;
        cursor: not-allowed;
    }

    .input-group.disabled label {
        color: #b0b0b0;
    }
}

body.checkout_custom-b2c .item_delivery .card-triger {
    color: var(--text);
    position: relative;
    transition: opacity .25s ease;
    font-weight: 500;
    width: fit-content;
    margin-left: auto;
}

body.checkout_custom-b2c .item_delivery .card-triger::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9043 6.79639L9.65872 12.042L4.41309 6.79639' stroke='%23797979' stroke-linecap='round' stroke-width='2px' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate3d(0, 20%, 0);
    transition: transform .43s;
    transform-origin: center center;
}

body.checkout_custom-b2c .item_delivery:has(.customer-info-changes.active) .card-triger::after {
    transform: translateY(20%) rotate(180deg);
}

body.checkout_custom-b2c .item_delivery:has(.input-validation-error) .card-triger::after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9043 6.79639L9.65872 12.042L4.41309 6.79639' stroke='%23e5393595' stroke-linecap='round' stroke-width='2px' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

body.checkout_custom-b2c .customer-info-content {
  flex-grow: 1;
}

body.checkout_custom-b2c .customer-info-name {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin-bottom: 4px;
    transition: all 0.3s ease;
}

body.checkout_custom-b2c .customer-info-phone {
    font-size: 14px;
    color: dimgray;
    transition: all 0.3s ease;
}

body.checkout_custom-b2c  .card-triger-element{
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 768px) {
    .cart-item__img {
        --size: 56px;
    }

    body.checkout_custom-cart .left_block {
        margin-top: 0;
    }

    .checkout_total_custom {
        padding: 14px 10px;
        margin-top: 0;
    }

    .checkout_item_clear.full {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        --size: 18px;
    }

    body.checkout_custom-cart .checkout_item_clear.full p {
        transform: translateY(1.5px);
    }
}

@media only screen and (max-width: 640px) {
    .cart-item__main {
        grid-template-columns: 56px 1fr;
        grid-template-areas:
            "img info"
            "img price"
            "img remove";
    }

    .cart-item__img { grid-area: img; --size: 56px; }
    .cart-item__info { grid-area: info; }
    .cart-item__price { grid-area: price; justify-self: start; }
    .cart-item__remove { grid-area: remove; justify-self: start; margin-left: -8px; }

    .cart-item__service {
        grid-template-columns: 32px 1fr auto;
        grid-template-areas:
            "icon name price"
            "icon name remove";
        gap: 6px;
    }

    .cart-item__service-icon { grid-area: icon; width: 32px; height: 32px; }
    .cart-item__service-name { grid-area: name; zoom: 0.9; }
    .cart-item__service-price { grid-area: price; justify-self: end; margin-top: 5px; }
    .cart-item__service-remove { grid-area: remove; justify-self: end; }
    .cart-item__add-services { margin: 8px auto 0; }
}

@media only screen and (max-width: 600px) {
    .cart-item .product_price.checkout_item_price {
        zoom: 1.35;
    }

    body.checkout_custom-b2c .customer-info-changes .grid-inputs {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 500px) {
    body.checkout_custom-cart {
        background-color: var(--bg);
    }

    body.checkout_custom-cart .checkout_right {
        margin-top: 0;
        margin-bottom: 50px;
    }

    body.checkout_custom-b2c .breadcrumbs_title_cart {
        display: flex;
        flex-direction: column;
        justify-self: flex-start;
        align-items: flex-start;
        gap: 8px;
        padding: 0 8px;
    }
}

@media (max-width: 380px) {
    .cart-item__main {
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "img info  info"
            "img price remove";
    }

    .cart-item__price {
        justify-self: start;
        align-self: center;
    }

    .cart-item__remove {
        justify-self: end;
        margin-left: 0;
    }

    .cart-item .product_price.checkout_item_price {
        zoom: 1.25;
    }
}

@media (max-width: 350px) {
    .cart-item__title {
        zoom: 0.65;
    }
}

#cart-popup-wrapper .skeleton {
    position: relative;
    overflow: hidden;
    color: transparent !important;
    background-color: #e2e8f0;
    border-radius: 4px;
    display: inline-block;
    user-select: none;
    pointer-events: none;
    min-width: 60px;
    min-height: 1rem;
}

#cart-popup-wrapper .skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 20%,
        rgba(255, 255, 255, 0.6) 60%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: shutter 1.6s infinite;
}

@keyframes shutter {
    100% {
        transform: translateX(100%);
    }
}

.item_seller {
    padding: 12px 20px 12px 18px;
    box-shadow: inset 0 0 0 1px #dadada90;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 20px;
    margin-top: 20px;
}

.item_seller img {
    height: 25px;
    width: auto;
}

.item_seller p {
    font-family: var(--font2);
    font-weight: 600;
}

.item_seller p span {
    font-weight: 500;
}

@media (min-width: 500px) {
  br.mobile-br {
    display: none;
  }
}

.input-group.input-validation-error input {
    border-color: #e5393575 !important;
}

.validation-error {
    display: none;
    color: #e53935;
    font-size: 12px;
    margin-top: 4px;
    padding: 0 4px;
}

.validation-error.has-error {
    display: block;
}

.checkout_submit_error {
    display: none;
    color: #e53935;
    font-size: 14px;
    margin-top: 10px;
}

.checkout_submit_error.active {
    display: block;
}

.checkout_submit_btn[disabled] {
    opacity: 0.6;
    pointer-events: none;
}

body.checkout_custom-b2c .customer-info-card:has(.validation-error.has-error) {
    border: solid 1px #e5393575 !important;
}

body.checkout_custom-b2c .checkout_block {
    margin-bottom: 10px;
    gap: 0;
}

body.checkout_custom-b2c #checkout-form {
    counter-reset: direction;
}

body.checkout_custom-b2c .checkout_block .__flex-center {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    row-gap: 16px;
    margin-bottom: 16px;
}

body.checkout_custom-b2c .checkout_block .__flex-center {
    gap: 12px;
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: var(--font2);
    font-size: 15px;
    color: #161616;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px 16px;
    margin: 0;
    flex: 1;
    transition: border-color 0.25s ease, background-color 0.25s ease;
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input:has(input:checked) {
    border-color: var(--primary, #4caf50);
    background-color: #f4faf4;
}

body.checkout_custom-b2c .checkout_caption:before {
    padding-top: 0;
    font-family: var(--font2);
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    --size: 18px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    max-width: var(--size);
    border: 1.5px solid #dadada;
    border-radius: 50%;
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: border-color 0.25s ease, background-color 0.25s ease;
    flex-shrink: 0;
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input input[type="radio"]:checked {
    border-color: var(--primary);
    background-color: var(--primary);
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    --size: 8px;
    width: var(--size);
    height: var(--size);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 1.38086L2.25 4.38086L0.75 2.88086' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    border-color: var(--primary);
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input p {
    margin: 0;
    line-height: 1.3;
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input:hover input[type="radio"] {
    border-color: var(--primary, #4caf50);
}

@media (max-width: 640px) {
    body.checkout_custom-b2c .checkout_block .__flex-center {
        flex-direction: column;
        gap: 8px;
    }

    body.checkout_custom-b2c .checkout_block .__flex-center ._input {
        font-size: 13px;
    }

    body.checkout_custom-b2c .checkout_block .__flex-center ._input input[type="radio"] {
        --size: 16px;
    }

    body.checkout_custom-b2c .checkout_block .__flex-center ._input input[type="radio"]:checked::after {
        --size: 6px;
    }
}

@media (max-width: 768px) {
    body.checkout_custom-b2c .checkout_block .__flex-center ._input {
        white-space: nowrap;
    }
}

body.checkout_custom-b2c .ss-content .ss-search {
    --ss-search-height: 50px;
}

body.checkout_custom-b2c .ss-main .ss-arrow {
    --ss-font-color: #797979;
}

body.checkout_custom-b2c .ss-main {
    --ss-main-height: 55px;
}

body.checkout_custom-b2c input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' style='rotate: 45deg;' viewBox='0 0 24 24' fill='%23797979'><path d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 770px) {
    body.checkout_custom-b2c .checkout_caption {
        font-size: 16px;
    }
}

@media only screen and (max-width: 770px) {
    body.checkout_custom-b2c .checkout_caption:before {
        --size: 15px;
        font-size: 10px;
        padding-top: -1px;
    }

    body.checkout_custom-b2c .checkout_caption {
        grid-gap: 10px;
    }
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input.variant {
    margin: 0;
    flex: unset;
    flex-shrink: 1;
    min-width: 0;
    zoom: 0.928;
}

body.checkout_custom-b2c .__flex-center.variants {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

body.checkout_custom-b2c .checkout_caption:before {
    content: none;
}

body.checkout_custom-b2c .checkout_caption {
    padding: 0;
}

body.checkout_custom-b2c .cart-item {
    border-radius: 6px;
    margin-bottom: 4px;
    padding: 8px 12px;
}

body.checkout_custom-b2c .cart-item__price,
body.checkout_custom-b2c .cart-item__service-price {
    font-family: var(--font2);
}

body.checkout_custom-b2c .cart-item__info {
    justify-content: center;
    height: 100%;
}

body.checkout_custom-b2c .cart-change-products {
    padding: 8px 12px;
    width: fit-content;
    border-radius: 6px;
    color: var(--primary);
    font-weight: 500;
    background: transparent;
    transition: background 0.3s ease;
    margin: 4px 0 4px auto;
    zoom: 0.9;
}

body.checkout_custom-b2c .cart-change-products:hover {
    background: #f2f2f2;
    color: var(--light_hover);
}

.cart-item__remove:disabled {
    cursor: not-allowed;
}

body.checkout_custom-b2c .order-header {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    row-gap: 6px;
    column-gap: 8px;
    margin-bottom: 18px;
    justify-content: space-between;
}

body.checkout_custom-b2c .order-header > span {
    grid-row: span 2 / span 2;
    width: fit-content;
    text-wrap: nowrap;
    font-family: var(--font2);
    width: 100%;
    text-align: end;
}

body.checkout_custom-b2c .order-header > p {
    font-family: var(--font2);
    zoom: 0.9;
    opacity: 0.8;
    grid-column: span 2;
}

body.checkout_custom-b2c .order-header .checkout_caption {
    margin: 0;
}

body.checkout_custom-b2c .checkout_block.cart-inner {
    padding: 0;
    box-shadow: none;
    margin: 0 0 40px;
}

body.checkout_custom-b2c .checkout_block.cart-inner:nth-of-type(1) {
    margin: 10px 0;
}

body.checkout_custom-b2c .checkout_block.cart-inner:last-child {
    margin: 0;
}

body.checkout_custom-b2c .checkout_block.cart-inner .checkout_caption {
    margin-bottom: 12px;
    zoom: 0.8;
}

body.checkout_custom-b2c .checkout_block .__flex-center ._input.variant svg {
    transform: translateX(2px);
    height: 22px;
    width: 22px;
}

@media (max-width: 500px) {
    body.checkout_custom-b2c .checkout_block .__flex-center ._input.variant {
        width: 100%;
    }

    body.checkout_custom-b2c .checkout_block .__flex-center ._input.variant svg {
        height: 18px;
        width: 18px;
    }

    body.checkout_custom-b2c .order-header > span,
    body.checkout_custom-b2c .checkout_block.cart-inner .checkout_caption {
        zoom: 0.9;
    }
}

.ss-main:focus {
    box-shadow: none !important;
    border-color: var(--primary) !important;
}

[class*="credit-inner-"] {
    margin-top: 4px;
}

body.checkout_custom-b2c .coupon input {
    border-radius: 6px 0 0 6px;
}

body.checkout_custom-b2c .coupon #button-coupon,
body.checkout_custom-b2c .coupon #buttonBonus {
    background-color: var(--primary);
    color: white;
    font-weight: 600;
    font-family: var(--font2);
    width: 135px;
    min-width: 135px;
    max-height: 55px;
}

@media only screen and (max-width: 770px) {
    body.checkout_custom-b2c .input-group input {
        height: 50px;
        min-height: 50px;
        font-size: 13px;
    }

    body.checkout_custom-b2c .input-group label {
        top: calc((46px / 2) + 2px);
        transform: translateY(-50%);
        font-size: 13px;
    }

    body.checkout_custom-b2c .input-group input:focus~label, body.checkout_custom-b2c .input-group input:not(:placeholder-shown)~label {
        left: 10px;
    }

    body.checkout_custom-b2c .coupon #button-coupon,
    body.checkout_custom-b2c .coupon #buttonBonus {
        width: 100px;
        min-width: 100px;
        height: 50px;
        min-height: 50px;
    }

    body.checkout_custom-b2c .checkout_total_product .checkout_item_clear.bonus {
        transform: translateY(5px);
    }

    body.checkout_custom-b2c .__btn.credit-not-select {
        zoom : 0.98;
    }

    .checkout_custom-b2c .offer.credit-not-select span {
        zoom: 1;
    }

    body.checkout_custom-b2c .checkout_right .checkout_block .__flex-center {
        flex-direction: row;
    }

    body.checkout_custom-b2c .checkout_right .coupon {
        margin-top: 20px;
    }

    body.checkout_custom-b2c .checkout_block {
        margin-top: 0 !important;
    }

    body.checkout_custom-b2c .checkout_block:last-child {
        margin-bottom: 0 !important;
    }
}

body.checkout_custom-b2c ._disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

body.checkout_custom-b2c a._disabled {
    color: #00000077 !important;
}

body.checkout_custom-b2c label._input._disabled {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

body.checkout_custom-b2c .input-validation-error .ss-main {
    border: solid 0.5px #e5393575;
}

body.checkout_custom-b2c .input-validation-error .ss-main .ss-arrow {
    --ss-font-color: #e53935ab;
}

body.checkout_custom-b2c .input-validation-error .ss-main .ss-placeholder {
    --ss-placeholder-color: #e53935;
}

body.checkout_custom-b2c .item_delivery_title:has(.coll-delivery-triger._disabled) {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

@keyframes shake-error {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

.shake-animation {
    animation: shake-error 0.4s ease-in-out;
}

body.account-unpaid_orders {
    .cabinet_content {
        overflow-x: hidden;
    }

    .history {
        overflow-x: auto;
    }

    .history_top.history_net {
        border-radius:6px;
        padding: 15px 10px;
    }

    .history_net {
        grid-template-columns: 45px 90px 90px 90px 90px 100px 73px;
    }

    .history_tr{
        background-color:var(--white);
        border-bottom:0;
        padding: 10px;
        border-bottom: 3px solid #dadada;
        border-radius: 6px;
    }

    .history_tr {
        margin-top:8px;
    }

    .history_item_name{
        color:var(--gray);
        font-size:11px;
    }

    .history_stat{
        display:inline-flex;
        align-items:center;
        gap:6px;
        padding:5px 12px;
        border-radius:20px;
        background-color:rgba(255,74,74,.1);
        font-size:11px;
        font-weight:700;
        white-space:nowrap;
        width: fit-content;
    }
    .history_stat_dot{
        width:6px;
        height:6px;
        min-width:6px;
        border-radius:50%;
        background-color:currentColor;
    }

    .history_price{
        color:var(--header_color);
        font-size:14px;
        font-weight:800;
    }

    .history_date{
        color: var(--gray);
    }

    .history_pay_btn {
        width: fit-content;
        padding: 8px;
        font-size: 12px;
        height: 30px;
        min-height: 30px;
    }

    @media only screen and (max-width: 1140px) and (min-width: 901px), only screen and (max-width: 770px) {
        .history_tr{
            padding:16px;
        }

        .history_name, .history_text:last-child {
            display: block;
        }

        .history_top {
            display: grid;
        }

        .history_stat {
            grid-row: auto;
            grid-column: auto;
            zoom: 0.9;
        }

        .history_tr {
            padding: 10px;
        }

        .cabinet_content {
            background-color: transparent;
        }

        .cabinet_title {
            text-align: center;
        }

        .history_top.history_net, .history_tr {
            width: fit-content;
        }
    }

    @media only screen and (max-width:500px) {
        .history_name, .history_top {
            display: none;
        }

        .history_top.history_net, .history_tr {
            width: 100%;
        }

        .history_stat {
            zoom: 1;
        }

        .history_pay_btn {
            margin-left: auto;
            height: 30px !important;
            min-height: 30px !important;
        }

        .history_text:last-child {
            display: flex;
            flex-direction: row;
            justify-self: flex-end;
            align-self: center;
        }

        .history_net {
            grid-template-columns: 1fr auto;
        }

         .history_tr {
            padding: 12px;
        }

         .history_net {
            row-gap: 8px;
        }

         .history_net > :nth-child(1) {
            font-size: 13px;
        }

         .history_stat {
            font-size: 10px;
            padding: 4px 10px;
        }

         .history_date {
            font-size: 10px;
        }

         .history_price {
            font-size: 16px;
        }

         .history_pay_btn {
            height: 42px;
            min-height: 42px;
        }
    }

    @media only screen and (max-width:360px) {
         .history_tr {
            padding: 10px;
        }

         .history_net {
            column-gap: 8px;
            row-gap: 6px;
        }

         .history_net > :nth-child(1) {
            font-size: 12px;
        }

         .history_price {
            font-size: 15px;
        }
    }
}

body.account-order {
    .cabinet_content {
        overflow: hidden;
    }

    .history {
        overflow: auto;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: auto;
    }

    .history_price,
    .history_stat {
        white-space: nowrap;
    }

    .history_net {
        grid-template-columns: 40px 200px 50px 110px 100px 100px 60px;
        gap: 10px;
    }

    .history .history_item_num {
        margin: 0 auto;
    }

    .history_top > :nth-child(5),
    .history_stat {
        text-align: center;
    }

    .history_top > :nth-child(6),
    .history_price {
        text-align: right;
    }

    .history_top > :nth-child(7),
    .history_date {
        text-align: right;
    }

    .history_stat span {
        display: none;
    }

    .history_date {
        opacity: 0.9;
        font-size: 12px;
    }

    .history_tr.history_net .__btn {
        display: none;
    }

    .history_price span {
        display: none;
    }

    .history_item_name {
        font-size: 11px;
        span {
            display: none;
        }
    }

    .history_net > :nth-child(4) span {
        display: none;
    }

    .history_tr {
        padding-bottom: 5px;
    }

    .history_tr.history_net:nth-child(1 of .history_tr.history_net) {
        margin-top: 8px !important;
    }

    @media only screen and (max-width: 1140px) and (min-width: 901px), only screen and (max-width: 770px) {
        .history_stat {
            grid-row: auto;
            grid-column: auto;
        }

        .history_net {
            display: grid;
            gap: 10px;
            justify-content: space-between;
            grid-template-columns: 50px 200px 75px 0.4fr 0.4fr;
        }

        .history > .history_net:nth-child(1 of .history_net) {
            p:nth-of-type(4),
            p:last-of-type {
                display: none;
            }
        }

        .history_date {
            display: none;
        }
    }

    @media only screen and (max-width: 900px) {
        background-color: white;

        .history > .history_net:nth-child(1 of .history_net) {
            margin-bottom: 10px;
        }

        .history_tr + .history_tr {
            margin-top: 10px;
        }

        .cabinet_content {
            background-color: transparent;
        }

        .history_tr.history_net {
            padding-bottom: 10px;
        }
    }

    @media only screen and (max-width: 600px) {
        .cabinet_content {
            background-color: transparent;
        }

        .history_stat br,
        .history_top.history_net {
            display: none;
        }

        .history_tr.history_net {
            grid-template-columns: 1fr auto;
            grid-template-areas:
                "num date"
                "product product"
                "recipient qty"
                "status price";
            column-gap: 10px;
            row-gap: 4px;
            padding: 12px;
            background-color: var(--white);
            border-radius: 6px;
            border: 1px solid #ececec;
            box-shadow: 0 6px 20px 0 hsla(0, 0%, 8%, .06);
            margin-bottom: 10px;
        }

        .history_tr.history_net + .history_tr.history_net {
            margin-top: 10px;
        }

        .history_name, .history_text:last-child {
            display: block;
        }

        .history_net > :nth-child(1) {
            grid-area: num;
            align-self: center;
            font-size: 13px;
            color: var(--gray);
        }

        .history_net > :nth-child(2) {
            grid-area: product;
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .history_net > :nth-child(2) img,
        .history_net > :nth-child(2) picture {
            flex: none;
            width: 75px;
            height: 75px;
            object-fit: contain;
        }

        .cabinet_title {
            margin-bottom: 10px;
        }

        .history_net > :nth-child(3) {
            grid-area: qty;
            justify-self: end;
            align-self: center;
            font-size: 13px;
            width: fit-content;
            padding: 0 10px;
            margin: 0;
            box-shadow: 0 0 1px #919191;
            border-radius: 6px;
            border: none;
            display: none;
        }

        .history_net > :nth-child(3)::before {
            content: "К-ть: ";
            color: #575757;
            padding-right: 5px;
        }

        .history_net > :nth-child(4) {
            grid-area: recipient;
            align-self: center;
            min-width: 0;
            overflow-wrap: break-word;
            font-size: 13px;
            grid-column: span 2 / 3;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 5px;
            width: 100%;
            justify-content: space-between;
            font-weight: 500;
            border-radius: 6px;
            border-bottom: 1px solid #dadada;
            padding: 5px 10px;

            span {
                font-weight: 400;
                font-family: var(--font2);
                display: block;
            }
        }

        .history_stat {
            grid-area: status;
            justify-self: start;
            align-self: center;
            font-size: 11px;
            zoom: 1.1;
            display: flex;
            flex-direction: row;
            column-gap: 5px;
            row-gap: 0px;
            flex-wrap: wrap;
            width: 100%;
            grid-column: span 2 / 3;
            justify-content: space-between;
            font-weight: 500;
            border-radius: 6px;
            border-bottom: 1px solid #dadada;
            padding: 5px 10px;

            span {
                font-weight: 400;
                font-family: var(--font2);
                display: block;
            }
        }

        .history_price {
            justify-self: end;
            align-self: center;
            font-size: 16px;
            grid-column: span 2 / 3;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-top: 15px;

            span {
                display: block;
                opacity: 0.9;
                width: fit-content;
            }
        }

        .history_date {
            display: inline;
            grid-area: date;
            justify-self: end;
            align-self: start;
            font-size: 12px;
            text-align: right;
            white-space: nowrap;
            opacity: 0.9;
        }

        .history_tr.history_net .__btn {
            display: flex;
            min-height: 20px;
            height: 40px;
            margin-top: 10px;
            grid-column: span 2;
        }

        .history_item_name {
            font-size: 13px;
        }

        .history_item {
            margin: 10px 0;
        }
    }

    @media only screen and (max-width: 500px) {
        .history_net > :nth-child(3) {
            display: none;
            --size: unset;
            padding: 2px 8px;
        }
    }
}

body.checkout_custom-b2c .credits-list-item .ss-main {
    --ss-main-height: 35px;
    width: 125px;
    max-width: 125px;
}

body.checkout_custom-b2c .credits-list-item .ss-content.ss-open {
    top: var(--ss-option-height) !important;
    left: 0 !important;
}

@media only screen and (max-width: 768px) {
    body.checkout_custom-b2c .credits-list-item .ss-main {
        margin: 0 auto;
    }

    .item_seller {
        zoom: 0.8;
    }
}

body.checkout_custom-b2c .checkout_block.glass-card {
    position: relative;
    opacity: 0.7;
    pointer-events: none;
    user-select: none;
}

body.checkout_custom-b2c .checkout_block.glass-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.25),
        rgba(255, 255, 255, 0.05)
    );
    border: 1px solid rgba(255, 255, 255, 0.18);
    cursor: not-allowed;
}

body.checkout_custom-b2c .checkout_block:has(.login_widget) {
    padding-top: 10px;
    padding-bottom: 10px;
}

.login_widget {
    padding: 15px 0 20px;
    margin: 0 auto;
    text-align: center;
    max-width: 500px;
}

.auth-step-container.active {
    animation: fadeIn 0.3s ease;
}

.btn-full-width {
    width: 100% !important;
    margin-top: 15px !important;
}

.social-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
    color: #8f8f8f;
    font-size: 13px;
}
.social-divider::before, .social-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #DADADA;
}
.social-divider span {
    padding: 0 15px;
    opacity: 0.9;
}

.input_block_wrapper {
    margin-bottom: 10px;
}

.input_block_wrapper input {
    height: 55px !important;
    border: 1px solid #DADADA !important;
    border-radius: 6px !important;
    text-align: center;
    font-size: 18px;
    width: 100%;
    background: #fff !important;
}

.input_block_wrapper.code-centered input {
    letter-spacing: 5px;
    font-weight: 700;
    width: 60%;
    margin: 0 auto;
}

.header-with-back {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.btn-small-back {
    height: 30px !important;
    min-width: 80px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
}

.auth-info-msg {
    font-size: 14px;
    color: #444;
    margin-bottom: 20px;
}

.agreements-text-bottom {
    font-size: 11px;
    color: #888;
    margin-top: 15px;
}

.agreements-text-bottom a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
}

.btn-loader {
    display: none;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 0.8s linear infinite;
}

.__btn.loading span { display: none; }
.__btn.loading .btn-loader { display: block; }

@keyframes spin { to { transform: rotate(360deg); } }

.sms-auth-title {
    font-family: var(--font2) !important;
    font-size: 20px;
    font-weight: 700;
    color: #17181a;
    margin-bottom: 5px;
}

.sms-auth-subtitle {
    font-family: var(--font2) !important;
    font-size: 14px;
    color: #6c7677;
    margin-bottom: 20px;
}

.sms-auth-subtitle span {
    color: #3a3e3e;
    font-weight: 600;
    zoom: 0.95;
    text-wrap: nowrap;
}

body.checkout_custom-b2c .login_widget .social-divider {
    max-width: none;
}

body.checkout_custom-b2c .login_widget .social-auth-wrapper {
    grid-template-columns: 1fr;
}

.login_widget br {
    display: none;
}

@media (max-width: 500px) {
    .input_block_wrapper.code-centered input {
        width: 100%;
    }

    .login_widget br {
        display: block;
    }
}

body.account-login .social-divider {
    margin: 0 auto;
    margin-top: 15px;
}

body.account-login_by_sms {
    .social-divider {
        margin: 15px auto;
    }

    .login_widget {
        margin-top: 40px;
        background-color: #fff;
        border-radius: 6px;
        padding: 40px 80px;
    }
}

@media (max-width: 768px) {
    body.account-login_by_sms {
        .login_widget {
            padding: 10px 20px;
        }
    }
}

@media only screen and (max-width: 768px) {
    :is(.checkout_custom-b2c .checkout_item_content .credits-list-item) .payment p {
        zoom: 1.05 !important;
    }

    .checkout_custom-b2c .checkout_item_content .credits-list-item {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: repeat(3, auto) !important;
        gap: 8px !important;

        .offer {
            grid-column: span 2 / span 2 !important;
        }

        .offer p {
            text-align: left !important;
        }

        div:nth-of-type(2) {
            grid-row-start: 2 !important;
        }

        div:nth-of-type(3) {
            grid-row-start: 2 !important;
        }

        button {
            grid-column: span 2 / span 2 !important;
            margin-top: 12px !important;
        }

        .payment p {
            margin: 0 !important;
        }
    }
}

@media only screen and (max-width: 600px) {
    .credits-list-item div:nth-child(2) {
        margin: 0 !important;
        zoom: 1 !important;
    }

    .checkout_custom-b2c [class*=credit-inner-] .credits-list-item .offer p {
        text-align: left !important;
    }
}

.checkout_custom-b2c #button-coupon:disabled,
.checkout_custom-b2c #buttonBonus:disabled {
    cursor: not-allowed;
    background-color: #dadada !important;
    pointer-events: none;
}

.checkout_custom-b2c .checkout_total_product .checkout_item_clear {
    margin: 0 10px;
}

@media only screen and (max-width: 770px) {
    .checkout_custom-b2c .checkout_total_product .checkout_item_clear {
        --size: 30px;
        position: relative;
        top: 0;
        right: 0;
    }
}

body.checkout_custom-b2c .checkout_total_input.coupon .input-group:has(input:read-only) {
    pointer-events: none;
}

html:has(body.checkout_custom-b2c) {
    background: #fff;
}

@media only screen and (max-width: 768px) {
	body.checkout_custom-b2c .KeyCRM-toggleButtonContainer {
		bottom: 20px !important;
	}
}

.svg-none {
    display: unset !important;
}

.checkout.services_cart_wrapper,
#cart-popup-wrapper {
    display: unset !important;
}

@media (max-width: 500px) {
    .category_popular {
        display: none !important;
    }
}

body.account-order-info {
    .open_item_btn .__btn {
        min-height: 10px;
        height: 40px;
    }
}

body.account-order-info {
    .order-progress-wrapper {
        margin: 40px 0 30px;

        * {
            color: unset;
        }
    }

    .order-progress {
        --op-circle: 36px;
        --op-icon: 16px;
        --op-done: var(--primary);
        --op-done-text: var(--white, #fff);
        --op-active-accent: var(--primary);
        --op-upcoming-border: #d8d8d8;
        --op-upcoming-color: var(--gray, #909090);
        --op-track-bg: #e5e5e5;
        --op-cancel: var(--red, #ff4a4a);
        position: relative;
    }

    .order-progress__track {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--op-track-bg);
    }

    .order-progress__track-fill {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        background: var(--op-done);
        transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1), height 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .order-progress__track-fill--cancel {
        background: var(--op-cancel);
        transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease;
    }

    .order-progress__list {
        position: relative;
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .order-progress__item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        flex: 1 1 0;
        min-width: 0;
        text-align: center;
    }

    .order-progress__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--op-circle);
        height: var(--op-circle);
        flex: none;
        border-radius: 50%;
        background: var(--white, #fff);
        border: solid 2px var(--op-upcoming-border);
        color: var(--op-upcoming-color);
        transition:
            background-color 0.3s ease,
            border-color 0.3s ease,
            color 0.3s ease,
            box-shadow 0.3s ease;
    }

    .order-progress__icon svg {
        width: var(--op-icon);
        height: var(--op-icon);
        display: block;
    }

    .order-progress__item.is-done .order-progress__icon {
        background: var(--op-done);
        border-color: var(--op-done);
        color: var(--op-done-text);
    }

    .order-progress__item.is-active .order-progress__icon {
        background: var(--white, #fff);
        border-color: var(--op-active-accent);
        color: var(--op-active-accent);
        animation: op-pulse 1.8s ease-in-out infinite;
    }

    .order-progress__item.is-cancelled .order-progress__icon {
        background: var(--op-cancel);
        border-color: var(--op-cancel);
        color: var(--white, #fff);
        animation: none;
    }

    @keyframes op-pulse {
        0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--op-active-accent) 25%, transparent); }
        50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--op-active-accent) 0%, transparent); }
    }

    .order-progress__label {
        font-family: var(--font2);
        font-size: 13px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--op-upcoming-color);
        transition: color 0.3s ease;
    }

    .order-progress__item.is-done .order-progress__label,
    .order-progress__item.is-done .order-progress__date {
        color: var(--op-done);
    }

    .order-progress__item.is-active .order-progress__label,
    .order-progress__item.is-active .order-progress__date {
        color: var(--op-active-accent);
    }

    .order-progress__item.is-cancelled .order-progress__label,
    .order-progress__item.is-cancelled .order-progress__date {
        color: var(--op-cancel);
    }

    .cabinet_title.mobile,
    .order-progress__date {
        display: none;
    }

    .open_item {
        --inner: 26px;
        --img_size: 172px;
        --gap: 30px;
        align-items: stretch;
        grid-gap: var(--gap);
        margin-top: 20px;
        padding: 10px;
        border-radius: 6px;
        background: #fff;
        box-shadow: 0 1px 5px 0 #DADADA;
    }

    .open_item .open_item_info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .comment {
        margin-top: 15px;
    }

    .comment .open_item_name {
        padding-left: 0 !important;
    }

    .product-card {
        --pc-media: clamp(80px, 15vw, 120px);
        --pc-gap: clamp(12px, 3vw, 30px);
        --pc-pad: clamp(12px, 2.4vw, 26px);
        display: grid;
        grid-template-columns: var(--pc-media) 1fr auto;
        grid-template-areas: "media body price";
        align-items: stretch;
        column-gap: var(--pc-gap);
        margin-top: 20px;
        padding: var(--pc-pad) 12px var(--pc-pad) var(--pc-pad);
        border-radius: 6px;
        background: #fff;
        box-shadow: 0 1px 5px 0 #DADADA;
        margin-top: 15px;
    }

    .product-card__media {
        grid-area: media;
        position: relative;
        aspect-ratio: 1 / .89;
        align-self: start;
    }

    .product-card__media img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .product-card__body {
        grid-area: body;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 0;
    }

    .product-card__head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

    .product-card__name {
        margin: 0;
        font-weight: 400;
        font-size: clamp(13px, 1.3vw, 16px);
        line-height: 1.4;
        flex: none;
        width: 100%;
    }

    .product-card__model {
        display: block;
        color: var(--gray, #909090);
    }

    .product-card__qty {
        display: flex;
        flex: none;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        height: 25px;
        padding: 2px 6px;
        font-size: 12px;
        font-family: var(--font2);
        border: 1px solid var(--primary);
        border-radius: 6px;
    }

    .product-card__actions {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-top: 15px;
    }

    .product-card__actions .__btn {
        min-height: 20px;
        height: 40px;
    }

    .product-card__price {
        grid-area: price;
        display: flex;
        align-items: center;
        font-family: var(--font2);
        font-weight: 700;
        font-size: clamp(15px, 1.6vw, 20px);
        white-space: nowrap;
    }

    .open_lines .open_caption {
        margin: 0;
        font-size: 15px;
    }

    .open_bottom {
        justify-content: flex-end;
    }

    .open_bottom_caption {
        font-size: 13px;
    }

    .open_bottom_text {
        text-align: end;
    }

    .last .open_bottom_caption {
        font-size: 15px;
    }

    .open_text {
        width: fit-content;
        height: fit-content;
        margin: auto 0 0;
        line-height: 1;
        text-align: end;
    }

    .open_line {
        justify-content: space-between;
    }

    @media only screen and (max-width: 1200px) {
        .open_line {
            justify-content: flex-start;
        }

        .open_text {
            text-align: start;
        }

        .open_caption {
            margin: 0 0 8px !important;
        }
    }

    @media only screen and (max-width: 900px) {
        .cabinet_content {
            background-color: transparent;
        }

        .order-progress__icon {
            background: var(--bg, #fff);
        }

        .product-card {
            --pc-pad: 12px;
        }
    }

    @media only screen and (max-width: 770px) {
        .order-progress {
            --op-circle: 32px;
            --op-icon: 14px;
        }

        .order-progress__label {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 600px) {
        .comment {
            margin-top: 0;
        }

        .open_item,
        .comment .open_item {
            box-shadow: 0 1px 5px #DADADA;
        }

        .comment .open_item_name {
            text-align: center !important;
            width: 100% !important;
            font-size: 12px;
        }

        .product-card {
            --pc-media: 80px;
            grid-template-columns: var(--pc-media) 1fr;
            grid-template-areas:
            "media head"
            "media head"
            "actions actions"
            "price price";
            row-gap: 12px;
            padding: 12px 12px 0;
            overflow: hidden;
            margin-top: 10px;
        }

        .product-card__body {
            display: contents;
        }

        .product-card__head {
            grid-area: head;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
            min-width: 0;
        }

        .product-card__name {
            overflow-wrap: break-word;
            word-break: break-word;
        }

        .product-card__actions {
            grid-area: actions;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            margin-top: 0;
        }

        .product-card__actions .__btn {
            height: 36px;
            font-size: 12px;
            padding: 0 8px;
        }

        .product-card__price {
            /* grid-area: price; */
            grid-area: head;
            justify-content: flex-end;
            font-size: 18px;
            min-width: 0;
            height: fit-content;
            margin-top: auto;
        }

        .open_bottom_caption,
        .open_bottom_text {
            font-size: 12px;
        }

        .last .open_bottom_caption {
            font-size: 14.5px;
        }

        .last .open_bottom_text {
            font-size: 16px;
        }

        .history_top.history_net {
            display: none;
        }

        .history_tr.history_net {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 14px;
            background-color: var(--white);
            border-radius: 8px;
            box-shadow: 0 1px 5px 0 #DADADA;
        }

        .history_tr.history_net + .history_tr.history_net {
            margin-top: 10px;
        }

        .history_item_num {
            order: 1;
            font-size: 12px;
        }

        .history_item_name {
            order: 2;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .history_item_name img,
        .history_item_name picture {
            flex: none;
            width: 40px;
            height: 40px;
            object-fit: contain;
        }

        .history_stat {
            order: 3;
            font-size: 13px;
            white-space: nowrap;
        }

        .history_price {
            order: 3;
            margin-left: auto;
            font-size: 16px;
            font-weight: 800;
        }

        .open_bottom {
            margin: 25px 0 15px;
        }

        .open_line {
            justify-content: space-between;
        }

        .open_text {
            text-align: end;
            font-size: 13px;
        }

        .open_caption {
            margin: 0 !important;
            font-size: 14px !important;
            text-wrap: nowrap !important;
        }

        .open_lines,
        .open_line {
            margin: 0 !important;
        }

        .open_info,
        .open_lines {
            gap: 0;
        }

        .open_lines .open_line {
            display: flex;
            padding: 20px 15px 15px !important;
            border-radius: 6px !important;
            border-bottom: 1px solid #dadada !important;
        }

        .open_lines:not(:first-child) .open_line {
            padding: 0;
            border-radius: 0;
            border-bottom: none;
        }

        .open_lines:not(:first-child) {
            padding: 0;
            border-radius: 0;
            border-bottom: none;
            display: grid;
            justify-content: space-between;
        }
    }

    @media only screen and (max-width: 500px) {
        .open_back {
            --size: 18px;
            font-size: 14px;
            gap: 5px;
            justify-content: center;
            align-items: center;
            line-height: 1;
        }

        .open_top {
            margin-bottom: 25px;
        }

        .order-progress__icon {
            background: var(--white, #fff);
        }

        .order-progress__list {
            box-shadow: 0 1px 5px #DADADA;
        }

        .cabinet_title.mobile {
            display: block;
        }

        .open .open_item {
            margin-top: 0;
        }

        .open .open_item ~ .open_item {
            margin-top: 10px;
        }

        .order-progress-wrapper {
            margin: 25px 0 15px;
        }

        .order-progress {
            --op-circle: 30px;
            --op-icon: 14px;
        }

        .order-progress__list {
            flex-direction: column;
            align-items: stretch;
            gap: 22px;
            overflow: visible;
            max-width: none;
            width: 100%;
            background-color: #fff;
            padding: 20px;
            border-radius: 6px;
        }

        .order-progress__item {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            min-width: 0;
            width: 100%;
        }

        .order-progress__label {
            font-size: 13px;
            text-align: left;
            width: 100%;
        }

        .order-progress__date {
            display: block;
            white-space: nowrap;
            font-family: var(--font2);
            font-size: 11px;
            font-weight: 600;
            line-height: 1.25;
            color: var(--op-upcoming-color);
            transition: color .3s ease;
        }
    }
}

body[class^="account-return-add"] {
    .cabinet_net {
        grid-gap: 0;
    }

    form.customer-info p:has(strong) {
        margin-top: 40px;
    }

    @media only screen and (max-width: 500px) {
        .open_back {
            --size: 18px;
            font-size: 14px;
            gap: 5px;
            justify-content: center;
            align-items: center;
            line-height: 1;
        }
    }
}

body.account-wishlist {
    .checkout_item_content {
        box-shadow: 0 5px 10px #dadada;
        border-radius: 6px;
    }

    .checkout_item {
        margin-bottom: 10px;
    }

    .checkout_item:last-child {
        margin-bottom: 0;
    }
}

body.account-newsletter {
    @media only screen and (max-width: 500px) {
        .cabinet_img {
            margin-top: 25px;
        }
    }
}

.__small-btn {
    min-height: 20px;
    height: 2rem;
    font-size: .8rem;
    padding: 0 1rem;
    min-width: 0;
    width: fit-content;
}

body.account-return {
    .history-wrapper {
        overflow: hidden;
        width: 100%;
    }

    .history {
        overflow: auto;
    }

    .history_net {
        grid-template-columns: 40px 120px 80px 90px 200px 95px;
    }

    .history_tr.history_net {
        padding: 10px 22px 7px;
    }

    .history_tr.history_net p:nth-of-type(1) {
        font-weight: 600;
    }

    .history_tr.history_net p:nth-of-type(2) {
        color: var(--primary);
        font-weight: 700;
    }

    .history_tr.history_net p:nth-of-type(51) {
        font-style: italic;
    }

    @media only screen and (max-width: 1280px) {
        .history-wrapper {
            width: calc(100vw - (var(--bone) * 2) - 525px);
        }

        .history_top,
        .history_tr.history_net {
            width: fit-content;
        }
    }

    @media only screen and (max-width: 1200px) {
        .history-wrapper {
            width: calc(100vw - 450px);
        }
    }

    @media only screen and (max-width: 1140px) and (min-width: 901px), only screen and (max-width: 770px) {
        .history_top {
            display: grid;
        }

        .cabinet_title {
            margin-bottom: 20px;
        }

        .history_tr.history_net {
            padding: 10px 22px;
        }
    }

    @media only screen and (max-width: 900px) {
        .cabinet_content {
            background-color: transparent;
        }

        .history-wrapper {
            overflow: hidden;
            width: calc(100vw - (var(--bone) * 3));
        }

        .history_top,
        .history_tr.history_net {
            width: auto;
        }
    }

    @media only screen and (max-width: 768px) {
        .history_top,
        .history_tr.history_net {
            width: fit-content;
        }
    }
}

body.account-return-info {
    .cabinet_content {
        padding: 40px 35px;
    }
    .cabinet_title {
        margin-bottom: 30px;
    }

    .return_info_summary {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-bottom: 30px;
    }

    .return_info_card {
        padding: 22px 26px;
        background: rgba(1, 159, 1, 0.05);
        border-left: 3px solid var(--primary);
        border-radius: 6px;
    }

    .return_info_card_row {
        display: flex;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 8px;
    }

    .return_info_card_label {
        color: var(--gray);
        font-family: var(--font2);
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    .return_info_card_value {
        color: var(--header_color);
        font-family: var(--font2);
        font-size: 22px;
        font-weight: 700;
    }

    .return_info_card_sub {
        color: var(--gray);
        font-family: var(--font3);
        font-size: 13px;
    }

    .return_info_block {
        margin-bottom: 30px;
    }

    .return_info_block:last-of-type {
        margin-bottom: 25px;
    }

    .return_info_block_title {
        position: relative;
        margin-bottom: 14px;
        padding-left: 14px;
        color: var(--header_color);
        font-family: var(--font2);
        font-size: 16px;
        font-weight: 700;
    }

    .return_info_block_title:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 4px;
        height: 16px;
        background-color: var(--primary);
        border-radius: 3px;
    }

    .return_info_table_scroll {
        overflow: hidden;
        overflow-x: auto;
        border-radius: 6px;
        box-shadow: 0 6px 20px 0 hsla(0, 0%, 8%, .06);
    }

    .return_info_table {
        width: 100%;
        min-width: 560px;
        border-collapse: collapse;
        background: var(--white);
    }

    .return_info_table thead td {
        padding: 14px 22px;
        color: var(--white);
        font-family: var(--font2);
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .02em;
        white-space: nowrap;
        background-color: var(--primary);
    }

    .return_info_table tbody td {
        padding: 16px 22px;
        color: var(--header_color);
        font-family: var(--font2);
        font-size: 14px;
        vertical-align: top;
        border-bottom: 1px solid #EDEDED;
    }

    .return_info_table tbody tr:last-child td {
        border-bottom: none;
    }

    .return_info_table tbody tr:nth-child(even) {
        background-color: #FAFAFA;
    }

    .return_info_table_empty td {
        padding: 22px;
        color: var(--gray);
        font-style: italic;
        text-align: center;
    }

    .return_info_badge {
        display: inline-flex;
        align-items: center;
        padding: 5px 14px;
        color: var(--primary);
        font-family: var(--font2);
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        background: rgba(1, 159, 1, 0.08);
        border-radius: 30px;
    }

    .return_info_comment {
        padding: 18px 22px;
        color: var(--header_color);
        font-family: var(--font3);
        font-size: 14px;
        line-height: 1.5;
        background: var(--white);
        border-radius: 6px;
        box-shadow: 0 6px 20px 0 hsla(0, 0%, 8%, .06);
    }

    .return_info_actions {
        display: flex;
        justify-content: flex-end;
    }

    .return_info_actions .__btn {
        --btn_w: 220px;
    }

    @media only screen and (max-width: 900px) {
        .cabinet_content {
            background-color: transparent;
            padding: 0;
        }

        .cabinet_title {
            margin-bottom: 30px;
        }
    }

    @media only screen and (max-width: 600px) {
        .return_info_summary {
            grid-template-columns: 1fr;
        }

        .return_info_table_scroll {
            overflow: visible;
            box-shadow: none;
            border-radius: 0;
        }

        .return_info_table {
            min-width: 0;
            display: block;
        }

        .return_info_table thead {
            display: none;
        }

        .return_info_table tbody {
            display: block;
        }

        .return_info_table tbody tr {
            display: block;
            padding: 14px 16px;
            margin-bottom: 10px;
            background: var(--white) !important;
            border: 1px solid #ECECEC;
            border-radius: 6px;
            box-shadow: 0 6px 20px 0 hsla(0, 0%, 8%, .06);
        }

        .return_info_table tbody td {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 10px;
            padding: 6px 0;
            text-align: right;
            border: none;
        }

        .return_info_table tbody td:before {
            content: attr(data-label);
            color: var(--gray);
            font-size: 11px;
            font-weight: 600;
            text-align: left;
            text-transform: uppercase;
        }

        .return_info_table_empty td {
            display: block;
            text-align: center;
        }

        .return_info_table_empty td:before {
            content: none;
        }

        .return_info_actions {
            justify-content: center;
        }

        .return_info_actions .__btn {
            --btn_w: 100%;
        }
    }
}

.bonus-price {
    display: flex;
    align-items: center;
    gap: 6.5px;
    background: #f8b20008;
    border: 1px dashed #f8b200cf;
    border-radius: 6px;
    padding: 8px 10px;
    margin: 8px 0;
    font-family: var(--font2);
    justify-content: center;
    align-items: center;
}

.bonus-price__icon {
    flex: none;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bonus-price__icon svg {
    width: 20px;
    height: 20px;
    fill: var(--accent);
    filter: drop-shadow(0 0px 1px rgba(255, 255, 255, 1));
    transform: translateY(-1px);
}

.bonus-price__text {
    display: flex;
    flex-direction: row;
    gap: 0.5ch;
    text-wrap: nowrap;
}

.bonus-price__label,
.bonus-price__label span {
    color: var(--accent);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 0 0px 1px rgba(255, 255, 255, 1);
}

.bonus-price__label::after {
    content: ':';
}

.bonus-price__value {
    color: var(--accent);
    text-shadow: 0 0px 1px rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

@media only screen and (max-width: 600px) {
    .bonus-price {
        zoom: 0.9;
    }

    .bonus-price__icon {
        display: none;
    }

    .bonus-price__value {
        font-size: 13px;
    }
}

body.product-product {
    .bonus-price.hint {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-top: 6px;
    }

    .bonus-price__label.hint {
        font-size: 14px;
    }

    .bonus-price__value.hint {
        font-size: 14px;
        font-weight: 600;
    }
}

body.checkout_custom-b2c {
    #wrapper-bonus label {
        font-family: var(--font2);
    }

    #wrapper-bonus label span {
        opacity: 1;
        color: #999;
        transition: opacity 0.5s ease;
    }

    #wrapper-bonus input:focus + label span {
        opacity: 0;
    }

    #wrapper-bonus input:not(:placeholder-shown) ~ label span {
        opacity: 0;
    }
}

main.multi_orders_thank {
    section.__flex-center {
        gap: 40px;
    }

    .thank_img {
        margin: 0;
        position: sticky;
        top: 55%;
        transform: translateY(-50%);
        align-self: flex-start;
    }

    .thank_info {
        margin: 60px 0;
    }

    .thank_text {
        max-width: 350px;
        margin: 20px auto 0;
        text-align: center;
        text-wrap: nowrap;
    }

    .thank_sub_text {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6.5px;
        background: #f8b20008;
        border: 1px dashed #f8b200cf;
        border-radius: 6px;
        padding: 8px 10px;
        margin: 20px auto 0;
        width: min-content;
        font-family: var(--font2);
        text-wrap: nowrap;
    }

    .thank_sub_text p {
        font-size: .8rem;
        font-weight: 500;
        --color: #23272e;
        opacity: 0.95;
        line-height: 1.6;
        br {
            display: none;
        }
    }

    .thank_orders_wrapper {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    .thank_order {
        max-width: 750px;
        width: 100%;
        box-shadow: 0 1px 5px #dadada;
        border: solid 1px #DADADA95;
        border-radius: 6px;
        background-color: var(--white);
        padding: 10px 15px 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .thank_order_number {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 500;
        margin: 5px 0 5px;
        letter-spacing: 0.2px;
        small {
            opacity: 0.85;
            font-weight: 400;
            letter-spacing: 0.4px;
            text-wrap: nowrap;
        }
    }

    .thank_order_products {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 7px;
        width: 100%;
    }

    .thank_order_product {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
        border: solid 1px #dadada95;
        border-radius: 5px;
        padding: 5px 10px;
        text-align: left;
        width: 100%;
    }

    .thank_order_product .thank_order_product_image {
        width: 100px;
        height: auto;
    }

    .thank_order_product .thank_order_product_details {
        margin: 10px 0 0;
    }

    .thank_order_product .thank_order_product_details p:nth-of-type(1) {
        font-weight: 500;
        line-height: 1.1;
        font-size: 0.95rem;
        margin-bottom: 5px;
    }

    .thank_order_product .thank_order_product_details p:nth-of-type(2),
    .thank_order_product .thank_order_product_details p:nth-of-type(3) {
        font-size: 0.825rem;
        margin-bottom: 2px;

        span {
            font-weight: 500;
        }
    }

    .thank_order_detail {
        display: flex;
        justify-self: start;
        align-self: center;
        font-size: 11px;
        zoom: 1.1;
        display: flex;
        flex-direction: row;
        -moz-column-gap: 5px;
        column-gap: 5px;
        row-gap: 0;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        font-weight: 500;
        border-radius: 6px;
        border-bottom: 1px solid #dadada;
        padding: 5px 10px;
    }

    .thank_order_detail span {
        max-width: 70%;
        text-align: right;
    }

    .thank_order_detail_prices {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        margin: 10px 0;
    }

    .thank_order_footer {
        padding: 16px 10px 2px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
        text-align: left;
        margin: 8px 0 0;
        text-wrap: nowrap;
        gap: 10px;

        .discount_line {
            font-size: 11.5px;
            color: #C0392B;
            margin: 0 0 2px;
            font-weight: 500;

            span {
                color: #C0392B;
            }
        }

        .sum_label {
            font-size: 14px;
            font-weight: 500;
            color: #565d66;

            span {
                color: #565d66;
            }
        }

        .sum_value {
            font-weight: 700;
            font-size: 20px;
            margin-top: 5px;
        }
    }

    .border_top,
    .border_bottom {
        --border-color: #dadada95;
    }

    .border_top {
        border-top: solid 1px var(--border-color);
    }

    .border_bottom {
        border-bottom: solid 1px var(--border-color);
        padding-bottom: 16px;
        margin-bottom: 8px;

    }

    .thank_order_detail_price {
        display: flex;
        justify-self: end;
        align-self: center;
        font-size: 17px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        padding: 0 10px;
    }

    .thank_order_detail_price.small {
        font-size: 15px;
    }

    .thank_order_btn {
        height: 38px;
        min-height: 20px;
        text-wrap: nowrap;

        svg {
            display: block !important;
            transform: translateY(0.5px);
        }
    }

    .copy {
        --size: 28px;
        --color: #23272e;
        display: flex;
        flex-direction: column;
        gap: 0;
        justify-content: center;
        align-items: center;
        height: var(--size);
        width: var(--size);
        padding: 5px;
        border-radius: 5px;
        box-shadow: 0 0 5px #DADADA;
        border: solid 1px #DADADA;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .copy:hover {
        transform: translateY(-1px);
    }

    .copy:active {
        transform: translateY(1px);
    }

    @media only screen and (max-width: 900px) {
        section.__flex-center {
            flex-direction: column;
            gap: 0;
        }

        .thank_info {
            margin-top: 2.5rem;
        }

        .thank_img {
            margin: 0 auto 50px;
            position: relative;
            top: 0;
            transform: translateY(0);
        }
    }

    @media only screen and (max-width: 600px) {
        .thank_img {
            margin: 40px 0;
        }

        .thank_text {
            max-width: 100%;
            margin: 20px auto 0;
            text-align: center;
            text-wrap: wrap;
            font-size: 15px;
        }

        section.__flex-center {
            justify-content: center;
            flex-direction: column;
        }

        .thank_title {
            font-size: 25px;
        }

        .thank_sub_text p {
            font-size: 0.75rem;
            br {
                display: inline;
            }
        }

        .thank_img {
            margin: 20px
        }

        .thank_info {
            margin-bottom: 0;
        }

        .thank_order_number {
            zoom: 0.93;
        }

        .copy {
            --size: 20px;
        }
    }

    @media only screen and (max-width: 500px) {
        .thank_order_detail span {
            max-width: 60%;
        }

        .thank_order_product .thank_order_product_details p:first-of-type {
            font-size: .85rem;
        }

        .thank_order_product .thank_order_product_details p:nth-of-type(2),
        .thank_order_product .thank_order_product_details p:nth-of-type(3) {
            font-size: .75rem;
        }

        .thank_order_product .thank_order_product_image {
            width: 75px;
        }

        .border_top,
        .border_bottom {
            border: none;
        }

        .border_bottom {
            margin-bottom: 5px !important;
        }

        .thank_order_footer {
            padding: 0 0 2px;
            margin: 10px 0 0;
            flex-direction: column;

            .thank_order_footer_prices {
                padding: 0;
                display: grid;
                grid-template-columns: 1fr auto;
                align-items: baseline;
                column-gap: 10px;
                width: 100%;
            }

            .discount_line {
                grid-column: 1 / -1;
                justify-self: end;
                font-size: 12px;
                color: #C0392B;
                margin: 0 0 7px;
                font-weight: 600;
                line-height: 1px;

                span {
                    display: none;
                }
            }

            .sum_label {
                font-size: 17px;
                color: var(--color);
                font-weight: 600;

                span {
                    display: none;
                }
            }

            .sum_value {
                justify-self: end;
                font-size: 18px;
                margin: 0;
            }

            .__btn {
                width: 100%;
                margin-top: 5px;
            }
        }
    }

    @media only screen and (max-width: 370px) {
        .thank_order_detail span {
            max-width: 50%;
        }
    }

    .thank_success_icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        margin: 0 auto 18px;
        border-radius: 50%;
        background-color: var(--primary);

        svg {
            width: 22px;
            height: 22px;
            flex-shrink: 0;
        }
    }

    .thank_sub_text {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        background: #f8b20008;
        border: 1px dashed #f8b200cf;
        border-radius: 6px;
        padding: 8px 12px;
        margin: 20px auto 2rem;
        width: min-content;
        font-family: var(--font2);
        text-wrap: nowrap;

        svg {
            width: 14px;
            height: 14px;
            flex-shrink: 0;
            margin-top: 3px;
        }
    }

    .thank_order_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }

    .thank_order_head .thank_order_number {
        margin: 5px 0;
    }

    .thank_order_badge {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        flex-shrink: 0;
        padding: 4px 9px;
        border-radius: 20px;
        background-color: #f8b20014;
        color: #a8760a;
        border: solid 1px #a8760a7a;
        font-size: 11px;
        font-weight: 600;
        text-wrap: nowrap;

        svg {
            width: 12px;
            height: 12px;
            flex-shrink: 0;
        }
    }

    .thank_order_info_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        border: solid 1px #dadada95;
        border-radius: 6px;
        overflow: hidden;
    }

    .thank_order_info_group {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 10px 12px;
        text-align: left;
    }

    .thank_order_info_group:first-child {
        border-right: solid 1px #dadada95;
    }

    .thank_order_info_icon {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        margin-top: 1px;
        color: var(--primary);
    }

    .thank_order_info_label {
        font-size: 10.5px;
        font-weight: 500;
        color: var(--gray);
        margin-bottom: 3px;
        text-wrap: nowrap;
    }

    .thank_order_info_value {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.45;
    }

    .thank_order_payment_details {
        width: 100%;
        border: solid 1px #dadada95;
        border-radius: 8px;
        padding: 14px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        text-align: left;
    }

    .thank_order_payment_head {
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    .thank_order_payment_head svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        margin-top: 2px;
        color: var(--dark);
    }

    .thank_order_payment_head h4 {
        font-size: 13.5px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .thank_order_payment_head p {
        font-size: 11.5px;
        font-weight: 400;
        color: #1f1f1f;
        line-height: 1.5;
    }

    .thank_order_payment_body {
        display: flex;
        gap: 14px;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .thank_order_qr_box {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        width: 45%;
        padding: 0 0 0;
        border: solid 1px #dadada95;
        border-radius: 6px;
        text-align: center;
        transition: all .3s;
    }

    .thank_order_qr_box:hover {
        border-color: var(--primary);
    }

    .thank_order_qr_box .qr {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .thank_order_qr_hint {
        font-size: 12px;
        line-height: 1.35;
        color: #1f1f1f;
        padding: 0 10px;
        text-align: center;
        text-wrap: pretty;
        transform: translateY(-7px);
    }

    .thank_order_payment_info {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
        width: 100%;
    }

    .thank_order_payment_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 6px 8px;
        border-radius: 5px;
        background-color: #f5f5f5;
        min-width: 0;
        width: 100%;
        border: solid 1px #0000000f;
    }

    .thank_order_payment_row_text {
        min-width: 0;
    }

    .thank_order_payment_label {
        font-size: 12px;
        color: #1f1f1f;
        margin-bottom: 4px;
        text-wrap: nowrap;
    }

    .thank_order_payment_value {
        font-size: 13px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .thank_order_payment_row .copy {
        --size: 26px;
        flex-shrink: 0;
        background-color: var(--white);

        svg {
            width: 14px;
            height: 14px;
        }
    }

    .thank_order_payment_btn {
        width: 100%;
        min-width: 100%;
        height: 42px;
    }

    @media only screen and (max-width: 900px) {
        .thank_order_payment_body {
            flex-direction: column;
            align-items: center;
        }
    }

    @media only screen and (max-width: 600px) {
        .thank_order_qr_box {
            width: 200px;
        }
    }

    @media only screen and (max-width: 500px) {
        .thank_order_info_grid {
            grid-template-columns: 1fr;
        }

        .thank_order_info_group:first-child {
            border-right: none;
            border-bottom: solid 1px #dadada95;
        }

        .thank_order_payment_value {
            font-size: 11px;
        }
    }
}

.product_info.__flex-center.coming_soon {
    align-items: center;
    justify-content: center;
}

.product_info.__flex-center.coming_soon p {
    font-weight: 400;
    color: #23272e;
}

@media only screen and (max-width: 1030px) {
    a.big-a {
        width: inherit !important;
        padding: 0 12px !important;
    }

    a.big-a svg {
        display: none;
    }

    p.big-p {
        display: flex !important;
        font-size: 13px !important;
    }
}