/* Start:/local/templates/lk/components/bitrix/sale.basket.basket/jarvi/redesign.css?178583371330828*/
.basket-page .hide {
    display: none;
}
.basket-empty {
    display: flex;
    flex-direction: column;
    justify-self: center;
    text-align: center;
    margin-top: 50px;
}
.basket-empty .basket-empty-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #000000;
}
.basket-empty-image img,
.basket-empty-image svg {
    object-fit: contain;
    max-width: 100%;
}
.basket-empty-image svg {
    margin-bottom: 30px;
    max-width: 350px;
}
.basket-empty .basket-empty-text {
    margin-top: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.64);
}

.basket-empty .basket-empty-text .basket-empty-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    justify-self: center;
    margin-top: 25px;
    padding: 4px 4px 4px 24px;
    border: 1px solid #D8D8D8;
    border-radius: 50px;
    width: 212px;
    height: 40px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #0E0E0E;
}
.basket-empty .basket-empty-text .basket-empty-btn:hover {
    text-decoration: none;
}

.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px;
}

.basket-head {
    margin-bottom: 16px;
}

.basket-head-title {
    max-width: calc(100% - 442px);
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.basket-head h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    color: #0E0E0E;
}
.basket-head h1 span {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #7F7F7F;
    margin-left: 2px;
    position: relative;
    bottom: 14px;
}
.basket-clear {
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}
.basket-clear-confirm {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #7F7F7F;
    align-items: center;
    display: flex;
    gap: 20px;
}
.basket-cart {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 30px;
}
.basket-cart-list {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.basket-cart-list-items {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #fff;
}

.basket-cart-item-price {
    min-width: 100px;
}

.basket-cart-list-note {
    border-radius: 6px;
    border: 1px solid #d8d8d8;
    background-color: #f1f2f5;
    margin-bottom: 4px;
    padding: 11px 0;
    padding-left: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-right: 35px;
}

.basket-cart-list-note.danger {
    border: 1px solid #cf0202;
    background-color: #fff1f1;
}

.basket-cart-list-note a {
    color: #31312e;
    text-decoration: underline;
}

.basket-cart-list-note-close  {
    content: '';
    background-image: url(/local/templates/lk/components/bitrix/sale.basket.basket/jarvi/img/delete_action.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
    cursor: pointer;
}


.basket-cart-list-items > div:last-child {
    border: none;
}

.basket-icon-clear {
    position: relative;
    top: 2px;
}

.basket-icon-info {
    display: inline-block;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.basket-icon-info-tooltip {
    visibility: hidden;
    position: absolute;
    background: #353535;
    color: #fff;
    width: 280px;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    left: 50%;
    bottom: auto;
    top: calc(100% + 10px);
    transform: translateX(-50%) scale(0.8) translateY(-20px);
    padding: 10px;
    text-align: center;
}

.basket-icon-info-tooltip::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 100%;
    width: 0;
    height: 0;
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #353535;
}

.basket-icon-info:hover .basket-icon-info-tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) scale(1) translateY(0);
}

.basket-cart-item-delivery {
    display: flex;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid #e5e7eb;
    align-items: flex-start;
}

.basket-cart-item-delivery-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 120px;
    height: 44px;
    border: 1px solid #cbccd1;
    flex-shrink: 0;
    background: #F4F4F4;
    border-radius: 8px;
}

.basket-cart-item-delivery-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.basket-cart-item-delivery-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.basket-cart-item-delivery-link {
    flex-grow: 1;
    display: flex;
    justify-content: end;
}

.basket-cart-item-delivery-link a {
    display: flex;
    text-align: right;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #42A1AE;
    line-height: 150%;
    text-decoration-line: underline;
    /*padding-right: 15px;*/
}

.basket-cart-item-delivery-link a::after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 1L7.67453 5.11616C8.10849 5.60227 8.10849 6.39773 7.67453 6.88384L4 11' stroke='%2342A1AE' stroke-width='0.96' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    position: relative;
    width: 12px;
    height: 12px;
    left: 10px;
    top: 2px;
    /*display: inline-block;*/
    display: none;
}

.basket-cart-item-pets {
    display: flex;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid #e5e7eb;
    align-items: flex-start;
}

.basket-cart-item-pets-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 120px;
    height: 44px;
    border: 1px solid #bfd599;
    background-color: #f4f7ed;
    border-radius: 6px;
    flex-shrink: 0;
}

.basket-cart-item-pets-image svg {
    height: 24px;
}

.basket-cart-item-pets-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.basket-cart-item-pets-link {
    flex-grow: 1;
    display: flex;
    justify-content: end;
}

.basket-cart-item-pets-link a {
    display: flex;
    padding-right: 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #70A11C;
}

.basket-cart-item-pets-link a::after {
    content: '';
    background-image: url(/local/templates/lk/components/bitrix/sale.basket.basket/jarvi/img/more_link.svg);
    background-repeat: no-repeat;
    position: relative;
    width: 11px;
    height: 18px;
    left: 10px;
    top: 5px;
    display: inline-block;
}

.basket-cart-item {
    display: flex;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid #e5e7eb;
    align-items: flex-start;
}

.basket-cart-item.order.order--roznica {
    background-color: #fcf8e3;
}

.basket-cart-item.order,
.basket-cart-item.not_available {
    background-color: #f8d7da;
}

.basket-cart-item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 120px;
    height: 120px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    flex-shrink: 0;
    background-color: #fff;
}

.basket-cart-item-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.basket-cart-item-name {
    flex: 1 1 auto;
    min-width: 0;
    /*max-width: 360px;*/
    margin-bottom: 6px;
    text-wrap: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 100;
}
.basket-cart-item-name a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #0E0E0E;
}

.basket-cart-item-name-link {
    display: block;
}

.basket-badge-pro {
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 3px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    background: #fef4e1;
    color: #e48808;
    border: 1px solid #fac152;
    position: relative;
    bottom: 2px;
}

.basket-badge-gift {
    color: #19B490;
    background-color: #e4f8f3;
    padding: 3px 8px;
    padding-left: 13px;
    border-radius: 7px;
    align-self: flex-start;
}
.basket-badge-gift:before {
    content: '';
    background-image: url(/local/templates/lk/components/bitrix/sale.basket.basket/jarvi/img/gift.svg);
    position: relative;
    left: -5px;
    top: 1px;
    height: 12px;
    width: 12px;
    display: inline-block;
}

.basket-badge-prescription {
    color: #673b77;
    background-color: #e9d7ef;
    padding: 3px 8px;
    padding-left: 13px;
    border-radius: 7px;
    align-self: flex-start;
}
.basket-badge-prescription:before {
    content: '';
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%28-394%2C%20-981%29%22%20fill%3D%22%23673B77%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M402%2C997%20C397.581722%2C997%20394%2C993.418278%20394%2C989%20C394%2C984.581722%20397.581722%2C981%20402%2C981%20C406.418278%2C981%20410%2C984.581722%20410%2C989%20C410%2C993.418278%20406.418278%2C997%20402%2C997%20Z%20M400.728834%2C984.591068%20L400.728834%2C988.82483%20C400.728834%2C989.453606%20401.221589%2C989.956627%20401.837534%2C989.956627%20L401.988098%2C989.956627%20C402.604042%2C989.956627%20403.096798%2C989.453606%20403.096798%2C988.82483%20L403.096798%2C984.591068%20C403.096798%2C983.962291%20402.604042%2C983.45927%20401.988098%2C983.45927%20L401.837534%2C983.45927%20C401.221589%2C983.45927%20400.728834%2C983.962291%20400.728834%2C984.591068%20Z%20M403.3158%2C992.807081%20C403.3158%2C992.024603%20402.686168%2C991.381854%20401.91966%2C991.381854%20C401.153151%2C991.381854%20400.523519%2C992.024603%20400.523519%2C992.807081%20C400.523519%2C993.589558%20401.153151%2C994.232308%20401.91966%2C994.232308%20C402.686168%2C994.232308%20403.3158%2C993.589558%20403.3158%2C992.807081%20Z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);;
    position: relative;
    left: -5px;
    top: 1px;
    height: 12px;
    width: 12px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.basket-badge-apiece {
    align-self: flex-start;
    padding: 4px 8px 4px 17px;
    background: #F4F4F4;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #0E0E0E;
}
.basket-badge-apiece:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5 12.5C9.81371 12.5 12.5 9.81371 12.5 6.5C12.5 3.18629 9.81371 0.5 6.5 0.5C3.18629 0.5 0.5 3.18629 0.5 6.5C0.5 9.81371 3.18629 12.5 6.5 12.5Z' stroke='%230E0E0E' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.5 9.16663H6.50667V9.17329H6.5V9.16663Z' stroke='%230E0E0E' stroke-linejoin='round'/%3e%3cpath d='M6.5 6.50004V3.83337' stroke='%230E0E0E' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    position: relative;
    left: -6px;
    top: 2px;
    height: 13px;
    width: 13px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

.basket-badge-compliment {
    color: #d7469d;
    background-color: #fae9f3;
    padding: 3px 8px;
    padding-left: 13px;
    border-radius: 7px;
    align-self: flex-start;
}
.basket-badge-compliment:before {
    content: '';
    background-image: url(/local/templates/lk/components/bitrix/sale.basket.basket/jarvi/img/compliment.svg);
    position: relative;
    left: -5px;
    top: 1px;
    height: 12px;
    width: 12px;
    display: inline-block;
}

.basket-badge-bonus {
    color: #70a11c;
    background-color: #eef4e4;
    padding: 2px 8px 2px 8px;
    padding-left: 5px;
    border-radius: 7px;
    align-self: flex-start;
}
.basket-badge-bonus:before {
    content: '';
    background-image: url(/local/templates/lk/components/bitrix/sale.basket.basket/jarvi/img/bonus.svg);
    position: relative;
    left: 1px;
    top: 2px;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.price {
    white-space: nowrap;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #000000;
}

.price-old {
    font-size: 13px;
    color: #9ca3af;
}

.basket-cart-item-actions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 120px;
    flex-grow: 1;
}

.basket-cart-item-actions-counter {
    display: flex;
    align-self: self-end;
    align-items: center;
    background: #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
}

.basket-cart-item-actions-counter.gift {
    background: none;
    border-radius: 0;
    white-space: nowrap;
}

.basket-cart-item-actions-counter button {
    width: 32px;
    height: 40px;
    font-size: 32px;
    border: none;
    background: none;
    cursor: pointer;
    color: #000;
}

.basket-cart-item-actions-counter input {
    background: #f3f4f6;
    width: 48px;
    text-align: center;
    font-weight: 600;
    box-shadow: none !important;
    border: none;
}
.basket-cart-item-actions-counter input[type="text"]:focus {
    border: 0 !important;
}

.basket-cart-item-actions-icons {
    display: flex;
    gap: 12px;
    color: #6b7280;
    font-size: 18px;
    cursor: pointer;
    margin-top: auto;
    justify-content: end;
    align-items: center;
}

.basket-cart-item-actions-icons img {
    max-width: unset !important;
}

.basket-cart-item-actions-icons-favorite {
    position: unset !important;
}

.sc-product-favorite--active svg path {
    fill: red;
}

.basket-summary {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 408px;
    position: sticky;
    top: 105px;
    max-width: 422px;
}

.basket-summary-pro-wrapper {
    background: #F1F2F5;
    padding: 15px 25px 5px 25px;
    border-radius: 6px;
}

.basket-summary-pro {
    flex: 0 0 335px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}

.basket-summary-pro-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

.basket-summary-pro-total {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    color: #70A11C;
}


.basket-summary-pro-toggle {
    border-top: 1px solid #dfe3eb;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-top: 20px;
}

.basket-summary-pro-toggle input[type="checkbox"] + label:before,
.basket-summary-pro-toggle input[type="checkbox"]:checked + label:before {
    background-image: none !important;
}

.basket-summary-pro-toggle label {
    width: 55px;
    height: 32px;
    background: #d1d5db;
    border-radius: 999px;
    position: relative;
    cursor: pointer;
}

.basket-summary-pro-toggle label::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 6px;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    transition: .2s;
}

.basket-summary-pro-toggle input:checked + label {
    background: #f7a501;
}
.basket-summary-pro-toggle input:checked + label::after {
    transform: translateX(20px);
}

.basket-summary-coupon {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    padding: 11px 14px;
    height: 52px;
}
.basket-summary-coupon:hover,
.basket-summary-coupon:focus {
    background: #FFFFFF;
    border: 1px solid #42A1AE;
}

.basket-summary-coupon input {
    /*width: 100%;*/
    flex-grow: 1;
    border: none !important;
    box-shadow: none !important;
    outline: none;
    font-weight: 400;
    margin-left: 14px;

    background: transparent;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #7F7F7F;
}
.basket-summary-coupon input::placeholder {
    color: #73767f;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.basket-summary-coupon input:focus {
    outline: none;
    border: none;
}

.basket-summary-coupon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 4.66045e-09C17.7652 -4.26217e-05 18.5015 0.292325 19.0583 0.817284C19.615 1.34224 19.9501 2.06011 19.995 2.824L20 3V4.817C19.9977 5.08708 19.925 5.35189 19.7888 5.58518C19.6527 5.81847 19.458 6.01214 19.224 6.147L19.117 6.205C18.7935 6.3638 18.5189 6.60707 18.3222 6.9091C18.1256 7.21112 18.0142 7.56067 17.9998 7.92079C17.9855 8.28091 18.0687 8.63821 18.2407 8.95492C18.4127 9.27163 18.6671 9.53597 18.977 9.72L19.117 9.795C19.55 10.009 19.937 10.451 19.993 11.035L20 11.183V13C20 13.7652 19.7077 14.5015 19.1827 15.0583C18.6578 15.615 17.9399 15.9501 17.176 15.995L17 16H3C2.23479 16 1.49849 15.7077 0.941739 15.1827C0.384993 14.6578 0.0498925 13.9399 0.00500012 13.176L4.66045e-09 13V11.183C4.66045e-09 10.577 0.352 10.105 0.776 9.853L0.883 9.795C1.20653 9.6362 1.48114 9.39293 1.67779 9.0909C1.87445 8.78888 1.98583 8.43933 2.00017 8.07921C2.01452 7.71909 1.93129 7.36179 1.75928 7.04508C1.58727 6.72837 1.33288 6.46403 1.023 6.28L0.883 6.205C0.45 5.991 0.063 5.549 0.00699997 4.965L4.66045e-09 4.818V3C-4.26217e-05 2.23479 0.292325 1.49849 0.817284 0.941739C1.34224 0.384993 2.06011 0.0498925 2.824 0.00500012L3 4.66045e-09H17ZM17 2H3C2.75507 2.00003 2.51866 2.08996 2.33563 2.25272C2.15259 2.41547 2.03566 2.63975 2.007 2.883L2 3V4.535C2.59245 4.87679 3.08737 5.36479 3.43746 5.95238C3.78755 6.53997 3.98112 7.20751 3.99967 7.89124C4.01823 8.57496 3.86116 9.25202 3.54346 9.85773C3.22575 10.4634 2.75804 10.9776 2.185 11.351L2 11.465V13C2.00003 13.2449 2.08996 13.4813 2.25272 13.6644C2.41547 13.8474 2.63975 13.9643 2.883 13.993L3 14H17C17.2449 14 17.4813 13.91 17.6644 13.7473C17.8474 13.5845 17.9643 13.3603 17.993 13.117L18 13V11.465C17.4075 11.1232 16.9126 10.6352 16.5625 10.0476C16.2125 9.46003 16.0189 8.79249 16.0003 8.10876C15.9818 7.42504 16.1388 6.74798 16.4565 6.14227C16.7742 5.53655 17.242 5.02243 17.815 4.649L18 4.535V3C18 2.75507 17.91 2.51866 17.7473 2.33563C17.5845 2.15259 17.3603 2.03566 17.117 2.007L17 2ZM8 5C8.24493 5.00003 8.48134 5.08996 8.66437 5.25272C8.84741 5.41547 8.96434 5.63975 8.993 5.883L9 6V10C8.99972 10.2549 8.90212 10.5 8.72715 10.6854C8.55218 10.8707 8.31305 10.9822 8.05861 10.9972C7.80416 11.0121 7.55362 10.9293 7.35817 10.7657C7.16271 10.6021 7.0371 10.3701 7.007 10.117L7 10V6C7 5.73478 7.10536 5.48043 7.29289 5.29289C7.48043 5.10536 7.73478 5 8 5Z' fill='%2342A1AE' /%3e%3c/svg%3e");
    width: 20px;
    height: 16px;
    left: -36px;
    top: -64px;
    display: inline-block;
    flex-shrink: 0;
}

.basket-summary-checkout {
    padding: 25px 25px 20px 25px;
    border-radius: 6px;
    background-color: #f1f2f5;
}

#basket_order_btn {
    width: 100%;
    border: none;
    padding: 12px 24px;
    cursor: pointer;
    margin-bottom: 16px;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
    border-radius: 50px;
    height: 40px;
    background: #BBE4E9;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #0E0E0E;
}

.basket-summary-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #0E0E0E;
}

.basket-summary-list div {
    display: flex;
    justify-content: space-between;
}

.basket-summary-list-info span,
.basket-summary-list-info strong {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #0E0E0E;
}

.basket-summary-list-discount span:nth-child(2) {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FC3A37;
}

.basket-summary-list-bonus span:nth-child(2) {
    color: #70a11c;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.basket-summary-list-bonus span:nth-child(2):before {
    content: '';
    background-image: url('/local/templates/lk/components/bitrix/sale.basket.basket/jarvi/img/bonus.svg');
    position: relative;
    left: -3px;
    top: 3px;
    height: 16px;
    width: 16px;
    display: inline-block;
}
.basket-summary-total {
    border-top: 1px solid #e5e7eb;
    margin-top: 12px;
    padding-top: 14px;
    display: flex;
    justify-content: space-between;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #0E0E0E;
}

#basket_order_btn.active {
    background-color: #f7a501;
}
#basket_order_btn.active span {
    display: none;
}
#basket_order_btn.active::before {
    content: "Оформить PRO заказ";
}

.basket-summary-coupon-delete {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3e%3cpath d='M7.28296 6.28284L12.283 1.28284L11.283 0.282837L6.28296 5.28284L1.28296 0.282837L0.282959 1.28284L5.28296 6.28284L0.282959 11.2828L1.28296 12.2828L6.28296 7.28284L11.283 12.2828L12.283 11.2828L7.28296 6.28284Z' fill='%23525660' stroke='%23525660' stroke-width='0.4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.basket-summary-coupon-send {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    width: 134px;
    height: 30px;
    background: #BBE4E9;
    border-radius: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #0E0E0E;
    margin-left: auto;
}

.basket-summary-coupon-result {
    margin-top: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.basket-summary-coupon-result-success {
    color: #70A11C;
}

.basket-summary-coupon-result-error {
    color: #CB2B28;
}

.basket-summary-coupon.error {
    border: 2px solid #FC3A37;
}

.basket-summary-coupon input:read-only {
    /*background-color: #f6f7f9;*/
}
.basket-summary-coupon-send {
    display: none;
}
.basket-summary-coupon.apply {
    border: 2px solid #70A11C;
}

#BasketDeleteAll button {
    display: none;
}

.basket-summary-delivery-time hr {
    border-top: 1px solid #D8D8D8;
    margin: 10px 0;
}

.basket-summary-delivery-time {
    /*border-top: 1px solid #e5e7eb;*/
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #303031;
/*    padding-top: 8px;
    margin-top: 13px;*/
}
.basket-summary-delivery-time a {
    color: #303031;
    text-decoration: underline;
    font-weight: 500;
}





.popup-clear-basket {
    max-width: 392px;
    border-radius: 16px;
}
.popup-clear-basket-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #0E0E0E;
    margin-bottom: 10px;
}
.popup-clear-basket-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #0E0E0E;
    margin-bottom: 30px;
}
.popup-clear-basket-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.popup-clear-basket-btn a {
    width: 146px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #0E0E0E;
}
.popup-clear-basket-btn a:hover {
    text-decoration: none;
}
.basket-clear-decline {
    background: #BBE4E9;
    border: 1px solid transparent;
}
.basket-clear {
    background: #fff;
    border: 1px solid #42A1AE;
}
.popup-clear-basket .fancybox-button svg {
    right: 10px;
    width: 38px;
    height: 38px;
    padding: 4px;
}

.mobile-friendly-preloader {
    position: fixed !important; /* Используем fixed для мобильных */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /*background: rgba(255, 255, 255, 0.1);*/
    border-radius: 6px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    margin: 0;
    padding: 0;
}

.preloader-wrapper {
    text-align: center;
    padding: 30px;
    max-width: 90%;
}

.mobile-spinner {
    animation: spinner 0.7s linear infinite;
    display: block;
    margin: 0 auto;
}

.mobile-text {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    opacity: 0.9;
}
.nonep {
    height: 1px;
    left: -10000px;
    position: absolute;
    width: 1px;
}
@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 1024px) {
    .basket-page {
        padding: 50px 0 0;
    }
    /*.basket-page * {
        box-sizing: border-box;
    }*/
    .basket-cart { flex-direction: column; }
    .basket-summary { position: static; width: 100%; }
    .basket-head-title { max-width: 100%; }

    .basket-cart {
        flex-direction: column;
    }

    .basket-summary {
        display: contents;
    }

    .basket-summary-pro-wrapper {
        order: -2;
        width: calc(100% - 50px);
    }
    .basket-cart-list {
        order: -1;
        border-radius: 0;
        border: none;
        width: 100%;
    }
    .basket-summary-coupon {
        order: 1;
        width: 100%;
    }
    .basket-summary-checkout {
        order: 2;
        width: 100%;
    }

    .basket-cart-item {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .basket-cart-item-column-block {
        flex: 1 1 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .basket-cart-item-row-block {
        flex: 1 1 calc(50% - 10px);
        min-width: auto;
    }

    .basket-cart-item-image {
        order: 1;
        flex: 0 0 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        width: 56px;
        height: 56px;
    }

    .basket-cart-item-image img {
        text-align: center;
        display: flex;
        justify-self: center;
        max-width: 93% !important;
    }

    .basket-cart-item-price {
        order: 2;
    }
    .basket-cart-item-name {
        order: 3;
    }
    .basket-cart-item-actions {
        order: 4;
        flex-direction: row;
        min-height: auto;
    }
    .basket-cart-item-actions-icons {
        justify-content: center;
        margin-top: unset;
        align-items: center;
    }

    .basket-cart-item-delivery {
        flex-wrap: wrap;
    }

    .basket-cart-item-delivery-image {
        width: 40px;
        height: 40px;
    }

    .basket-cart-item-delivery-text {
        width: 50%;
        flex-grow: 1;
    }

    .basket-cart-item-delivery-link {
        justify-content: start;
        width: 100%;
        /*margin-left: 57px;*/
    }

    .basket-cart-item-pets {
        flex-wrap: wrap;
    }

    .basket-cart-item-pets-image {
        width: 40px;
        height: 40px;
    }

    .basket-cart-item-pets-text {
        width: 50%;
        flex-grow: 1;
    }

    .basket-cart-item-pets-link {
        justify-content: start;
        width: 100%;
        margin-left: 57px;
    }

    .basket-summary-coupon-result {
        margin-top: -15px;
        order: 1;
    }

}

@media (max-width: 768px) {
    .mobile-friendly-preloader {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 10000 !important;
    }

    .mobile-spinner {
        width: 70px !important;
        height: 70px !important;
        max-width: 80vw;
        max-height: 80vh;
    }

    .mobile-text {
        font-size: 18px !important;
        margin-top: 25px !important;
    }
    .popup-clear-basket {
        max-width: 90%;
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 16px;
    }
    .mobile-spinner {
        width: 60px !important;
        height: 60px !important;
    }

    .mobile-text {
        font-size: 16px !important;
        margin-top: 20px !important;
    }

    .preloader-wrapper {
        padding: 20px !important;
    }
    .basket-empty-image svg {
        max-width: 228px;
    }
    .basket-empty .basket-empty-title {
        font-size: 18px;
    }
    .basket-empty .basket-empty-text .basket-empty-btn {
        width: 100%;
    }
    .basket-clear-confirm {
        gap: 8px;
    }
    .basket-summary {
        min-width: 0;
        max-width: 100%;
        display: flex;
    }
    .basket-summary-coupon-result {
        margin-top: 0;
    }
    .basket-summary-coupon-send {
        padding: 8px 9px;
    }
    .basket-summary-coupon input {
        min-width: 0;
    }
}

@media (min-width: 769px) {
    .mobile-friendly-preloader {
        position: absolute !important;
        width: 100%;
        height: 100%;

    }
}

div[id^="wait_comp_"] {
    display: none !important;
}

div[data-popmechanic-embed] {
    display: none;
}

.alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.js-set-basket-item-quantity {
    cursor: pointer;
}
/* End */
/* /local/templates/lk/components/bitrix/sale.basket.basket/jarvi/redesign.css?178583371330828 */