/*your custom css goes here*/

/* Ozon Style Product Card */
.ozon-product-card {
    background: #fff;
    border-radius: 8px;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    margin-bottom: 0; /* Remove default margin for tighter spacing */
    height: auto; /* Changed from 100% to auto to allow content-based height */
    min-height: 0; /* Remove minimum height constraint */
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.ozon-product-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Discount Badge - Match reference image style */
.ozon-discount-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #ff6b35;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 3;
    line-height: 1.2;
}

/* Image Wrapper - Full width, no padding, taller to match reference (includes image, price, and first line of name) */
.ozon-image-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 square ratio */
    margin-bottom: 0;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0; /* Top corners match card, bottom is square */
    overflow: hidden;
    flex-shrink: 0;
    /* Force container to maintain aspect ratio immediately */
    aspect-ratio: 1 / 1;
    min-height: 0;
}

.ozon-image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.ozon-product-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain; /* Changed from cover to contain to show full product without cropping */
    object-position: center; /* Center the image */
    padding: 0;
    display: block;
    background: #fff; /* White background to match reference */
    /* Prevent image from displaying at natural size before CSS applies */
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

/* Wishlist Button - Match reference image style */
.ozon-wishlist-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    transition: all 0.2s ease;
    color: #666;
    font-size: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ozon-wishlist-btn:hover {
    background: #fff;
    color: #ff6b35;
    transform: scale(1.1);
}

/* Product Info */
.ozon-product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 14px;
}

/* Product Name - Fixed 2 lines for consistent card height */
.ozon-product-name {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    height: 2.8em;
    min-height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    text-overflow: ellipsis;
}

.ozon-product-link {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ozon-product-link:hover {
    color: #ff6b35;
    text-decoration: none;
}

/* Rating - Match reference image style */
.ozon-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    font-size: 12px;
    color: #666;
}

.ozon-stars {
    color: #ffc107;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.ozon-rating-value {
    color: #333;
    font-weight: 500;
    font-size: 12px;
}

.ozon-review-count {
    color: #999;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
}

.ozon-review-count::before {
    content: '💬';
    font-size: 12px;
    opacity: 0.7;
}

/* Price Section - Match reference image style */
.ozon-price-section {
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.ozon-current-price {
    font-size: 22px;
    font-weight: 700;
    color: #e63950;
    line-height: 1.2;
    margin-right: 8px;
}

.ozon-old-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    margin-right: 4px;
}

.ozon-discount-percentage {
    font-size: 14px;
    font-weight: 600;
    color: #e63950;
    line-height: 1.2;
}

/* Add to Cart Button - Hidden to match reference image style */
.ozon-add-to-cart-btn {
    display: none; /* Hidden to match reference image style */
}

.ozon-add-to-cart-btn:hover {
    background: #e55a2b;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
}

.ozon-add-to-cart-btn:active {
    transform: translateY(0);
}

.ozon-add-to-cart-btn i {
    font-size: 16px;
}

/* Wholesale Badge */
.ozon-wholesale-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(69, 90, 100, 0.9);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 3;
}

/* Grid Layout Optimization for Ozon Style */
.row.gutters-5 .col .ozon-product-card {
    margin-bottom: 16px;
}

/* Equal-height product cards in listing grid */
.plm-product-grid > .plm-grid-col {
    display: flex;
}
.plm-product-grid .ozon-product-card {
    width: 100%;
    height: 100%;
    min-height: 0;
}

/* 电脑版商品卡片网格统一等高：适用于店铺页、自营商品列表、首页今日特惠网格等 */
.ozon-product-grid > [class*="col"] {
    display: flex;
}
.ozon-product-grid .ozon-product-card {
    width: 100%;
    height: 100%;
    min-height: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .ozon-product-card {
        padding: 0;
    }
    
    .ozon-product-info {
        padding: 10px;
    }
    
    .ozon-current-price {
        font-size: 20px;
    }
    
    .ozon-old-price {
        font-size: 13px;
    }
    
    .ozon-discount-percentage {
        font-size: 13px;
    }
    
    .ozon-product-name {
        font-size: 13px;
        height: 2.8em;
        min-height: 2.8em;
        -webkit-line-clamp: 2;
    }
    
    .ozon-image-wrapper {
        padding-bottom: 100%; /* 1:1 square ratio */
    }
}

/* Carousel adjustments - Ensure cards can expand to full height */
/* 排除商品详情左侧竖向缩略图，避免 height:auto 和 flex 破坏其多图竖向显示 */
.aiz-carousel:not(.product-gallery-thumb) .slick-slide {
    height: auto !important; /* Override slick default height: 100% */
}

.aiz-carousel:not(.product-gallery-thumb) .slick-track {
    display: flex;
    align-items: flex-start; /* Align items to top, allow different heights */
}

/* 电脑端商品详情左侧缩略图：竖向排列且同时显示多张（与设计一致） */
@media (min-width: 768px) {
    .product-detail-modern .pdm-thumb-col .product-gallery-thumb.slick-vertical .slick-list {
        height: 320px !important;
        max-height: 80vh;
        overflow: hidden;
    }
    .product-detail-modern .pdm-thumb-col .product-gallery-thumb.slick-vertical .slick-slide {
        height: 64px !important;
        min-height: 64px !important;
        width: 100% !important;
    }
    .product-detail-modern .pdm-thumb-col .product-gallery-thumb.slick-vertical .carousel-box {
        margin: 0 auto 6px auto !important;
    }
}

.aiz-carousel .carousel-box {
    height: auto; /* Allow carousel box to expand based on content */
    display: flex;
    flex-direction: column;
    width: 100%; /* Ensure full width */
    overflow: hidden; /* Prevent content overflow before carousel initialization */
}

.aiz-carousel .carousel-box .ozon-product-card {
    margin-bottom: 0;
    height: auto; /* Ensure card height is based on content, not container */
    width: 100%; /* Ensure full width */
    max-width: 100%; /* Prevent card from exceeding container width */
}

/* Prevent flash of oversized images before carousel initialization */
.aiz-carousel:not(.slick-initialized) .carousel-box:not(:first-child) {
    display: none !important;
}

.aiz-carousel:not(.slick-initialized) .carousel-box .ozon-image-wrapper {
    max-width: 100%;
    overflow: hidden;
}

/* Force image container to maintain size during lazy load */
.flash-deal-carousel .ozon-image-wrapper {
    min-height: 0;
    max-height: 100%;
}

.flash-deal-carousel .ozon-product-image {
    transition: opacity 0.2s ease-in-out;
}

/* Ensure carousel is hidden until initialized */
.flash-deal-carousel:not(.slick-initialized) {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.flash-deal-carousel.slick-initialized {
    visibility: visible;
    height: auto;
    opacity: 1 !important;
}

/* ============================================
   Seller topbar – long text & language fix
   ============================================ */

/* 右侧内容允许自动压缩并在窄屏时换行，避免整体超出屏幕 */
.aiz-topbar {
    overflow: hidden;
}

.aiz-topbar > .d-flex.justify-content-between.align-items-stretch.flex-grow-xl-1 {
    min-width: 0; /* 允许子元素收缩 */
}

/* 右侧整组按钮容器：桌面窄屏下允许换行；手机版禁止换行并缩小间距 */
.aiz-topbar > .d-flex.justify-content-between.align-items-stretch.flex-grow-xl-1
    > .d-flex.justify-content-around.align-items-stretch:last-child {
    flex-wrap: wrap;
    min-width: 0;
}

/* 卖家 VIP 名称、保证金等文字过长时截断为省略号 */
.aiz-topbar .aiz-topbar-item a.dropdown-toggle.no-arrow {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

@media (max-width: 1199.98px) {
    .aiz-topbar .aiz-topbar-item a.dropdown-toggle.no-arrow {
        max-width: 140px;
        font-size: 11px;
    }
}

/* 语言下拉菜单内的语言名称过长时截断为省略号，避免把菜单撑太宽 */
.aiz-topbar #lang-change .dropdown-menu .language {
    display: inline-block;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

@media (max-width: 1199.98px) {
    .aiz-topbar #lang-change .dropdown-menu .language {
        max-width: 120px;
    }
}

/* 卖家顶栏：允许下拉框向下展开，不被顶栏自身裁剪（override .aiz-topbar overflow:hidden） */
.aiz-seller-app .aiz-topbar {
    overflow: visible !important;
}
.aiz-seller-app .aiz-topbar > div {
    overflow: visible !important;
}

/* ============================================
   Seller app – 手机版全局紧凑 (卡片、间距缩小，单页更多内容)
   ============================================ */
@media (max-width: 767.98px) {
    .aiz-seller-app .aiz-main-content .px-15px,
    .aiz-seller-app .aiz-main-content .px-lg-25px {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .aiz-seller-app .aiz-main-content .bg-white.py-3 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .aiz-seller-app .mb-4 { margin-bottom: 0.75rem !important; }
    .aiz-seller-app .mb-3 { margin-bottom: 0.5rem !important; }
    .aiz-seller-app .mt-4 { margin-top: 0.75rem !important; }
    .aiz-seller-app .mt-3 { margin-top: 0.5rem !important; }
    .aiz-seller-app .py-4 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }

    /* 栅格 gutters 缩小 */
    .aiz-seller-app .gutters-5 { margin-right: -3px; margin-left: -3px; }
    .aiz-seller-app .gutters-5 > .col,
    .aiz-seller-app .gutters-5 > [class*="col-"] { padding-right: 3px; padding-left: 3px; }
    .aiz-seller-app .gutters-10 { margin-right: -5px; margin-left: -5px; }
    .aiz-seller-app .gutters-10 > .col,
    .aiz-seller-app .gutters-10 > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
    .aiz-seller-app .row.g-3 { margin-right: -0.35rem; margin-left: -0.35rem; }
    .aiz-seller-app .row.g-3 > [class*="col-"] { padding-right: 0.35rem; padding-left: 0.35rem; margin-bottom: 0.5rem; }
    .aiz-seller-app .row.g-4 { margin-right: -0.4rem; margin-left: -0.4rem; }
    .aiz-seller-app .row.g-4 > [class*="col-"] { padding-right: 0.4rem; padding-left: 0.4rem; margin-bottom: 0.5rem; }
    .aiz-seller-app .gutters-2 { margin-right: -2px; margin-left: -2px; }
    .aiz-seller-app .gutters-2 > .col,
    .aiz-seller-app .gutters-2 > [class*="col-"] { padding-right: 2px; padding-left: 2px; }

    /* 通用卡片 */
    .aiz-seller-app .card { border-radius: 10px; }
    .aiz-seller-app .card-body { padding: 0.65rem 0.85rem !important; }
    .aiz-seller-app .card-header { padding: 0.6rem 0.85rem !important; font-size: 0.9rem; }
    .aiz-seller-app .aiz-card-box { border-radius: 10px; }
    .aiz-seller-app .aiz-card-box .card-body { padding: 0.5rem 0.65rem !important; }
    .aiz-seller-app .aiz-pagination { padding: 0.5rem 0; }

    /* 表格 */
    .aiz-seller-app .table td,
    .aiz-seller-app .table th { padding: 0.4rem 0.5rem !important; font-size: 0.8rem; }
    .aiz-seller-app .aiz-table thead th { padding: 0.5rem 0.5rem !important; font-size: 0.8rem; }

    /* 页面标题区（仅主标题/副标题，不影响 modal-title、card-title 等） */
    .aiz-seller-app [class*="-header"].mb-4 { margin-bottom: 0.5rem !important; }
    .aiz-seller-app .som-title,
    .aiz-seller-app .psh-title,
    .aiz-seller-app .sbm-title,
    .aiz-seller-app h1 { font-size: 1.2rem !important; }
    .aiz-seller-app .som-subtitle,
    .aiz-seller-app .psh-subtitle,
    .aiz-seller-app .sbm-subtitle { font-size: 0.8rem !important; }

    /* 按钮、表单（仅主内容区，排除顶部栏） */
    .aiz-seller-app .aiz-main-content .btn { padding: 0.35rem 0.6rem; font-size: 0.8rem; }
    .aiz-seller-app .aiz-main-content .btn-sm { padding: 0.25rem 0.45rem; font-size: 0.75rem; }
    .aiz-seller-app .aiz-main-content .form-control { padding: 0.35rem 0.5rem; font-size: 0.85rem; }
    .aiz-seller-app .aiz-main-content .form-control-sm { padding: 0.25rem 0.4rem; font-size: 0.8rem; }
    .aiz-seller-app .aiz-main-content .input-group > .form-control { padding: 0.35rem 0.5rem; }

    /* 列表、modal（列表仅主内容区，排除顶部栏通知下拉） */
    .aiz-seller-app .aiz-main-content .list-group-item { padding: 0.5rem 0.75rem !important; font-size: 0.85rem; }
    .aiz-seller-app .modal-body { padding: 0.75rem 1rem !important; }
    .aiz-seller-app .modal-header { padding: 0.5rem 0.75rem !important; }

    /* 顶部栏与菜单/通知下拉：排除紧凑样式，保持图标与内容清晰可读 */
    .aiz-seller-app .aiz-topbar .btn,
    .aiz-seller-app .aiz-topbar .btn-sm { padding: 0.5rem 0.75rem !important; font-size: 1rem !important; }
    .aiz-seller-app .aiz-topbar .btn-icon.btn-circle {
        width: 2.5rem !important; height: 2.5rem !important; min-width: 2.5rem !important;
        padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
    }
    .aiz-seller-app .aiz-topbar .btn-icon .fs-24,
    .aiz-seller-app .aiz-topbar .fs-24 { font-size: 1.35rem !important; }
    .aiz-seller-app .aiz-topbar .dropdown-menu .list-group-item { padding: 0.75rem 1rem !important; font-size: 0.9rem !important; }
    .aiz-seller-app .aiz-topbar .dropdown-menu .dropdown-item { padding: 0.5rem 1rem !important; font-size: 0.9rem !important; }
    .aiz-seller-app .aiz-topbar .dropdown-menu .dropdown-header { padding: 0.5rem 1rem !important; font-size: 0.9rem !important; }
    .aiz-seller-app .aiz-topbar .dropdown-menu .p-3 { padding: 0.75rem 1rem !important; }
    .aiz-seller-app .aiz-topbar .dropdown-menu h6 { font-size: 1rem !important; }

    /* 顶部栏：图标统一垂直对齐，避免高低不齐 */
    .aiz-seller-app .aiz-topbar { align-items: center !important; }
    .aiz-seller-app .aiz-topbar > div { align-items: center !important; }
    .aiz-seller-app .aiz-topbar .aiz-topbar-item,
    .aiz-seller-app .aiz-topbar .dropdown { display: flex !important; align-items: center !important; }
    .aiz-seller-app .aiz-topbar .dropdown-toggle {
        display: inline-flex !important; align-items: center !important; justify-content: center !important;
        min-height: 2.5rem !important;
    }
    .aiz-seller-app .aiz-topbar .btn-icon.p-0,
    .aiz-seller-app .aiz-topbar #lang-change .btn-icon {
        width: 2.5rem !important; height: 2.5rem !important; min-width: 2.5rem !important; min-height: 2.5rem !important;
        padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
    }
    .aiz-seller-app .aiz-topbar .dropdown-toggle .d-flex.align-items-center { min-height: 2.5rem !important; }

    /* 顶部栏及下拉：提高 z-index，避免被主内容区遮挡 */
    .aiz-seller-app .aiz-topbar { z-index: 1050 !important; }
    .aiz-seller-app .aiz-topbar .dropdown-menu { z-index: 1060 !important; }

    /* 手机版顶栏：禁止换行，缩小按钮间距，头像与图标同行显示 */
    .aiz-seller-app .aiz-topbar { padding-left: 0.4rem !important; padding-right: 0.4rem !important; }
    .aiz-seller-app .aiz-topbar > .d-flex.justify-content-between.align-items-stretch.flex-grow-xl-1
        > .d-flex.justify-content-around.align-items-stretch { flex-wrap: nowrap !important; }
    .aiz-seller-app .aiz-topbar > .d-flex.justify-content-between.align-items-stretch.flex-grow-xl-1
        > .d-flex.justify-content-around.align-items-stretch:last-child { flex-wrap: nowrap !important; }
    .aiz-seller-app .aiz-topbar .aiz-topbar-item { margin-left: 0.25rem !important; }
    .aiz-seller-app .aiz-topbar .aiz-topbar-item.ml-2 { margin-left: 0.25rem !important; }
    .aiz-seller-app .aiz-topbar .aiz-topbar-item.ml-3,
    .aiz-seller-app .aiz-topbar .d-flex.ml-3 { margin-left: 0.35rem !important; }
    .aiz-seller-app .aiz-topbar .btn-icon.btn-circle { width: 2rem !important; height: 2rem !important; min-width: 2rem !important; }
    .aiz-seller-app .aiz-topbar .btn-icon.p-0,
    .aiz-seller-app .aiz-topbar #lang-change .btn-icon { width: 2rem !important; height: 2rem !important; min-width: 2rem !important; min-height: 2rem !important; }
    .aiz-seller-app .aiz-topbar .btn-icon .fs-24, .aiz-seller-app .aiz-topbar .fs-24 { font-size: 1.15rem !important; }
    .aiz-seller-app .aiz-topbar .dropdown-toggle { min-height: 2rem !important; }
    .aiz-seller-app .aiz-topbar .dropdown-toggle .d-flex.align-items-center { min-height: 2rem !important; }
    .aiz-seller-app .aiz-topbar .avatar.avatar-sm img,
    .aiz-seller-app .aiz-topbar .avatar img { width: 26px !important; height: 26px !important; }
    .aiz-seller-app .aiz-topbar-item .mr-md-2 { margin-right: 0.25rem !important; }

    /* 订单页 som-* */
    .aiz-seller-app .som-kpi-card { padding: 0.85rem 1rem !important; }
    .aiz-seller-app .som-kpi-icon { width: 36px; height: 36px; margin-bottom: 0.5rem !important; }
    .aiz-seller-app .som-kpi-icon i { font-size: 1.1rem !important; }
    .aiz-seller-app .som-kpi-value { font-size: 1.2rem !important; }
    .aiz-seller-app .som-kpi-label { font-size: 0.75rem !important; }
    .aiz-seller-app .som-filter-row { padding: 0.6rem 0.85rem !important; }
    /* 手机版订单筛选：强制下拉框向下展开 */
    .aiz-seller-app .som-filter-row .bootstrap-select.dropup { position: relative !important; }
    .aiz-seller-app .som-filter-row .bootstrap-select .dropdown-menu { z-index: 99999 !important; }
    .aiz-seller-app .som-table-body { padding: 0.65rem 0.85rem !important; }
    .aiz-seller-app .som-table-title { font-size: 0.9rem !important; }
    .aiz-seller-app .som-pagination { padding: 0.5rem 0.75rem !important; }
    .aiz-seller-app .som-empty { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .aiz-seller-app .som-empty-icon { font-size: 2.25rem !important; margin-bottom: 0.5rem !important; }
    .aiz-seller-app .som-batch-btn { padding: 0.4rem 0.85rem !important; font-size: 0.85rem !important; }

    /* 卖家弹窗：创建工单 / 充值 / 提现 / 上传文件 – 手机单屏可显示完 */
    .aiz-seller-app .seller-mobile-modal .modal-dialog {
        max-width: 100%;
        width: calc(100% - 1rem);
        margin: 0.5rem auto;
    }
    .aiz-seller-app .seller-mobile-modal .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .aiz-seller-app .seller-mobile-modal .modal-header,
    .aiz-seller-app .seller-mobile-modal .seller-modal-header {
        flex-shrink: 0;
        padding: 0.5rem 0.75rem !important;
    }
    .aiz-seller-app .seller-mobile-modal .modal-title {
        font-size: 0.95rem !important;
        margin-bottom: 0;
    }
    .aiz-seller-app .seller-mobile-modal .close { font-size: 1.25rem !important; padding: 0.25rem 0.5rem !important; }
    .aiz-seller-app .seller-mobile-modal .modal-content > form {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .aiz-seller-app .seller-mobile-modal .modal-body,
    .aiz-seller-app .seller-mobile-modal .seller-modal-body {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding: 0.5rem 0.75rem !important;
    }
    .aiz-seller-app .seller-mobile-modal .modal-content > form > .modal-body {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
    }
    .aiz-seller-app .seller-mobile-modal .form-group.row { margin-bottom: 0.4rem !important; }
    .aiz-seller-app .seller-mobile-modal .form-group.row .col-form-label { padding-top: 0.2rem; padding-bottom: 0.15rem; font-size: 0.8rem !important; margin-bottom: 0.15rem; }
    .aiz-seller-app .seller-mobile-modal .seller-modal-textarea { min-height: 3.5rem; }
    .aiz-seller-app .seller-mobile-modal .mwr-modal-balance { margin-bottom: 0.4rem !important; }
    .aiz-seller-app .seller-mobile-modal .mwr-balance-row { padding: 0.4rem 0.5rem !important; margin-bottom: 0.3rem !important; }
    .aiz-seller-app .seller-mobile-modal .mwr-balance-row:last-child { margin-bottom: 0 !important; }
    .aiz-seller-app .seller-mobile-modal .mwr-balance-val { font-size: 0.95rem !important; }

    /* 充值弹窗 AJAX 内容区：可滚动，紧凑布局，卡片间距紧贴 */
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding: 0.5rem 0.75rem !important;
        background: #f8fafc;
    }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-body { padding: 0.35rem 0 !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-methods { margin-bottom: 0.4rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-methods .col-6 { margin-bottom: 0.35rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-method-inner { padding: 0.5rem 0.4rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-method-img { max-height: 32px !important; margin-bottom: 0.3rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-method-name { font-size: 0.8rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-address-card { margin-bottom: 0.4rem !important; padding: 0.5rem 0.65rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-usdt-block .orm-address-label { margin-bottom: 0.35rem !important; font-size: 0.8rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-usdt-block .d-flex { margin-bottom: 0.35rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-trc20-note { margin-bottom: 0.35rem !important; font-size: 0.75rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-trc-img { max-width: 200px !important; width: auto !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-form-card { padding: 0.5rem 0.65rem !important; margin-bottom: 0.4rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-form-card .form-group.row { margin-bottom: 0.4rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-form-card .form-group.row .col-form-label { padding-top: 0.2rem; padding-bottom: 0.15rem; font-size: 0.8rem !important; margin-bottom: 0.15rem; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-form-card .form-group.row:last-child { margin-bottom: 0 !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-form-card .col-md-3,
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-form-card .col-md-9 { flex: 0 0 100%; max-width: 100%; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-form-card .col-md-3 { margin-bottom: 0.15rem; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-methods .col-6 { flex: 0 0 50%; max-width: 50%; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .form-group.text-right { margin-top: 0.35rem !important; margin-bottom: 0 !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-btn-submit { padding: 0.35rem 0.85rem !important; font-size: 0.8rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-input { padding: 0.35rem 0.5rem !important; font-size: 0.85rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-address-input { padding: 0.35rem 0.5rem !important; font-size: 0.8rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-copy-btn { padding: 0.35rem 0.65rem !important; font-size: 0.8rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .orm-browse { padding: 0.35rem 0.5rem !important; font-size: 0.8rem !important; }
    .aiz-seller-app .mwr-recharge-modal .seller-modal-body-inject .file-preview { margin-top: 0.35rem !important; }
}

/* ============================================
   OZON STYLE HEADER
   ============================================ */

/* Main Header */
.ozon-header {
    box-shadow: none;
    background: transparent;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1020;
    min-height: auto;
    height: auto;
    overflow: visible;
}

.ozon-main-nav {
    padding: 0 !important;
    background: transparent;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100%;
    overflow: visible;
    position: relative;
}

.ozon-main-nav .container {
    background: transparent;
    padding: 16px 15px;
    margin: 0 auto;
    border-radius: 0;
    backdrop-filter: none;
    position: relative;
    z-index: 3;
    overflow: visible;
}

.ozon-nav-row {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    flex-wrap: nowrap;
    position: relative;
    overflow: visible;
    z-index: 3;
}

/* Responsive nav row */
@media (max-width: 1400px) {
    .ozon-nav-row {
        gap: 15px;
    }
}

@media (max-width: 1200px) {
    .ozon-nav-row {
        gap: 12px;
    }
}

/* Logo Section */
.ozon-logo-section {
    flex-shrink: 0;
}

.ozon-logo {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.ozon-logo-img {
    max-height: 50px;
    width: auto;
}

.ozon-logo-text {
    font-size: 28px;
    font-weight: 700;
    color: #005bff;
    letter-spacing: -0.5px;
}

/* Responsive logo */
@media (max-width: 1400px) {
    .ozon-logo-text {
        font-size: 24px;
    }
    
    .ozon-logo-img {
        max-height: 45px;
    }
}

@media (max-width: 1200px) {
    .ozon-logo-text {
        font-size: 22px;
    }
    
    .ozon-logo-img {
        max-height: 42px;
    }
}

/* Category Button - Card Style */
.ozon-category-btn-wrapper {
    flex-shrink: 0;
    margin-right: 0;
}

.ozon-category-btn {
    background: #005bff;
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 91, 255, 0.2);
    position: relative;
    margin: 0;
}
    overflow: hidden;
}

/* Responsive category button */
@media (max-width: 1400px) {
    .ozon-category-btn {
        padding: 12px 20px;
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .ozon-category-btn {
        padding: 10px 16px;
        font-size: 14px;
        gap: 8px;
    }
}

.ozon-category-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.ozon-category-btn:hover::before {
    left: 100%;
}

.ozon-category-btn:hover {
    background: #0047cc;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 91, 255, 0.3);
}

.ozon-category-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 91, 255, 0.25);
}

.ozon-category-btn i {
    font-size: 20px;
}

/* Search Section - Card Style */
.ozon-search-section {
    flex: 1;
    max-width: 600px;
    position: relative;
    min-width: 200px;
}

/* Responsive search section */
@media (max-width: 1400px) {
    .ozon-search-section {
        max-width: 500px;
        min-width: 180px;
    }
}

@media (max-width: 1200px) {
    .ozon-search-section {
        max-width: 400px;
        min-width: 150px;
    }
}

.ozon-search-form {
    width: 100%;
}

.ozon-search-wrapper {
    display: flex;
    align-items: center;
    background: transparent;
    border: 2px solid #005bff;
    border-radius: 12px;
    overflow: visible;
    height: 52px;
    box-shadow: 0 2px 8px rgba(0, 91, 255, 0.1);
    transition: all 0.3s ease;
    position: relative;
    z-index: 1000;
}

.ozon-search-wrapper:focus-within {
    box-shadow: 0 4px 12px rgba(0, 91, 255, 0.2);
    border-color: #0047cc;
}

.ozon-search-dropdown {
    position: relative;
    flex-shrink: 0;
    overflow: visible;
    z-index: 10000;
}

/* Ensure search dropdown menu is not clipped */
.ozon-search-dropdown .dropdown-menu {
    z-index: 10001 !important;
    position: absolute !important;
    overflow: visible !important;
    margin-top: 4px !important;
}

.ozon-search-dropdown-btn {
    background: rgba(248, 249, 250, 0.7);
    border: none;
    border-right: 1px solid rgba(224, 224, 224, 0.5);
    padding: 0 18px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
    border-radius: 12px 0 0 12px;
}

.ozon-search-dropdown-btn:hover {
    background: rgba(233, 236, 239, 0.8);
    color: #333;
}

.ozon-search-input {
    flex: 1;
    border: none;
    padding: 0 16px;
    font-size: 16px;
    outline: none;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    color: #333;
}

.ozon-search-input::placeholder {
    color: #666;
}

.ozon-search-btn {
    background: #005bff;
    color: #fff;
    border: none;
    width: 56px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    border-radius: 0 12px 12px 0;
    box-shadow: -2px 0 4px rgba(0, 91, 255, 0.1);
}

.ozon-search-btn:hover {
    background: #0047cc;
    box-shadow: -2px 0 6px rgba(0, 91, 255, 0.2);
    transform: scale(1.05);
}

.ozon-search-btn:active {
    transform: scale(0.98);
}

.ozon-search-btn i {
    font-size: 20px;
}

/* User Actions - Card Style */
.ozon-user-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    flex-wrap: nowrap !important;
    position: relative;
    overflow: visible;
    z-index: 10000;
}

/* Responsive adjustments for user actions */
@media (max-width: 1400px) {
    .ozon-user-actions {
        gap: 10px;
    }
}

@media (max-width: 1200px) {
    .ozon-user-actions {
        gap: 8px;
    }
}

.ozon-action-item-wrapper {
    position: relative;
}

.ozon-action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 6px 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-width: 50px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

/* Responsive padding and width adjustments */
@media (max-width: 1400px) {
    .ozon-action-item {
        padding: 5px 9px;
        min-width: 48px;
    }
}

@media (max-width: 1200px) {
    .ozon-action-item {
        padding: 5px 8px;
        min-width: 45px;
    }
}

.ozon-action-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 91, 255, 0.05), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ozon-action-item:hover {
    background: #fff;
    color: #005bff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 91, 255, 0.15);
    border-color: #005bff;
}

.ozon-action-item:hover::before {
    opacity: 1;
}

.ozon-action-item:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 91, 255, 0.1);
}

.ozon-action-icon-wrapper {
    position: relative;
    margin-bottom: 2px;
}

.ozon-action-icon-wrapper i {
    font-size: 18px;
}

/* Responsive icon sizes */
@media (max-width: 1400px) {
    .ozon-action-icon-wrapper i {
        font-size: 17px;
    }
}

@media (max-width: 1200px) {
    .ozon-action-icon-wrapper i {
        font-size: 16px;
    }
}

.ozon-notification-dot {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    background: #ff3333;
    border-radius: 50%;
    border: 2px solid #fff;
}

.ozon-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ff3333;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid #fff;
}

.ozon-action-text {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    margin-top: 2px;
}

/* Responsive text sizes */
@media (max-width: 1400px) {
    .ozon-action-text {
        font-size: 10px;
    }
}

@media (max-width: 1200px) {
    .ozon-action-text {
        font-size: 10px;
    }
}

.ozon-action-item:hover .ozon-action-text {
    color: #005bff;
}

/* Locale Section - Card Style */
.ozon-locale-section {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    position: relative;
    overflow: visible;
    z-index: 10000;
}

.ozon-locale-desktop,
.ozon-locale-mobile {
    position: relative;
    overflow: visible;
}

/* Desktop locale section */
.ozon-locale-desktop {
    padding-left: 16px;
    border-left: 1px solid #e0e0e0;
}

/* Mobile locale section (inside user actions) */
.ozon-locale-mobile {
    display: none; /* Hidden by default, shown on mobile */
    gap: 6px;
    padding-left: 0;
    border-left: none;
    margin-left: 0;
}

/* Desktop: show desktop locale, hide mobile locale */
@media (min-width: 993px) {
    .ozon-locale-desktop {
        display: flex;
    }
    
    .ozon-locale-mobile {
        display: none !important;
    }
    
    .ozon-logout-mobile {
        display: none !important;
    }
    
    .ozon-logout-desktop {
        display: flex;
    }
}

/* Support Button - Card Style (replaces currency selector) */
.ozon-support-selector {
    position: relative;
    overflow: visible;
    z-index: 10000;
    margin: 0;
    padding: 0;
}

.ozon-support-btn {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 13px;
    color: #333;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
    text-decoration: none;
    margin: 0;
}

.ozon-support-btn:hover {
    background: #fff;
    border-color: #005bff;
    color: #005bff;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0, 91, 255, 0.1);
    transform: translateY(-1px);
}

.ozon-support-btn i {
    font-size: 16px;
}

/* Currency Selector - Card Style (Hidden, replaced by support button) */
.ozon-currency-selector {
    position: relative;
    overflow: visible;
    z-index: 10000;
    display: none !important;
}

.ozon-currency-selector .dropdown {
    position: relative;
    overflow: visible;
}

.ozon-currency-selector .dropdown-menu {
    z-index: 10001 !important;
    position: absolute !important;
    overflow: visible !important;
    margin-top: 4px !important;
}

.ozon-currency-btn {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 13px;
    color: #333;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
}

.ozon-currency-btn:hover {
    background: #fff;
    border-color: #005bff;
    color: #005bff;
    box-shadow: 0 2px 6px rgba(0, 91, 255, 0.1);
    transform: translateY(-1px);
}

.ozon-currency-symbol {
    font-weight: 700;
    font-size: 14px;
    color: #005bff;
}

.ozon-currency-code {
    font-weight: 500;
}

.ozon-lang-selector {
    position: relative;
    overflow: visible;
    z-index: 10000;
    margin: 0;
    padding: 0;
}

.ozon-lang-selector .dropdown {
    position: relative;
    overflow: visible;
}

.ozon-lang-selector .dropdown-menu {
    z-index: 10001 !important;
    position: absolute !important;
    overflow: visible !important;
    margin-top: 4px !important;
}

.ozon-lang-btn {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 13px;
    color: #333;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: none;
    width: 100%;
}

.ozon-lang-btn:hover {
    background: #fff;
    border-color: #005bff;
    color: #005bff;
    box-shadow: 0 2px 6px rgba(0, 91, 255, 0.1);
    transform: translateY(-1px);
}

.ozon-flag {
    width: 20px;
    height: auto;
    border-radius: 2px;
}

/* Logout Button - Card Style */
.ozon-logout-mobile,
.ozon-logout-desktop {
    position: relative;
}

.ozon-logout-btn {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 10px 14px;
    border-radius: 10px;
    transition: all 0.3s ease;
    min-width: 64px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.ozon-logout-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 0, 0, 0.05), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ozon-logout-btn:hover {
    background: #fff;
    color: #dc3545;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15);
    border-color: #dc3545;
}

.ozon-logout-btn:hover::before {
    opacity: 1;
}

.ozon-logout-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.1);
}

.ozon-logout-btn i {
    font-size: 24px;
    margin-bottom: 4px;
}

.ozon-logout-desktop .ozon-logout-btn {
    flex-direction: row;
    gap: 8px;
    padding: 8px 14px;
    min-width: auto;
}

.ozon-logout-desktop .ozon-logout-btn i {
    margin-bottom: 0;
    font-size: 18px;
}

/* Secondary Navigation - Card Style */
.ozon-secondary-nav {
    background: transparent;
    border-top: none;
    padding: 0;
    box-shadow: none;
    margin-top: 0;
    width: 100%;
    clear: both;
    display: block;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.ozon-secondary-nav .container {
    background: transparent;
    border-top: none;
    padding: 12px 15px;
    margin: 0 auto;
    box-shadow: none;
    backdrop-filter: none;
    border-radius: 0;
    position: relative;
    z-index: 1;
    overflow: visible;
    /* Elliptical bottom corners - perfect transition effect */
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    /* Smooth transition for perfect effect */
    transition: border-radius 0.3s ease;
}

.ozon-secondary-nav-list {
    overflow: visible;
}

.ozon-secondary-nav-item {
    position: relative;
    overflow: visible;
}

/* Remove bottom radius on mobile for full width */
@media (max-width: 576px) {
    .ozon-secondary-nav .container {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

.ozon-secondary-nav-list {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    overflow: visible;
    position: relative;
}

.ozon-secondary-nav-item {
    margin: 0;
    position: relative;
    overflow: visible;
}

/* Ensure all dropdown menus in secondary nav are not clipped */
.ozon-secondary-nav-item .dropdown,
.ozon-secondary-nav-item .dropdown-menu {
    position: relative;
    overflow: visible;
}

.ozon-secondary-nav-item .dropdown-menu {
    z-index: 9999;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    overflow: visible;
}

.ozon-secondary-nav-link {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.15);
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
}

.ozon-secondary-nav-link:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}

/* Category Menu - Card Style */
.ozon-category-menu {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-top: 3px solid #005bff;
    padding: 24px 0;
    border-radius: 0 0 16px 16px;
    margin-top: 2px;
}

/* Responsive */
@media (max-width: 1200px) {
    .ozon-nav-row {
        gap: 12px;
        flex-wrap: wrap !important;
    }
    
    .ozon-category-btn {
        padding: 10px 16px;
        font-size: 14px;
    }
    
    /* Search Section - Full Width Below, Always on Separate Line for Tablets */
    .ozon-search-section {
        order: 999 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both;
    }
    
    /* Ensure search section breaks to new line */
    .ozon-nav-row > .ozon-search-section {
        flex-basis: 100% !important;
        width: 100% !important;
        order: 999 !important;
    }
    
    .ozon-search-wrapper {
        width: 100% !important;
    }
    
    /* Reduce action item size on medium screens */
    .ozon-action-item {
        padding: 5px 8px;
        min-width: 45px;
    }
    
    .ozon-action-icon-wrapper i {
        font-size: 16px;
    }
    
    .ozon-action-text {
        font-size: 10px;
    }
    
    .ozon-user-actions {
        gap: 8px;
    }
}

@media (max-width: 992px) {
    /* Remove top spacing for header and navigation */
    .ozon-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .ozon-main-nav {
        padding: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Ensure desktop locale is hidden on mobile */
    .ozon-locale-desktop {
        display: none !important;
    }
    
    /* Show mobile locale section */
    .ozon-locale-mobile {
        display: flex !important;
        -webkit-display: flex !important;
    }
    
    /* Keep secondary nav visible but with compact styling */
    .ozon-secondary-nav {
        display: block;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }
    
    .ozon-secondary-nav .container {
        padding: 8px 15px;
    }
    
    /* When scrolled (user scrolling up), hide logo, category button, and user actions, keep only search */
    /* Use more specific selectors to ensure styles are applied - match exact DOM structure */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-logo-section,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-category-btn-wrapper,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-user-actions,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-logo-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-category-btn-wrapper,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-user-actions,
    .ozon-header.ozon-header-scrolled .ozon-logo-section,
    .ozon-header.ozon-header-scrolled .ozon-category-btn-wrapper,
    .ozon-header.ozon-header-scrolled .ozon-user-actions,
    header.ozon-header.ozon-header-scrolled .ozon-logo-section,
    header.ozon-header.ozon-header-scrolled .ozon-category-btn-wrapper,
    header.ozon-header.ozon-header-scrolled .ozon-user-actions {
        opacity: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-100%) !important;
        -webkit-transform: translateY(-100%) !important;
        transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        pointer-events: none !important;
        visibility: hidden !important;
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        flex-basis: 0 !important;
        -webkit-flex-basis: 0 !important;
        flex-shrink: 0 !important;
        -webkit-flex-shrink: 0 !important;
    }
    
    /* Keep search section visible when scrolled */
    /* Use more specific selectors to ensure styles are applied - match exact DOM structure */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-search-section,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row > .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row > .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-search-section,
    header.ozon-header.ozon-header-scrolled .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-nav-row > .ozon-search-section,
    header.ozon-header.ozon-header-scrolled .ozon-nav-row > .ozon-search-section {
        opacity: 1 !important;
        max-height: none !important;
        min-height: auto !important;
        height: auto !important;
        display: block !important;
        visibility: visible !important;
        order: 1 !important;
        -webkit-order: 1 !important;
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        -webkit-flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 8px 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        flex-shrink: 0 !important;
        -webkit-flex-shrink: 0 !important;
        clear: none !important;
    }
    
    /* Ensure search wrapper and form are full width when scrolled */
    header.ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-form,
    .ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-form {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    header.ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-wrapper,
    .ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    /* Ensure nav row adjusts when scrolled */
    .ozon-header.ozon-header-scrolled .ozon-nav-row,
    header.ozon-header.ozon-header-scrolled .ozon-nav-row {
        flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
        height: auto !important;
        min-height: auto !important;
        align-items: center !important;
        -webkit-align-items: center !important;
        gap: 0 !important;
        -webkit-gap: 0 !important;
    }
    
    /* Reduce header height when scrolled */
    .ozon-header.ozon-header-scrolled .ozon-main-nav,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav {
        min-height: auto !important;
        height: auto !important;
        padding: 0 !important;
    }
    
    /* Hide secondary nav when scrolled - it's inside header */
    .ozon-header.ozon-header-scrolled .ozon-secondary-nav,
    header.ozon-header.ozon-header-scrolled .ozon-secondary-nav,
    .ozon-secondary-nav.ozon-nav-hidden {
        opacity: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-100%) !important;
        -webkit-transform: translateY(-100%) !important;
        transition: all 0.3s ease !important;
        -webkit-transition: all 0.3s ease !important;
        pointer-events: none !important;
        visibility: hidden !important;
        display: none !important;
    }
    
    /* Adjust main nav padding when scrolled */
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container {
        padding: 8px 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    /* Hide header background image when scrolled */
    header.ozon-header.ozon-header-scrolled::before,
    .ozon-header.ozon-header-scrolled::before,
    header.ozon-header.ozon-header-scrolled::after,
    .ozon-header.ozon-header-scrolled::after {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        background: none !important;
        background-image: none !important;
    }
    
    /* Remove background from header when scrolled */
    header.ozon-header.ozon-header-scrolled,
    .ozon-header.ozon-header-scrolled {
        background: transparent !important;
        background-image: none !important;
    }
    
    /* Remove background from main nav when scrolled */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav,
    .ozon-header.ozon-header-scrolled .ozon-main-nav {
        background: transparent !important;
        background-image: none !important;
    }
    
    .ozon-secondary-nav-list {
        gap: 12px;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar {
        height: 4px;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
    }
    
    .ozon-secondary-nav-link {
        font-size: 12px;
        padding: 5px 10px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .ozon-action-text {
        display: none;
    }
    
    .ozon-action-item {
        min-width: 40px;
        padding: 6px;
    }
    
    .ozon-action-icon-wrapper i {
        font-size: 18px;
    }
    
    .ozon-user-actions {
        gap: 6px;
        flex-wrap: nowrap !important;
    }
    
    /* Reduce logo and category button size */
    .ozon-logo-text {
        font-size: 20px;
    }
    
    .ozon-logo-img {
        max-height: 45px;
    }
    
    .ozon-category-btn {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    /* Search Section - Full Width Below, Always on Separate Line */
    .ozon-search-section {
        order: 999 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both;
    }
    
    /* Override search section styles when scrolled - must override order: 999 */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-search-section,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row > .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row > .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-search-section,
    header.ozon-header.ozon-header-scrolled .ozon-search-section {
        order: 1 !important;
        -webkit-order: 1 !important;
        margin-top: 0 !important;
        clear: none !important;
    }
    
    /* Allow nav row to wrap for search box */
    .ozon-nav-row {
        flex-wrap: wrap !important;
    }
    
    /* Ensure search section breaks to new line */
    .ozon-nav-row > .ozon-search-section {
        flex-basis: 100% !important;
        width: 100% !important;
        order: 999 !important;
    }
    
    .ozon-search-wrapper {
        width: 100% !important;
    }
    
    /* Hide desktop locale section on tablet/mobile */
    .ozon-locale-desktop {
        display: none;
    }
    
    /* Show mobile locale section */
    .ozon-locale-mobile {
        display: flex !important;
        -webkit-display: flex !important;
    }
    
    /* Ensure desktop locale is hidden on mobile */
    .ozon-locale-desktop {
        display: none !important;
    }
    
    .ozon-locale-mobile .ozon-currency-btn {
        padding: 6px 10px;
        font-size: 12px;
    }
    
    .ozon-locale-mobile .ozon-currency-symbol {
        font-size: 12px;
    }
    
    .ozon-locale-mobile .ozon-currency-code {
        display: none; /* Hide currency code on mobile, show only symbol */
    }
    
    .ozon-locale-mobile .ozon-lang-btn {
        padding: 6px 10px;
        font-size: 12px;
    }
    
    .ozon-locale-mobile .ozon-lang-btn span {
        display: none; /* Hide language code text on mobile, show only flag */
    }
    
    .ozon-locale-mobile .ozon-flag {
        width: 18px;
    }
}

@media (max-width: 992px) {
    .ozon-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .ozon-main-nav {
        padding: 0 !important;
        margin-top: 0 !important;
    }
}

/* Fix for mobile dropdown menus visibility at 750px and below */
@media (max-width: 750px) {
    /* Ensure user actions container allows dropdowns to be visible */
    .ozon-user-actions {
        overflow-y: visible !important;
        overflow-x: auto;
    }
    
    /* Ensure locale mobile dropdowns are visible */
    .ozon-locale-mobile {
        overflow: visible !important;
        position: relative !important;
    }
    
    .ozon-locale-mobile .dropdown {
        position: relative !important;
        overflow: visible !important;
    }
    
    .ozon-locale-mobile .dropdown-menu {
        position: fixed !important; /* Changed to fixed to avoid being clipped */
        z-index: 10050 !important; /* Higher than search (10001) and secondary nav */
        right: auto !important;
        left: auto !important;
        margin-top: 4px !important;
        min-width: 150px !important;
        max-width: 200px !important;
        overflow: visible !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        background: #fff !important;
    }
    
    /* Ensure dropdown items are visible */
    .ozon-locale-mobile .dropdown-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 8px 12px !important;
        white-space: nowrap !important;
    }
}

/* Specific fix for 750px and below - ensure secondary nav is visible */
@media (max-width: 750px) {
    /* Ensure no top spacing */
    .ozon-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .ozon-main-nav {
        padding: 0 !important;
        margin-top: 0 !important;
    }
    
    .ozon-main-nav .container {
        padding: 10px 15px;
    }
    
    /* Keep secondary nav visible on mobile with horizontal scroll */
    .ozon-secondary-nav {
        display: block !important;
    }
    
    .ozon-secondary-nav .container {
        padding: 8px 15px;
    }
    
    .ozon-secondary-nav-list {
        gap: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar {
        height: 3px;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
    }
    
    .ozon-secondary-nav-link {
        font-size: 11px;
        padding: 4px 8px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    /* When scrolled, hide logo, category button, and user actions - override all other styles */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-logo-section,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-category-btn-wrapper,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-user-actions,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-logo-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-category-btn-wrapper,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-user-actions {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
    
    /* Keep search section visible when scrolled - override order: 999 */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-search-section,
    header.ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row > .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row .ozon-search-section,
    .ozon-header.ozon-header-scrolled .ozon-main-nav .container .ozon-nav-row > .ozon-search-section {
        order: 1 !important;
        -webkit-order: 1 !important;
        margin-top: 0 !important;
        clear: none !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    /* Ensure search wrapper and form are full width when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-form,
    .ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-form {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    header.ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-wrapper,
    .ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    /* Hide header background image when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled::before,
    .ozon-header.ozon-header-scrolled::before,
    header.ozon-header.ozon-header-scrolled::after,
    .ozon-header.ozon-header-scrolled::after {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        background: none !important;
        background-image: none !important;
    }
    
    /* Remove background from header when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled,
    .ozon-header.ozon-header-scrolled {
        background: transparent !important;
        background-image: none !important;
    }
    
    /* Remove background from main nav when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav,
    .ozon-header.ozon-header-scrolled .ozon-main-nav {
        background: transparent !important;
        background-image: none !important;
    }
    
    /* Hide secondary nav when scrolled */
    header.ozon-header.ozon-header-scrolled .ozon-secondary-nav,
    .ozon-header.ozon-header-scrolled .ozon-secondary-nav {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    
    /* Ensure search wrapper and form are full width when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-form,
    .ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-form {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    header.ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-wrapper,
    .ozon-header.ozon-header-scrolled .ozon-search-section .ozon-search-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
    
    /* Hide header background image when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled::before,
    .ozon-header.ozon-header-scrolled::before,
    header.ozon-header.ozon-header-scrolled::after,
    .ozon-header.ozon-header-scrolled::after {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        background: none !important;
        background-image: none !important;
    }
    
    /* Remove background from header when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled,
    .ozon-header.ozon-header-scrolled {
        background: transparent !important;
        background-image: none !important;
    }
    
    /* Remove background from main nav when scrolled in 750px media query */
    header.ozon-header.ozon-header-scrolled .ozon-main-nav,
    .ozon-header.ozon-header-scrolled .ozon-main-nav {
        background: transparent !important;
        background-image: none !important;
    }
    
    /* Force user actions to stay in one row - prevent wrapping */
    /* Safari-specific fixes for flex-wrap */
    .ozon-user-actions {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        gap: 1px !important;
        -webkit-gap: 1px !important;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        /* Prevent Safari from wrapping */
        white-space: nowrap !important;
        /* Force inline layout for Safari */
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    
    /* Ensure all child elements don't wrap in Safari */
    .ozon-user-actions > * {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    /* Specific fix for Safari - prevent any wrapping */
    @supports (-webkit-appearance: none) {
        .ozon-user-actions {
            display: -webkit-inline-flex !important;
            -webkit-box-lines: single !important;
        }
    }
    
    .ozon-action-item {
        min-width: 36px !important;
        max-width: 36px !important;
        width: 36px !important;
        height: 36px !important;
        padding: 6px !important;
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }
    
    .ozon-action-icon-wrapper {
        margin-bottom: 0 !important;
    }
    
    .ozon-action-icon-wrapper i {
        font-size: 16px !important;
    }
    
    /* Hide action text on very small screens to save space */
    .ozon-action-text {
        display: none !important;
    }
    
    /* Ensure locale section buttons match action item size */
    .ozon-locale-mobile .ozon-support-btn,
    .ozon-locale-mobile .ozon-lang-btn,
    .ozon-logout-mobile .ozon-logout-btn {
        min-width: 36px !important;
        max-width: 36px !important;
        width: 36px !important;
        height: 36px !important;
        padding: 6px !important;
        display: flex !important;
        -webkit-display: flex !important;
        align-items: center !important;
        -webkit-align-items: center !important;
        justify-content: center !important;
        -webkit-justify-content: center !important;
        flex-shrink: 0 !important;
        -webkit-flex-shrink: 0 !important;
        margin: 0 !important;
    }
    
    .ozon-locale-mobile .ozon-support-btn i,
    .ozon-locale-mobile .ozon-lang-btn i,
    .ozon-logout-mobile .ozon-logout-btn i {
        font-size: 16px !important;
        margin: 0 !important;
    }
    
    .ozon-locale-mobile .ozon-support-btn span,
    .ozon-locale-mobile .ozon-lang-btn span,
    .ozon-logout-mobile .ozon-logout-btn span {
        display: none !important;
    }
    
    .ozon-locale-mobile .ozon-lang-btn img,
    .ozon-locale-mobile .ozon-lang-btn .ozon-flag {
        width: 18px !important;
        height: auto !important;
        margin: 0 !important;
    }
    
    /* Ensure locale section doesn't wrap */
    .ozon-locale-mobile {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        gap: 2px !important;
        -webkit-gap: 2px !important;
        position: relative !important;
        overflow: visible !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        margin-left: 0 !important;
    }
    
    /* Ensure desktop locale is completely hidden on mobile */
    .ozon-locale-desktop {
        display: none !important;
    }
    
    /* Ensure support and lang selectors are inline, not stacked */
    .ozon-locale-mobile .ozon-support-selector,
    .ozon-locale-mobile .ozon-lang-selector {
        display: inline-flex !important;
        -webkit-display: inline-flex !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        -webkit-flex-shrink: 0 !important;
    }
    
    /* Reduce logo and category button size to give more space for action buttons */
    .ozon-logo-section {
        flex-shrink: 1;
        -webkit-flex-shrink: 1;
        min-width: 50px;
        max-width: 80px;
        margin-right: 4px !important;
        padding-right: 0 !important;
    }
    
    .ozon-logo {
        display: flex;
        align-items: center;
        width: 100%;
    }
    
    .ozon-logo-img {
        max-height: 28px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    
    .ozon-logo-text {
        font-size: 14px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .ozon-category-btn-wrapper {
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .ozon-category-btn {
        padding: 6px !important;
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        font-size: 0 !important;
        margin: 0 !important;
    }
    
    .ozon-category-btn i {
        font-size: 14px !important;
    }
    
    .ozon-category-btn span {
        display: none !important;
    }
    
    /* Ensure dropdown menus are visible on mobile */
    .ozon-locale-mobile .dropdown {
        position: relative !important;
        overflow: visible !important;
    }
    
    .ozon-locale-mobile .dropdown-menu {
        position: absolute !important;
        z-index: 10000 !important;
        right: 0 !important;
        left: auto !important;
        margin-top: 4px !important;
        min-width: 150px !important;
        max-width: 200px !important;
        overflow: visible !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        background: #fff !important;
    }
    
    .ozon-locale-mobile .dropdown-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 8px 12px !important;
        white-space: nowrap !important;
    }
    
    .ozon-locale-mobile .ozon-currency-btn,
    .ozon-locale-mobile .ozon-lang-btn {
        padding: 4px !important;
        font-size: 8px !important;
    }
    
    .ozon-logout-mobile .ozon-logout-btn {
        min-width: 32px !important;
        max-width: 32px !important;
        width: 32px !important;
        padding: 4px !important;
    }
    
    .ozon-logout-mobile .ozon-logout-btn i {
        font-size: 14px !important;
    }
    
    .ozon-category-btn {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        padding: 7px !important;
    }
    
    .ozon-category-btn i {
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
    /* Ensure no top spacing */
    .ozon-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .ozon-main-nav {
        padding: 0 !important;
        margin-top: 0 !important;
    }
    
    .ozon-main-nav .container {
        padding: 10px 15px;
    }
    
    /* Keep secondary nav visible on mobile with horizontal scroll */
    .ozon-secondary-nav {
        display: block;
    }
    
    .ozon-secondary-nav .container {
        padding: 8px 15px;
    }
    
    .ozon-secondary-nav-list {
        gap: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar {
        height: 3px;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .ozon-secondary-nav-list::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
    }
    
    .ozon-secondary-nav-link {
        font-size: 11px;
        padding: 4px 8px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .ozon-nav-row {
        gap: 0 !important;
        -webkit-gap: 0 !important;
        flex-wrap: wrap !important;
        -webkit-flex-wrap: wrap !important;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
    }
    
    /* Ensure search section breaks to new line */
    .ozon-nav-row > .ozon-search-section {
        flex-basis: 100% !important;
        -webkit-flex-basis: 100% !important;
        width: 100% !important;
        order: 999 !important;
        -webkit-order: 999 !important;
    }
    
    /* Logo and Category Button - Left Side - tight spacing */
    .ozon-logo-section {
        order: 1;
        -webkit-order: 1;
        flex-shrink: 1;
        -webkit-flex-shrink: 1;
        display: flex;
        -webkit-display: flex;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 4px !important;
        padding-right: 0 !important;
        min-width: 50px;
        max-width: 80px;
    }
    
    .ozon-logo {
        display: flex;
        align-items: center;
        width: 100%;
    }
    
    .ozon-logo-img {
        max-height: 32px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    
    .ozon-logo-text {
        font-size: 18px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .ozon-category-btn-wrapper {
        order: 2;
        -webkit-order: 2;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .ozon-category-btn {
        margin: 0 !important;
        padding: 8px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        justify-content: center;
        -webkit-justify-content: center;
        border-radius: 8px !important;
    }
    
    .ozon-category-btn span {
        display: none !important;
    }
    
    .ozon-category-btn i {
        font-size: 16px !important;
    }
    
    /* User Actions - Right Side - ensure consistent spacing with category button */
    .ozon-user-actions {
        gap: 2px !important;
        -webkit-gap: 2px !important;
        order: 3;
        -webkit-order: 3;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        display: flex !important;
        -webkit-display: flex !important;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: visible !important; /* Changed from hidden to visible for dropdown menus */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        position: relative !important; /* Ensure proper stacking context */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .ozon-user-actions::-webkit-scrollbar {
        display: none;
    }
    
    .ozon-action-item {
        min-width: 36px !important;
        max-width: 36px !important;
        width: 36px !important;
        height: 36px !important;
        padding: 6px !important;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        margin: 0 !important;
    }
    
    .ozon-action-icon-wrapper {
        margin-bottom: 0 !important;
    }
    
    .ozon-action-icon-wrapper i {
        font-size: 16px !important;
    }
    
    .ozon-action-item-wrapper {
        flex-shrink: 0;
    }
    
    /* Mobile locale section (inside user actions, after cart) */
    .ozon-locale-mobile {
        display: flex !important;
        -webkit-display: flex !important;
        gap: 2px !important;
        -webkit-gap: 2px !important;
        margin-left: 0 !important;
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
        position: relative !important;
        overflow: visible !important;
        flex-direction: row !important;
        -webkit-flex-direction: row !important;
        align-items: center !important;
        -webkit-align-items: center !important;
    }
    
    /* Ensure desktop locale is hidden on mobile */
    .ozon-locale-desktop {
        display: none !important;
    }
    
    /* Ensure support and lang selectors are inline, not stacked */
    .ozon-locale-mobile .ozon-support-selector,
    .ozon-locale-mobile .ozon-lang-selector {
        display: inline-flex !important;
        -webkit-display: inline-flex !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        -webkit-flex-shrink: 0 !important;
    }
    
    /* Ensure dropdown containers have proper overflow and positioning */
    .ozon-locale-mobile .dropdown {
        position: relative !important;
        overflow: visible !important;
    }
    
    /* Fix dropdown menus visibility on mobile - Must be above search box and secondary nav */
    .ozon-locale-mobile .dropdown-menu {
        position: fixed !important; /* Changed from absolute to fixed for better positioning */
        z-index: 10050 !important; /* Higher than search (10001) and secondary nav */
        min-width: 150px !important;
        max-width: 200px !important;
        right: auto !important;
        left: auto !important;
        margin-top: 4px !important;
        overflow: visible !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        background: #fff !important;
    }
    
    /* Calculate dropdown position dynamically - show above search box if needed */
    .ozon-locale-mobile .dropdown.show .dropdown-menu {
        position: fixed !important;
        z-index: 10050 !important;
    }
    
    .ozon-locale-mobile .ozon-currency-btn {
        padding: 4px 5px !important;
        font-size: 9px !important;
        min-width: auto;
        flex-shrink: 0;
    }
    
    .ozon-locale-mobile .ozon-currency-symbol {
        font-size: 9px !important;
    }
    
    .ozon-locale-mobile .ozon-currency-code {
        display: none;
    }
    
    .ozon-locale-mobile .ozon-lang-btn {
        padding: 4px 5px !important;
        font-size: 9px !important;
        min-width: auto;
        flex-shrink: 0;
    }
    
    .ozon-locale-mobile .ozon-lang-btn span {
        display: none;
    }
    
    .ozon-locale-mobile .ozon-flag {
        width: 12px !important;
    }
    
    /* Logout button on mobile */
    .ozon-logout-mobile {
        display: flex !important;
        flex-shrink: 0;
    }
    
    .ozon-logout-mobile .ozon-logout-btn {
        min-width: 34px !important;
        max-width: 34px !important;
        width: 34px !important;
        padding: 4px !important;
    }
    
    .ozon-logout-mobile .ozon-logout-btn i {
        font-size: 15px !important;
        margin-bottom: 0 !important;
    }
    
    .ozon-logout-mobile .ozon-action-text {
        display: none;
    }
    
    .ozon-logout-desktop {
        display: none;
    }
    
    /* Search Section - Full Width Below, Always on Separate Line */
    .ozon-search-section {
        order: 4 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        clear: both;
        position: relative !important;
        z-index: 10000 !important; /* Lower than dropdown menus */
    }
    
    .ozon-search-dropdown {
        display: none;
    }
    
    .ozon-search-wrapper {
        border-radius: 10px;
        height: 44px;
        width: 100% !important;
        position: relative !important;
        z-index: 10000 !important;
    }
    
    .ozon-search-input {
        font-size: 14px;
    }
    
    /* Ensure secondary nav has lower z-index than dropdowns */
    .ozon-secondary-nav {
        position: relative !important;
        z-index: 10000 !important; /* Lower than dropdown menus (10050) */
    }
    
    /* Support button on mobile - match action item size */
    .ozon-locale-mobile .ozon-support-btn {
        padding: 6px !important;
        font-size: 0 !important;
        min-width: 36px !important;
        max-width: 36px !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .ozon-locale-mobile .ozon-support-btn i {
        font-size: 16px !important;
    }
    
    .ozon-locale-mobile .ozon-support-btn .ozon-action-text {
        display: none !important;
    }
    
    /* Language button on mobile - match action item size */
    .ozon-locale-mobile .ozon-lang-btn {
        padding: 6px !important;
        font-size: 0 !important;
        min-width: 36px !important;
        max-width: 36px !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .ozon-locale-mobile .ozon-lang-btn img,
    .ozon-locale-mobile .ozon-lang-btn .ozon-flag {
        width: 18px !important;
        height: auto !important;
    }
    
    .ozon-locale-mobile .ozon-lang-btn span {
        display: none !important;
    }
}

/* ============================================
   LOCALE SELECTION MODAL - Language & Currency
   ============================================ */

/* Modal styling */
#locale-selection-modal .modal-dialog {
    max-width: 500px;
}

#locale-selection-modal .modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

#locale-selection-modal .modal-header {
    border-bottom: 1px solid #e9ecef;
    padding: 20px 24px;
    background: #f8f9fa;
    border-radius: 12px 12px 0 0;
}

#locale-selection-modal .modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
}

#locale-selection-modal .modal-body {
    padding: 24px;
}

#locale-selection-modal .modal-body .row {
    margin: 0;
}

#locale-selection-modal .modal-body .col-6,
#locale-selection-modal .modal-body .col-12 {
    padding-left: 12px;
    padding-right: 12px;
}

#locale-selection-modal label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: block;
}

#locale-selection-modal select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.2s ease;
}

#locale-selection-modal select:hover {
    border-color: #005bff;
}

#locale-selection-modal select:focus {
    outline: none;
    border-color: #005bff;
    box-shadow: 0 0 0 3px rgba(0, 91, 255, 0.1);
}

#locale-selection-modal .modal-footer {
    border-top: 1px solid #e9ecef;
    padding: 16px 24px;
    background: #f8f9fa;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

#locale-selection-modal .modal-footer .btn {
    padding: 10px 24px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
}

#locale-selection-modal .modal-footer .btn-primary {
    background: #005bff;
    border-color: #005bff;
    color: #fff;
}

#locale-selection-modal .modal-footer .btn-primary:hover {
    background: #0047cc;
    border-color: #0047cc;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 91, 255, 0.2);
}

#locale-selection-modal .modal-footer .btn-secondary {
    background: #fff;
    border-color: #ddd;
    color: #666;
}

#locale-selection-modal .modal-footer .btn-secondary:hover {
    background: #f8f9fa;
    border-color: #bbb;
    color: #333;
}

/* Responsive adjustments for modal */
@media (max-width: 576px) {
    #locale-selection-modal .modal-dialog {
        margin: 10px;
        max-width: calc(100% - 20px);
    }
    
    #locale-selection-modal .modal-body .col-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 16px;
    }
    
    #locale-selection-modal .modal-body .col-6:last-child {
        margin-bottom: 0;
    }
    
    #locale-selection-modal .modal-footer {
        flex-direction: column;
    }
    
    #locale-selection-modal .modal-footer .btn {
        width: 100%;
    }
}
    
    /* Ensure search section has lower z-index than dropdowns */
    .ozon-search-section {
        position: relative !important;
        z-index: 10000 !important; /* Lower than dropdown menus (10050) */
    }
    
    .ozon-search-wrapper {
        position: relative !important;
        z-index: 10000 !important; /* Lower than dropdown menus */
    }
    
    .ozon-logo-text {
        font-size: 18px;
    }
    
    .ozon-logo-img {
        max-height: 40px;
    }
}

/* ============================================
   OZON STYLE CAROUSEL & TODAY'S DEAL
   ============================================ */

/* Carousel Wrapper */
.ozon-carousel-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    background: #fff;
    transition: box-shadow 0.3s ease;
    margin-top: 0;
}

/* Set aspect ratio on carousel itself to prevent blank space */
.ozon-carousel-wrapper .aiz-carousel {
    aspect-ratio: 1464 / 600;
    min-height: 200px;
}

/* Ensure slick list and track fill the carousel */
.ozon-carousel-wrapper .aiz-carousel .slick-list,
.ozon-carousel-wrapper .aiz-carousel .slick-track {
    height: 100%;
}

/* Fallback for browsers that don't support aspect-ratio */
@supports not (aspect-ratio: 1) {
    .ozon-carousel-wrapper .aiz-carousel::before {
        content: '';
        display: block;
        padding-bottom: 40.98%; /* 600 / 1464 * 100% */
    }
    
    .ozon-carousel-wrapper .aiz-carousel {
        position: relative;
    }
    
    .ozon-carousel-wrapper .aiz-carousel .slick-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* Fix: Hide carousel items before Slick initialization to prevent FOUC (Flash of Unstyled Content) */
.ozon-carousel-wrapper .aiz-carousel:not(.slick-initialized) .carousel-box:not(:first-child) {
    display: none !important;
}

/* Ensure carousel is not hidden behind fixed header */
.home-banner-area {
    margin-top: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
}

/* Remove pt-3 from sections to prevent overlap with fixed header */
section.mb-4.pt-3,
section.pt-3 {
    padding-top: 0 !important;
}

/* Remove margin-top from home-banner-area - spacing is handled by body padding-top */
.home-banner-area {
    margin-top: 0 !important;
    padding-top: 0;
}

/* Today's Deal - tight against category icons bar */
.todays-deal-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Mobile/Tablet: pull Today's Deal up to sit tight against category icons */
@media (max-width: 1199px) {
    .todays-deal-section {
        margin-top: -8px !important;
    }
    
    /* 修复首页轮播图在安卓上右侧超出：确保容器和内部元素宽度不超过父级 */
    .home-banner-area .row.gutters-10 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .home-banner-area .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .home-banner-area .ozon-carousel-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 确保 slick carousel 容器宽度正确，但不限制 slide 宽度（让 slick 自己控制） */
    .home-banner-area .ozon-carousel-wrapper .aiz-carousel,
    .home-banner-area .ozon-carousel-wrapper .aiz-carousel .slick-list {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* slick-track 和 slick-slide 的宽度由 slick carousel 自动计算，不要强制设置 */
    .home-banner-area .ozon-carousel-wrapper .aiz-carousel .slick-track {
        box-sizing: border-box !important;
    }
    
    /* 每个 slide 内的图片宽度限制为 100%，但 slide 本身宽度由 slick 控制 */
    .home-banner-area .ozon-carousel-wrapper .aiz-carousel .slick-slide .carousel-box {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 确保图片不会超出容器 */
    .home-banner-area .ozon-carousel-image {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}

/* Today's Deal Mobile/Tablet Grid Layout */
@media (max-width: 1199px) {
    #todays-deal-mobile .todays-deal-item {
        margin-bottom: 15px;
    }
    
    #todays-deal-mobile .todays-deal-item.fade-in {
        animation: fadeIn 0.3s ease-in;
    }
    
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}
    
    /* Ensure container has proper spacing and symmetric horizontal padding on mobile */
    .home-banner-area .container {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    
    /* Remove pt-3 on small screens */
    section.mb-4.pt-3,
    section.pt-3 {
        padding-top: 0 !important;
    }
}

.ozon-carousel-wrapper:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Carousel Image */
.ozon-carousel-image {
    border-radius: 16px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Ensure carousel box maintains aspect ratio */
.ozon-carousel .carousel-box {
    height: 100%;
}

.ozon-carousel .carousel-box a {
    display: block;
    height: 100%;
    position: relative;
}

/* Carousel Navigation Arrows - Hidden */
.ozon-carousel .slick-prev,
.ozon-carousel .slick-next {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.ozon-carousel .slick-prev:hover,
.ozon-carousel .slick-next:hover {
    background: #fff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    opacity: 1;
    transform: scale(1.1);
}

.ozon-carousel .slick-prev {
    left: 20px;
}

.ozon-carousel .slick-next {
    right: 20px;
}

.ozon-carousel .slick-prev:before,
.ozon-carousel .slick-next:before {
    color: #333;
    font-size: 20px;
    font-weight: 700;
}

/* Carousel Dots - Enhanced */
.ozon-carousel .slick-dots {
    bottom: 20px;
    z-index: 10;
}

.ozon-carousel .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
    position: relative;
    vertical-align: top;
}

.ozon-carousel .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.8);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 0;
    margin: 0;
}

.ozon-carousel .slick-dots li button:hover {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}

.ozon-carousel .slick-dots li.slick-active button,
.ozon-carousel .slick-dots li button:hover {
    background: #fff;
    border-color: #fff;
}

/* Today's Deal Section */
.ozon-todays-deal {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.ozon-todays-deal:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Today's Deal Header */
.ozon-todays-deal-header {
    background: linear-gradient(135deg, #005bff 0%, #0047cc 100%);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.ozon-todays-deal-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    flex: 1;
    min-width: 0;
}

.ozon-todays-deal-badge {
    background: #ff3333;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(255, 51, 51, 0.3);
}

/* Today's Deal Content */
.ozon-todays-deal-content {
    flex: 1;
    overflow-y: auto;
    background: #f8f9fa;
    padding: 12px;
    max-height: 457px;
}

.ozon-todays-deal-content::-webkit-scrollbar {
    width: 6px;
}

.ozon-todays-deal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.ozon-todays-deal-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.ozon-todays-deal-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Today's Deal List */
.ozon-todays-deal-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Today's Deal Item */
.ozon-todays-deal-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    padding: 12px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.ozon-todays-deal-item:hover {
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #005bff;
}

/* Today's Deal Image */
.ozon-todays-deal-image {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ozon-todays-deal-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* Today's Deal Price */
.ozon-todays-deal-price {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ozon-todays-deal-price-current {
    font-size: 18px;
    font-weight: 700;
    color: #005bff;
    line-height: 1.2;
}

.ozon-todays-deal-price-old {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .ozon-carousel-wrapper {
        border-radius: 12px;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 确保 slick carousel 容器不会超出，但 track 和 slide 的宽度由 slick 自动计算 */
    .ozon-carousel-wrapper .aiz-carousel .slick-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    
    /* slick-track 宽度由 slick carousel 根据 slide 数量和宽度自动计算，不要强制设置 */
    .ozon-carousel-wrapper .aiz-carousel .slick-track {
        box-sizing: border-box !important;
    }
    
    .ozon-carousel-wrapper .aiz-carousel {
        aspect-ratio: 1464 / 600;
        min-height: 180px;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Prevent carousel from being hidden behind search bar */
    .home-banner-area {
        margin-top: 40px !important;
    }
    
    /* Center align category icons on tablet only (not mobile) */
    /* For tablets: 768px to 992px */
    @media (min-width: 768px) and (max-width: 992px) {
        .category-icons-scroll {
            display: flex !important;
            justify-content: center !important;
            overflow-x: auto !important;
            align-items: center !important;
            width: 100% !important;
        }
        
        .category-icons-wrapper {
            margin: 0 auto !important;
            justify-content: center !important;
            display: flex !important;
            width: auto !important;
            min-width: auto !important;
            max-width: 100% !important;
        }
    }
    
    /* Mobile: left align, no centering */
    @media (max-width: 767px) {
        .category-icons-scroll {
            display: flex !important;
            justify-content: flex-start !important;
            overflow-x: auto !important;
            align-items: center !important;
            width: 100% !important;
        }
        
        .category-icons-wrapper {
            margin: 0 !important;
            justify-content: flex-start !important;
            display: flex !important;
            width: max-content !important;
            min-width: max-content !important;
        }
    }
    
    @supports not (aspect-ratio: 1) {
        .ozon-carousel-wrapper .aiz-carousel::before {
            padding-bottom: 40.98%;
        }
    }
    
    .ozon-carousel-image {
        border-radius: 12px;
    }
    
    .ozon-todays-deal {
        border-radius: 12px;
    }
    
    .ozon-todays-deal-header {
        padding: 12px 16px;
    }
    
    .ozon-todays-deal-title {
        font-size: 16px;
    }
    
    .ozon-todays-deal-content {
        padding: 10px;
        max-height: 400px;
    }
    
    .ozon-todays-deal-item {
        padding: 10px;
        gap: 10px;
    }
    
    .ozon-todays-deal-image {
        width: 70px;
        height: 70px;
    }
    
    .ozon-todays-deal-price-current {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .ozon-carousel-wrapper .aiz-carousel {
        aspect-ratio: 1464 / 600;
        min-height: 150px;
    }
    
    /* Prevent carousel from being hidden behind search bar */
    .home-banner-area {
        margin-top: 20px !important;
    }
    
    @supports not (aspect-ratio: 1) {
        .ozon-carousel-wrapper .aiz-carousel::before {
            padding-bottom: 40.98%;
        }
    }
    
    .ozon-carousel .slick-prev,
    .ozon-carousel .slick-next {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    .ozon-todays-deal-content {
        max-height: 350px;
    }
    
    .ozon-todays-deal-item {
        flex-direction: column;
        text-align: center;
    }
    
    .ozon-todays-deal-image {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
}

/* Bottom Navigation Performance Optimization */
.aiz-mobile-bottom-nav a {
    transition: opacity 0.15s ease, transform 0.15s ease;
    will-change: opacity, transform;
}

.aiz-mobile-bottom-nav a:active {
    transform: scale(0.95);
    opacity: 0.8;
}

/* Optimize icon animations */
.aiz-mobile-bottom-nav i {
    transition: transform 0.2s ease;
    will-change: transform;
}

/* Prevent layout shifts during navigation */
/* Fixed positioning for Android devices - ensure bottom nav stays fixed */
.aiz-mobile-bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1030 !important;
    /* Remove contain property as it can break fixed positioning on Android */
    /* contain: layout style paint; */
    /* Ensure it's not affected by parent transforms */
    transform: none !important;
    -webkit-transform: none !important;
}

/* Additional fix for Android devices - ensure no parent elements interfere */
/* Handle Android browser UI (address bar and navigation bar) + prevent horizontal overflow on mobile */
@media (max-width: 1199px) {
    html, body {
        /* Prevent any transforms on html/body that could affect fixed positioning */
        transform: none !important;
        -webkit-transform: none !important;
        /* 不设置 height/min-height 100%，否则文档被锁为一屏高、首页无法正常滚动，底部栏会被浏览器工具栏遮挡 */
        /* 同时禁止横向溢出，避免首页横向滚动内容把整体页面宽度撑大，影响头部/底部 */
        overflow-x: hidden !important;
    }
    
    /* 主容器和首页容器也锁定宽度并禁止横向溢出 */
    .aiz-main-wrapper,
    .home-page {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* Ensure bottom nav is always visible above Android system UI */
    .aiz-mobile-bottom-nav {
        position: fixed !important;
        /* Use safe-area-inset-bottom for devices with notches/home indicators */
        bottom: max(0px, env(safe-area-inset-bottom, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1030 !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
        will-change: transform;
        /* Ensure it's always visible */
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Add padding to body to prevent content from being hidden behind bottom nav */
    body {
        padding-bottom: calc(60px + env(safe-area-inset-bottom, 0)) !important;
    }
}

/* Specific fix for Android Chrome and other browsers */
@supports (padding: max(0px)) {
    @media (max-width: 1199px) {
        .aiz-mobile-bottom-nav {
            bottom: max(0px, env(safe-area-inset-bottom, 0px)) !important;
        }
    }
}

/* Optimize image loading in bottom nav */
.aiz-mobile-bottom-nav img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* 移除首页轮播额外的左右 margin，让轮播容器完全跟随 Bootstrap container 对齐 */

/* Hide secondary navigation and header background on mobile */
@media (max-width: 1199px) {
    /* Hide secondary navigation bar on mobile */
    .ozon-secondary-nav {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Hide header background image on mobile */
    .ozon-header::before {
        display: none !important;
        visibility: hidden !important;
        background-image: none !important;
        background: none !important;
        opacity: 0 !important;
    }
    
    /* Remove background gradient on mobile */
    .ozon-header {
        background: #fff !important;
    }
    
    /* Adjust header height on mobile since secondary nav is hidden */
    .ozon-header {
        min-height: auto !important;
    }
}

/* Category Icons Scroll Bar (Mobile) - No container card */
.category-icons-scroll {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    padding: 8px 12px;
    width: 100% !important;
    max-width: 100% !important;
    /* Ensure scrolling works on all devices */
    touch-action: pan-x !important;
    /* Force hardware acceleration for smooth scrolling */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    /* Prevent any grid or column layout */
    display: block !important;
    /* Remove background and shadow */
    background: transparent !important;
    box-shadow: none !important;
}

.category-icons-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.category-icons-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    gap: 8px !important;
    padding: 0 !important;
    min-width: max-content !important;
    width: max-content !important;
    /* Ensure wrapper doesn't shrink */
    flex-shrink: 0 !important;
    /* Override any grid or column layout */
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    /* Prevent wrapping */
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
}


.category-icon-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none;
    color: #333;
    min-width: 60px !important;
    max-width: 60px !important;
    width: 60px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    transition: transform 0.2s ease, opacity 0.2s ease;
    padding: 3px !important;
    box-sizing: border-box !important;
    /* Prevent any grid or column layout */
    float: none !important;
    clear: none !important;
}

.category-icon-item:active {
    transform: scale(0.95);
    opacity: 0.8;
}

.category-icon-img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    margin-bottom: 4px;
    border-radius: 6px;
    background: #f8f9fa;
    padding: 4px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.category-icon-item:hover .category-icon-img,
.category-icon-item:focus .category-icon-img {
    transform: scale(1.05);
}

.category-icon-label {
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    color: #333;
    /* Allow text to wrap to multiple lines */
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    width: 100% !important;
    max-width: 60px !important;
    /* Ensure text is fully visible */
    overflow: visible !important;
    text-overflow: clip !important;
    /* Center text */
    display: block !important;
    margin-top: 1px;
    /* Prevent text truncation */
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}

.category-icon-item:hover .category-icon-label,
.category-icon-item:focus .category-icon-label {
    color: var(--primary);
}

/* Larger icons on very small screens */
@media (max-width: 375px) {
    .category-icons-scroll {
        padding: 6px 10px;
    }
    
    .category-icons-wrapper {
        gap: 6px !important;
    }
    
    .category-icon-item {
        min-width: 58px !important;
        max-width: 58px !important;
        width: 58px !important;
    }
    
    .category-icon-img {
        width: 40px;
        height: 40px;
    }
    
    .category-icon-label {
        font-size: 9px;
        max-width: 58px;
    }
}

/* Ensure container doesn't prevent scrolling */
.container .category-icons-scroll {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
}

/* Override Bootstrap row/col classes if they interfere */
.category-icons-scroll .row,
.category-icons-scroll [class*="col-"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    width: auto !important;
    max-width: none !important;
}

/* Fix for iOS Safari scrolling */
@supports (-webkit-overflow-scrolling: touch) {
    .category-icons-scroll {
        -webkit-overflow-scrolling: touch !important;
        overflow-x: scroll !important;
    }
}

/* Mobile-specific fixes */
@media (max-width: 1199px) {
    .category-icons-scroll {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 12px;
    }
    
    .category-icons-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        width: max-content !important;
        min-width: max-content !important;
        gap: 8px !important;
    }
    
    .category-icon-item {
        display: flex !important;
        flex-direction: column !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }
}

/* Filter Section Collapse/Expand Styles */
.filter-header {
    user-select: none;
    transition: background-color 0.2s ease;
}

.filter-header:hover {
    background-color: #f8f9fa;
}

.filter-header i {
    transition: transform 0.3s ease;
    font-size: 1.2rem;
}

.filter-header[aria-expanded="true"] i.la-angle-down {
    transform: rotate(180deg);
}

.filter-header[aria-expanded="false"] i.la-angle-down {
    transform: rotate(0deg);
}

/* Price Input Styling */
#min_price_input,
#max_price_input {
    border: 1px solid #dee2e6;
    transition: border-color 0.2s ease;
}

#min_price_input:focus,
#max_price_input:focus {
    border-color: var(--primary, #e62d04);
    box-shadow: 0 0 0 0.2rem rgba(230, 45, 4, 0.25);
    outline: none;
}

/* Ensure collapse sections are hidden by default */
.aiz-filter-sidebar .collapse:not(.show) {
    display: none;
}

.aiz-filter-sidebar .collapse.show {
    display: block;
}

/* Footer Mobile Optimization - Compact Layout */
@media (max-width: 768px) {
    /* Footer links section - make more compact on mobile */
    .footer-links-section,
    .footer-account-section {
        margin-top: 0 !important;
        padding: 0 10px;
    }
    
    .footer-link-title {
        font-size: 11px !important;
        padding-bottom: 8px !important;
        margin-bottom: 12px !important;
        border-bottom-width: 1px !important;
    }
    
    .footer-link-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px 12px;
        margin-bottom: 0;
    }
    
    .footer-link-list li {
        margin-bottom: 6px;
    }
    
    .footer-link-list li a {
        font-size: 12px;
        padding: 4px 0;
        line-height: 1.4;
    }
    
    /* Make footer sections side by side on mobile */
    .footer-links-section,
    .footer-account-section {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    /* Reduce spacing in footer widget section */
    .footer-widget {
        padding: 30px 0 !important;
    }
    
    .footer-widget .row > div {
        margin-bottom: 20px;
    }
    
    /* Compact seller button section */
    .footer-seller-btn {
        margin-top: 12px !important;
    }
    
    .footer-seller-btn h4 {
        margin-bottom: 8px !important;
        padding-bottom: 6px !important;
    }
    
    .footer-seller-btn .btn {
        font-size: 12px;
        padding: 6px 12px;
    }
}

@media (max-width: 480px) {
    .footer-link-list {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    
    .footer-link-list li a {
        font-size: 11px;
        padding: 3px 0;
    }
    
    .footer-link-title {
        font-size: 10px !important;
        margin-bottom: 8px !important;
    }
}

/* ============================================
   PAGINATION - MOBILE RESPONSIVE
   ============================================ */

/* ============================================
   PAGINATION - MOBILE RESPONSIVE
   ============================================ */

/* Mobile pagination - keep all page numbers on one line */
@media (max-width: 768px) {
    /* Pagination container */
    .aiz-pagination {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
        width: 100%;
        padding: 0 5px;
    }
    
    .aiz-pagination::-webkit-scrollbar {
        height: 3px;
    }
    
    .aiz-pagination::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .aiz-pagination::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 2px;
    }
    
    /* Pagination list - no wrap, horizontal scroll */
    .aiz-pagination .pagination {
        flex-wrap: nowrap !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0;
        width: max-content;
        min-width: 100%;
    }
    
    /* Page items - no shrink, minimal margin */
    .aiz-pagination .pagination .page-item {
        margin: 0 1px !important;
        flex-shrink: 0 !important;
        display: inline-flex;
    }
    
    /* Page links - smaller size for mobile */
    .aiz-pagination .pagination .page-link,
    .aiz-pagination .pagination .page-item.disabled .page-link {
        min-width: 28px !important;
        max-width: 28px !important;
        width: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        font-size: 0.75rem !important;
        padding: 0 !important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Center pagination wrapper - allow horizontal scroll */
    .aiz-pagination-center {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    .aiz-pagination-center .pagination {
        display: inline-flex;
        margin: 0 auto;
        width: auto;
    }
    
    /* Manual page input - adjust for mobile */
    .aiz-pagination + .row {
        margin-top: 12px !important;
    }
    
    .aiz-pagination + .row .col-auto {
        width: 100%;
        max-width: 100%;
    }
    
    .aiz-pagination + .row .d-flex {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .aiz-pagination + .row label {
        font-size: 0.875rem;
        margin-bottom: 0;
    }
    
    .aiz-pagination + .row #page-input {
        width: 60px !important;
        font-size: 0.875rem;
    }
    
    .aiz-pagination + .row #go-to-page-btn {
        font-size: 0.875rem;
        padding: 4px 12px;
    }
}

/* Smaller mobile devices */
@media (max-width: 480px) {
    .aiz-pagination .pagination .page-link,
    .aiz-pagination .pagination .page-item.disabled .page-link {
        min-width: 26px !important;
        max-width: 26px !important;
        width: 26px !important;
        min-height: 26px !important;
        max-height: 26px !important;
        height: 26px !important;
        line-height: 26px !important;
        font-size: 0.7rem !important;
    }
    
    .aiz-pagination .pagination .page-item {
        margin: 0 0.5px !important;
    }
    
    .aiz-pagination {
        padding: 0 2px;
    }
}

/* ============================================
   NOTIFICATION - CHANGE SUCCESS TO BLUE
   ============================================ */

/* 已移动到下方统一处理所有通知类型为蓝色 */

/* ============================================
   FOOTER POLICY BUTTONS - MOBILE OPTIMIZATION
   ============================================ */

/* Mobile: Reduce height of policy buttons (Terms, Return Policy, Support Policy, Privacy Policy) */
@media (max-width: 768px) {
    /* Reduce padding from p-4 (1.5rem = 24px) to smaller value */
    .footer-policy-link {
        padding: 0.75rem 0.5rem !important; /* 12px top/bottom, 8px left/right */
    }
    
    /* Reduce icon size from la-3x to la-2x */
    .footer-policy-link .la,
    .footer-policy-link .las,
    .footer-policy-link .lab {
        font-size: 2em !important; /* la-2x size */
        line-height: 1 !important;
    }
    
    /* Reduce margin between icon and text from mb-2 to mb-1 */
    .footer-policy-link .la.mb-2,
    .footer-policy-link .las.mb-2,
    .footer-policy-link .lab.mb-2 {
        margin-bottom: 0.25rem !important; /* 4px instead of 8px */
    }
    
    /* Reduce text size */
    .footer-policy-link h4.h6 {
        font-size: 0.75rem !important; /* Smaller than default h6 */
        line-height: 1.2 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}

/* Smaller mobile devices - even more compact */
@media (max-width: 480px) {
    /* Further reduce padding */
    .footer-policy-link {
        padding: 0.5rem 0.25rem !important; /* 8px top/bottom, 4px left/right */
    }
    
    /* Smaller icon */
    .footer-policy-link .la,
    .footer-policy-link .las,
    .footer-policy-link .lab {
        font-size: 1.75em !important; /* Between la-1x and la-2x */
    }
    
    /* Minimal margin between icon and text */
    .footer-policy-link .la.mb-2,
    .footer-policy-link .las.mb-2,
    .footer-policy-link .lab.mb-2 {
        margin-bottom: 0.125rem !important; /* 2px */
    }
    
    /* Even smaller text */
    .footer-policy-link h4.h6 {
        font-size: 0.7rem !important;
        line-height: 1.1 !important;
    }
}

/* ============================================
   卖家后台左侧菜单 - 现代化样式重新设计
   ============================================ */

/* 侧边栏整体现代化 */
.aiz-sidebar.left {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-right: 1px solid #e2e8f0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
}

/* Logo/用户信息区域 - 现代化卡片样式 */
.aiz-side-nav-logo-wrap {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    padding: 1.5rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.aiz-side-nav-logo-wrap .brand-icon {
    height: 40px;
    width: auto;
    margin-bottom: 0.75rem;
    filter: brightness(0) invert(1);
}

.aiz-side-nav-logo-wrap h3 {
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.aiz-side-nav-logo-wrap p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.8125rem;
    margin-bottom: 0.25rem;
}

.aiz-side-nav-logo-wrap p.red {
    color: #fef3c7 !important;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.15);
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    display: inline-block;
    margin-top: 0.5rem;
}

/* 搜索框现代化 */
.aiz-side-nav-wrap .form-control#menu-search {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    color: #334155 !important;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    transition: all 0.2s ease;
}

.aiz-side-nav-wrap .form-control#menu-search:focus {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1) !important;
    outline: none;
}

.aiz-side-nav-wrap .form-control#menu-search::placeholder {
    color: #94a3b8;
}

/* 菜单项现代化 */
.aiz-side-nav-list .aiz-side-nav-link {
    padding: 0.75rem 1.25rem;
    margin: 0.125rem 0.75rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    color: #475569;
    font-size: 0.875rem;
    font-weight: 500;
    position: relative;
}

.aiz-side-nav-list .aiz-side-nav-link:hover {
    background: #f1f5f9;
    color: #0ea5e9;
    transform: translateX(2px);
}

/* 激活状态 - 现代化高亮 */
.aiz-side-nav-list .aiz-side-nav-link.active,
.aiz-side-nav-list .aiz-side-nav-link.level-2-active,
.aiz-side-nav-list .aiz-side-nav-link.level-3-active {
    background: linear-gradient(90deg, rgba(14, 165, 233, 0.1) 0%, rgba(14, 165, 233, 0.05) 100%);
    color: #0ea5e9;
    font-weight: 600;
    border-left: 3px solid #0ea5e9;
    padding-left: calc(1.25rem - 3px);
}

/* 图标现代化 */
.aiz-side-nav-list .aiz-side-nav-icon {
    color: #64748b;
    font-size: 1.125rem;
    width: 20px;
    margin-right: 0.75rem;
    transition: all 0.2s ease;
}

.aiz-side-nav-list .aiz-side-nav-link:hover .aiz-side-nav-icon,
.aiz-side-nav-list .aiz-side-nav-link.active .aiz-side-nav-icon {
    color: #0ea5e9;
    transform: scale(1.1);
}

/* 子菜单现代化 */
.aiz-side-nav-list .level-2 .aiz-side-nav-link {
    padding: 0.625rem 1.25rem 0.625rem 3rem;
    margin: 0.125rem 0.75rem;
    font-size: 0.8125rem;
    border-left: none;
}

.aiz-side-nav-list .level-2 .aiz-side-nav-link:after {
    display: none; /* 移除旧的圆点 */
}

.aiz-side-nav-list .level-2 .aiz-side-nav-link:hover,
.aiz-side-nav-list .level-2 .aiz-side-nav-link.active {
    background: #f1f5f9;
    color: #0ea5e9;
    padding-left: 3rem;
}

.aiz-side-nav-list .level-2 .aiz-side-nav-link.active {
    background: rgba(14, 165, 233, 0.08);
    border-left: 2px solid #0ea5e9;
    padding-left: calc(3rem - 2px);
}

/* 箭头图标现代化 */
.aiz-side-nav-list .aiz-side-nav-arrow {
    color: #94a3b8;
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.aiz-side-nav-list [aria-expanded="true"] .aiz-side-nav-arrow {
    color: #0ea5e9;
}

/* Badge 现代化 */
.aiz-side-nav-link .badge {
    background: #0ea5e9;
    color: #ffffff;
    border-radius: 12px;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    margin-left: auto;
}

/* 滚动条现代化 */
.aiz-sidebar.left.c-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.aiz-sidebar.left.c-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.aiz-sidebar.left.c-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* 移动端优化 */
@media (max-width: 1199.98px) {
    .aiz-sidebar.left {
        box-shadow: 4px 0 16px rgba(0, 0, 0, 0.1);
    }
    
    .aiz-side-nav-logo-wrap {
        padding: 1.25rem 1rem;
    }
    
    .aiz-side-nav-list .aiz-side-nav-link {
        padding: 0.875rem 1rem;
        margin: 0.125rem 0.5rem;
    }
    
    .aiz-side-nav-list .level-2 .aiz-side-nav-link {
        padding-left: 2.5rem;
    }
}

/* ============================================
   Seller Dashboard KPI Cards - VIP & Guarantee Money
   ============================================ */

/* KPI 卡片基础样式 */
.ds-kpi-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    border: 1px solid #e5e7eb;
}

.ds-kpi-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* KPI 图标容器 */
.ds-kpi-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}

/* SVG图标样式 */
.ds-kpi-icon svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: none;
}

/* VIP 卡片图标样式 */
.ds-kpi-vip .ds-kpi-icon {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

/* 保证金卡片图标样式 */
.ds-kpi-sales .ds-kpi-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

/* Products 卡片图标样式 */
.ds-kpi-products .ds-kpi-icon {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

/* Rating 卡片图标样式 */
.ds-kpi-rating .ds-kpi-icon {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

/* Views 卡片图标样式 */
.ds-kpi-views .ds-kpi-icon {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

/* Orders 卡片图标样式 */
.ds-kpi-orders .ds-kpi-icon {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

/* KPI 内容区域 */
.ds-kpi-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ds-kpi-label {
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 4px;
}

.ds-kpi-value {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

.ds-kpi-value-lg {
    font-size: 20px;
}

.ds-kpi-value.ds-kpi-amount {
    color: #3b82f6;
}

.ds-kpi-desc {
    font-size: 11px;
    color: #9ca3af;
    line-height: 1.4;
    margin-top: 4px;
}

/* 移动端优化 */
@media (max-width: 575.98px) {
    .ds-kpi-card {
        padding: 16px;
        gap: 12px;
    }
    
    .ds-kpi-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    
    .ds-kpi-value {
        font-size: 20px;
    }
    
    .ds-kpi-value-lg {
        font-size: 18px;
    }
    
    .ds-kpi-label {
        font-size: 12px;
    }
    
    .ds-kpi-desc {
        font-size: 10px;
    }
}

/* ============================================
   Seller Backend Notification - Blue Background
   ============================================ */

/* 卖家后台所有操作弹窗通知统一改为蓝色背景 */
/* 由于通知弹窗直接附加到body，我们通过检查页面是否包含卖家后台特有结构来定位 */
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify,
body:has(.seller-dashboard-modern) .aiz-notify {
    background-color: #3b82f6 !important; /* 蓝色背景 */
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

/* 覆盖所有类型的通知颜色为蓝色（卖家后台） */
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify.alert-success,
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify.alert-danger,
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify.alert-primary,
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify.alert-warning,
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify.alert-info,
body:has(.seller-dashboard-modern) .aiz-notify.alert-success,
body:has(.seller-dashboard-modern) .aiz-notify.alert-danger,
body:has(.seller-dashboard-modern) .aiz-notify.alert-primary,
body:has(.seller-dashboard-modern) .aiz-notify.alert-warning,
body:has(.seller-dashboard-modern) .aiz-notify.alert-info {
    background-color: #3b82f6 !important;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

/* 确保关闭按钮为白色 */
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify .close,
body:has(.seller-dashboard-modern) .aiz-notify .close {
    color: #ffffff !important;
    opacity: 0.9;
}

body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify .close:hover,
body:has(.seller-dashboard-modern) .aiz-notify .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

/* 进度条保持白色半透明 */
body:has(.aiz-main-wrapper .aiz-content-wrapper) .aiz-notify .progress-bar,
body:has(.seller-dashboard-modern) .aiz-notify .progress-bar {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/* 直接覆盖所有通知类型为蓝色（最高优先级，确保生效） */
.aiz-notify,
.aiz-notify.alert-success,
.aiz-notify.alert-danger,
.aiz-notify.alert-primary,
.aiz-notify.alert-warning,
.aiz-notify.alert-info,
.aiz-notify.alert-dark,
.aiz-notify.alert-secondary {
    background-color: #3b82f6 !important;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

.aiz-notify .close,
.aiz-notify.alert-success .close,
.aiz-notify.alert-danger .close,
.aiz-notify.alert-primary .close,
.aiz-notify.alert-warning .close,
.aiz-notify.alert-info .close {
    color: #ffffff !important;
    opacity: 0.9;
}

.aiz-notify .close:hover,
.aiz-notify.alert-success .close:hover,
.aiz-notify.alert-danger .close:hover,
.aiz-notify.alert-primary .close:hover,
.aiz-notify.alert-warning .close:hover,
.aiz-notify.alert-info .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

.aiz-notify .progress-bar,
.aiz-notify.alert-success .progress-bar,
.aiz-notify.alert-danger .progress-bar,
.aiz-notify.alert-primary .progress-bar,
.aiz-notify.alert-warning .progress-bar,
.aiz-notify.alert-info .progress-bar {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/* ========== 前台政策页：顶部标题不被固定搜索栏遮挡 ========== */
.policy-page-header-section {
    padding-top: 2rem !important;
}
@media (min-width: 768px) {
    .policy-page-header-section {
        padding-top: 2.5rem !important;
    }
}
@media (min-width: 1200px) {
    .policy-page-header-section {
        padding-top: 3rem !important;
    }
}

/* ========== 前台政策页（卖家政策/支持政策/条款条件/隐私政策）正文排版收紧 ========== */
/* 隐藏空段落、仅含换行的段落/块，避免 CMS 多出的空行造成大片空白 */
.policy-page-content p:empty,
.policy-page-content div:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
.policy-page-content p:has(> br:only-child),
.policy-page-content div:has(> br:only-child) {
    display: none !important;
}
.policy-page-content {
    line-height: 1.55 !important;
}
.policy-page-content > *:first-child {
    margin-top: 0 !important;
}
.policy-page-content > *:last-child {
    margin-bottom: 0 !important;
}
/* 段落/块之间：空两行再显示下一段（2 倍行高） */
.policy-page-content {
    --policy-line-gap: 2em; /* 两行间距 ≈ 2 倍行高 */
}
.policy-page-content h1,
.policy-page-content h2,
.policy-page-content h3,
.policy-page-content h4,
.policy-page-content h5,
.policy-page-content h6 {
    margin-top: var(--policy-line-gap, 2em) !important;
    margin-bottom: 0.35em !important;
    line-height: 1.3 !important;
}
.policy-page-content h1:first-child,
.policy-page-content h2:first-child,
.policy-page-content h3:first-child,
.policy-page-content h4:first-child,
.policy-page-content h5:first-child,
.policy-page-content h6:first-child {
    margin-top: 0 !important;
}
.policy-page-content p {
    margin-top: 0 !important;
    margin-bottom: var(--policy-line-gap, 2em) !important;
}
.policy-page-content p:last-child {
    margin-bottom: 0 !important;
}
.policy-page-content > div {
    margin-bottom: var(--policy-line-gap, 2em) !important;
}
.policy-page-content > div:last-child {
    margin-bottom: 0 !important;
}
.policy-page-content div:empty {
    margin-bottom: 0 !important;
    display: none !important;
}
.policy-page-content ul,
.policy-page-content ol {
    margin-top: 0.25em !important;
    margin-bottom: var(--policy-line-gap, 2em) !important;
    padding-left: 1.5em !important;
}
.policy-page-content li {
    margin-bottom: 0.2em !important;
}
.policy-page-content li:last-child {
    margin-bottom: 0 !important;
}
.policy-page-content table {
    margin-top: 0.5em !important;
    margin-bottom: var(--policy-line-gap, 2em) !important;
}
.policy-page-content blockquote {
    margin: var(--policy-line-gap, 2em) 0 !important;
    padding: 0.25em 1em !important;
}
.policy-page-content hr {
    margin: var(--policy-line-gap, 2em) 0 !important;
}