html,body{
    background-color: #F9F9F9;
     overflow: unset !important;
     width: 100vw;
}
html.no-scroll {
    overflow: hidden !important;
}
.banner-top-header{
    width: 100%;
    overflow: hidden;
}
.ui-basket-content{
 --ui-block-border:1px solid #ECEDF0;
 margin-bottom: 95px;
}

.ui-basket-content{
    display: flex;
    gap: 24px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.hide-load{
    opacity: 0;
    visibility: hidden;
}
.ui-basket-content.init,
.hide-load.init{
    opacity: 1;
    visibility: visible;
}
.ui-basket-content-l{
    width: calc(100% - 326px);
}
.ui-basket-content-r{
    width: 302px;
    flex: 1 0 302px;
}
.ui-basket-content-r .rub{
    font-weight: 500;
}
.ui-basket-top-products{
    padding: 20px 15px;
    background: #fff;
    border-radius: 10px;
    border: var(--ui-block-border);
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.ui-basket-top-products.selected .ui-btn-default svg path{
    fill: #202020;
}
.ui-basket-top-products-l,.ui-basket-top-products-r{
    display: flex;
    gap: 10px;
    align-items: center;
}
.ui-basket-rows-product{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ui-baste-top-total-selected{
    line-height: 21px;
    font-size: 15px;
    font-weight: 600;
    margin-left: 15px;
}
.ui-baste-top-total-selected .rub{
    font-weight: 400;
}
.ui-basket-row-product{
    display: flex;
     padding: 15px 20px 15px 15px;
    background: #fff;
    border-radius: 10px;
    border: var(--ui-block-border);
}
.ui-basket-row-product-checked{
    width: 20px;
    margin-right: 10px;
}
.ui-basket-row-product-img{
    width: 88px;
    height: 88px;
    margin-right: 30px;    
}
.ui-basket-row-product-img img{
    max-width: 100%;
    max-height: 100%;
    
}
.ui-basket-row-product-content{
    width: 100%;
    max-width: 462px;
    display: flex;
    flex-direction: column;
}
.ui-basket-row-product-counter{
    width: 120px;    
}
.ui-basket-row-product-name{
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    max-width: 462px;
}
.ui-basket-row-product-desc{
    display: flex;
    gap: 20px;
}
.ui-basket-row-product-art{
    line-height: 21px;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
    position: relative;
}
.ui-basket-row-product-art b{
    font-weight: 600;
}
.ui-basket-row-product-art .copy-art {
    cursor: pointer;
    transition: 0.3s;
    color: #999999;
    margin-left: 7px;
    display: flex;
}
.ui-basket-row-product-art .copy-art:hover {
    color: #666666;
}
.ui-basket-row-product-art .copy-art .ui-alert-info{
   right: -6px; 
   top: 20px;
}
.ui-basket-row-product-price-old{
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color-silver);
    position: relative;
    width: fit-content;
}
.ui-basket-row-product-price-old::after{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--main-oragnge);
    top: 11px;
}
.ui-basket-row-product-price{
    width: 158px;
    flex: 1 0 158px;
    font-size: 18px;
    font-weight: 400;
}
.ui-basket-row-product-price-discount{
    line-height: 18px;
    font-size: 13px;
    font-weight: 600;
}
.ui-basket-row-product-price-discount > span{
    color: var(--main-oragnge);
}
.ui-basket-row-product-price-discount .rub{
    font-size: 12px;
}
.ui-basket-row-product-status{
    display: flex;
    gap: 7px;
    align-items: center;
}
.ui-basket-row-product-status .ui-hint-note .ui-hint-content {
    max-width: 225px;
    width: 225px;
    white-space: wrap;
}
.ui-select-counter{
    width: 120px;
    height: 40px;
    border: 2px solid #ECEDF0;
    border-radius: 8px;
    display: flex;
}
.ui-select-counter:hover {
    border-color: #AEAEAE;
}
.ui-select-counter button{
    width: 40px;
    height: 36px;
    display: flex;
    border: none;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    flex: 1 0 40px;
     border-radius: 8px;
     cursor: pointer;
}
.ui-select-counter input{
    background-color: #fff;
    width: 100%;
    height: 36px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
}
.ui-basket-row-product-meaure{
    line-height: 18px;
    font-size: 13px;
    color: #666666;
    font-weight: 600;
    margin-top: 5px;
}
.ui-basket-row-product-meaure .rub{
    font-size: 12px;
}
.ui-basket-row-product-btns{
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.ui-basket-row-product-min{
    line-height: 18px;
    font-weight: 600;
    font-size: 13px;
    margin-top: 5px;
}
.ui-basket-row-product-price{
    padding-left: 30px;
}
.ui-basket-row-product-price .rub{
    font-weight: 400;
}
.ui-basket-row-product-price-main{
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
}
.ui-basket-search{
    margin-bottom: 20px;
    position: relative;
}
.ui-basket-search-input{
    height: 45px;
    border: 2px solid #ECEDF0;
    border-radius: 10px;
    padding-right: 13px;
    display: flex;
    width: 100%;
    background-color: #fff;
    align-items: center;
}
.ui-basket-search-input input{
    width: 100%;
    height: 100%;
      border-radius: 10px;
    background-color: #fff;
    border: none;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 400;
}
.ui-basket-search-input input::placeholder {
    font-size: 16px;
    color: var(--text-color-silver);
    font-weight: 400;
}
.ui-basket-search .show.title-search-result{
    background-color: #fff;
    padding: 20px;
    top: 51px;
    width: 100%;
    left: 0;
    z-index: 10;
}
.ui-basket-search .search-dropdown__section{
    padding: 0;
    margin: 0;
}
.ui-basket-search-input .search-cliar{
    right: 10px;
    top: 9px;
}
.ui-basket-search .title-search-result .search-dropdown{
    padding-right: 0;
}
.ui-baket-whl-btn .ui-wh-select-section{
        right: -6px;
    color: var(--text-color);
}
.ui-baket-whl-btn.iswhl{
     color: #FF5C5C;
     position: relative;
}
.ui-baket-whl-btn.iswhl path {
    fill-rule: nonzero;
}
.ui-baket-whl-btn.iswhl:hover .ui-wh-select-section{
    opacity: 1;
    visibility: visible;

}
button.ui-btn-by-sale.ui-btn-default{
    font-size: 13px;
    margin-top: 10px;
    padding: 5px 10px 7px 10px;
    height: 30px;
    position: relative;
}
button.ui-btn-by-sale.ui-btn-default.active,button.ui-btn-by-sale.ui-btn-default:active{
    color: var(--text-color);
}
.discount-list-wrp-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    display: none;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    box-shadow:  0 0 10px rgba(0, 0, 0, 0.15);   
    width: 250px;
  top: 42px;
    left: -60px;
    z-index: 2;
}
.discount-list-body{
    background-color: #fff;
    z-index: 1;
     padding: 15px;
     position: relative;
       border-radius: 10px;
}
.discount-list-wrp-body::after {
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 0;
    right: 0;
    margin: 0 auto; 
    width: 16px;
    top: -5px; /* Положение треугольника */
    height: 16px;        
    box-shadow:  0 0 10px rgba(0, 0, 0, 0.15);
    transform: rotate(45deg);
    background-color: #fff;
    z-index: -1;
   }
button.ui-btn-by-sale.active .discount-list-wrp-body{
    display: block;
}
.discount-list-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.discount-list-col{
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: var(--text-color);
	display: flex;
	gap: 5px;
	align-items: center;
}
.discount-list-col .rub{
	line-height: 21px;
    font-size: 13px;
    font-weight: 500;
}
.discount-list-col.__sale{
    color: var(--main-oragnge);
}
.discount-list-title{
    display: flex;
    line-height: 21px;
    font-size: 15px;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.discount-list-close{
    cursor: pointer;
}
.ui-radio label{
    width: 20px;
    height: 20px;
    left: 0;
}
.ui-basket-row-product-dops{
    margin-top: 10px;
}
.ui-basket-row-product-dops-title{
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;

}
.ui-basket-row-product-dops .ui-checkbox2-container{
    margin-bottom: 10px;
}
.ui-basket-row-product-dops .ui-checkbox2-container:last-child{
    margin-bottom: 0;
}
.ui-basket-row-product-dops .ui-checkbox2-container label.confirm-wrp-title{
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
     width: fit-content;
    margin-right: 6px;
}
.ui-checkbox2-container .ui-hint-content{
    font-size: 15px;
}
.ui-basket-total-block{
    background-color: #fff;
    padding: 20px 20px 15px 20px;
    border-radius: 10px;
    border: var(--ui-block-border);
    display: flex;
    flex-direction: column;
}
.ui-basket-total-block.ui-border-bottom{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 4px;
}
.ui-basket-total-block.ui-border-top{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;    
}
.ui-basket-total-block-item{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}
.ui-basket-total-block-item-l{
    width: 65%;
}
.ui-basket-total-block-item-r{
       width: 35%;
    display: flex;    
    justify-content: flex-start;
    flex-direction: column
}
.ui-basket-total-block-item-r .ui-basket-total-block-item-title{
        display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.ui-basket-total-block-item-title{
    line-height: 21px;
    font-size: 15px;
    font-weight: 600;
}
.ui-basket-total-block-item-sub{
    font-size: 14px;
    font-weight: 400;
    color: var(--text-color-silver);
    line-height: 20px;
}
.ui-basket-total-block-item-sub .ui-hint-note{
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
}
.ui-basket-total-block-item-sub .ui-hint-note .ui-hint-content{
    white-space:normal;
    min-width: 240px;
}
.ui-basket-total-block-item-more{
    line-height: 22px;
    display: flex;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px;
}
.ui-basket-total-block-item-more svg{
    transform: rotate(-180deg);
    transition: 0.3s;
}
.ui-basket-total-block-item-more.open svg{
    transform: rotate(0deg);
}
.ui-basket-total-block-item-more-wrp{
    overflow: hidden;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
.ui-basket-total-block-item-more-wrp.open{
    visibility: visible;
    height: fit-content;
    opacity: 1;
    overflow: unset;
}
.ui-basket-total-block-item-r .ui-basket-total-block-item-sub{
 display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.ui-basket-total-block-line{
    width: 100%;
    background-color: #E4E4E4;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.ui-basket-total-block-btns{
    margin-top: 5px;
}
.ui-basket-total-block-btns .ui-btn{
    height: 50px;
    font-size: 18px;
    font-weight: 700;
}
.ui-basket-total-block-item-title.__orange{
    color: var(--main-oragnge);
}
.ui-item-from.ui-input-wrp .ui-btn-square{
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 2;
}
.ui-basket-coupons-list-title{
    line-height: 21px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 12px;
}
.ui-basket-coupons-list{
display: flex;
     gap: 8px;
     flex-wrap: wrap;
}
.ui-basket-coupons-item{
    line-height: 21px;
    padding: 5.5px 10px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: var(--def-btn-bg-color);
    border-radius: 8px;
    cursor: pointer;
}
.ui-basket-coupons-item:hover{
    background-color: var(--def-btn-bg-color-hover);
}
.ui-basket-total-block-coupon{
    padding: 15px 20px 20px 20px;
    margin-bottom: 20px;
}
.ui-basket-informer-item{
    border: 2px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    padding: 14px 5px 15px 15px;
    display: flex;
    width: 100%;
    gap: 12px;
    margin-bottom: 15px;
}
.ui-basket-informer-item-img{
    width: 40px;
    height: 40px;
}
.ui-basket-informer-item-img img{
    width: 100%;
}
.ui-basket-informer-item-text{
    font-size: 15px;
    line-height: 20.5px;
}
.ui-basket-informer-item-text .ui-hint-note{
    display: inline-block;
    position: relative;
    top: 3px;    
}
.ui-basket-informer-item-text .ui-hint-note .ui-hint-content br,
.ui-basket-row-product-dops .ui-hint-note .ui-hint-content br{
    display: block;
}
.ui-basket-informer-item-text b{
    font-weight: 600;
    color: var(--text-color);
}
.skeleton-basket{
    display: flex;
    gap: 24px;
}
.skeleton-card {
  width: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Apply the animation to the container */
  animation: pulse 1.5s infinite alternate; /* An alternative 'pulse' effect */
}
.skeleton-card-r{
  width: 302px;
    flex: 1 0 302px;
}

/* Styles for the individual placeholder elements */
.skeleton-img {
  height: 50px;
  background-color: #eee;
  border-radius: 4px;
  margin-bottom: 15px;
}

.skeleton-content .skeleton-line {
  height: 146px;
  background-color: #eee;
  margin-bottom: 10px;
  border-radius: 2px;
}

div.ui-model-content{
    overflow: unset;
}
@keyframes pulse {
  0% { opacity: 0.5; }
  100% { opacity: 1; }
}
.basket-share-text{
      display: flex;          
    gap: 20px;
}
.basket-share-date-text{
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 21px;
}
.basket-share-text .copy-art {
    cursor: pointer;
    transition: 0.3s;
    color: #999999;
    margin-left: 7px;
    position: relative;
}
.ui-silver-link{
    font-size: 15px;
    display: flex;
    gap: 8px;
    color: var(--text-color-silver);
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 26px;
    align-items: center;
    width: fit-content;
}
.ui-silver-link:hover{
    color: var(--main-oragnge);
}
.ui-basket-content-r-stick{
    position: sticky;
    top: 90px;
}
.cart-empty__right{
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}
.cart-empty__right a{
    color: var(--def-link-color);
    
}
.ui-checkbox2-container .ui-hint-note{
    top: 2px;
}
.ui-basket-search .title-search-result .search-dropdown__link{
    display: flex;
}
.ui-block-add-to-order{
    padding-top: 15px;
}
.ui-block-add-to-order .ui-switch-container{
    position: relative;
}
.ui-block-add-to-order .ui-switch-title{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.ui-block-add-to-order  .ui-hint-note .ui-hint-content br{
    display: block;
}