div#simplecheckout_shipping_address, div#simplecheckout_customer, div#simplecheckout_shipping, div#simplecheckout_payment,div#simplecheckout_comment {
    background: #d3d4dd1f;
    padding: 5px;
    border-radius: 10px;
    /*box-shadow: 0 2px 15px rgb(165 165 165 / 10%);*/
}

label.control-label.col-sm-4.font-weight-bold {
    text-align: left;
}
/*Блок картинок - фикс */
.product-thumb__image a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px; /* фиксированная высота */
    border-radius: 12px;
    overflow: hidden;
    background: white;
}

.product-thumb__image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: var(--transition);
}

/*Телефон в хэдэре*/
.header-block__item.header-block__item-telephone {
    display: none;
}
/*блок кратких характеристик*/
ul.product-data.list-unstyled {
    background: #fbfbfb;
    padding: 10px;
    border-radius: 26px;
}
/*блок цены и кнопки "в корзину"*/
.product-page__cart.row-flex {
    /*background: #fbfbfb;*/
    padding: 10px;
    border-radius: 0 0 10px 10px;
}
.product-page__price.price {
    /*background: #fbfbfb;*/
    padding: 10px;
    margin: 20px 0 0;
    border-radius: 10px 10px 0 0;
}
/*Бордер на фото в карточке*/
.product-page__image-main {
    border: none;
}

/* Убираем синюю подсветку при тапе */
* {
  -webkit-tap-highlight-color: transparent;
}


.product-page__textblock-inner {
    padding: 0;
    border-radius: 0;
    background: none;
}

.required .control-label:before {
    display:none
}

/*скрыл чек боксы в корзине*/
.shipping-method__item.radio input[type="radio"],
.simplecheckout-block-content .radio input[type="radio"] {
    display: none;
}

#simplecheckout_payment .simplecheckout-block-content .radio {
    flex: 1 0 calc(10% - 2px) !important;
    min-width: 120px !important;
    max-width: calc(100% - 2px);
    margin: 0;
}

/* Прокрутка способов оплаты на мобильных */

/* Стили для десктопа (по умолчанию) */
#simplecheckout_payment .simplecheckout-block-content {
    display: flex;
    gap: 10px;
    flex-wrap: wrap; /* wrap для ПК */
}

#simplecheckout_payment .simplecheckout-block-content .radio {
    flex: 1 0 calc(33.333% - 2px);
    min-width: 200px;
    max-width: calc(100% - 2px);
    margin: 0;
    transition: transform 0.2s ease;
}

#simplecheckout_payment .simplecheckout-block-content .radio:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(165, 165, 165, 0.2);
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    #simplecheckout_payment .simplecheckout-block-content {
        flex-wrap: nowrap !important; /* nowrap для мобильных */
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        padding: 10px 5px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Скрываем скроллбар в Firefox */
    }
    
    /* Скрываем скроллбар для Webkit-браузеров */
    #simplecheckout_payment .simplecheckout-block-content::-webkit-scrollbar {
        display: none;
    }
    
    #simplecheckout_payment .simplecheckout-block-content .radio {
        flex: 0 0 auto; /* Отменяем растягивание */
        width: 220px; /* Фиксированная ширина для прокрутки */
        min-width: 220px; /* Переопределяем min-width для мобильных */
        max-width: none; /* Убираем ограничение по ширине */
    }
}

/*Шире форма ввода данных*/
.form-control {
height: 44px;
}



/* В конец файла или в отдельный CSS файл */
@media (max-width: 767px) {
    /* Скрыть кнопку каталога в основном меню на мобильных */
    .main-menu .menu-open.btn.visible-xs.visible-sm {
        display: none !important;
    }
    
    /* Стили для кнопки в header-block */
    .header-block__item-menu .menu-open.btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        margin: 0 5px 0 0 !important;
        background: #f8f8f8;
        border: 1px solid #e0e0e0;
        color: black;
        border-radius: 26px;
    }
    
    .header-block__item-menu .menu-open.btn i {
        margin-right: 5px;
    }
}


/* Скрыть правую колонку на странице регистрации */
#account-forgotten #column-right,
.simple-content ~ #column-right {
    display: none !important;
}
/*Текст для текста входа оп почте*/
.text-log-reg {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: .5rem;
}


.home-page .html-module {
    padding: 0;
    background: none;
    border-radius: 0;
}

/*Кнопка каталог в мб*/
.fly-menu__block.fly-menu__menu-m {
    display: none !important;
}

/* ========================================= */
/* ЕДИНЫЙ СТИЛЬ ДЛЯ ВСЕХ СТРАНИЦ АККАУНТА */
/* ========================================= */

/* -------------------- */
/* БАЗОВЫЕ НАСТРОЙКИ */
/* -------------------- */

/* Общие стили для всех страниц аккаунта */
[id^="account-"] #content,
#content.account-index {
    background: #a7a7a70d;
    border-radius: 26px;
}


/* Хлебные крошки */
[id^="account-"] .breadcrumb,
#content.account-index .breadcrumb {
    background: transparent;
    padding: 15px 0 5px;
    margin: 0;
}

[id^="account-"] .breadcrumb li,
#content.account-index .breadcrumb li {
    font-size: 14px;
    color: #6c7a8e;
}

[id^="account-"] .breadcrumb a,
#content.account-index .breadcrumb a {
    color: #3a6ea5;
    text-decoration: none;
    transition: color 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .breadcrumb a:hover,
    #content.account-index .breadcrumb a:hover {
        color: #6b8cff;
    }
}

/* -------------------- */
/* СЕТКА И КАРТОЧКИ */
/* -------------------- */

/* Общая сетка для всех страниц */
[id^="account-"] .uni-wrapper .row-flex,
#content.account-index .uni-wrapper .row-flex,
[id^="account-"] .row-flex,
#content.account-index .row-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    margin:0 0 25px -10px!important;
}

[id^="account-"] [class*="col-"],
#content.account-index [class*="col-"] {
    padding: 5px 10px !important;
    box-sizing: border-box !important;
}

/* Базовые стили карточек для всех страниц */
[id^="account-"] .account-index__item,
#content.account-index .account-index__item,
[id^="account-"] .account-order-list__item,
#content.account-index .account-order-list__item,
[id^="account-"] .account-download__item,
[id^="account-"] .account-reward__item,
[id^="account-"] .account-address-list__item {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    box-shadow: 0 10px 15px -8px rgba(0, 10, 30, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
    /*padding: 18px 16px !important;*/
    min-height: 88px;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1) !important;
    text-decoration: none !important;
    color: #1a2639 !important;
    -webkit-tap-highlight-color: transparent;
    /*display: flex !important;*/
    flex-direction: column;
}

/* Hover эффект - только для устройств с мышью */
@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .account-index__item:hover,
    #content.account-index .account-index__item:hover,
    [id^="account-"] .account-order-list__item:hover,
    #content.account-index .account-order-list__item:hover,
    [id^="account-"] .account-download__item:hover,
    [id^="account-"] .account-reward__item:hover,
    [id^="account-"] .account-address-list__item:hover {
        transform: translateY(-4px) !important;
        background: rgba(255, 255, 255, 0.9) !important;
        border-color: rgba(93, 155, 255, 0.3) !important;
        box-shadow: 0 5px 15px -12px rgba(93, 155, 255, 0.25) !important;
    }
}

/* Активное состояние для тача */
@media (hover: none) and (pointer: coarse) {
    [id^="account-"] .account-index__item:active,
    #content.account-index .account-index__item:active,
    [id^="account-"] .account-order-list__item:active,
    #content.account-index .account-order-list__item:active,
    [id^="account-"] .account-download__item:active,
    [id^="account-"] .account-reward__item:active,
    [id^="account-"] .account-address-list__item:active {
        background: rgba(255, 255, 255, 0.9) !important;
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }
}

/* Стили для кликабельного блока */
.uni-order-clickable {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Ховер эффекты только для устройств с мышью (ПК) */
@media (hover: hover) and (pointer: fine) {
    .uni-order-clickable:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
}

/* Убираем старую кнопку */
.account-order-list__btn {
    display: none !important;
}

/* -------------------- */
/* ИКОНКИ */
/* -------------------- */

/* Базовые стили для иконок */
[id^="account-"] .account-index__icon,
#content.account-index .account-index__icon {
    flex-shrink: 0;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 22px !important;
    background: linear-gradient(145deg, #f0f5ff, #ffffff) !important;
    color: #3a6ea5 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.2s ease !important;
}

/* Hover на иконке */
@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .account-index__item:hover .account-index__icon,
    #content.account-index .account-index__item:hover .account-index__icon {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
        /*box-shadow: 0 8px 15px rgba(93, 155, 255, 0.3) !important;*/
    }
}

/* Активное состояние иконки на таче */
@media (hover: none) and (pointer: coarse) {
    [id^="account-"] .account-index__item:active .account-index__icon,
    #content.account-index .account-index__item:active .account-index__icon {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
}

/* -------------------- */
/* ТЕКСТ */
/* -------------------- */

/* Базовые стили для текста */
[id^="account-"] .account-index__text,
#content.account-index .account-index__text {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #1a2639 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== UNI ORDERS TABS STYLES ===== */
/* Префикс: uni-order- */
/* Версия: 1.0 */

/* Контейнер табов */
.uni-order-tabs-container {
    margin-bottom: 30px;
    font-family: inherit;
    width: 100%;
}

/* Кнопки табов */
.uni-order-tab-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.uni-order-tab-btn {
    background: transparent;
    border: none;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    color: #6c7a8e;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 40px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

/* Hover эффект - только для устройств с мышью */
@media (hover: hover) and (pointer: fine) {
    .uni-order-tab-btn:hover {
        color: #3a6ea5;
        background: rgba(107, 140, 255, 0.05);
    }
}

/* Активная кнопка таба - градиентный фон */
.uni-order-tab-btn-active {
    background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
    color: white !important;
}

/* Счетчик на табах */
.uni-order-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    background: #6b8cff;
    color: white;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 6px;
    padding: 0 5px;
    pointer-events: none;
    line-height: 1;
}

/* Счетчик на активной кнопке */
.uni-order-tab-btn-active .uni-order-tab-count {
    background: rgba(255, 255, 255, 0.3);
}

/* Контент табов */
.uni-order-tab-content {
    display: none;
}

.uni-order-tab-content-active {
    display: block;
}

/* Кнопка "Показать еще" */
.uni-order-show-more-container {
    text-align: center;
    margin: 25px 0 10px;
}

.uni-order-show-more-btn {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 40px;
    padding: 10px 30px;
    color: #3a6ea5;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 15px -8px rgba(107, 140, 255, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    outline: none;
    line-height: 1.2;
}

.uni-order-show-more-btn i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

/* Hover эффект для кнопки - только для устройств с мышью */
@media (hover: hover) and (pointer: fine) {
    .uni-order-show-more-btn:hover {
        background: rgba(255, 255, 255, 0.9);
        border-color: rgba(93, 155, 255, 0.3);
        box-shadow: 0 12px 20px -8px rgba(107, 140, 255, 0.4);
        transform: translateY(-2px);
    }
    
    .uni-order-show-more-btn:hover i {
        transform: translateY(2px);
    }
}

.uni-order-show-more-btn:active {
    transform: scale(0.98);
}

/* Скрытые элементы */
.uni-order-item-hidden {
    display: none !important;
}

/* Анимация появления */
.uni-order-item-show {
    animation: uniOrderFadeIn 0.3s ease forwards;
}

@keyframes uniOrderFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Пустое состояние */
.uni-order-empty {
    text-align: center;
    padding: 35px 20px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    color: #6c7a8e;
    font-size: 15px;
    line-height: 1.4;
}

/* Мобильная версия */
@media (max-width: 767px) {
    .uni-order-tab-buttons {
        gap: 5px;
        justify-content: space-between;
    }
    
    .uni-order-tab-btn {
        padding: 8px 12px;
        font-size: 13px;
        flex: 1;
        text-align: center;
    }
    
    /* Отключаем hover на мобильных */
    .uni-order-tab-btn:hover {
        background: transparent !important;
        color: #6c7a8e !important;
    }
    
    .uni-order-tab-btn-active {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
    
    .uni-order-tab-btn-active:hover {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
    
    .uni-order-tab-count {
        min-width: 18px;
        height: 18px;
        font-size: 10px;
        margin-left: 4px;
        padding: 0 3px;
    }
    
    .uni-order-show-more-btn {
        padding: 8px 20px;
        font-size: 13px;
        width: 100%;
        justify-content: center;
    }
    
    /* Отключаем hover на мобильных для кнопки показа еще */
    .uni-order-show-more-btn:hover {
        background: rgba(255, 255, 255, 0.75) !important;
        border-color: rgba(162, 184, 254, 0.2) !important;
        box-shadow: 0 8px 15px -8px rgba(107, 140, 255, 0.2) !important;
        transform: none !important;
    }
    
    .uni-order-empty {
        padding: 25px 15px;
        font-size: 14px;
    }
}

/* Очень маленькие экраны */
@media (max-width: 380px) {
    .uni-order-tab-btn {
        padding: 6px 8px;
        font-size: 12px;
    }
    
    .uni-order-tab-count {
        min-width: 16px;
        height: 16px;
        font-size: 9px;
    }
}

/* Поддержка RTL */
[dir="rtl"] .uni-order-tab-count {
    margin-left: 0;
    margin-right: 6px;
}

[dir="rtl"] .uni-order-show-more-btn i {
    transform: rotate(180deg);
}

/* -------------------- */
/* КНОПКИ */
/* -------------------- */

/* Единый стиль для всех кнопок в аккаунте */
/*[id^="account-"] .btn-primary,
#content.account-index .btn-primary,
[id^="account-"] .account-order-list__btn,
#content.account-index .account-order-list__btn,
[id^="account-"] .account-download__btn,
[id^="account-"] .account-edit__btn,
[id^="account-"] .account-password__btn,
[id^="account-"] .account-forgotten__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 24px !important;
    background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
    border: none !important;
    border-radius: 40px !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
    text-decoration: none !important;
}*/

@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .btn-primary:hover,
    #content.account-index .btn-primary:hover,
    [id^="account-"] .account-order-list__btn:hover,
    #content.account-index .account-order-list__btn:hover,
    [id^="account-"] .account-download__btn:hover,
    [id^="account-"] .account-edit__btn:hover,
    [id^="account-"] .account-password__btn:hover,
    [id^="account-"] .account-forgotten__btn:hover {
        background: linear-gradient(135deg, #5a7ce8, #8f6ce8) !important;
        box-shadow: 0 15px 25px -8px rgba(107, 140, 255, 0.6) !important;
        /*transform: translateY(-2px) !important;*/
    }
}

/* -------------------- */
/* ПРАВАЯ КОЛОНКА (МЕНЮ) */
/* -------------------- */

/* Стили для бокового меню на ВСЕХ страницах */
[id^="account-"] #column-right .list-group,
#content.account-index + #column-right .list-group,
[id^="account-"] + #column-right .list-group {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    padding: 15px !important;
}

/* Все пункты меню */
[id^="account-"] #column-right .list-group-item,
#content.account-index + #column-right .list-group-item,
[id^="account-"] + #column-right .list-group-item {
    background: transparent !important;
    border: none !important;
    color: #4a5568 !important;
    padding: 12px 15px !important;
    border-radius: 16px !important;
    margin-bottom: 5px !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
    display: block !important;
    text-decoration: none !important;
}

/* Hover эффект */
@media (hover: hover) and (pointer: fine) {
    [id^="account-"] #column-right .list-group-item:hover,
    #content.account-index + #column-right .list-group-item:hover,
    [id^="account-"] + #column-right .list-group-item:hover {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
        transform: translateX(5px) !important;
        box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
    }
}

/* Активное состояние на таче */
@media (hover: none) and (pointer: coarse) {
    [id^="account-"] #column-right .list-group-item:active,
    #content.account-index + #column-right .list-group-item:active,
    [id^="account-"] + #column-right .list-group-item:active {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
}

/* Активный пункт меню (текущая страница) */
/* Подсветка для каждой страницы через атрибут href */
#account-address #column-right .list-group-item[href*="address-book"],
#account-address #column-right .list-group-item[href*="address"],
#account-password #column-right .list-group-item[href*="password"],
#account-password #column-right .list-group-item[href*="change-password"],
#account-forgotten #column-right .list-group-item[href*="edit"],
#account-forgotten #column-right .list-group-item[href*="simpleedit"],
#account-order #column-right .list-group-item[href*="order-history"],
#account-order #column-right .list-group-item[href*="order"],
#account-wishlist #column-right .list-group-item[href*="wishlist"],
#account-reward #column-right .list-group-item[href*="reward"],
#account-returns #column-right .list-group-item[href*="return"],
#content.account-index + #column-right .list-group-item[href*="my-account"] {
    background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
}

/* -------------------- */
/* СПЕЦИФИЧНЫЕ СТИЛИ ДЛЯ РАЗНЫХ СТРАНИЦ */
/* -------------------- */

/* СТРАНИЦА ЗАКАЗОВ - дополнительные стили */
#account-order .account-order-list__order-id {
    display: inline-block !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a2639 !important;
    text-decoration: none !important;
    margin-bottom: 5px !important;
    /*padding-bottom: 10px !important;*/
    border-bottom: 2px solid rgba(107, 140, 255, 0.2) !important;
    transition: border-color 0.2s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    #account-order .account-order-list__order-id:hover {
        border-bottom-color: #6b8cff !important;
    }
}

#account-order .account-order-list__name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3a6ea5 !important;
    margin-bottom: 2px !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
}


#account-order .account-order-list__description {
    flex: 1;
    margin-bottom: 0 !important;
}

#account-order .account-order-list__description-item {
    display: flex !important;
    align-items: baseline !important;
    font-size: 12px !important;
    color: #2c3e50 !important;
    justify-content: space-between;
}

#account-order .account-order-list__description-div {
    width: 140px !important;
    display: flex !important;
    align-items: baseline !important;
    color: #6c7a8e !important;
    font-size: 12px !important;
}

#account-order .account-order-list__description-div:after {
    content: none !important;
    flex: 1 !important;
    margin: 0 10px !important;
    border-bottom: 1px dashed #cbd5e0 !important;
    height: 1px !important;
}

#account-order .account-order-list__description-item:last-child span[style*="font-weight:500"] {
    padding: 4px 12px !important;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1)) !important;
    border-radius: 30px !important;
    color: #3a6ea5 !important;
}

/* Пагинация */
[id^="account-"] .pagination-text {
    text-align: center !important;
    margin: 30px 0 10px !important;
    padding: 15px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(4px);
    border-radius: 50px !important;
    color: #4a5568 !important;
    font-size: 14px !important;
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
}

/* Список (для кредитных карт, адресов и т.д.) */
[id^="account-"] .list-unstyled,
#content.account-index .list-unstyled {
    padding-left: 10px;
}

[id^="account-"] .list-unstyled li,
#content.account-index .list-unstyled li {
    margin-bottom: 8px;
}

[id^="account-"] .list-unstyled a,
#content.account-index .list-unstyled a {
    color: #3a6ea5;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .list-unstyled a:hover,
    #content.account-index .list-unstyled a:hover {
        color: #6b8cff;
        text-decoration: underline;
    }
}

@media (hover: none) and (pointer: coarse) {
    [id^="account-"] .list-unstyled a:active,
    #content.account-index .list-unstyled a:active {
        color: #6b8cff;
        text-decoration: underline;
    }
}

/* Очистка для uni-item-bg */
[id^="account-"] .uni-item-bg,
#content.account-index .uni-item-bg {
    /*background: transparent !important;*/
}

/* Скрываем скрытое */
[id^="account-"] .buttons.hidden,
#content.account-index .buttons.hidden {
    display: none !important;
}

/* -------------------- */
/* МОБИЛЬНАЯ ВЕРСИЯ */
/* -------------------- */

@media (max-width: 767px) {
    
    [id^="account-"] .account-index__item,
    #content.account-index .account-index__item,
    [id^="account-"] .account-order-list__item,
    #content.account-index .account-order-list__item {
        padding: 12px !important;
        min-height: 80px;
        border-radius: 22px !important;
    }
    
    [id^="account-"] .account-index__icon,
    #content.account-index .account-index__icon {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
        border-radius: 14px !important;
    }
    
    [id^="account-"] .account-index__text,
    #content.account-index .account-index__text {
        font-size: 14px !important;
    }
    
    /* Специфичное для заказов */
    /*#account-order .account-order-list__item {
        padding: 18px !important;
    }*/
    
    #account-order .account-order-list__order-id {
        font-size: 20px !important;
    }
    
    #account-order .account-order-list__description-div {
        width: 110px !important;
    }
    
    #account-order .account-order-list__description-item {
        font-size: 12px !important;
    }
    
}
/* ========================================= */
/* СТИЛИ ДЛЯ СТРАНИЦЫ ДЕТАЛЬНОЙ ИНФОРМАЦИИ О ЗАКАЗЕ - 2026 */
/* ========================================= */

/* Отменяем глобальные стили table-responsive только для страницы заказа */
.order-details--2026 .table-responsive {
    width: 100% !important;
    margin-bottom: 15px !important;
    overflow-y: visible !important;
    -ms-overflow-style: auto !important;
    border: none !important;
    box-shadow: none !important;
}

/* Для мобильной версии прогресс-бара */
.order-details--2026 .order-progress .table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Для таблицы товаров (чтобы не ломалась) */
.order-details--2026 .order-products .table-responsive {
    overflow-x: auto !important;
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

/* Коррекция для мобильной версии */
@media (max-width: 767px) {
    .order-details--2026 .order-progress .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .order-details--2026 .order-progress__container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* -------------------- */
/* ОСНОВНЫЕ СТИЛИ */
/* -------------------- */

.order-details--2026 {
    background: #f8f9fa;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* -------------------- */
/* ИНФОРМАЦИОННЫЕ БЛОКИ */
/* -------------------- */

.order-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    overflow: hidden;
}

.order-info__block {
    flex: 0 0 calc(33.333% - 20px);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 20px;
    padding: 20px;
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.6;
    min-height: 120px;
    box-sizing: border-box;
    position: relative;
}

.order-info__block-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a2639;
    margin: 0 0 10px 0;
    padding-bottom: 8px;
}

.order-info__block-title:after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #6b8cff, #a07eff);
    border-radius: 2px;
}

/* -------------------- */
/* ТОВАРЫ В ЗАКАЗЕ */
/* -------------------- */

.order-products__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    overflow: hidden;
}

.order-products__header {
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

.order-products__header th {
    font-weight: 600;
    color: #1a2639;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.3);
    text-align: left;
}

.order-products__item td {
    padding: 16px 4px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.1);
    vertical-align: middle;
}

.order-products__item:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
}

.order-products__option {
    color: #6c7a8e;
    font-size: 13px;
    margin-top: 4px;
    padding-left: 15px;
}

.order-products__item-price,
.order-products__item-total {
    font-weight: 600;
    color: #3a6ea5;
}

/* Кнопки действий */
.order-products__item-actions {
    white-space: nowrap;
}

.btn-notify,
.btn-return {
    background: none;
    border: none;
    padding: 5px 8px;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 8px;
}

.btn-notify:hover,
.btn-return:hover {
    color: #0d6efd;
    background-color: rgba(107, 140, 255, 0.1);
}

.btn-return {
    color: #dc3545;
}

.btn-return:hover {
    color: #c82333;
    background-color: rgba(220, 53, 69, 0.1);
}

/* -------------------- */
/* ИТОГИ ЗАКАЗА */
/* -------------------- */

.order-totals {
    padding: 20px;
    background: rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(162, 184, 254, 0.2);
}

.order-totals__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.order-totals__row--total {
    font-size: 20px;
    font-weight: 700;
    border-top: 2px solid rgba(107, 140, 255, 0.2);
    padding-top: 15px;
    margin-top: 5px;
}

.order-totals__label {
    color: #6c7a8e;
}

/* -------------------- */
/* КОММЕНТАРИЙ */
/* -------------------- */

.order-comment__content {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 20px;
    padding: 20px;
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.6;
    font-style: italic;
    position: relative;
    margin: 15px 0;
}

/* -------------------- */
/* ИСТОРИЯ ЗАКАЗА */
/* -------------------- */

.order-history__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    overflow: hidden;
}

.order-history__header {
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

.order-history__header th {
    font-weight: 600;
    color: #1a2639;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.3);
    text-align: left;
}

.order-history__item td {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.1);
    vertical-align: middle;
}

.order-history__item:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
}

.order-info__block.order-info__block--payment-address {
    display: none;
}
/* Отключаем бордер у table-responsive для таблицы товаров */
.order-products .table-responsive {
    border: none !important;
    overflow-y: visible !important;
}

/* Оставляем бордер только у самой таблицы */
.order-products__table {
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

/* -------------------- */
/* МОБИЛЬНАЯ ВЕРСИЯ */
/* -------------------- */

@media (max-width: 992px) {
    .order-info__block {
        flex: 0 0 calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    /* Информационные блоки в один столбец */
    .order-info__block {
        flex: 0 0 100%;
    }
    
    /* Скрываем заголовок таблицы */
    .order-products__header {
        display: none;
    }
    
    /* Превращаем строки в карточки */
    .order-products__item {
        display: block;
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(162, 184, 254, 0.2);
        border-radius: 22px;
        margin-bottom: 15px;
        padding: 15px;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    }
    
    /* Добавляем лейблы для ячеек */
    .order-products__item-name::before,
    .order-products__item-model::before,
    .order-products__item-quantity::before,
    .order-products__item-price::before,
    .order-products__item-total::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        color: #6c7a8e;
        margin-bottom: 5px;
        font-size: 13px;
    }
    
    /* Каждая ячейка - отдельный блок */
    .order-products__item td {
        display: flex;
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px dashed rgba(162, 184, 254, 0.2);
        text-align: left;
        justify-content: space-between;
    }
    
    /* Последняя ячейка без границы */
    .order-products__item td:last-child {
        border-bottom: none;
    }
    
    /* Опции товара */
    .order-products__option {
        font-size: 12px;
        color: #6c7a8e;
        margin-top: 4px;
        padding-left: 15px;
    }
    
    /* Ячейка с кнопками */
    .order-products__item-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 12px;
        margin-top: 5px;
        border-top: 2px solid rgba(107, 140, 255, 0.2);
        gap: 8px;
    }
    
    /* Кнопки в карточке */
    .order-products__item-actions .btn {
        min-width: auto;
        padding: 6px 10px;
        font-size: 14px;
    }
    
    .order-products__item-actions .btn i {
        margin-right: 3px;
    }
    
    /* Блок итогов */
    .order-totals {
        border-radius: 22px;
        margin-top: 10px;
    }
    
    .order-totals__row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        padding: 6px 0;
    }
    
    .order-totals__row--total {
        font-size: 18px;
        padding-top: 10px;
        border-top: 2px solid rgba(107, 140, 255, 0.2);
        margin-top: 5px;
    }
    
    /* История заказа */
    .order-history__header {
        display: none;
    }
    
    .order-history__item {
        display: block;
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(162, 184, 254, 0.2);
        border-radius: 22px;
        margin-bottom: 15px;
        padding: 15px;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    }
    
    .order-history__item-date::before,
    .order-history__item-status::before,
    .order-history__item-comment::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        color: #6c7a8e;
        margin-bottom: 5px;
        font-size: 13px;
    }
    
    .order-history__item td {
        display: block;
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px dashed rgba(162, 184, 254, 0.2);
        text-align: left;
    }
    
    .order-history__item td:last-child {
        border-bottom: none;
    }
    
    .order-comment__content:before {
        left: 15px;
        font-size: 36px;
    }
}

/* -------------------- */
/* КНОПКИ И ДЕЙСТВИЯ */
/* -------------------- */

.order-actions {
    margin: 30px 0;
    text-align: right;
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border: none;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    /*transform: translateY(-1px);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* -------------------- */
/* ПРОГРЕСС-БАР ЗАКАЗА */
/* -------------------- */

.order-progress {
    margin: 30px 0;
}

.order-progress__container {
    position: relative;
}

.order-progress__line {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(162, 184, 254, 0.2);
    border-radius: 2px;
    z-index: 1;
}

.order-progress__line-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #6b8cff, #a07eff);
    border-radius: 2px;
    transition: width 0.5s ease;
}

/* Мобильная линия прогресса */
.order-progress__mobile-progress {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 3px;
    background: rgba(162, 184, 254, 0.2);
    border-radius: 2px;
    z-index: 2;
}

.order-progress__mobile-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #6b8cff, #a07eff);
    border-radius: 2px;
    transition: width 0.5s ease;
}

.order-progress__steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.order-progress__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 120px;
    padding: 0 10px;
    position: relative;
    transition: opacity 0.3s ease;
}

/* Все НЕзавершенные этапы после текущего - приглушенные */
.order-progress__step--completed ~ .order-progress__step:not(.order-progress__step--completed) {
    opacity: 0.6;
}

/* Все завершенные этапы имеют полную яркость */
.order-progress__step--completed {
    opacity: 1;
}

.order-progress__step-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border: 2px solid rgba(162, 184, 254, 0.3);
    z-index: 3;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* Завершенные этапы - синий фон с белой иконкой */
.order-progress__step--completed .order-progress__step-icon {
    border-color: #6b8cff;
    background: #6b8cff;
    color: white;
}

.order-progress__step-icon i {
    font-size: 20px;
    color: #6c7a8e;
}

.order-progress__step--completed .order-progress__step-icon i {
    color: white;
}

.order-progress__step-label {
    font-weight: 600;
    color: #1a2639;
    margin-bottom: 5px;
    font-size: 14px;
    white-space: nowrap;
}

/* Текущий этап (последний завершенный) - дополнительное выделение */
.order-progress__step--completed:last-of-type .order-progress__step-icon {
    box-shadow: 0 0 0 4px rgba(107, 140, 255, 0.2);
}

/* Стили для дат и комментариев */
.order-progress__step-date {
    font-size: 12px;
    color: #6c7a8e;
    margin-top: 3px;
}

.order-progress__step-comment {
    font-size: 11px;
    color: #6c7a8e;
    font-style: italic;
    margin-top: 2px;
}

/* -------------------- */
/* ТЕКУЩИЙ СТАТУС - ДЕСКТОП */
/* -------------------- */

.order-progress__current-status {
    margin-top: 30px;
    padding: 20px 25px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.05);
}

.order-progress__current-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.order-progress__current-text {
    flex: 1;
    font-size: 16px;
    color: #2c3e50;
    line-height: 1.5;
}

.order-progress__current-text strong {
    color: #1a2639;
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
}

.order-progress__current-comment {
    margin-top: 8px;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    font-size: 14px;
    color: #4a5568;
    font-style: italic;
    border-left: 3px solid rgba(107, 140, 255, 0.3);
}

/* Цвета для иконок разных типов */
.order-progress__current-icon .fa-times-circle {
    color: #ef4444;
}

.order-progress__current-icon .fa-undo {
    color: #f59e0b;
}

.order-progress__current-icon .fa-check-circle {
    color: #10b981;
}

.order-progress__current-icon .fa-truck,
.order-progress__current-icon .fa-box-open,
.order-progress__current-icon .fa-cog,
.order-progress__current-icon .fa-info-circle {
    color: #3b82f6;
}

/* -------------------- */
/* МОБИЛЬНАЯ ВЕРСИЯ - ПРОГРЕСС-БАР */
/* -------------------- */

@media (max-width: 767px) {
    /*.order-progress__container {
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 25px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 -10px;
        width: calc(100% + 20px);
    }*/
    
    /* Скрываем стандартную линию для мобильных */
    .order-progress__line {
        display: none;
    }
    
    /* Мобильная линия прогресса */
    .order-progress__mobile-progress {
        display: block;
        position: absolute;
        top: 15px;
        /*left: 10px;*/
        /*right: 10px;*/
        height: 3px;
        background: rgba(162, 184, 254, 0.2);
        border-radius: 2px;
        z-index: 2;
        pointer-events: none;
    }
    
    .order-progress__mobile-progress-fill {
        height: 100%;
        background: linear-gradient(90deg, #6b8cff, #a07eff);
        border-radius: 2px;
        transition: width 0.5s ease;
    }
    
    /*.order-progress__steps {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: max-content;
        padding: 0 5px;
        margin: 0;
        position: relative;
        z-index: 3;
        min-width: 100%;
        scroll-behavior: smooth;
    }*/
    
    /* Завершенные этапы яркие, неактивные - приглушенные */
    .order-progress__step--completed {
        opacity: 1;
    }
    
    .order-progress__step:not(.order-progress__step--completed) {
        opacity: 0.5;
    }
    
    /* Текущий этап на мобильных */
    .order-progress__step--completed:last-of-type {
        opacity: 1;
        transform: scale(1.1);
        z-index: 10;
    }
    
    .order-progress__step {
        width: 70px;
        min-width: 70px;
        padding: 0;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        position: relative;
    }
    
    /* Стили для иконок - с полной обводкой */
    .order-progress__step-icon {
        width: 30px;
        height: 30px;
        font-size: 16px;
        /*margin-bottom: 20px;*/
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid rgba(162, 184, 254, 0.3);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        z-index: 3;
    }
    
    .order-progress__step-icon i {
        font-size: 16px;
        color: #6c7a8e;
    }
    
    /* Завершенные этапы - синий фон с белой иконкой */
    .order-progress__step--completed .order-progress__step-icon {
        border-color: #6b8cff;
        background: #6b8cff;
        color: white;
    }
    
    .order-progress__step--completed .order-progress__step-icon i {
        color: white;
    }
    
    /* Текущий этап - дополнительная обводка */
    .order-progress__step--completed:last-of-type .order-progress__step-icon {
        box-shadow: 0 0 0 4px rgba(107, 140, 255, 0.2);
    }
    
    /* Неактивные этапы */
    .order-progress__step:not(.order-progress__step--completed) .order-progress__step-icon {
        border-color: rgba(162, 184, 254, 0.3);
        background: #fff;
    }
    
    .order-progress__step:not(.order-progress__step--completed) .order-progress__step-icon i {
        color: #6c7a8e;
    }
    
    .order-progress__step-label {
        font-size: 7px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*margin-top: 10px;*/
        /*font-weight: 600;*/
        /*color: #1a2639;*/
    }
    
    .order-progress__step-date {
        font-size: 7px;
        color: #6c7a8e;
        margin-top: 0;
    }
    
    /* Активный статус выделяем */
    .order-progress__steps[data-current-stage="1"] > .order-progress__step:nth-child(1),
    .order-progress__steps[data-current-stage="2"] > .order-progress__step:nth-child(2),
    .order-progress__steps[data-current-stage="3"] > .order-progress__step:nth-child(3),
    .order-progress__steps[data-current-stage="4"] > .order-progress__step:nth-child(4),
    .order-progress__steps[data-current-stage="5"] > .order-progress__step:nth-child(5) {
        transform: scale(1.1);
        z-index: 10;
    }
    
    /* Для статуса "Отменен" и "Возврат" */
    .order-progress__steps[data-current-stage="5"] > .order-progress__step:nth-child(5) {
        transform: scale(1.1);
        z-index: 10;
    }
    
    /* Эффект автопрокрутки */
    .order-progress__steps[data-current-stage="1"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0;
    }
    
    .order-progress__steps[data-current-stage="2"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(70px + 15px);
    }
    
    .order-progress__steps[data-current-stage="3"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc((70px + 15px) * 2);
    }
    
    .order-progress__steps[data-current-stage="4"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc((70px + 15px) * 3);
    }
    
    .order-progress__steps[data-current-stage="5"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc((70px + 15px) * 4);
    }
    
    /* Индикатор текущего статуса - мобильный */
    .order-progress__current-status {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(4px);
        border: 1px solid rgba(162, 184, 254, 0.2);
        border-radius: 20px;
        padding: 15px;
        margin-top: 15px;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .order-progress__current-icon {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        background: white;
        border-radius: 50%;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
        flex-shrink: 0;
    }
    
    .order-progress__current-text {
        font-size: 14px;
        color: #2c3e50;
        flex: 1;
    }
    
    .order-progress__current-text strong {
        display: block;
        font-size: 16px;
        color: #1a2639;
        margin-bottom: 4px;
    }
    
    .order-progress__current-comment {
        display: block;
        background: rgba(243, 244, 246, 0.5);
        border-radius: 10px;
        padding: 8px 12px;
        margin-top: 8px;
        font-style: italic;
        color: #2c3e50;
        font-size: 13px;
    }
}


/*Хлебные крошки как кнопки*/
/* ============================================ */
/* ПРОСТЫЕ ХЛЕБНЫЕ КРОШКИ С КНОПКАМИ */
/* Используем существующие стрелочки */
/* ============================================ */

/*.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  font-family: inherit;
  font-size: 0.95rem;
}*/

/* Ссылки как простые кнопки */
.breadcrumb li a {
  display: inline-flex;
  align-items: center;
  
  /* Простой фон */
  background: #f0f2f5;
  
  /* Отступы как у кнопки */
  padding: 8px 14px;
  border-radius: 16px !Important;
  
  /* Текст */
  /*color: #1e293b;
  text-decoration: none;
  font-weight: 500;*/
  
  /* Минимальный эффект при наведении */
  transition: background-color 0.2s ease;
  
  /* Понятно что кликабельно */
  cursor: pointer;
}

/* Иконка домика */
.breadcrumb li a i {
  /*margin-right: 6px;*/
  font-size: 1rem;
  color: #4b5563;
}

/* Эффект при наведении - просто меняем фон */
.breadcrumb li a:hover {
  background: #e0e4e9;
  color: #0f172a;
}

.breadcrumb li a:hover i {
  color: #1e293b;
}

/* Эффект при нажатии */
.breadcrumb li a:active {
  background: #d1d5db;
  transform: scale(0.98);
}

/* НЕ добавляем свои разделители - используем существующие */
.breadcrumb li:not(:last-child)::after {
  display: none; /* Отключаем */
}

/* Текущая страница (не ссылка) */
/*.breadcrumb li:last-child {
  background: #e6f0ee;
  padding: 8px 14px;
  border-radius: 30px;
  color: #115e4f;
  font-weight: 500;
}*/

/* Адаптация для мобильных */
@media (max-width: 640px) {
  .breadcrumb {
    gap: 4px;
    font-size: 0.9rem;
  }
  
  .breadcrumb li a,
  .breadcrumb li:last-child {
    /*padding: 6px 12px;*/
  }
}
/*конец блока*/

/* --------------------------------- */
/* СТРАНИЦА БОНУСНЫХ БАЛЛОВ (REWARDS) */
/* --------------------------------- */

/* Основная карточка страницы */
#account-reward .rewards-page__card.card-style {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    box-shadow: 0 10px 15px -8px rgba(0, 10, 30, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    padding: 25px 20px;
    margin-bottom: 20px;
}

/* Блок с балансом */
#account-reward .rewards-balance-block {
    margin-bottom: 25px;
    padding: 5px 10px;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
    border-radius: 26px;
    border: 1px solid rgba(162, 184, 254, 0.2);
}

#account-reward .rewards-balance-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

#account-reward .rewards-balance-label {
    font-size: 14px;
    font-weight: 500;
    color: #1a2639;
}

#account-reward .rewards-balance-value {
    font-size: 32px;
    font-weight: 700;
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 0 5px;
}

/* Табы */
#account-reward .uni-tabs.nav-tabs {
    border-bottom: 2px solid rgba(162, 184, 254, 0.2);
    margin-bottom: 20px;
}

#account-reward .uni-tabs.nav-tabs > li {
    margin-bottom: -2px;
}

#account-reward .uni-tabs.nav-tabs > li > a {
    border: none;
    background: transparent;
    color: #6c7a8e;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 40px 40px 0 0;
    transition: all 0.2s ease;
}

#account-reward .uni-tabs.nav-tabs > li.active > a {
    color: #6b8cff;
    background: transparent;
    border-bottom: 3px solid #6b8cff;
}

@media (hover: hover) and (pointer: fine) {
    #account-reward .uni-tabs.nav-tabs > li > a:hover {
        color: #3a6ea5;
        /*background: rgba(107, 140, 255, 0.05);*/
    }
}

/* Десктопная таблица */
#account-reward .uni-table.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    border: none;
}

#account-reward .uni-table.table thead tr {
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

#account-reward .uni-table.table thead td {
    font-weight: 600;
    color: #1a2639;
    padding: 15px 20px;
    border: none;
    border-bottom: 1px solid rgba(162, 184, 254, 0.3);
}

#account-reward .uni-table.table tbody tr td {
    padding: 15px 20px;
    border: none;
    border-bottom: 1px solid rgba(162, 184, 254, 0.1);
    background: rgba(255, 255, 255, 0.5);
    vertical-align: middle;
}

#account-reward .uni-table.table tbody tr:first-child td {
    border-top: 1px solid rgba(162, 184, 254, 0.1);
}

#account-reward .uni-table.table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.3);
}

/* Строка начисления */
#account-reward .rewards-row--accrual td {
    background: rgb(155 155 155 / 3%) !important;
}

#account-reward .rewards-row--accrual:hover td {
    background: rgba(40, 167, 69, 0.08) !important;
}

/* Строка списания */
#account-reward .rewards-row--writeoff td {
    background: rgb(155 155 155 / 3%) !important;
}

#account-reward .rewards-row--writeoff:hover td {
    background: rgba(220, 53, 69, 0.08) !important;
}

/* Очки начисления */
#account-reward .rewards-points--accrual {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #28a745;
    font-weight: 600;
    background: rgba(40, 167, 69, 0.1);
    padding: 4px 12px;
    border-radius: 30px;
}

#account-reward .rewards-points--accrual i {
    font-size: 12px;
}

/* Очки списания */
#account-reward .rewards-points--writeoff {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #dc3545;
    font-weight: 600;
    background: rgba(220, 53, 69, 0.1);
    padding: 4px 12px;
    border-radius: 30px;
}

#account-reward .rewards-points--writeoff i {
    font-size: 12px;
}

/* Пагинация */
#account-reward .pagination-wrapper {
    margin-top: 25px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    border: 1px solid rgba(162, 184, 254, 0.2);
    margin-bottom: 1rem;
}

/* --------------------------------- */
/* МОБИЛЬНЫЕ КАРТОЧКИ ДЛЯ БАЛЛОВ */
/* --------------------------------- */

/* Скрытие/показ элементов в зависимости от экрана */
@media (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .desktop-only {
        display: none !important;
    }
    
    .mobile-only {
        display: block !important;
    }
}

/* Контейнер для карточек */
#account-reward .rewards-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

/* Карточка операции */
#account-reward .rewards-card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 22px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    transition: all 0.3s ease;
    margin-bottom: .5rem;
}

/* Карточка списания */
#account-reward .rewards-card--writeoff {
    border-left: 4px solid #dc3545;
}

/* Карточка начисления */
#account-reward .rewards-card--accrual {
    border-left: 4px solid #28a745;
}

/* Заголовок карточки */
#account-reward .rewards-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin-bottom: 10px;*/
    /*padding-bottom: 8px;*/
    border-bottom: 1px dashed rgba(162, 184, 254, 0.3);
}

#account-reward .rewards-card__date {
    font-size: 14px;
    font-weight: 500;
    color: #6c7a8e;
}

#account-reward .rewards-card__type {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.5);
}

#account-reward .rewards-card--writeoff .rewards-card__type {
    color: #dc3545;
}

#account-reward .rewards-card--accrual .rewards-card__type {
    color: #28a745;
}

/* Тело карточки */
#account-reward .rewards-card__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

#account-reward .rewards-card__description {
    flex: 1;
    font-size: 14px;
    color: #1a2639;
    line-height: 1.4;
}

#account-reward .rewards-card__description a {
    color: #3a6ea5;
    text-decoration: none;
    font-weight: 500;
}

#account-reward .rewards-card__description a:hover {
    text-decoration: underline;
}

/* Очки в карточке */
#account-reward .rewards-card__points {
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 30px;
    white-space: nowrap;
}

/* Новая карточка - анимация */
#account-reward .rewards-card--new {
    animation: cardHighlight 2s ease;
}

@keyframes cardHighlight {
    0%, 100% { 
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    }
    30%, 70% { 
        background: rgba(107, 140, 255, 0.15);
        box-shadow: 0 8px 20px -5px rgba(107, 140, 255, 0.3);
    }
}

/* Пустая карточка */
#account-reward .rewards-card--empty {
    padding: 30px;
    text-align: center;
    color: #6c7a8e;
}

/* --------------------------------- */
/* КУПОНЫ - С ФУНКЦИЕЙ КОПИРОВАНИЯ */
/* --------------------------------- */

/* Добавляем фоновые стили от card-style */
#account-reward .coupon-thumb.card-style {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    box-shadow: 0 10px 15px -8px rgba(0, 10, 30, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    padding: 18px 16px;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
    display: flex;
    flex-direction: column;
}

/* Hover эффект */
@media (hover: hover) and (pointer: fine) {
    #account-reward .coupon-thumb.card-style:hover {
        transform: translateY(-4px);
        background: rgba(255, 255, 255, 0.9);
        border-color: rgba(93, 155, 255, 0.3);
        box-shadow: 0 5px 15px -12px rgba(93, 155, 255, 0.25);
    }
}

/* Заголовок купона */
#account-reward .coupon-caption {
    font-size: 16px;
    font-weight: 600;
    color: #1a2639;
    margin: 0 0 10px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(107, 140, 255, 0.2);
}

/* Описание купона */
#account-reward .coupon-description {
    font-size: 13px;
    color: #4a5568;
    margin-bottom: 15px;
    line-height: 1.5;
    flex: 1;
}

/* Обертка для кода купона с функцией копирования */
#account-reward .coupon-code-wrapper {
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 10px;
}

#account-reward .coupon-code-wrapper:hover {
    transform: scale(1.02);
}

/* Код купона */
#account-reward .coupon-code {
    background: rgba(107, 140, 255, 0.1);
    padding: 8px 12px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 13px;
    transition: background 0.2s ease;
}

#account-reward .coupon-code-wrapper:hover .coupon-code {
    background: rgba(107, 140, 255, 0.2);
}

#account-reward .coupon-code-label {
    color: #6c7a8e;
    font-weight: 500;
}

#account-reward .coupon-code-value {
    font-family: monospace;
    font-weight: 700;
    color: #3a6ea5;
    letter-spacing: 1px;
}

/* Иконка копирования */
#account-reward .coupon-copy-icon {
    opacity: 0;
    transition: opacity 0.2s ease;
    color: #6b8cff;
    font-size: 14px;
    margin-left: 5px;
}

#account-reward .coupon-code-wrapper:hover .coupon-copy-icon {
    opacity: 1;
}

/* Тултип подсказка */
#account-reward .coupon-copy-tooltip {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    z-index: 10;
}

#account-reward .coupon-code-wrapper:hover .coupon-copy-tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}

/* Уведомление о копировании */
#account-reward .coupon-copy-notification {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #28a745;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    animation: notificationFade 1.5s ease forwards;
}

#account-reward .coupon-copy-notification--error {
    background: #dc3545;
}

@keyframes notificationFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
    15% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    85% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
}

/* Цена купона */
#account-reward .coupon-price {
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    padding: 8px 12px;
    border-radius: 40px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    font-size: 13px;
}

#account-reward .coupon-price-label {
    font-weight: 500;
    opacity: 0.9;
}

#account-reward .coupon-price-value {
    font-weight: 700;
    font-size: 16px;
}

/* Кнопка покупки купона */
#account-reward .coupon-buy-btn {
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    border: none;
    border-radius: 40px;
    padding: 8px 16px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s ease;
    width: 100%;
}

#account-reward .coupon-buy-btn:hover {
    background: linear-gradient(135deg, #5a7ce8, #8f6ce8);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4);
}

#account-reward .coupon-buy-btn:active {
    transform: translateY(0);
}

/* Использованный купон */
#account-reward .coupon-thumb.used {
    opacity: 0.7;
    filter: grayscale(0.3);
}

#account-reward .coupon-used-info {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed rgba(220, 53, 69, 0.3);
    color: #dc3545;
    font-size: 12px;
}

#account-reward .coupon-used-text {
    font-weight: 500;
}

#account-reward .coupon-used-icon {
    color: #6c757d;
    cursor: help;
}

/* Новый купон - анимация */
#account-reward .coupon-thumb--new {
    animation: couponNew 0.5s ease;
}

#account-reward .coupon-thumb--highlight {
    box-shadow: 0 0 0 3px rgba(107, 140, 255, 0.5), 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
}

@keyframes couponNew {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Пустое сообщение */
#account-reward .empty-message {
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 26px;
    color: #6c7a8e;
    font-size: 15px;
}

/* Заголовки секций */
#account-reward .section-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a2639;
    margin: 25px 0 15px 0;
    padding-left: 10px;
    border-left: 4px solid #6b8cff;
}

/* Модальное окно */
#account-reward + .modal .rewards-modal.card-style {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border-radius: 26px;
    padding: 0;
    overflow: hidden;
}

#account-reward + .modal .modal-header {
    border-bottom: 1px solid rgba(162, 184, 254, 0.2);
    padding: 15px 20px;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

#account-reward + .modal .modal-body {
    padding: 20px;
    color: #1a2639;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

#account-reward + .modal .modal-footer {
    border-top: 1px solid rgba(162, 184, 254, 0.2);
    padding: 15px 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

#account-reward + .modal .modal-btn {
    min-width: 100px;
    border-radius: 40px;
    padding: 8px 20px;
}

/* Кнопка продолжения */
#account-reward .continue-btn {
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    border: none;
    border-radius: 40px;
    padding: 10px 25px;
    color: white;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#account-reward .continue-btn:hover {
    background: linear-gradient(135deg, #5a7ce8, #8f6ce8);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4);
}

/* Мобильная версия */
@media (max-width: 767px) {
    #account-reward .rewards-page__card.card-style {
        padding: 15px;
    }
    
    #account-reward .rewards-balance-value {
        font-size: 26px;
    }
    
    #account-reward .uni-tabs.nav-tabs > li > a {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    /* Сетка купонов */
    #account-reward .coupons-grid .product-layout {
        padding: 5px;
    }
    
    #account-reward .coupon-caption {
        font-size: 14px;
    }
    
    #account-reward .coupon-description {
        font-size: 12px;
    }
    
    #account-reward .coupon-code,
    #account-reward .coupon-price {
        font-size: 11px;
    }
    
    #account-reward .coupon-price-value {
        font-size: 14px;
    }
    
    /* Адаптация функции копирования для мобильных */
    #account-reward .coupon-copy-icon {
        opacity: 1;
        font-size: 12px;
    }
    
    #account-reward .coupon-copy-tooltip {
        display: none;
    }
    
    #account-reward .coupon-code-wrapper:active {
        transform: scale(0.98);
    }
    
    #account-reward .coupon-code-wrapper:active .coupon-code {
        background: rgba(107, 140, 255, 0.2);
    }
}

@media (max-width: 480px) {
    #account-reward .rewards-balance-wrapper {
        /*flex-direction: column;*/
        text-align: center;
    }
    
    #account-reward .rewards-card__body {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    #account-reward .rewards-card__points {
        align-self: flex-end;
    }
    
    #account-reward .coupons-grid .product-layout {
        width: 100%;
    }
}
/*конец блока*/

/*Бейджи Pay_СПЛИИТ*/
div#simplecheckout_shipping_address, div#simplecheckout_customer, div#simplecheckout_shipping, div#simplecheckout_payment,div#simplecheckout_comment {
    background: #ffffff;
    padding: 5px;
    border-radius: 26px;
    box-shadow: 0 2px 15px rgb(165 165 165 / 10%);
}

label.control-label.col-sm-4.font-weight-bold {
    text-align: left;
}
/*Блок картинок - фикс */
.product-thumb__image a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px; /* фиксированная высота */
    border-radius: 12px;
    overflow: hidden;
    background: white;
}

.product-thumb__image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: var(--transition);
}

/*Телефон в хэдэре*/
.header-block__item.header-block__item-telephone {
    display: none;
}
/*блок кратких характеристик*/
ul.product-data.list-unstyled {
    background: #fbfbfb;
    padding: 10px;
    border-radius: 26px;
}
/*блок цены и кнопки "в корзину"*/
.product-page__cart.row-flex {
    /*background: #fbfbfb;*/
    padding: 10px;
    border-radius: 0 0 10px 10px;
}
.product-page__price.price {
    /*background: #fbfbfb;*/
    padding: 10px;
    margin: 20px 0 0;
    border-radius: 10px 10px 0 0;
}
/*Бордер на фото в карточке*/
.product-page__image-main {
    border: none;
}

/* Убираем синюю подсветку при тапе */
* {
  -webkit-tap-highlight-color: transparent;
}


.product-page__textblock-inner {
    padding: 0;
    border-radius: 0;
    background: none;
}

.required .control-label:before {
    display:none
}

/*скрыл чек боксы в корзине*/
.shipping-method__item.radio input[type="radio"],
.simplecheckout-block-content .radio input[type="radio"] {
    display: none;
}

#simplecheckout_payment .simplecheckout-block-content .radio {
    flex: 1 0 calc(10% - 2px) !important;
    min-width: 120px !important;
    max-width: calc(100% - 2px);
    margin: 0;
}

/* Прокрутка способов оплаты на мобильных */

/* Стили для десктопа (по умолчанию) */
#simplecheckout_payment .simplecheckout-block-content {
    display: flex;
    gap: 10px;
    flex-wrap: wrap; /* wrap для ПК */
}

#simplecheckout_payment .simplecheckout-block-content .radio {
    flex: 1 0 calc(33.333% - 2px);
    min-width: 200px;
    max-width: calc(100% - 2px);
    margin: 0;
    transition: transform 0.2s ease;
}

#simplecheckout_payment .simplecheckout-block-content .radio:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(165, 165, 165, 0.2);
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    #simplecheckout_payment .simplecheckout-block-content {
        flex-wrap: nowrap !important; /* nowrap для мобильных */
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        padding: 10px 5px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Скрываем скроллбар в Firefox */
    }
    
    /* Скрываем скроллбар для Webkit-браузеров */
    #simplecheckout_payment .simplecheckout-block-content::-webkit-scrollbar {
        display: none;
    }
    
    #simplecheckout_payment .simplecheckout-block-content .radio {
        flex: 0 0 auto; /* Отменяем растягивание */
        width: 220px; /* Фиксированная ширина для прокрутки */
        min-width: 220px; /* Переопределяем min-width для мобильных */
        max-width: none; /* Убираем ограничение по ширине */
    }
}

/*Шире форма ввода данных*/
.form-control {
height: 44px;
}



/* В конец файла или в отдельный CSS файл */
@media (max-width: 767px) {
    /* Скрыть кнопку каталога в основном меню на мобильных */
    .main-menu .menu-open.btn.visible-xs.visible-sm {
        display: none !important;
    }
    
    /* Стили для кнопки в header-block */
    .header-block__item-menu .menu-open.btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        margin-left: 10px;
        background: #f8f8f8;
        border: 1px solid #e0e0e0;
        color: black;
    }
    
    .header-block__item-menu .menu-open.btn i {
        margin-right: 5px;
    }
}


/* Скрыть правую колонку на странице регистрации */
#account-forgotten #column-right,
.simple-content ~ #column-right {
    display: none !important;
}
/*Текст для текста входа оп почте*/
.text-log-reg {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: .5rem;
}


.home-page .html-module {
    padding: 0;
    background: none;
    border-radius: 0;
}

/*Кнопка каталог в мб*/
.fly-menu__block.fly-menu__menu-m {
    display: none !important;
}

/* ========================================= */
/* ЕДИНЫЙ СТИЛЬ ДЛЯ ВСЕХ СТРАНИЦ АККАУНТА */
/* ========================================= */

/* -------------------- */
/* БАЗОВЫЕ НАСТРОЙКИ */
/* -------------------- */

/* Общие стили для всех страниц аккаунта */
[id^="account-"] #content,
#content.account-index {
    background: #a7a7a70d;
    border-radius: 26px;
}


/* Хлебные крошки */
[id^="account-"] .breadcrumb,
#content.account-index .breadcrumb {
    background: transparent;
    padding: 15px 0 5px;
    margin: 0;
}

[id^="account-"] .breadcrumb li,
#content.account-index .breadcrumb li {
    font-size: 14px;
    color: #6c7a8e;
}

[id^="account-"] .breadcrumb a,
#content.account-index .breadcrumb a {
    color: #3a6ea5;
    text-decoration: none;
    transition: color 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .breadcrumb a:hover,
    #content.account-index .breadcrumb a:hover {
        color: #6b8cff;
    }
}

/* -------------------- */
/* СЕТКА И КАРТОЧКИ */
/* -------------------- */

/* Общая сетка для всех страниц */
[id^="account-"] .uni-wrapper .row-flex,
#content.account-index .uni-wrapper .row-flex,
[id^="account-"] .row-flex,
#content.account-index .row-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    margin:0 0 25px -10px!important;
}

[id^="account-"] [class*="col-"],
#content.account-index [class*="col-"] {
    padding: 5px 10px !important;
    box-sizing: border-box !important;
}

/* Базовые стили карточек для всех страниц */
[id^="account-"] .account-index__item,
#content.account-index .account-index__item,
[id^="account-"] .account-order-list__item,
#content.account-index .account-order-list__item,
[id^="account-"] .account-download__item,
[id^="account-"] .account-reward__item,
[id^="account-"] .account-address-list__item {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    box-shadow: 0 10px 15px -8px rgba(0, 10, 30, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) inset !important;
    /*padding: 18px 16px !important;*/
    min-height: 88px;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1) !important;
    text-decoration: none !important;
    color: #1a2639 !important;
    -webkit-tap-highlight-color: transparent;
    /*display: flex !important;*/
    flex-direction: column;
}

/* Hover эффект - только для устройств с мышью */
@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .account-index__item:hover,
    #content.account-index .account-index__item:hover,
    [id^="account-"] .account-order-list__item:hover,
    #content.account-index .account-order-list__item:hover,
    [id^="account-"] .account-download__item:hover,
    [id^="account-"] .account-reward__item:hover,
    [id^="account-"] .account-address-list__item:hover {
        transform: translateY(-4px) !important;
        background: rgba(255, 255, 255, 0.9) !important;
        border-color: rgba(93, 155, 255, 0.3) !important;
        box-shadow: 0 5px 15px -12px rgba(93, 155, 255, 0.25) !important;
    }
}

/* Активное состояние для тача */
@media (hover: none) and (pointer: coarse) {
    [id^="account-"] .account-index__item:active,
    #content.account-index .account-index__item:active,
    [id^="account-"] .account-order-list__item:active,
    #content.account-index .account-order-list__item:active,
    [id^="account-"] .account-download__item:active,
    [id^="account-"] .account-reward__item:active,
    [id^="account-"] .account-address-list__item:active {
        background: rgba(255, 255, 255, 0.9) !important;
        transform: scale(0.98);
        transition: transform 0.1s ease;
    }
}

/* Стили для кликабельного блока */
.uni-order-clickable {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Ховер эффекты только для устройств с мышью (ПК) */
@media (hover: hover) and (pointer: fine) {
    .uni-order-clickable:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
}

/* Убираем старую кнопку */
.account-order-list__btn {
    display: none !important;
}

/* -------------------- */
/* ИКОНКИ */
/* -------------------- */

/* Базовые стили для иконок */
[id^="account-"] .account-index__icon,
#content.account-index .account-index__icon {
    flex-shrink: 0;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 22px !important;
    background: linear-gradient(145deg, #f0f5ff, #ffffff) !important;
    color: #3a6ea5 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.2s ease !important;
}

/* Hover на иконке */
@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .account-index__item:hover .account-index__icon,
    #content.account-index .account-index__item:hover .account-index__icon {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
        /*box-shadow: 0 8px 15px rgba(93, 155, 255, 0.3) !important;*/
    }
}

/* Активное состояние иконки на таче */
@media (hover: none) and (pointer: coarse) {
    [id^="account-"] .account-index__item:active .account-index__icon,
    #content.account-index .account-index__item:active .account-index__icon {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
}

/* -------------------- */
/* ТЕКСТ */
/* -------------------- */

/* Базовые стили для текста */
[id^="account-"] .account-index__text,
#content.account-index .account-index__text {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #1a2639 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== UNI ORDERS TABS STYLES ===== */
/* Префикс: uni-order- */
/* Версия: 1.0 */

/* Контейнер табов */
.uni-order-tabs-container {
    margin-bottom: 30px;
    font-family: inherit;
    width: 100%;
}

/* Кнопки табов */
.uni-order-tab-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.uni-order-tab-btn {
    background: transparent;
    border: none;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    color: #6c7a8e;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 40px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

/* Hover эффект - только для устройств с мышью */
@media (hover: hover) and (pointer: fine) {
    .uni-order-tab-btn:hover {
        color: #3a6ea5;
        background: rgba(107, 140, 255, 0.05);
    }
}

/* Активная кнопка таба - градиентный фон */
.uni-order-tab-btn-active {
    background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
    color: white !important;
}

/* Счетчик на табах */
.uni-order-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    background: #6b8cff;
    color: white;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 6px;
    padding: 0 5px;
    pointer-events: none;
    line-height: 1;
}

/* Счетчик на активной кнопке */
.uni-order-tab-btn-active .uni-order-tab-count {
    background: rgba(255, 255, 255, 0.3);
}

/* Контент табов */
.uni-order-tab-content {
    display: none;
}

.uni-order-tab-content-active {
    display: block;
}

/* Кнопка "Показать еще" */
.uni-order-show-more-container {
    text-align: center;
    margin: 25px 0 10px;
}

.uni-order-show-more-btn {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 40px;
    padding: 10px 30px;
    color: #3a6ea5;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 15px -8px rgba(107, 140, 255, 0.2);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    outline: none;
    line-height: 1.2;
}

.uni-order-show-more-btn i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

/* Hover эффект для кнопки - только для устройств с мышью */
@media (hover: hover) and (pointer: fine) {
    .uni-order-show-more-btn:hover {
        background: rgba(255, 255, 255, 0.9);
        border-color: rgba(93, 155, 255, 0.3);
        box-shadow: 0 12px 20px -8px rgba(107, 140, 255, 0.4);
        transform: translateY(-2px);
    }
    
    .uni-order-show-more-btn:hover i {
        transform: translateY(2px);
    }
}

.uni-order-show-more-btn:active {
    transform: scale(0.98);
}

/* Скрытые элементы */
.uni-order-item-hidden {
    display: none !important;
}

/* Анимация появления */
.uni-order-item-show {
    animation: uniOrderFadeIn 0.3s ease forwards;
}

@keyframes uniOrderFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Пустое состояние */
.uni-order-empty {
    text-align: center;
    padding: 35px 20px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    color: #6c7a8e;
    font-size: 15px;
    line-height: 1.4;
}

/* Мобильная версия */
@media (max-width: 767px) {
    .uni-order-tab-buttons {
        gap: 5px;
        justify-content: space-between;
    }
    
    .uni-order-tab-btn {
        padding: 8px 12px;
        font-size: 13px;
        flex: 1;
        text-align: center;
    }
    
    /* Отключаем hover на мобильных */
    .uni-order-tab-btn:hover {
        background: transparent !important;
        color: #6c7a8e !important;
    }
    
    .uni-order-tab-btn-active {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
    
    .uni-order-tab-btn-active:hover {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
    
    .uni-order-tab-count {
        min-width: 18px;
        height: 18px;
        font-size: 10px;
        margin-left: 4px;
        padding: 0 3px;
    }
    
    .uni-order-show-more-btn {
        padding: 8px 20px;
        font-size: 13px;
        width: 100%;
        justify-content: center;
    }
    
    /* Отключаем hover на мобильных для кнопки показа еще */
    .uni-order-show-more-btn:hover {
        background: rgba(255, 255, 255, 0.75) !important;
        border-color: rgba(162, 184, 254, 0.2) !important;
        box-shadow: 0 8px 15px -8px rgba(107, 140, 255, 0.2) !important;
        transform: none !important;
    }
    
    .uni-order-empty {
        padding: 25px 15px;
        font-size: 14px;
    }
}

/* Очень маленькие экраны */
@media (max-width: 380px) {
    .uni-order-tab-btn {
        padding: 6px 8px;
        font-size: 12px;
    }
    
    .uni-order-tab-count {
        min-width: 16px;
        height: 16px;
        font-size: 9px;
    }
}

/* Поддержка RTL */
[dir="rtl"] .uni-order-tab-count {
    margin-left: 0;
    margin-right: 6px;
}

[dir="rtl"] .uni-order-show-more-btn i {
    transform: rotate(180deg);
}

/* -------------------- */
/* КНОПКИ */
/* -------------------- */

/* Единый стиль для всех кнопок в аккаунте */
/*[id^="account-"] .btn-primary,
#content.account-index .btn-primary,
[id^="account-"] .account-order-list__btn,
#content.account-index .account-order-list__btn,
[id^="account-"] .account-download__btn,
[id^="account-"] .account-edit__btn,
[id^="account-"] .account-password__btn,
[id^="account-"] .account-forgotten__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 24px !important;
    background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
    border: none !important;
    border-radius: 40px !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
    text-decoration: none !important;
}*/

@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .btn-primary:hover,
    #content.account-index .btn-primary:hover,
    [id^="account-"] .account-order-list__btn:hover,
    #content.account-index .account-order-list__btn:hover,
    [id^="account-"] .account-download__btn:hover,
    [id^="account-"] .account-edit__btn:hover,
    [id^="account-"] .account-password__btn:hover,
    [id^="account-"] .account-forgotten__btn:hover {
        background: linear-gradient(135deg, #5a7ce8, #8f6ce8) !important;
        box-shadow: 0 15px 25px -8px rgba(107, 140, 255, 0.6) !important;
        /*transform: translateY(-2px) !important;*/
    }
}

/* -------------------- */
/* ПРАВАЯ КОЛОНКА (МЕНЮ) */
/* -------------------- */

/* Стили для бокового меню на ВСЕХ страницах */
[id^="account-"] #column-right .list-group,
#content.account-index + #column-right .list-group,
[id^="account-"] + #column-right .list-group {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    padding: 15px !important;
}

/* Все пункты меню */
[id^="account-"] #column-right .list-group-item,
#content.account-index + #column-right .list-group-item,
[id^="account-"] + #column-right .list-group-item {
    background: transparent !important;
    border: none !important;
    color: #4a5568 !important;
    padding: 12px 15px !important;
    border-radius: 16px !important;
    margin-bottom: 5px !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
    display: block !important;
    text-decoration: none !important;
}

/* Hover эффект */
@media (hover: hover) and (pointer: fine) {
    [id^="account-"] #column-right .list-group-item:hover,
    #content.account-index + #column-right .list-group-item:hover,
    [id^="account-"] + #column-right .list-group-item:hover {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
        transform: translateX(5px) !important;
        box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
    }
}

/* Активное состояние на таче */
@media (hover: none) and (pointer: coarse) {
    [id^="account-"] #column-right .list-group-item:active,
    #content.account-index + #column-right .list-group-item:active,
    [id^="account-"] + #column-right .list-group-item:active {
        background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
        color: white !important;
    }
}

/* Активный пункт меню (текущая страница) */
/* Подсветка для каждой страницы через атрибут href */
#account-address #column-right .list-group-item[href*="address-book"],
#account-address #column-right .list-group-item[href*="address"],
#account-password #column-right .list-group-item[href*="password"],
#account-password #column-right .list-group-item[href*="change-password"],
#account-forgotten #column-right .list-group-item[href*="edit"],
#account-forgotten #column-right .list-group-item[href*="simpleedit"],
#account-order #column-right .list-group-item[href*="order-history"],
#account-order #column-right .list-group-item[href*="order"],
#account-wishlist #column-right .list-group-item[href*="wishlist"],
#account-reward #column-right .list-group-item[href*="reward"],
#account-returns #column-right .list-group-item[href*="return"],
#content.account-index + #column-right .list-group-item[href*="my-account"] {
    background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
}

/* -------------------- */
/* СПЕЦИФИЧНЫЕ СТИЛИ ДЛЯ РАЗНЫХ СТРАНИЦ */
/* -------------------- */

/* СТРАНИЦА ЗАКАЗОВ - дополнительные стили */
#account-order .account-order-list__order-id {
    display: inline-block !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a2639 !important;
    text-decoration: none !important;
    margin-bottom: 5px !important;
    /*padding-bottom: 10px !important;*/
    border-bottom: 2px solid rgba(107, 140, 255, 0.2) !important;
    transition: border-color 0.2s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    #account-order .account-order-list__order-id:hover {
        border-bottom-color: #6b8cff !important;
    }
}

#account-order .account-order-list__name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3a6ea5 !important;
    margin-bottom: 2px !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
}


#account-order .account-order-list__description {
    flex: 1;
    margin-bottom: 0 !important;
}

#account-order .account-order-list__description-item {
    display: flex !important;
    align-items: baseline !important;
    font-size: 12px !important;
    color: #2c3e50 !important;
    justify-content: space-between;
}

#account-order .account-order-list__description-div {
    width: 140px !important;
    display: flex !important;
    align-items: baseline !important;
    color: #6c7a8e !important;
    font-size: 12px !important;
}

#account-order .account-order-list__description-div:after {
    content: none !important;
    flex: 1 !important;
    margin: 0 10px !important;
    border-bottom: 1px dashed #cbd5e0 !important;
    height: 1px !important;
}

#account-order .account-order-list__description-item:last-child span[style*="font-weight:500"] {
    padding: 4px 12px !important;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1)) !important;
    border-radius: 30px !important;
    color: #3a6ea5 !important;
}

/* Пагинация */
[id^="account-"] .pagination-text {
    text-align: center !important;
    margin: 30px 0 10px !important;
    padding: 15px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(4px);
    border-radius: 50px !important;
    color: #4a5568 !important;
    font-size: 14px !important;
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
}

/* Список (для кредитных карт, адресов и т.д.) */
[id^="account-"] .list-unstyled,
#content.account-index .list-unstyled {
    padding-left: 10px;
}

[id^="account-"] .list-unstyled li,
#content.account-index .list-unstyled li {
    margin-bottom: 8px;
}

[id^="account-"] .list-unstyled a,
#content.account-index .list-unstyled a {
    color: #3a6ea5;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
    [id^="account-"] .list-unstyled a:hover,
    #content.account-index .list-unstyled a:hover {
        color: #6b8cff;
        text-decoration: underline;
    }
}

@media (hover: none) and (pointer: coarse) {
    [id^="account-"] .list-unstyled a:active,
    #content.account-index .list-unstyled a:active {
        color: #6b8cff;
        text-decoration: underline;
    }
}

/* Очистка для uni-item-bg */
[id^="account-"] .uni-item-bg,
#content.account-index .uni-item-bg {
    /*background: transparent !important;*/
}

/* Скрываем скрытое */
[id^="account-"] .buttons.hidden,
#content.account-index .buttons.hidden {
    display: none !important;
}

/* -------------------- */
/* МОБИЛЬНАЯ ВЕРСИЯ */
/* -------------------- */

@media (max-width: 767px) {
    
    [id^="account-"] .account-index__item,
    #content.account-index .account-index__item,
    [id^="account-"] .account-order-list__item,
    #content.account-index .account-order-list__item {
        padding: 12px !important;
        min-height: 80px;
        border-radius: 22px !important;
    }
    
    [id^="account-"] .account-index__icon,
    #content.account-index .account-index__icon {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
        border-radius: 14px !important;
    }
    
    [id^="account-"] .account-index__text,
    #content.account-index .account-index__text {
        font-size: 14px !important;
    }
    
    /* Специфичное для заказов */
    /*#account-order .account-order-list__item {
        padding: 18px !important;
    }*/
    
    #account-order .account-order-list__order-id {
        font-size: 20px !important;
    }
    
    #account-order .account-order-list__description-div {
        width: 110px !important;
    }
    
    #account-order .account-order-list__description-item {
        font-size: 12px !important;
    }
    
}
/* ========================================= */
/* СТИЛИ ДЛЯ СТРАНИЦЫ ДЕТАЛЬНОЙ ИНФОРМАЦИИ О ЗАКАЗЕ - 2026 */
/* ========================================= */

/* Отменяем глобальные стили table-responsive только для страницы заказа */
.order-details--2026 .table-responsive {
    width: 100% !important;
    margin-bottom: 15px !important;
    overflow-y: visible !important;
    -ms-overflow-style: auto !important;
    border: none !important;
    box-shadow: none !important;
}

/* Для мобильной версии прогресс-бара */
.order-details--2026 .order-progress .table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Для таблицы товаров (чтобы не ломалась) */
.order-details--2026 .order-products .table-responsive {
    overflow-x: auto !important;
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

/* Коррекция для мобильной версии */
@media (max-width: 767px) {
    .order-details--2026 .order-progress .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .order-details--2026 .order-progress__container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* -------------------- */
/* ОСНОВНЫЕ СТИЛИ */
/* -------------------- */

.order-details--2026 {
    background: #f8f9fa;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* -------------------- */
/* ИНФОРМАЦИОННЫЕ БЛОКИ */
/* -------------------- */

.order-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    overflow: hidden;
}

.order-info__block {
    flex: 0 0 calc(33.333% - 20px);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 20px;
    padding: 20px;
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.6;
    min-height: 120px;
    box-sizing: border-box;
    position: relative;
}

.order-info__block-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a2639;
    margin: 0 0 10px 0;
    padding-bottom: 8px;
}

.order-info__block-title:after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #6b8cff, #a07eff);
    border-radius: 2px;
}

/* -------------------- */
/* ТОВАРЫ В ЗАКАЗЕ */
/* -------------------- */

.order-products__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    overflow: hidden;
}

.order-products__header {
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

.order-products__header th {
    font-weight: 600;
    color: #1a2639;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.3);
    text-align: left;
}

.order-products__item td {
    padding: 16px 4px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.1);
    vertical-align: middle;
}

.order-products__item:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
}

.order-products__option {
    color: #6c7a8e;
    font-size: 13px;
    margin-top: 4px;
    padding-left: 15px;
}

.order-products__item-price,
.order-products__item-total {
    font-weight: 600;
    color: #3a6ea5;
}

/* Кнопки действий */
.order-products__item-actions {
    white-space: nowrap;
}

.btn-notify,
.btn-return {
    background: none;
    border: none;
    padding: 5px 8px;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 8px;
}

.btn-notify:hover,
.btn-return:hover {
    color: #0d6efd;
    background-color: rgba(107, 140, 255, 0.1);
}

.btn-return {
    color: #dc3545;
}

.btn-return:hover {
    color: #c82333;
    background-color: rgba(220, 53, 69, 0.1);
}

/* -------------------- */
/* ИТОГИ ЗАКАЗА */
/* -------------------- */

.order-totals {
    padding: 20px;
    background: rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(162, 184, 254, 0.2);
}

.order-totals__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.order-totals__row--total {
    font-size: 20px;
    font-weight: 700;
    border-top: 2px solid rgba(107, 140, 255, 0.2);
    padding-top: 15px;
    margin-top: 5px;
}

.order-totals__label {
    color: #6c7a8e;
}

/* -------------------- */
/* КОММЕНТАРИЙ */
/* -------------------- */

.order-comment__content {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 20px;
    padding: 20px;
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.6;
    font-style: italic;
    position: relative;
    margin: 15px 0;
}

/* -------------------- */
/* ИСТОРИЯ ЗАКАЗА */
/* -------------------- */

.order-history__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    overflow: hidden;
}

.order-history__header {
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

.order-history__header th {
    font-weight: 600;
    color: #1a2639;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.3);
    text-align: left;
}

.order-history__item td {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(162, 184, 254, 0.1);
    vertical-align: middle;
}

.order-history__item:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
}

.order-info__block.order-info__block--payment-address {
    display: none;
}
/* Отключаем бордер у table-responsive для таблицы товаров */
.order-products .table-responsive {
    border: none !important;
    overflow-y: visible !important;
}

/* Оставляем бордер только у самой таблицы */
.order-products__table {
    border: 1px solid rgba(162, 184, 254, 0.2) !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

/* -------------------- */
/* МОБИЛЬНАЯ ВЕРСИЯ */
/* -------------------- */

@media (max-width: 992px) {
    .order-info__block {
        flex: 0 0 calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    /* Информационные блоки в один столбец */
    .order-info__block {
        flex: 0 0 100%;
    }
    
    /* Скрываем заголовок таблицы */
    .order-products__header {
        display: none;
    }
    
    /* Превращаем строки в карточки */
    .order-products__item {
        display: block;
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(162, 184, 254, 0.2);
        border-radius: 22px;
        margin-bottom: 15px;
        padding: 15px;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    }
    
    /* Добавляем лейблы для ячеек */
    .order-products__item-name::before,
    .order-products__item-model::before,
    .order-products__item-quantity::before,
    .order-products__item-price::before,
    .order-products__item-total::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        color: #6c7a8e;
        margin-bottom: 5px;
        font-size: 13px;
    }
    
    /* Каждая ячейка - отдельный блок */
    .order-products__item td {
        display: flex;
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px dashed rgba(162, 184, 254, 0.2);
        text-align: left;
        justify-content: space-between;
    }
    
    /* Последняя ячейка без границы */
    .order-products__item td:last-child {
        border-bottom: none;
    }
    
    /* Опции товара */
    .order-products__option {
        font-size: 12px;
        color: #6c7a8e;
        margin-top: 4px;
        padding-left: 15px;
    }
    
    /* Ячейка с кнопками */
    .order-products__item-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: 12px;
        margin-top: 5px;
        border-top: 2px solid rgba(107, 140, 255, 0.2);
        gap: 8px;
    }
    
    /* Кнопки в карточке */
    .order-products__item-actions .btn {
        min-width: auto;
        padding: 6px 10px;
        font-size: 14px;
    }
    
    .order-products__item-actions .btn i {
        margin-right: 3px;
    }
    
    /* Блок итогов */
    .order-totals {
        border-radius: 22px;
        margin-top: 10px;
    }
    
    .order-totals__row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        padding: 6px 0;
    }
    
    .order-totals__row--total {
        font-size: 18px;
        padding-top: 10px;
        border-top: 2px solid rgba(107, 140, 255, 0.2);
        margin-top: 5px;
    }
    
    /* История заказа */
    .order-history__header {
        display: none;
    }
    
    .order-history__item {
        display: block;
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(162, 184, 254, 0.2);
        border-radius: 22px;
        margin-bottom: 15px;
        padding: 15px;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    }
    
    .order-history__item-date::before,
    .order-history__item-status::before,
    .order-history__item-comment::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        color: #6c7a8e;
        margin-bottom: 5px;
        font-size: 13px;
    }
    
    .order-history__item td {
        display: block;
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px dashed rgba(162, 184, 254, 0.2);
        text-align: left;
    }
    
    .order-history__item td:last-child {
        border-bottom: none;
    }
    
    .order-comment__content:before {
        left: 15px;
        font-size: 36px;
    }
}

/* -------------------- */
/* КНОПКИ И ДЕЙСТВИЯ */
/* -------------------- */

.order-actions {
    margin: 30px 0;
    text-align: right;
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border: none;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    /*transform: translateY(-1px);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* -------------------- */
/* ПРОГРЕСС-БАР ЗАКАЗА */
/* -------------------- */

.order-progress {
    margin: 30px 0;
}

.order-progress__container {
    position: relative;
}

.order-progress__line {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(162, 184, 254, 0.2);
    border-radius: 2px;
    z-index: 1;
}

.order-progress__line-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #6b8cff, #a07eff);
    border-radius: 2px;
    transition: width 0.5s ease;
}

/* Мобильная линия прогресса */
.order-progress__mobile-progress {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 3px;
    background: rgba(162, 184, 254, 0.2);
    border-radius: 2px;
    z-index: 2;
}

.order-progress__mobile-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #6b8cff, #a07eff);
    border-radius: 2px;
    transition: width 0.5s ease;
}

.order-progress__steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.order-progress__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 120px;
    padding: 0 10px;
    position: relative;
    transition: opacity 0.3s ease;
}

/* Все НЕзавершенные этапы после текущего - приглушенные */
.order-progress__step--completed ~ .order-progress__step:not(.order-progress__step--completed) {
    opacity: 0.6;
}

/* Все завершенные этапы имеют полную яркость */
.order-progress__step--completed {
    opacity: 1;
}

.order-progress__step-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border: 2px solid rgba(162, 184, 254, 0.3);
    z-index: 3;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* Завершенные этапы - синий фон с белой иконкой */
.order-progress__step--completed .order-progress__step-icon {
    border-color: #6b8cff;
    background: #6b8cff;
    color: white;
}

.order-progress__step-icon i {
    font-size: 20px;
    color: #6c7a8e;
}

.order-progress__step--completed .order-progress__step-icon i {
    color: white;
}

.order-progress__step-label {
    font-weight: 600;
    color: #1a2639;
    margin-bottom: 5px;
    font-size: 14px;
    white-space: nowrap;
}

/* Текущий этап (последний завершенный) - дополнительное выделение */
.order-progress__step--completed:last-of-type .order-progress__step-icon {
    box-shadow: 0 0 0 4px rgba(107, 140, 255, 0.2);
}

/* Стили для дат и комментариев */
.order-progress__step-date {
    font-size: 12px;
    color: #6c7a8e;
    margin-top: 3px;
}

.order-progress__step-comment {
    font-size: 11px;
    color: #6c7a8e;
    font-style: italic;
    margin-top: 2px;
}

/* -------------------- */
/* ТЕКУЩИЙ СТАТУС - ДЕСКТОП */
/* -------------------- */

.order-progress__current-status {
    margin-top: 30px;
    padding: 20px 25px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.05);
}

.order-progress__current-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.order-progress__current-text {
    flex: 1;
    font-size: 16px;
    color: #2c3e50;
    line-height: 1.5;
}

.order-progress__current-text strong {
    color: #1a2639;
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
}

.order-progress__current-comment {
    margin-top: 8px;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    font-size: 14px;
    color: #4a5568;
    font-style: italic;
    border-left: 3px solid rgba(107, 140, 255, 0.3);
}

/* Цвета для иконок разных типов */
.order-progress__current-icon .fa-times-circle {
    color: #ef4444;
}

.order-progress__current-icon .fa-undo {
    color: #f59e0b;
}

.order-progress__current-icon .fa-check-circle {
    color: #10b981;
}

.order-progress__current-icon .fa-truck,
.order-progress__current-icon .fa-box-open,
.order-progress__current-icon .fa-cog,
.order-progress__current-icon .fa-info-circle {
    color: #3b82f6;
}

/* -------------------- */
/* МОБИЛЬНАЯ ВЕРСИЯ - ПРОГРЕСС-БАР */
/* -------------------- */

@media (max-width: 767px) {
    /*.order-progress__container {
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 25px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 -10px;
        width: calc(100% + 20px);
    }*/
    
    /* Скрываем стандартную линию для мобильных */
    .order-progress__line {
        display: none;
    }
    
    /* Мобильная линия прогресса */
    .order-progress__mobile-progress {
        display: block;
        position: absolute;
        top: 15px;
        /*left: 10px;*/
        /*right: 10px;*/
        height: 3px;
        background: rgba(162, 184, 254, 0.2);
        border-radius: 2px;
        z-index: 2;
        pointer-events: none;
    }
    
    .order-progress__mobile-progress-fill {
        height: 100%;
        background: linear-gradient(90deg, #6b8cff, #a07eff);
        border-radius: 2px;
        transition: width 0.5s ease;
    }
    
    /*.order-progress__steps {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: max-content;
        padding: 0 5px;
        margin: 0;
        position: relative;
        z-index: 3;
        min-width: 100%;
        scroll-behavior: smooth;
    }*/
    
    /* Завершенные этапы яркие, неактивные - приглушенные */
    .order-progress__step--completed {
        opacity: 1;
    }
    
    .order-progress__step:not(.order-progress__step--completed) {
        opacity: 0.5;
    }
    
    /* Текущий этап на мобильных */
    .order-progress__step--completed:last-of-type {
        opacity: 1;
        transform: scale(1.1);
        z-index: 10;
    }
    
    .order-progress__step {
        width: 70px;
        min-width: 70px;
        padding: 0;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        position: relative;
    }
    
    /* Стили для иконок - с полной обводкой */
    .order-progress__step-icon {
        width: 30px;
        height: 30px;
        font-size: 16px;
        /*margin-bottom: 20px;*/
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid rgba(162, 184, 254, 0.3);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        z-index: 3;
    }
    
    .order-progress__step-icon i {
        font-size: 16px;
        color: #6c7a8e;
    }
    
    /* Завершенные этапы - синий фон с белой иконкой */
    .order-progress__step--completed .order-progress__step-icon {
        border-color: #6b8cff;
        background: #6b8cff;
        color: white;
    }
    
    .order-progress__step--completed .order-progress__step-icon i {
        color: white;
    }
    
    /* Текущий этап - дополнительная обводка */
    .order-progress__step--completed:last-of-type .order-progress__step-icon {
        box-shadow: 0 0 0 4px rgba(107, 140, 255, 0.2);
    }
    
    /* Неактивные этапы */
    .order-progress__step:not(.order-progress__step--completed) .order-progress__step-icon {
        border-color: rgba(162, 184, 254, 0.3);
        background: #fff;
    }
    
    .order-progress__step:not(.order-progress__step--completed) .order-progress__step-icon i {
        color: #6c7a8e;
    }
    
    .order-progress__step-label {
        font-size: 7px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*margin-top: 10px;*/
        /*font-weight: 600;*/
        /*color: #1a2639;*/
    }
    
    .order-progress__step-date {
        font-size: 7px;
        color: #6c7a8e;
        margin-top: 0;
    }
    
    /* Активный статус выделяем */
    .order-progress__steps[data-current-stage="1"] > .order-progress__step:nth-child(1),
    .order-progress__steps[data-current-stage="2"] > .order-progress__step:nth-child(2),
    .order-progress__steps[data-current-stage="3"] > .order-progress__step:nth-child(3),
    .order-progress__steps[data-current-stage="4"] > .order-progress__step:nth-child(4),
    .order-progress__steps[data-current-stage="5"] > .order-progress__step:nth-child(5) {
        transform: scale(1.1);
        z-index: 10;
    }
    
    /* Для статуса "Отменен" и "Возврат" */
    .order-progress__steps[data-current-stage="5"] > .order-progress__step:nth-child(5) {
        transform: scale(1.1);
        z-index: 10;
    }
    
    /* Эффект автопрокрутки */
    .order-progress__steps[data-current-stage="1"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0;
    }
    
    .order-progress__steps[data-current-stage="2"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(70px + 15px);
    }
    
    .order-progress__steps[data-current-stage="3"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc((70px + 15px) * 2);
    }
    
    .order-progress__steps[data-current-stage="4"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc((70px + 15px) * 3);
    }
    
    .order-progress__steps[data-current-stage="5"] {
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc((70px + 15px) * 4);
    }
    
    /* Индикатор текущего статуса - мобильный */
    .order-progress__current-status {
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(4px);
        border: 1px solid rgba(162, 184, 254, 0.2);
        border-radius: 20px;
        padding: 15px;
        margin-top: 15px;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .order-progress__current-icon {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        background: white;
        border-radius: 50%;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
        flex-shrink: 0;
    }
    
    .order-progress__current-text {
        font-size: 14px;
        color: #2c3e50;
        flex: 1;
    }
    
    .order-progress__current-text strong {
        display: block;
        font-size: 16px;
        color: #1a2639;
        margin-bottom: 4px;
    }
    
    .order-progress__current-comment {
        display: block;
        background: rgba(243, 244, 246, 0.5);
        border-radius: 10px;
        padding: 8px 12px;
        margin-top: 8px;
        font-style: italic;
        color: #2c3e50;
        font-size: 13px;
    }
}


/*Хлебные крошки как кнопки*/
/* ============================================ */
/* ПРОСТЫЕ ХЛЕБНЫЕ КРОШКИ С КНОПКАМИ */
/* Используем существующие стрелочки */
/* ============================================ */

/*.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  font-family: inherit;
  font-size: 0.95rem;
}*/

/* Ссылки как простые кнопки */
.breadcrumb li a {
  display: inline-flex;
  align-items: center;
  
  /* Простой фон */
  background: #f0f2f5;
  
  /* Отступы как у кнопки */
  /*padding: 8px 14px;*/
  border-radius: 16px !Important;
  
  /* Текст */
  /*color: #1e293b;
  text-decoration: none;
  font-weight: 500;*/
  
  /* Минимальный эффект при наведении */
  transition: background-color 0.2s ease;
  
  /* Понятно что кликабельно */
  cursor: pointer;
}

/* Иконка домика */
.breadcrumb li a i {
  /*margin-right: 6px;*/
  font-size: 1rem;
  color: #4b5563;
}

/* Эффект при наведении - просто меняем фон */
.breadcrumb li a:hover {
  background: #e0e4e9;
  color: #0f172a;
}

.breadcrumb li a:hover i {
  color: #1e293b;
}

/* Эффект при нажатии */
.breadcrumb li a:active {
  background: #d1d5db;
  transform: scale(0.98);
}

/* НЕ добавляем свои разделители - используем существующие */
.breadcrumb li:not(:last-child)::after {
  display: none; /* Отключаем */
}

/* Текущая страница (не ссылка) */
/*.breadcrumb li:last-child {
  background: #e6f0ee;
  padding: 8px 14px;
  border-radius: 30px;
  color: #115e4f;
  font-weight: 500;
}*/

/* Адаптация для мобильных */
@media (max-width: 640px) {
  .breadcrumb {
    gap: 4px;
    font-size: 0.9rem;
  }
  
  .breadcrumb li a,
  .breadcrumb li:last-child {
    /*padding: 6px 12px;*/
  }
}
/*конец блока*/

/* --------------------------------- */
/* СТРАНИЦА БОНУСНЫХ БАЛЛОВ (REWARDS) */
/* --------------------------------- */

/* Основная карточка страницы */
#account-reward .rewards-page__card.card-style {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    box-shadow: 0 10px 15px -8px rgba(0, 10, 30, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    padding: 25px 20px;
    margin-bottom: 20px;
}

/* Блок с балансом */
#account-reward .rewards-balance-block {
    margin-bottom: 25px;
    padding: 5px 10px;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
    border-radius: 26px;
    border: 1px solid rgba(162, 184, 254, 0.2);
}

#account-reward .rewards-balance-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

#account-reward .rewards-balance-label {
    font-size: 14px;
    font-weight: 500;
    color: #1a2639;
}

#account-reward .rewards-balance-value {
    font-size: 32px;
    font-weight: 700;
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 0 5px;
}

/* Табы */
#account-reward .uni-tabs.nav-tabs {
    border-bottom: 2px solid rgba(162, 184, 254, 0.2);
    margin-bottom: 20px;
}

#account-reward .uni-tabs.nav-tabs > li {
    margin-bottom: -2px;
}

#account-reward .uni-tabs.nav-tabs > li > a {
    border: none;
    background: transparent;
    color: #6c7a8e;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 40px 40px 0 0;
    transition: all 0.2s ease;
}

#account-reward .uni-tabs.nav-tabs > li.active > a {
    color: #6b8cff;
    background: transparent;
    border-bottom: 3px solid #6b8cff;
}

@media (hover: hover) and (pointer: fine) {
    #account-reward .uni-tabs.nav-tabs > li > a:hover {
        color: #3a6ea5;
        /*background: rgba(107, 140, 255, 0.05);*/
    }
}

/* Десктопная таблица */
#account-reward .uni-table.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    border: none;
}

#account-reward .uni-table.table thead tr {
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

#account-reward .uni-table.table thead td {
    font-weight: 600;
    color: #1a2639;
    padding: 15px 20px;
    border: none;
    border-bottom: 1px solid rgba(162, 184, 254, 0.3);
}

#account-reward .uni-table.table tbody tr td {
    padding: 15px 20px;
    border: none;
    border-bottom: 1px solid rgba(162, 184, 254, 0.1);
    background: rgba(255, 255, 255, 0.5);
    vertical-align: middle;
}

#account-reward .uni-table.table tbody tr:first-child td {
    border-top: 1px solid rgba(162, 184, 254, 0.1);
}

#account-reward .uni-table.table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.3);
}

/* Строка начисления */
#account-reward .rewards-row--accrual td {
    background: rgb(155 155 155 / 3%) !important;
}

#account-reward .rewards-row--accrual:hover td {
    background: rgba(40, 167, 69, 0.08) !important;
}

/* Строка списания */
#account-reward .rewards-row--writeoff td {
    background: rgb(155 155 155 / 3%) !important;
}

#account-reward .rewards-row--writeoff:hover td {
    background: rgba(220, 53, 69, 0.08) !important;
}

/* Очки начисления */
#account-reward .rewards-points--accrual {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #28a745;
    font-weight: 600;
    background: rgba(40, 167, 69, 0.1);
    padding: 4px 12px;
    border-radius: 30px;
}

#account-reward .rewards-points--accrual i {
    font-size: 12px;
}

/* Очки списания */
#account-reward .rewards-points--writeoff {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #dc3545;
    font-weight: 600;
    background: rgba(220, 53, 69, 0.1);
    padding: 4px 12px;
    border-radius: 30px;
}

#account-reward .rewards-points--writeoff i {
    font-size: 12px;
}

/* Пагинация */
#account-reward .pagination-wrapper {
    margin-top: 25px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    border: 1px solid rgba(162, 184, 254, 0.2);
    margin-bottom: 1rem;
}

/* --------------------------------- */
/* МОБИЛЬНЫЕ КАРТОЧКИ ДЛЯ БАЛЛОВ */
/* --------------------------------- */

/* Скрытие/показ элементов в зависимости от экрана */
@media (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .desktop-only {
        display: none !important;
    }
    
    .mobile-only {
        display: block !important;
    }
}

/* Контейнер для карточек */
#account-reward .rewards-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

/* Карточка операции */
#account-reward .rewards-card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 22px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    transition: all 0.3s ease;
    margin-bottom: .5rem;
}

/* Карточка списания */
#account-reward .rewards-card--writeoff {
    border-left: 4px solid #dc3545;
}

/* Карточка начисления */
#account-reward .rewards-card--accrual {
    border-left: 4px solid #28a745;
}

/* Заголовок карточки */
#account-reward .rewards-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin-bottom: 10px;*/
    /*padding-bottom: 8px;*/
    border-bottom: 1px dashed rgba(162, 184, 254, 0.3);
}

#account-reward .rewards-card__date {
    font-size: 14px;
    font-weight: 500;
    color: #6c7a8e;
}

#account-reward .rewards-card__type {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.5);
}

#account-reward .rewards-card--writeoff .rewards-card__type {
    color: #dc3545;
}

#account-reward .rewards-card--accrual .rewards-card__type {
    color: #28a745;
}

/* Тело карточки */
#account-reward .rewards-card__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

#account-reward .rewards-card__description {
    flex: 1;
    font-size: 14px;
    color: #1a2639;
    line-height: 1.4;
}

#account-reward .rewards-card__description a {
    color: #3a6ea5;
    text-decoration: none;
    font-weight: 500;
}

#account-reward .rewards-card__description a:hover {
    text-decoration: underline;
}

/* Очки в карточке */
#account-reward .rewards-card__points {
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 30px;
    white-space: nowrap;
}

/* Новая карточка - анимация */
#account-reward .rewards-card--new {
    animation: cardHighlight 2s ease;
}

@keyframes cardHighlight {
    0%, 100% { 
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    }
    30%, 70% { 
        background: rgba(107, 140, 255, 0.15);
        box-shadow: 0 8px 20px -5px rgba(107, 140, 255, 0.3);
    }
}

/* Пустая карточка */
#account-reward .rewards-card--empty {
    padding: 30px;
    text-align: center;
    color: #6c7a8e;
}

/* --------------------------------- */
/* КУПОНЫ - С ФУНКЦИЕЙ КОПИРОВАНИЯ */
/* --------------------------------- */

/* Добавляем фоновые стили от card-style */
#account-reward .coupon-thumb.card-style {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(162, 184, 254, 0.2);
    border-radius: 26px;
    box-shadow: 0 10px 15px -8px rgba(0, 10, 30, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    padding: 18px 16px;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
    display: flex;
    flex-direction: column;
}

/* Hover эффект */
@media (hover: hover) and (pointer: fine) {
    #account-reward .coupon-thumb.card-style:hover {
        transform: translateY(-4px);
        background: rgba(255, 255, 255, 0.9);
        border-color: rgba(93, 155, 255, 0.3);
        box-shadow: 0 5px 15px -12px rgba(93, 155, 255, 0.25);
    }
}

/* Заголовок купона */
#account-reward .coupon-caption {
    font-size: 16px;
    font-weight: 600;
    color: #1a2639;
    margin: 0 0 10px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(107, 140, 255, 0.2);
}

/* Описание купона */
#account-reward .coupon-description {
    font-size: 13px;
    color: #4a5568;
    margin-bottom: 15px;
    line-height: 1.5;
    flex: 1;
}

/* Обертка для кода купона с функцией копирования */
#account-reward .coupon-code-wrapper {
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 10px;
}

#account-reward .coupon-code-wrapper:hover {
    transform: scale(1.02);
}

/* Код купона */
#account-reward .coupon-code {
    background: rgba(107, 140, 255, 0.1);
    padding: 8px 12px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 13px;
    transition: background 0.2s ease;
}

#account-reward .coupon-code-wrapper:hover .coupon-code {
    background: rgba(107, 140, 255, 0.2);
}

#account-reward .coupon-code-label {
    color: #6c7a8e;
    font-weight: 500;
}

#account-reward .coupon-code-value {
    font-family: monospace;
    font-weight: 700;
    color: #3a6ea5;
    letter-spacing: 1px;
}

/* Иконка копирования */
#account-reward .coupon-copy-icon {
    opacity: 0;
    transition: opacity 0.2s ease;
    color: #6b8cff;
    font-size: 14px;
    margin-left: 5px;
}

#account-reward .coupon-code-wrapper:hover .coupon-copy-icon {
    opacity: 1;
}

/* Тултип подсказка */
#account-reward .coupon-copy-tooltip {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    z-index: 10;
}

#account-reward .coupon-code-wrapper:hover .coupon-copy-tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}

/* Уведомление о копировании */
#account-reward .coupon-copy-notification {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #28a745;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    animation: notificationFade 1.5s ease forwards;
}

#account-reward .coupon-copy-notification--error {
    background: #dc3545;
}

@keyframes notificationFade {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
    15% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    85% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
}

/* Цена купона */
#account-reward .coupon-price {
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    padding: 8px 12px;
    border-radius: 40px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    font-size: 13px;
}

#account-reward .coupon-price-label {
    font-weight: 500;
    opacity: 0.9;
}

#account-reward .coupon-price-value {
    font-weight: 700;
    font-size: 16px;
}

/* Кнопка покупки купона */
#account-reward .coupon-buy-btn {
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    border: none;
    border-radius: 40px;
    padding: 8px 16px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s ease;
    width: 100%;
}

#account-reward .coupon-buy-btn:hover {
    background: linear-gradient(135deg, #5a7ce8, #8f6ce8);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4);
}

#account-reward .coupon-buy-btn:active {
    transform: translateY(0);
}

/* Использованный купон */
#account-reward .coupon-thumb.used {
    opacity: 0.7;
    filter: grayscale(0.3);
}

#account-reward .coupon-used-info {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed rgba(220, 53, 69, 0.3);
    color: #dc3545;
    font-size: 12px;
}

#account-reward .coupon-used-text {
    font-weight: 500;
}

#account-reward .coupon-used-icon {
    color: #6c757d;
    cursor: help;
}

/* Новый купон - анимация */
#account-reward .coupon-thumb--new {
    animation: couponNew 0.5s ease;
}

#account-reward .coupon-thumb--highlight {
    box-shadow: 0 0 0 3px rgba(107, 140, 255, 0.5), 0 10px 20px -8px rgba(107, 140, 255, 0.4) !important;
}

@keyframes couponNew {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Пустое сообщение */
#account-reward .empty-message {
    padding: 40px 20px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 26px;
    color: #6c7a8e;
    font-size: 15px;
}

/* Заголовки секций */
#account-reward .section-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a2639;
    margin: 25px 0 15px 0;
    padding-left: 10px;
    border-left: 4px solid #6b8cff;
}

/* Модальное окно */
#account-reward + .modal .rewards-modal.card-style {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border-radius: 26px;
    padding: 0;
    overflow: hidden;
}

#account-reward + .modal .modal-header {
    border-bottom: 1px solid rgba(162, 184, 254, 0.2);
    padding: 15px 20px;
    background: linear-gradient(135deg, rgba(107, 140, 255, 0.1), rgba(160, 126, 255, 0.1));
}

#account-reward + .modal .modal-body {
    padding: 20px;
    color: #1a2639;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

#account-reward + .modal .modal-footer {
    border-top: 1px solid rgba(162, 184, 254, 0.2);
    padding: 15px 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

#account-reward + .modal .modal-btn {
    min-width: 100px;
    border-radius: 40px;
    padding: 8px 20px;
}

/* Кнопка продолжения */
#account-reward .continue-btn {
    background: linear-gradient(135deg, #6b8cff, #a07eff);
    border: none;
    border-radius: 40px;
    padding: 10px 25px;
    color: white;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#account-reward .continue-btn:hover {
    background: linear-gradient(135deg, #5a7ce8, #8f6ce8);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -8px rgba(107, 140, 255, 0.4);
}

/* Мобильная версия */
@media (max-width: 767px) {
    #account-reward .rewards-page__card.card-style {
        padding: 15px;
    }
    
    #account-reward .rewards-balance-value {
        font-size: 26px;
    }
    
    #account-reward .uni-tabs.nav-tabs > li > a {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    /* Сетка купонов */
    #account-reward .coupons-grid .product-layout {
        padding: 5px;
    }
    
    #account-reward .coupon-caption {
        font-size: 14px;
    }
    
    #account-reward .coupon-description {
        font-size: 12px;
    }
    
    #account-reward .coupon-code,
    #account-reward .coupon-price {
        font-size: 11px;
    }
    
    #account-reward .coupon-price-value {
        font-size: 14px;
    }
    
    /* Адаптация функции копирования для мобильных */
    #account-reward .coupon-copy-icon {
        opacity: 1;
        font-size: 12px;
    }
    
    #account-reward .coupon-copy-tooltip {
        display: none;
    }
    
    #account-reward .coupon-code-wrapper:active {
        transform: scale(0.98);
    }
    
    #account-reward .coupon-code-wrapper:active .coupon-code {
        background: rgba(107, 140, 255, 0.2);
    }
}

@media (max-width: 480px) {
    #account-reward .rewards-balance-wrapper {
        /*flex-direction: column;*/
        text-align: center;
    }
    
    #account-reward .rewards-card__body {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    #account-reward .rewards-card__points {
        align-self: flex-end;
    }
    
    #account-reward .coupons-grid .product-layout {
        width: 100%;
    }
}
/*конец блока*/

/* Контейнер для бейджей Яндекс.Пэй */
.product-badges-ya-fu {
    display: flex;
    flex-wrap: wrap;;
    gap: 12px;
    margin: 0 10px 0;
    padding: 5px 0;
    /*align-items: center;*/
    flex-direction: column;
    /*background: #fbfbfb;*/
}

.product-badges-ya-fu .bage {
    display: inline-flex;
    min-width: 200px;
    margin-left: .5rem;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .product-badges-ya-fu {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .product-badges-ya-fu .bage {
        width: 100%;
    }
}
/*конец блока*/
/*Блок стикеров (дефолтных)*/
.product-page .sticker {
    top: 5px;
    left: 0;
    position: relative;
    margin-left: .5rem;
}

.sticker__item {
    gap: 5px;
    padding: 0 10px 0 0;
}

.sticker-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.sticker-text {
    font-size: 14px;
    font-weight: 500;
}
.sticker__item.reward {
    color: #0c0c0c;
    background: #0011ff21;
}
/*конец блока*/
/*каталог-веб*/
@media (min-width: 992px) {
    .main-menu.set-before:before {
        content: none;
     
    }
}
.menu2 .menu__level-1-li:hover {
    background: none;
}
nav#menu {
    border-radius: 30px;
}

/*подсветка при наведении в каталоге*/
main.blur:after, footer.blur:after {
    background: none;
}
/*конец блока*/
/*Блок фикс менб - пк версия*/
@media (min-width: 992px) {
    header.fixed {
     background: linear-gradient(97.26deg, #ffd600 0.49%, #ffaa00 14.88%, #ff7b00 29.27%,#ff5533 43.14%, #ff3355 57.02%, #cc3399 70.89%,#9933cc 84.76%, #6633ff 99.15%);
     padding: 0 0 10px 0;
     border-radius: 0 0 30px 30px;
     --header-icon-c: #ffffff;
    }
    header.fixed .reward-balance-value, .header-orders__icon {
    color: #ffffff;
}
header.fixed .header-orders__icon {
    color: #ffffff!Important;
}
}
/*конец блока*/

/*хэдэр моб версия*/
@media (max-width: 991px) {
    header {
    background: linear-gradient(48deg, rgba(255, 214, 0, 0.8) 0%, rgba(255, 170, 0, 0.8) 25%, rgba(255, 85, 51, 0.85) 50%, rgba(204, 51, 153, 0.85) 75%, rgba(102, 51, 255, 0.8) 100%) !Important;
    padding: 0 0 5px 0;
    border-radius: 0 0 30px 30px;
    }
}
@media (max-width: 767.98px) {
    .header-block__item-orders {
       order: 2;
    }
}
@media (max-width: 767.98px) {
    .header-orders__icon {
       color: #ffffff !important;
    }
}
/*Стики Хэдэра*/
/* Медиа-запрос только для мобильных устройств */
/*@media (max-width: 767px) {
    header {
        position: sticky !important; 
        top: 0; 
        left: 0;
        width: 100%;
        background-color: #fff; 
        z-index: 1000; 
        box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
        transition: box-shadow 0.2s ease;
    }
*/
    /* отступ для контента под хэдером, чтобы он не "прилипал" к нему вплотную (если нужно) */
   /* body {
        padding-top: 0; 
    }
    */
    /* Убедимся, что меню и поиск ведут себя адекватно */
   /* header .container:first-of-type {
         padding-top: 5px;
         padding-bottom: 5px;
    }
}*/
/*конец блока*/

/*топ меню - убираю*/
.top-menu {
    display: none;
}
/*конец блока*/
/*Блок Fly меню*/
/*иконки в fly-menu__icon*/
@media (max-width: 992px) {
    .fly-menu__icon {
    color: #6633ffcc;
    }
}
/*Перезапись теней и бордеров*/
@media (max-width: 992px) {
    .fly-menu {
        border-bottom: none;
        box-shadow: none;
    }
}
/*убрал у мобилки бордеры и тени*/
@media (max-width: 992px) {
    .fly-menu__product.mobile.show {
        top: -50px;
    }
}
@media (max-width: 992px) {
    .fly-menu__product.mobile {
        border-bottom: none;
        box-shadow: none;
    }
}
/*конец блока*/


/*увеличил ширину макета*/
.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

/* Телефоны (до 768px) */
/*@media (max-width: 767px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}*/

/* Планшеты (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* Небольшие ноутбуки (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        padding-right: 25px;
        padding-left: 25px;
    }
}

/* Большие ПК (1200px и выше) */
@media (min-width: 1200px) {
    .container {
        padding-right: 35px;
        padding-left: 35px;
    }
}

/* Очень большие экраны (опционально) */
@media (min-width: 1600px) {
    .container {
        padding-right: 50px;
        padding-left: 50px;
        max-width: 1600px; /* Если хочешь ограничить максимум */
    }
}
/*конец блока*/

/*Табы в карточке товара - переработка*/

/* Контейнер табов */
.product-page-tabs.nav-tabs {
  -webkit-overflow-scrolling: touch !important;
  background: none;
}

/* Скрываем скроллбар для Chrome/Safari */
.product-page-tabs.nav-tabs::-webkit-scrollbar {
  display: none !important;
}

/* Ссылки табов */
.product-page-tabs.nav-tabs > li > a {
  padding: 12px 20px !important;
  background: #f8f9fa !important;
  border-radius: 20px !important;
  color: #495057 !important;
}

/* Активный таб */
.product-page-tabs.nav-tabs > li.active > a {
  background: linear-gradient(135deg, #6b8cff, #a07eff) !important;
  border-color: #f57c00 !important;
  color: white !important;
}

/* Наведение на неактивный таб */
.product-page-tabs.nav-tabs > li:not(.active) > a:hover {
  background: #ffffff !important;
  color: #6a37f7 !important;
  transform: translateY(-2px) !important;
}

/* Бейджи (цифры отзывов и т.д.) */
.product-page-tabs.nav-tabs .uni-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  background: rgba(0,0,0,0.08) !important;
  border-radius: 30px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: inherit !important;
  margin-left: 4px !important;
  transition: all 0.2s ease !important;
}

/* Бейдж в активном табе */
.product-page-tabs.nav-tabs > li.active > a .uni-badge {
  background: rgba(255,255,255,0.25) !important;
  color: white !important;
}

/* Бейдж при наведении */
.product-page-tabs.nav-tabs > li:not(.active) > a:hover .uni-badge {
  background: #f57c00 !important;
  color: white !important;
}

/* Скрытые бейджи */
.product-page-tabs.nav-tabs .uni-badge.hidden {
  display: none !important;
}

/* ==================== */
/* АДАПТАЦИЯ ДЛЯ ПЛАНШЕТОВ */
/* ==================== */
@media (min-width: 769px) and (max-width: 1024px) {
  .product-page-tabs.nav-tabs > li > a {
    padding: 10px 18px !important;
    font-size: 13px !important;
  }
}

/* ==================== */
/* МОБИЛЬНАЯ ВЕРСИЯ */
/* ==================== */
@media (max-width: 768px) {
  .product-page-tabs.nav-tabs > li > a {
    padding: 10px 16px !important;
  }
  
  .product-page-tabs.nav-tabs.scroll-end::after {
    opacity: 0 !important;
  }
  
  .product-page-tabs.nav-tabs > li > a::after {
    display: none;
  }
}

/* ==================== */
/* ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ */
/* ==================== */
@media (max-width: 480px) {
  .product-page-tabs.nav-tabs .uni-badge {
    min-width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    padding: 0 4px !important;
  }
}

/* ==================== */
/* ДОПОЛНИТЕЛЬНЫЕ ФИШКИ */
/* ==================== */

/* Эффект нажатия */
.product-page-tabs.nav-tabs > li > a:active {
  transform: scale(0.97) !important;
}

/* Плавный скролл */
.product-page-tabs.nav-tabs {
  scroll-behavior: smooth !important;
}

/* Кастомный индикатор скролла (опционально) */
.product-page-tabs.nav-tabs.scrollable-indicator {
  position: relative !important;
}
/*конец блока*/

/*fly-menu-доработка*/
@media (min-width: 992px) {
    .fly-menu.show {
        top: 0;
        min-height: 5rem;
        border-radius: 0 0 20px 20px;
    }
}
/*конец блока*/

/*скрытие миникарточек на мб*/
/*скрытие миникарточек на мб*/
/* Скрываем мини-галерею на мобильных устройствах */
@media (max-width: 767px) {
    .product-page__image-addit {
        display: none !important;
    }
    
    /* Показываем индикатор количества фото поверх основного слайда */
    .product-page__image-main {
        position: relative;
    }
    
    /* ИСПРАВЛЕНО: применяем ::after к карусели, а не к родительскому блоку */
    .product-page__image-main-carousel::after {
        content: attr(data-slide-current) '/' attr(data-slide-total);
        position: absolute;
        bottom: 15px;
        right: 15px;
        background: rgb(251 251 251);
        color: #000000;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 14px;
        z-index: 10;
        pointer-events: none;
    }
}
/*конец блока*/
/*Скрытие выбора товара в корзине на странице оформления заказа*/
#simplecheckout_cart .art_product_counts {
    display: none;
}
#simplecheckout_cart .cart_status {
    display: none !important;
}
/*конец блока*/

/*кастомные чекбоксы выбора товара*/
/* Стилизация чекбоксов только в модуле корзины */
.header-cart__wrapper .cart_status,
.checkout-cart .cart_status,
.art_product_counts .cart_status {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 12px;
    min-width: 20px;
    min-height: 20px;
}
.art_product_counts {
    display: flex;
    align-items: center;
}

.header-cart__wrapper .cart_status input[type="checkbox"],
.checkout-cart .cart_status input[type="checkbox"],
.art_product_counts .cart_status input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.header-cart__wrapper .cart_status span,
.checkout-cart .cart_status span,
.art_product_counts .cart_status span {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.header-cart__wrapper .cart_status:hover span,
.checkout-cart .cart_status:hover span,
.art_product_counts .cart_status:hover span {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.header-cart__wrapper .cart_status input[type="checkbox"]:checked + span,
.checkout-cart .cart_status input[type="checkbox"]:checked + span,
.art_product_counts .cart_status input[type="checkbox"]:checked + span {
    background:#aa85f7;
    border-color: #aa85f7;
}

.header-cart__wrapper .cart_status input[type="checkbox"]:checked + span::after,
.checkout-cart .cart_status input[type="checkbox"]:checked + span::after,
.art_product_counts .cart_status input[type="checkbox"]:checked + span::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
}

/* Фокус-состояние для доступности */
.header-cart__wrapper .cart_status input[type="checkbox"]:focus + span,
.checkout-cart .cart_status input[type="checkbox"]:focus + span,
.art_product_counts .cart_status input[type="checkbox"]:focus + span {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    border-color: #3b82f6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    /*.header-cart__wrapper .cart_status span,
    .checkout-cart .cart_status span,
    .art_product_counts .cart_status span {
        width: 18px;
        height: 18px;
    }*/
    
    /*.header-cart__wrapper .cart_status input[type="checkbox"]:checked + span::after,
    .checkout-cart .cart_status input[type="checkbox"]:checked + span::after,
    .art_product_counts .cart_status input[type="checkbox"]:checked + span::after {
        left: 5px;
        top: 1px;
        width: 4px;
        height: 9px;
    }*/
}
/*конец блока*/

/*Скрыл кнопки +/- на странице чекаута*/
.checkout-cart__quantity {
    display: none;
}
/*конец блока*/

/*Обертка для блоков на чекауте - тест Аксенов*/
/*div#account-forgotten {
    background: #a7a7a70d;
    border-radius: 26px;
}*/




/*Верстка на Продукт Твиг*/
.product-price-block {
    background: #fbfbfb;
    border-radius: 26px;
}

.product-page__textblock {
    margin: 0 10px 0;
}
/*Конец блока*/

/*Блок баллов в хэдэре*/
/* Стили для блока бонусного баланса в хедере */
.header-block__item-reward-balance {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px; 
  order: 3; 
  /* background-color: rgba(255, 255, 255, 0.1); */
  /* border-radius: 4px; */
}

.header-reward-info {
  display: flex;
  align-items: center;
  gap: 5px; 
  flex-wrap: nowrap; 
  font-weight: bold;
  font-size: 14px; 
  color: #333; /* Цвет текста */
}

/* Стили SVG для десктопа */
.header-block__item-reward-balance .sticker-icon {
  width: 30px; 
  height: 30px;
  flex-shrink: 0; 
}

.reward-balance-value {
  color: #000000;
  font-weight: bold;
  font-family: inherit;
  white-space: nowrap; 
}

/* --- Адаптивность для мобильных устройств --- */
@media (max-width: 767.98px) {
  
  /* Стили для всего блока на мобильных */
  .header-block__item-reward-balance {
    padding: 0 8px; 
    /*background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);*/
    font-size: 12px; 
  }

  /* Стили для SVG-иконки на мобильных */
  .header-block__item-reward-balance .sticker-icon {
    width: 25px; 
    height: 25px; 
    flex-shrink: 0; 
  }

  /* Стили для числа на мобильных (уже наследует white-space: nowrap от основного стиля) */
  .header-block__item-reward-balance .reward-balance-value {
    /* font-size: 12px; */ /* Уже наследует от .header-block__item-reward-balance */
    color: #ffffff;
  }

  /* .header-block__item-reward-balance:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
  } */
}

/* --- Конец адаптивности --- */