/* Start:/local/templates/shop.qwelp.ru/components/bitrix/sale.basket.basket/qwelp/style.css?176656905032537*/
/* ========================================
   Корзина - Стили под дизайн сайта
   ======================================== */

/* Базовые переменные уже определены в main.css */

.bx-basket {
    opacity: 1 !important;
    font-family: var(--font-family-base, "Nunito", sans-serif);
    margin: 48px 0;
}

/* ========================================
   Двухколоночная раскладка
   ======================================== */
.basket-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 20px;
    align-items: start;
}

.basket-layout__main {
    min-width: 0;
}

.basket-layout__sidebar {
    position: relative;
}

.basket-sidebar-sticky {
    position: sticky;
    top: 20px;
}

@media (max-width: 1199px) {
    .basket-layout {
        grid-template-columns: 1fr 280px;
        gap: 16px;
    }
}

@media (max-width: 991px) {
    .basket-layout {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .basket-layout__sidebar {
        order: -1;
    }

    .basket-sidebar-sticky {
        position: static;
    }
}

/* ========================================
   Блок оформления (Total block) - Sidebar
   ======================================== */
.basket-checkout-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border: none;
    border-radius: 12px;
    background-color: var(--color-white, #fff);
    box-shadow: 0 4px 25px rgba(13, 36, 128, 0.1);
    transition: opacity 250ms ease;
}

.basket-checkout-container.basket-checkout-container-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.basket-checkout-container.basket-checkout-container-fixed-hide {
    opacity: 0;
}

/* Купон */
.basket-coupon-section {
    width: 100%;
    margin-top: 8px;
}

.basket-coupon-block-field {
    width: 100%;
}

.basket-coupon-block-field .form-control {
    padding: 10px 40px 10px 16px;
    border: 1px solid #E1E4EF;
    border-radius: var(--border-radius-s, 8px);
    background: transparent;
    color: var(--color-dark-text, #25262b);
    font-family: var(--font-family-base, "Nunito", sans-serif);
    font-size: 15px;
    font-weight: 400;
    height: 48px;
    transition: border-color var(--transition-duration, 0.2s);
    box-shadow: none;
}

.basket-coupon-block-field .form-control:focus {
    outline: none;
    border-color: var(--color-primary, #0d2480);
}

.basket-coupon-block-field-description {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--color-dark-text, #25262B);
    font-size: 14px;
    font-weight: 600;
}

.basket-coupon-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4V12C14 13.1 13.1 14 12 14H4C2.9 14 2 13.1 2 12V4C2 2.9 2.9 2 4 2H12C13.1 2 14 2.9 14 4ZM5.5 6.5C6.05 6.5 6.5 6.05 6.5 5.5C6.5 4.95 6.05 4.5 5.5 4.5C4.95 4.5 4.5 4.95 4.5 5.5C4.5 6.05 4.95 6.5 5.5 6.5ZM10.5 9.5C9.95 9.5 9.5 9.95 9.5 10.5C9.5 11.05 9.95 11.5 10.5 11.5C11.05 11.5 11.5 11.05 11.5 10.5C11.5 9.95 11.05 9.5 10.5 9.5ZM11.5 5.5C11.5 5.22 11.28 5 11 5C10.72 5 10.5 5.22 10.5 5.5V5.51C10.5 5.79 10.72 6.01 11 6.01C11.28 6.01 11.5 5.79 11.5 5.51V5.5ZM5.5 11.51C5.78 11.51 6 11.29 6 11.01V11C6 10.72 5.78 10.5 5.5 10.5C5.22 10.5 5 10.72 5 11V11.01C5 11.29 5.22 11.51 5.5 11.51ZM11.35 4.65L4.65 11.35C4.45 11.55 4.45 11.86 4.65 12.06C4.85 12.26 5.16 12.26 5.36 12.06L12.06 5.36C12.26 5.16 12.26 4.85 12.06 4.65C11.86 4.45 11.55 4.45 11.35 4.65Z' fill='%23FF4D4F'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.basket-coupon-block-coupon-btn {
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    margin-top: -6px;
    padding: 0;
    width: 12px;
    height: 12px;
    border: none;
    border-right: 2px solid var(--color-primary, #0d2480);
    border-bottom: 2px solid var(--color-primary, #0d2480);
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
    transform: rotate(-45deg);
    transition: border-color var(--transition-duration, 0.2s);
}

.basket-coupon-block-coupon-remove {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary, #0d2480);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition-duration, 0.2s);
}

.basket-coupon-block-coupon-remove:before,
.basket-coupon-block-coupon-remove:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    background-color: #fff;
    transform-origin: center;
}

.basket-coupon-block-coupon-remove:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.basket-coupon-block-coupon-remove:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.basket-coupon-block-coupon-remove:hover {
    background-color: #081a5e;
}

.basket-coupon-block-coupon-btn:hover {
    border-color: var(--color-primary, #0d2480);
}

.basket-coupon-alert-section {
    width: 100%;
    margin-top: 12px;
}

.basket-coupon-alert {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: var(--border-radius-s, 6px);
    background-color: var(--color-primary-rgba-alpha-08, rgba(13, 36, 128, 0.05));
    color: var(--color-dark-text, #25262b);
    font-size: 13px;
}

.basket-coupon-text {
    position: relative;
    display: block;
    word-break: break-word;
}

.text-muted .basket-coupon-text:after {
    position: absolute;
    top: 0;
    left: 2px;
    width: 6px;
    height: 10px;
    border-right: 2px solid var(--color-green, #32C011);
    border-bottom: 2px solid var(--color-green, #32C011);
    content: '';
    transform: rotate(45deg);
}

.basket-coupon-alert .close-link {
    margin-left: 12px;
    border-bottom: 1px dotted var(--color-primary, #0d2480);
    color: var(--color-primary, #0d2480);
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
    transition: border-color var(--transition-duration, 0.2s);
}

.basket-coupon-alert .close-link:hover {
    border-color: transparent;
}

/* Итого и кнопка оформления */
.basket-checkout-section {
    width: 100%;
}

.basket-checkout-section-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.basket-checkout-block-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.basket-checkout-block-total-inner {
    display: block;
}

.basket-checkout-block-total-title {
    color: var(--color-dark-text, #25262b);
    font-family: var(--font-family-base, "Nunito", sans-serif);
    font-size: 14px;
    font-weight: 400;
}

.basket-checkout-block-total-price {
    text-align: right;
}

.basket-checkout-block-total-price-inner {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    gap: 12px;
}

.basket-coupon-block-total-price-current {
    color: var(--color-title, #25262B);
    font-family: var(--font-family-base, "Nunito", sans-serif);
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.basket-coupon-block-total-price-old {
    color: var(--color-light-text, #76767D);
    font-size: 14px;
    text-decoration: line-through;
    margin-bottom: 2px;
}

.basket-checkout-block-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid #E1E4EF;
    border-bottom: 1px solid #E1E4EF;
}

.basket-checkout-block-details-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 14px;
    color: var(--color-dark-text, #25262B);
    line-height: 1.4;
}

.basket-checkout-block-details-dots {
    flex-grow: 1;
    border-bottom: 1px dotted #D1D5E3;
    margin: 0 8px;
    height: 1px;
    align-self: center;
    position: relative;
    top: -2px;
}

.basket-checkout-block-details-item span:first-child {
    color: var(--color-light-text, #76767D);
    white-space: nowrap;
}

.basket-checkout-block-details-item span:last-child {
    white-space: nowrap;
}

.basket-checkout-block-details-item-discount span:last-child {
    color: #FF4D4F;
    font-weight: 600;
}

.basket-checkout-block-btn {
    width: 100%;
}

.basket-btn-checkout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    padding: 0 24px;
    border: none;
    border-radius: var(--border-radius-s, 8px);
    background: #0D2480;
    color: #fff;
    font-family: var(--font-family-base, "Nunito", sans-serif);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--transition-duration, 0.2s);
}

.basket-btn-checkout:hover {
    background: #081a5e;
    color: #fff;
    text-decoration: none;
}

.basket-btn-checkout.disabled {
    background: #E1E4EF;
    color: #76767D;
    cursor: not-allowed;
}

/* Уведомление о скидке */
.basket-notification-section {
    width: 100%;
}

.basket-block-notification {
    position: relative;
    display: block;
    margin-top: 12px;
    padding: 12px 16px;
    border-radius: var(--border-radius-s, 6px);
    background-color: var(--color-primary-rgba-alpha-08, rgba(13, 36, 128, 0.05));
    color: var(--color-dark-text, #25262b);
    font-size: 13px;
}

.basket-block-notification:after {
    position: absolute;
    top: -6px;
    right: 80px;
    width: 12px;
    height: 12px;
    background-color: var(--color-primary-rgba-alpha-08, rgba(13, 36, 128, 0.05));
    content: '';
    transform: rotate(45deg);
}

/* ========================================
   Список товаров
   ======================================== */
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
    border: 1px solid #E1E4EF;
    border-radius: var(--border-radius-s, 6px);
    background: var(--color-white, #fff);
}

/* Заголовок списка (фильтр/поиск) */
.basket-items-list-header {
    display: flex;
    align-items: center;
    padding: 12px 1rem;
    border-bottom: 1px solid #E1E4EF;
    background: var(--color-white, #fff);
    position: sticky;
    top: 0;
    z-index: 99;
    border-radius: var(--border-radius-s, 6px) var(--border-radius-s, 6px) 0 0;
}

.basket-items-list-header.basket-items-list-header-fixed {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.basket-items-list-wrapper-light .basket-items-list-header {
    display: none !important;
}

.basket-items-list-header-title {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-title, #25262B);
    transition: all 300ms ease;
}

.basket-items-search-field {
    position: relative;
    flex: 1;
    transition: all 300ms ease;
}

.basket-items-search-field + .basket-items-list-header-title {
    padding-left: 16px;
}

.basket-items-search-field + .basket-items-list-header-filter {
    padding-left: 16px;
    text-align: right;
    flex: 3;
}

.basket-items-search-field .form-control {
    padding: 10px 40px 10px 16px;
    border: none;
    border-radius: var(--border-radius-s, 6px);
    background: var(--color-primary-rgba-alpha-08, rgba(13, 36, 128, 0.05));
    color: var(--color-dark-text, #25262b);
    font-size: 14px;
    width: 100%;
    height: 40px;
    transition: background-color var(--transition-duration, 0.2s);
}

.basket-items-search-field .form-control:focus {
    outline: none;
    background: var(--color-primary-rgba-alpha-10, rgba(13, 36, 128, 0.08));
}

.basket-items-search-clear-btn {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 1;
    border: none;
    background: none;
    color: var(--color-light-text, #76767D);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 250ms ease;
}

.basket-items-search-clear-btn:hover {
    color: var(--color-red, #dc2626);
}

.basket-items-list-header-filter-item {
    margin-left: 8px;
    padding: 6px 12px;
    border-radius: var(--border-radius-s, 6px);
    background: transparent;
    color: var(--color-primary, #0d2480);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-duration, 0.2s) ease;
}

.basket-items-list-header-filter-item:hover {
    background: var(--color-primary-rgba-alpha-08, rgba(13, 36, 128, 0.05));
    color: var(--color-primary, #0d2480);
    text-decoration: none;
}

.basket-items-list-header-filter-item.active {
    background: var(--color-primary, #0d2480);
    color: #fff;
    cursor: default;
}

/* Контейнер списка */
.basket-items-list-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: var(--color-bg, #fff);
}

.basket-items-list-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: var(--color-bg, #fff);
    opacity: 0.7;
    animation: ShowOverlay 200ms ease;
}

@keyframes ShowOverlay {
    0% { opacity: 0; }
    100% { opacity: 0.7; }
}

.basket-items-list {
    position: relative;
    padding: 0 1rem;
}

.basket-items-list-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* ========================================
   Элемент корзины (товар)
   ======================================== */
.basket-items-list-item-container {
    position: relative;
    display: table-row;
}

.basket-items-list-item-container > td {
    border-top: 1px solid #E1E4EF;
    padding: 1rem 1rem;
    vertical-align: top;
}

.basket-items-list .basket-items-list-item-container:first-child > td {
    border-top: none !important;
}

/* Ширина колонок */
.basket-items-list-item-descriptions {
    width: auto;
}

.basket-items-list-item-price {
    width: 140px;
    padding-left: 1rem;
    padding-right: 24px;
}

.basket-items-list-item-amount {
    width: 140px;
    padding-left: 1rem;
    padding-right: 24px;
}

.basket-items-list-item-remove {
    width: 48px;
    padding-left: 12px;
}

.basket-items-list-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: var(--color-bg, #fff);
    opacity: 0.7;
}

/* Описание товара */
.basket-items-list-item-descriptions {
    padding-top: 0;
    vertical-align: top;
}

.basket-items-list-item-descriptions-inner {
    position: relative;
    display: flex;
    align-items: flex-start;
}

/* Изображение товара */
.basket-item-block-image {
    position: relative;
    padding-right: 20px;
    min-width: 90px;
    max-width: 90px;
    width: 90px;
    flex-shrink: 0;
}

.basket-items-list-wrapper-compact .basket-item-block-image {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
}

.basket-item-image-link {
    position: relative;
    display: block;
    border-radius: var(--border-radius-s, 6px);
    overflow: hidden;
    background: var(--color-grey-5, #F5F5F5);
}

.basket-item-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 1;
    transition: transform 300ms ease;
}

.basket-item-image-link:hover .basket-item-image {
    transform: scale(1.05);
}

/* Лейблы */
.basket-item-label-text,
.basket-item-label-ring {
    position: absolute;
    z-index: 90;
    opacity: 1;
    transition: opacity 450ms ease;
}

.basket-items-list-wrapper-compact .basket-item-label-text,
.basket-items-list-wrapper-compact .basket-item-label-ring {
    display: none;
}

.basket-item-label-text span {
    display: inline-block;
    padding: 4px 8px;
    border-radius: var(--border-radius-s, 6px);
    background: var(--color-red, #FF4444);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.basket-item-label-ring {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-red, #FF4444);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.basket-item-label-top { top: 4px; }
.basket-item-label-left { left: 4px; }
.basket-item-label-right { right: 4px; }
.basket-item-label-bottom { bottom: 4px; }

/* Информация о товаре */
.basket-item-block-info {
    flex: 1;
    min-width: 0;
}

.basket-item-info-name {
    margin: 0 0 .5rem;
    padding: 0;
}

.basket-item-info-name,
.basket-item-info-name-link {
    color: var(--color-dark-text, #25262B);
    text-decoration: none;
    font-family: var(--font-family-base, "Nunito", sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    transition: color var(--transition-duration, .2s) ease;
}

.basket-item-info-name-link:hover {
    color: var(--color-primary, #0d2480);
    text-decoration: none;
}

.basket-item-highlighted {
    background: var(--color-yellow, #FFC64A);
    padding: 0 2px;
}

/* Свойства товара */
.basket-item-block-properties {
    margin-top: .5rem;
}

.basket-item-property {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
    font-size: 12px;
}

.basket-item-property:last-child {
    margin-bottom: 0;
}

.basket-item-property-name {
    color: var(--color-light-text, #76767D);
    white-space: nowrap;
    flex-shrink: 0;
}

.basket-item-property-name:after {
    content: ':';
}

.basket-item-property-value {
    color: var(--color-dark-text, #25262b);
    font-weight: 500;
}

/* SKU переключатели */
.basket-item-scu-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.basket-item-scu-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 4px 10px;
    border: 1px solid #E1E4EF;
    border-radius: var(--border-radius-s, 6px);
    background: var(--color-white, #fff);
    cursor: pointer;
    transition: all var(--transition-duration, .2s) ease;
    box-sizing: border-box;
}

.basket-item-scu-item:hover {
    border-color: var(--color-primary, #0d2480);
}

.basket-item-scu-item.selected {
    border-color: var(--color-primary, #0d2480);
    background: var(--color-white, #fff);
}

.basket-item-scu-item.not-available {
    opacity: 0.4;
    cursor: not-allowed;
}

.basket-item-scu-item-inner {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-dark-text, #25262b);
    white-space: nowrap;
}

.basket-item-property-scu-image .basket-item-scu-item {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 2px;
    border-radius: 50%;
}

.basket-item-property-scu-image .basket-item-scu-item-inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

/* Предупреждения */
.basket-items-list-item-warning-container {
    margin-top: 8px;
}

.basket-items-list-item-warning-container .alert {
    margin: 0;
    padding: 10px 16px;
    border: none;
    border-radius: var(--border-radius-xs, 6px);
    font-size: 13px;
}

.basket-items-list-item-warning-container .alert-warning {
    background: #fef3c7;
    color: #92400e;
}

.basket-items-list-item-warning-container .alert-info {
    background: var(--color-primary-50, #f0f2ff);
    color: var(--color-primary, #0d2480);
}

/* Похожие товары */
.basket-items-list-item-double {
    margin-top: 12px;
}

.basket-items-list-item-double-anchor {
    color: var(--color-primary, #0d2480);
    text-decoration: underline;
}

.basket-items-list-item-double-anchor:hover {
    text-decoration: none;
}

/* ========================================
   Цена товара
   ======================================== */
.basket-items-list-item-price {
    vertical-align: middle;
}

.basket-item-block-price {
    position: relative;
    text-align: right;
}

.basket-item-price-old {
    margin-bottom: 2px;
}

.basket-item-price-old-text {
    color: var(--color-dark-text, #25262b);
    font-size: 15px;
    font-weight: 600;
    text-decoration: line-through;
    opacity: 0.5;
}

.basket-item-price-current {
    margin-bottom: 2px;
}

.basket-item-price-current-text {
    color: var(--color-primary, #0D2480);
    font-family: var(--font-family-base, "Nunito", sans-serif);
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}

.basket-item-price-title {
    color: var(--color-light-text, #76767D);
    font-size: 12px;
}

.basket-item-price-difference {
    margin-top: 4px;
    padding: 2px 6px;
    border-radius: var(--border-radius-xxxs, 4px);
    background: var(--color-green, #32C011);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
}

/* ========================================
   Количество
   ======================================== */
.basket-items-list-item-amount {
    vertical-align: middle;
    padding: 1rem 12px 1rem 32px;
    white-space: nowrap;
}

.basket-item-block-amount {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.basket-item-block-amount.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.basket-item-amount-btn-minus,
.basket-item-amount-btn-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #E1E4EF;
    background: var(--color-white, #fff);
    color: var(--color-dark-text, #25262b);
    font-size: 18px;
    cursor: pointer;
    transition: all var(--transition-duration, .2s) ease;
    user-select: none;
}

.basket-item-amount-btn-minus {
    border-radius: var(--border-radius-s, 6px) 0 0 var(--border-radius-s, 6px);
    border-right: none;
}

.basket-item-amount-btn-plus {
    border-radius: 0 var(--border-radius-s, 6px) var(--border-radius-s, 6px) 0;
    border-left: none;
}

.basket-item-amount-btn-minus:hover,
.basket-item-amount-btn-plus:hover {
    border-color: var(--color-primary, #0d2480);
    color: var(--color-primary, #0d2480);
    background: rgba(13, 36, 128, 0.05);
}

.basket-item-amount-btn-minus:before {
    content: '−';
}

.basket-item-amount-btn-plus:before {
    content: '+';
}

.basket-item-amount-filed-block {
    display: flex;
    align-items: center;
}

.basket-item-amount-filed {
    width: 40px;
    height: 40px;
    padding: 4px;
    border: 1px solid #E1E4EF;
    border-left: none;
    border-right: none;
    border-radius: 0;
    background: var(--color-white, #fff);
    color: var(--color-dark-text, #25262b);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: border-color var(--transition-duration, .2s) ease;
}

.basket-item-amount-filed:focus {
    outline: none;
    border-color: #E1E4EF;
}

.basket-item-amount-field-description {
    color: var(--color-light-text, #76767D);
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    display: none;
}

/* ========================================
   Удаление
   ======================================== */
.basket-items-list-item-remove {
    vertical-align: middle;
    padding: 1rem 0 1rem 12px;
}

.basket-item-block-actions {
    position: relative;
}

.basket-item-actions-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--border-radius-s, 6px);
    background: transparent;
    color: var(--color-light-text, #969696);
    cursor: pointer;
    transition: all var(--transition-duration, .2s) ease;
}

.basket-item-actions-remove:hover {
    background: rgba(13, 36, 128, 0.05);
    color: var(--color-red, #FF4444);
}

.basket-item-actions-remove:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ========================================
   Уведомление об удалении
   ======================================== */
.basket-items-list-item-notification {
    padding: 20px 0;
}

.basket-items-list-item-notification-inner {
    position: relative;
    padding: 16px 20px;
    border-radius: var(--border-radius-s, 8px);
    background: var(--color-grey-5, #F3F4F8);
}

.basket-items-list-item-notification-removed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.basket-items-list-item-removed-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    font-size: 14px;
    color: var(--color-dark-text, #25262b);
}

.basket-items-list-item-removed-block {
    display: flex;
    align-items: center;
    gap: 16px;
}

.basket-items-list-item-removed-block a {
    color: var(--color-primary, #0d2480);
    text-decoration: underline;
    font-weight: 500;
}

.basket-items-list-item-removed-block a:hover {
    text-decoration: none;
}

.basket-items-list-item-clear-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--border-radius-xxxs, 4px);
    color: var(--color-light-text, #76767D);
    cursor: pointer;
    transition: all 200ms ease;
}

.basket-items-list-item-clear-btn:hover {
    background: var(--color-stroke, #e1e4ef);
    color: var(--color-dark-text, #25262b);
}

.basket-items-list-item-clear-btn:before {
    content: '×';
    font-size: 20px;
    line-height: 1;
}

/* ========================================
   Пустой результат поиска
   ======================================== */
.basket-search-not-found {
    padding: 60px 20px;
    text-align: center;
}

.basket-search-not-found-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2376767D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
}

.basket-search-not-found-text {
    color: var(--color-light-text, #76767D);
    font-size: 16px;
}

/* ========================================
   Предупреждения корзины
   ======================================== */
#basket-warning {
    margin-bottom: 16px;
    padding: 16px 20px;
    border: none;
    border-radius: var(--border-radius-s, 8px);
    background: #fef3c7;
    color: #92400e;
}

#basket-warning .close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
}

#basket-warning .close:hover {
    opacity: 1;
}

/* ========================================
   Итого (нижний блок)
   ======================================== */
.basket-total-block {
    margin-top: 24px;
}

/* ========================================
   Адаптив
   ======================================== */
@media (max-width: 991px) {
    .basket-items-list-header {
        padding: 12px 16px;
    }
}

@media (max-width: 767px) {
    .basket-items-list-header {
        flex-direction: column;
        gap: 12px;
    }

    .basket-items-search-field {
        width: 100%;
    }

    .basket-items-search-field + .basket-items-list-header-filter {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }

    .basket-items-list {
        padding: 0 16px;
    }

    .basket-items-list-table {
        table-layout: auto;
    }

    .basket-items-list-item-descriptions-inner {
        flex-direction: column;
    }

    .basket-item-block-image {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
        margin-bottom: 16px;
    }

    .basket-item-image-link {
        max-width: 200px;
        margin: 0 auto;
    }

    .basket-items-list-item-container {
        display: block;
    }

    .basket-items-list-item-container > td {
        display: block;
        width: 100% !important;
        padding: 12px 0;
    }

    .basket-items-list-item-price,
    .basket-items-list-item-amount,
    .basket-items-list-item-remove {
        padding: 8px 0;
        width: auto !important;
        display: inline-block;
        vertical-align: middle;
    }

    .basket-item-block-price {
        text-align: left;
    }

    .basket-item-block-amount {
        justify-content: flex-start;
    }
}

@media (max-width: 580px) {
    .basket-items-list-wrapper-compact .basket-items-list-item-descriptions-inner {
        flex-direction: row;
    }

    .basket-items-list-wrapper-compact .basket-item-block-image {
        max-width: 60px;
        width: 60px;
        padding-right: 12px;
        margin-bottom: 0;
    }
}

/* ========================================
   Подарки
   ======================================== */
.basket-items-list-item-container-gift {
    background: var(--color-primary-50, #f0f2ff);
}

.basket-items-list-item-container-gift > td {
    border-top: none !important;
}

/* ========================================
   Символ рубля
   ======================================== */
.symbol_ruble {
    font-family: 'rubleBitrix', Arial, sans-serif;
}

/* ========================================
   Анимации цены
   ======================================== */
.basket-item-price-current-text.basket-item-price-animation-up {
    animation: priceUp 300ms ease;
}

.basket-item-price-current-text.basket-item-price-animation-down {
    animation: priceDown 300ms ease;
}

@keyframes priceUp {
    0% { color: var(--color-title, #25262B); }
    50% { color: var(--color-green, #32C011); }
    100% { color: var(--color-title, #25262B); }
}

@keyframes priceDown {
    0% { color: var(--color-title, #25262B); }
    50% { color: var(--color-red, #dc2626); }
    100% { color: var(--color-title, #25262B); }
}

/* ========================================
   Фиксированная высота списка
   ======================================== */
.basket-items-list-wrapper-height-fixed {
    /* Если нужно ограничить высоту и включить скролл */
}

/* ========================================
   Темная тема
   ======================================== */
[data-theme="dark"] .basket-checkout-container,
[data-theme="dark"] .basket-items-list-wrapper,
[data-theme="dark"] .basket-items-list-wrapper-compact {
    border-color: var(--color-stroke);
    background-color: var(--color-bg);
}

[data-theme="dark"] .basket-items-list-container,
[data-theme="dark"] .basket-items-list-item-overlay,
[data-theme="dark"] .basket-items-list-overlay {
    background-color: var(--color-bg);
}

[data-theme="dark"] .basket-items-list-header {
    background: var(--color-bg);
    border-color: var(--color-stroke);
}

[data-theme="dark"] .basket-coupon-block-field .form-control,
[data-theme="dark"] .basket-items-search-field .form-control {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .basket-coupon-block-field .form-control:focus,
[data-theme="dark"] .basket-items-search-field .form-control:focus {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .basket-item-actions-remove:before {
    filter: invert(1);
}

[data-theme="dark"] .basket-search-not-found-icon {
    filter: invert(1);
}

/* End */


/* Start:/local/templates/shop.qwelp.ru/components/bitrix/catalog.products.viewed/qwelp_viewed/style.css?17664868871627*/
/* Viewed Products Block */
.viewed-products {
    padding: 0;
}

.viewed-products__title {
    font-family: var(--font-heading, "Montserrat", sans-serif);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-title, #25262B);
    margin: 0 0 24px;
}

/* Slider wrapper with navigation */
.viewed-products__slider-wrapper {
    position: relative;
    padding: 0 32px;
    margin: 0 -32px;
}

.viewed-products__slider {
    position: relative;
    overflow: visible;
}

/* Slide */
.viewed-products__slide {
    height: auto;
}

/* Navigation positioning */
.viewed-products__navigation {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 20;
}

.viewed-products__navigation .swiper-button-prev,
.viewed-products__navigation .swiper-button-next {
    pointer-events: auto;
    background-color: var(--color-white, #fff);
    box-shadow: 0 2px 15px var(--color-primary-rgba-alpha-15, rgba(13, 36, 128, 0.15));
}

.viewed-products__navigation .swiper-button-prev {
    right: -24px;
}

.viewed-products__navigation .swiper-button-next {
    left: -24px;
}

/* Responsive */
@media (max-width: 992px) {
    .viewed-products__navigation {
        display: none;
    }

    .viewed-products__slider-wrapper {
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .viewed-products {
        padding: 32px 0;
    }

    .viewed-products__title {
        font-size: 20px;
        margin-bottom: 16px;
    }
}

/* End */
/* /local/templates/shop.qwelp.ru/components/bitrix/sale.basket.basket/qwelp/style.css?176656905032537 */
/* /local/templates/shop.qwelp.ru/components/bitrix/catalog.products.viewed/qwelp_viewed/style.css?17664868871627 */