/* CPS Unified Search - Optimized & Clean Version */

/* =========================================
   ۱. تنظیمات پایه و کانتینر اصلی
   ========================================= */
.cps-unified-root {
    font-family: 'IranSansX', Tahoma, sans-serif;
    direction: rtl;
    text-align: right;
    position: relative;
    width: 100%;
    z-index: 9999;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.cps-unified-root * {
    box-sizing: border-box;
    outline: none;
}

/* =========================================
   ۲. نوار جستجو (Header)
   ========================================= */
.cps-unified-root .cps-input-group {
    display: flex;
    align-items: stretch;
    gap: 10px;
    position: relative;
    height: 50px;
    z-index: 10002;
}

.cps-unified-root .cps-input-wrapper {
    flex-grow: 1; position: relative;
}

.cps-unified-root input.cps-search-input {
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.9); border: 1px solid #cbd5e1;
    border-radius: 12px; padding: 0 40px 0 100px;
    font-size: 14px; color: #1e293b;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
    transition: all 0.3s;
}

.cps-unified-root input.cps-search-input:focus {
    border-color: #8b5cf6; background: #fff;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.1);
}

/* کانتینر فیلتر انبار - کپسول مدرن شیشه‌ای */
.cps-unified-root .cps-mini-filter {
    position: absolute !important;
    left: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 0 10px 0 6px !important;
    box-sizing: border-box !important;
    z-index: 10002 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.cps-unified-root .cps-mini-filter:hover,
.cps-unified-root .cps-mini-filter:focus-within {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07) !important;
}

/* استایل انتخابی سلکتور فیلتر */
.cps-unified-root select.cps-stock-filter {
    all: unset !important;
    box-sizing: border-box !important;
    font-family: 'IranSansX', Tahoma, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    cursor: pointer !important;
    height: 100% !important;
    line-height: 36px !important;
    text-align: center !important;
    padding-left: 14px !important;
    padding-right: 4px !important;
    /* فلش آیکون مینیمال اختصاصی به جای فلش پیش‌فرض مرورگر */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 2px center !important;
    background-size: 9px 5px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* استایل گزینه‌های منو در ویندوز/دسکتاپ */
.cps-unified-root select.cps-stock-filter option {
    font-family: 'IranSansX', Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background: #ffffff !important;
    padding: 8px 12px !important;
}



/* بهینه‌سازی ریسپانسیو برای صفحه نمایش‌های بسیار کوچک */
@media (max-width: 420px) {
    .cps-unified-root .cps-mini-filter {
        height: 32px !important;
        padding: 0 8px 0 4px !important;
    }
    .cps-unified-root select.cps-stock-filter {
        font-size: 11px !important;
        line-height: 32px !important;
        padding-left: 12px !important;
    }
    button.cps-clear-input,
    .cps-unified-root button.cps-clear-input {
        left: 78px !important;
    }
}

/* دکمه پاک کردن اینپوت - دقیقاً در مرکز و هم‌پوشان با لودر */
button.cps-clear-input,
.cps-unified-root button.cps-clear-input {
    all: unset !important;
    box-sizing: border-box !important;
    position: absolute !important;
    left: 88px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    border-radius: 50% !important;
    background: #ef4444 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10003 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.15s ease, background 0.15s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

button.cps-clear-input.hidden,
.cps-unified-root button.cps-clear-input.hidden {
    display: none !important;
}

/* اسپینر و تایمر جستجو - ثابت در مرکز با نوار چرخان پیرامونی */
.cps-search-timer,
.cps-unified-root .cps-search-timer {
    position: absolute !important;
    left: 88px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #2563eb !important;
    line-height: 1 !important;
    z-index: 10004 !important;
    pointer-events: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* نوار دایره‌ای متحرک دور لودر */
.cps-search-timer::before,
.cps-unified-root .cps-search-timer::before {
    content: "" !important;
    position: absolute !important;
    inset: -2px !important;
    border-radius: 50% !important;
    border: 2px solid #e2e8f0 !important;
    border-top-color: #2563eb !important;
    border-right-color: #38bdf8 !important;
    animation: cps-spin-ring 0.75s linear infinite !important;
    box-sizing: border-box !important;
}

.cps-search-timer.hidden,
.cps-unified-root .cps-search-timer.hidden {
    display: none !important;
}

/* انیمیشن چرخش ۳۶۰ درجه نوار پیرامونی */
@keyframes cps-spin-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* قرمز و مشخص شدن دکمه ضربدر بستن ترندهای داغ */
.cps-close-trends {
    all: unset !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #ef4444 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    line-height: 1 !important;
    box-shadow: 0 1px 3px rgba(239, 68, 68, 0.3) !important;
    transition: transform 0.15s ease, background 0.15s ease !important;
}

.cps-close-trends:hover {
    background: #dc2626 !important;
    transform: scale(1.1) !important;
}

button.cps-clear-input:hover,
.cps-unified-root button.cps-clear-input:hover {
    background: #dc2626 !important;
    color: #ffffff !important;
    transform: translateY(-50%) scale(1.1) !important;
}

button.cps-clear-input.hidden,
.cps-unified-root button.cps-clear-input.hidden {
    display: none !important;
}


.cps-search-timer.hidden { display: none !important; }
@keyframes cps-spin { to { transform: translateY(-50%) rotate(360deg); } }


/* =========================================
   ۳. ترندها و کلمات داغ
   ========================================= */
.cps-popular-container {
    display: none !important;
    position: absolute !important;
    top: 52px !important;
    right: 0 !important;
    left: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-bottom: 2px solid #f1f5f9 !important;
    border-radius: 0 0 16px 16px !important;
    padding: 10px 15px !important;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1) !important;
    z-index: 10001 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

/* فقط به هنگام کلیک کاربر روی اینپوت باز شود */
.cps-unified-root.search-active .cps-popular-container {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.cps-unified-root.search-active input.cps-search-input {
    border-radius: 12px 12px 0 0; border-bottom-color: transparent;
}

.cps-popular-scroll {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
    align-items: center; gap: 10px; overflow-x: auto; padding-bottom: 5px;
    width: 100%; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to left, transparent, black 5%, black 95%, transparent);
}
.cps-popular-scroll::-webkit-scrollbar { display: none; }

.cps-pop-tag {
    flex: 0 0 auto; min-width: 70px; display: flex; flex-direction: column; 
    align-items: center; justify-content: center; padding: 6px 10px; height: 42px;
    border-radius: 10px; font-size: 11px; font-weight: 700; color: #475569;
    background: #f8fafc; border: 1px solid #e2e8f0; cursor: pointer; 
    transition: 0.2s; text-align: center; white-space: nowrap;
}
.cps-pop-tag:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.08); }

.cps-pop-tag.rank-1 { background: linear-gradient(135deg, #fffbeb, #fef3c7); border-color: #fde68a; color: #b45309; }
.cps-pop-tag.rank-2 { background: linear-gradient(135deg, #f8fafc, #f1f5f9); border-color: #cbd5e1; color: #475569; }
.cps-pop-tag.rank-3 { background: linear-gradient(135deg, #fff7ed, #ffedd5); border-color: #fed7aa; color: #9a3412; }
.cps-pop-tag.rank-promo { background: linear-gradient(135deg, #fff1f2, #ffe4e6); border-color: #fecdd3; color: #be123c; }
.cps-promo-sub { font-size: 9px; opacity: 0.85; font-weight: 400; margin-top: 1px; line-height: 1; }


/* =========================================
   ۴. دراپ‌داون و لیست محصولات
   ========================================= */
.cps-unified-root .cps-dropdown-container {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 16px;
    box-shadow: 0 20px 40px -5px rgba(0,0,0,0.15); z-index: 10000;
    overflow: hidden; padding: 0; display: flex; flex-direction: column;
    max-height: 65vh;
}

.cps-unified-root .cps-results-panel {
    flex: 1; overflow-y: auto; padding: 10px; padding-bottom: 70px; 
    display: flex; flex-direction: column; gap: 5px; scroll-behavior: smooth;
}

.cps-unified-root .cps-search-status-bar {
    width: 100%; text-align: center; padding: 10px; color: #64748b; font-size: 13px; display: none;
}
.cps-unified-root .cps-search-status-bar:not(:empty) { display: block; }
.hidden { display: none !important; }

/* ردیف اصلی محصول با مهار کامل سرریز عرضی */
.cps-unified-root .cps-inline-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #fff !important;
    gap: 10px !important;
    border-radius: 12px !important;
    margin-bottom: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

/* ستون سمت راست: اجازه به کوچک شدن متن جهت حفظ ساختار ستون دکمه */
.cps-unified-root .cps-item-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.cps-unified-root .cps-inline-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* اصلاح عنوان برای شکست نرم متن تا حداکثر ۲ خط بدون تداخل با دکمه‌ها */
.cps-unified-root .cps-inline-content h4 {
    margin: 0 0 3px 0 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    white-space: normal !important;
    word-break: break-word !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cps-unified-root .cps-inline-content h4 a {
    color: #0f172a !important;
    text-decoration: none !important;
    display: inline !important;
    vertical-align: middle !important;
}

/* فاصله ایمن ستون متن از ستون دکمه‌ها */
.cps-unified-root .cps-item-right {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-left: 6px !important;
}

/* اندازه فشرده‌تر بج VIP در موبایل جهت اشغال کمتر فضا */
.cps-unified-root .cps-vip-product-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    padding: 1px 5px !important;
    border-radius: 5px !important;
    margin-left: 4px !important;
    margin-bottom: 2px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 4px rgba(217, 119, 6, 0.3) !important;
}

/* بهینه‌سازی دقیق ردیف برای صفحات موبایل */
@media (max-width: 480px) {
    .cps-unified-root .cps-inline-item {
        padding: 8px 10px !important;
        gap: 8px !important;
    }
    .cps-unified-root .cps-inline-item img {
        width: 48px !important;
        height: 48px !important;
        flex-shrink: 0 !important;
    }
    .cps-unified-root .cps-inline-content h4 {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }
    .cps-unified-root .cps-item-left {
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        flex: 0 0 82px !important;
    }
}

/* ستون دکمه‌های چپ با عرض و موقعیت ثابت */
.cps-unified-root .cps-item-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    flex: 0 0 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.cps-unified-root .cps-glass-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* دکمه گزینه‌ها متناسب با عرض ستون بدون بیرون‌زدگی */
.cps-unified-root .cps-choose-var-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    border: none !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    font-family: 'IranSansX', Tahoma, sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 4px !important;
    box-shadow: 0 3px 8px rgba(217, 119, 6, 0.25) !important;
    transition: transform 0.15s ease, filter 0.15s ease !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.cps-unified-root .cps-choose-var-btn:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.06) !important;
}

/* یک خطی ماندن قیمت‌ها */
.cps-unified-root .cps-price-row.cps-nowrap-price,
.cps-unified-root .cps-price-row.cps-nowrap-price .val {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 12px !important;
}

.cps-unified-root .cps-item-right { display: flex; align-items: flex-start; gap: 10px; flex-grow: 1; }
.cps-unified-root .cps-inline-item img { width: 55px; height: 55px; border-radius: 8px; object-fit: cover; border: 1px solid #e2e8f0; flex-shrink: 0; }
.cps-unified-root .cps-inline-content { display: flex; flex-direction: column; gap: 4px; }

.cps-unified-root .cps-inline-content h4 { margin: 0; font-size: 13px; line-height: 1.4; font-weight: 700; }
.cps-unified-root .cps-inline-content h4 a { color: #000 !important; text-decoration: none; }

/* متا تگ‌ها و قیمت */
/* متاتگ‌ها: تکی، مصرف، سود با قابلیت شکست به خط بعدی در نمایشگرهای کوچک */
.cps-unified-root .cps-inline-meta {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.3 !important;
}

.cps-unified-root .cps-meta-tag {
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
}

.cps-unified-root .cps-meta-tag.blue {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
}

.cps-unified-root .cps-meta-tag.green {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border: 1px solid #a7f3d0 !important;
}

.cps-unified-root .cps-meta-tag.red {
    background: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
}

/* محدوده قیمت: نمایش افقی با تراز کامل */
.cps-unified-root .cps-price-area {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* باکس شیشه‌ای لوکس و مدرن برای قیمت فی */
.cps-unified-root .cps-price-row.fixed {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.75)) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    padding: 2px 8px !important;
    border-radius: 7px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

.cps-unified-root .cps-price-row.fixed .label {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    margin-left: 1px !important;
}

/* رنگ قرمز یاقوتی گرم و خوانا روی پس‌زمینه شیشه‌ای */
.cps-unified-root .cps-price-row.fixed .val,
.cps-unified-root .cps-price-row.fixed ins .amount,
.cps-unified-root .cps-price-row.fixed .woocommerce-Price-amount {
    color: #e11d48 !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    letter-spacing: -0.2px !important;
}

.cps-unified-root .cps-price-row.fixed .curr,
.cps-unified-root .cps-price-row.fixed .woocommerce-Price-currencySymbol {
    color: #e11d48 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    margin-right: 2px !important;
}

/* رفع تداخل حالت‌های ثانویه */
.cps-unified-root .cps-price-row.fixed.is-mini {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.75)) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    padding: 2px 8px !important;
}

/* نشان مجموع قیمت: شیک و با فونت خوانا بدون همپوشانی */
.cps-unified-root .cps-price-row.dynamic {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #eff6ff !important;
    border: 1px solid #93c5fd !important;
    color: #1d4ed8 !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.08) !important;
}

.cps-unified-root .cps-price-row.dynamic .label {
    color: #2563eb !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

.cps-unified-root .cps-price-row.dynamic .val {
    color: #1e40af !important;
    font-weight: 900 !important;
}

.cps-unified-root .cps-price-row.dynamic .curr {
    font-size: 9.5px !important;
    color: #3b82f6 !important;
    font-weight: 700 !important;
}

.cps-unified-root .cps-price-row.dynamic.hidden {
    display: none !important;
}

.cps-unified-root .cps-meta-tag.gray { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }
.cps-unified-root .cps-meta-tag.green { background: #dcfce7; color: #15803d; border: 1px solid #bbf7d0; }
.cps-unified-root .cps-meta-tag.blue { background: #eff6ff; color: #2563eb; border: 1px solid #dbeafe; }
.cps-unified-root .cps-meta-tag.red { background: #fff1f2; color: #be123c; border: 1px solid #fda4af; font-weight: normal; text-decoration: none !important; }
.cps-unified-root .cps-meta-tag.red del { text-decoration: line-through; }

/* بخش دکمه‌ها و تعداد */
.cps-unified-root .cps-item-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.cps-unified-root .cps-glass-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.cps-unified-root .cps-glass-qty { 
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; 
    background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 8px; height: 32px; width: 100%; padding: 0 2px; 
}
.cps-unified-root .cps-glass-btn { 
    width: 28px; height: 100%; background: transparent; border: none; cursor: pointer; color: #334155 !important; 
    font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; 
}
.cps-unified-root .cps-glass-btn:hover { background: #e2e8f0; border-radius: 6px; }
.cps-unified-root .cps-qty-num { font-weight: 700; color: #334155; font-size: 14px; line-height: 32px; }

.cps-unified-root .cps-glass-add { 
    width: 100%; height: 34px; background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); 
    color: #fff !important; border: none; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; 
    display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 6px rgba(37, 99, 235, 0.2); 
}
.cps-unified-root .cps-glass-add:hover { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); transform: translateY(-1px); }

.cps-unified-root .cps-out-badge-inline { display: block; width: 100%; text-align: center; background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; padding: 6px 0; border-radius: 8px; font-size: 12px; font-weight: bold; }


/* =========================================
   ۵. کارت‌های تبلیغاتی هوشمند (Ad Cards)
   ========================================= */
.cps-unified-root .cps-inline-item.ad-product-item {
    background: transparent !important; border: none !important; padding: 0 !important; margin-bottom: 15px !important;
    position: relative; overflow: hidden; border-radius: 16px !important; box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2) !important; cursor: pointer;
}
.cps-unified-root .cps-inline-item.ad-product-item::after {
    content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-25deg); animation: adShine 3s infinite; pointer-events: none;
}
@keyframes adShine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }

.ad-product-inner { display: flex; align-items: center; gap: 15px; padding: 15px; width: 100%; position: relative; z-index: 2; }
.ad-product-inner img {
    width: 65px !important; height: 65px !important; border-radius: 12px !important; background: #fff !important; 
    padding: 5px !important; border: 2px solid rgba(255,255,255,0.5) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}
.ad-info { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.ad-info h4 { color: #fff !important; font-size: 14px !important; font-weight: 900 !important; margin: 0 !important; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }

.ad-badge {
    position: absolute; top: 0; right: 0; background: rgba(255, 255, 255, 0.25); color: #fff;
    font-size: 10px; padding: 4px 10px; font-weight: bold; border-bottom-left-radius: 12px; backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); z-index: 5;
}

.cps-meta-tag.white-glass { background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; }
.ad-price-box { margin-top: 5px; }
.ad-price-row.small { font-size: 10px; color: rgba(255,255,255,0.8); }
.ad-price-row.small del { color: rgba(255,255,255,0.6); }
.ad-price-row.main { font-size: 14px; font-weight: 800; color: #fff; }

.ad-actions-col { min-width: 90px; display: flex; justify-content: flex-end; }
.cps-glass-qty.white-theme { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); }
.cps-glass-qty.white-theme .cps-qty-num { color: #fff; }
.cps-glass-qty.white-theme .cps-glass-btn { color: #fff !important; }
.cps-glass-qty.white-theme .cps-glass-btn:hover { background: rgba(255,255,255,0.3); }

.cps-glass-add.white-btn { background: #fff !important; color: #333 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.cps-glass-add.white-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0,0,0,0.3); }

/* تم‌های رنگی تبلیغات */
.glass-mode { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.cps-color-purple.glass-mode { background: linear-gradient(135deg, rgba(124, 58, 237, 0.95), rgba(192, 38, 211, 0.9)) !important; border: 1px solid rgba(167, 139, 250, 0.5) !important; }
.cps-color-gold.glass-mode { background: linear-gradient(135deg, rgba(245, 158, 11, 0.95), rgba(251, 191, 36, 0.9)) !important; border: 1px solid rgba(252, 211, 77, 0.5) !important; }
.cps-color-blue.glass-mode { background: linear-gradient(135deg, rgba(37, 99, 235, 0.95), rgba(6, 182, 212, 0.9)) !important; border: 1px solid rgba(147, 197, 253, 0.5) !important; }
.cps-color-red.glass-mode { background: linear-gradient(135deg, rgba(220, 38, 38, 0.95), rgba(248, 113, 113, 0.9)) !important; border: 1px solid rgba(252, 165, 165, 0.5) !important; }
.cps-color-green.glass-mode { background: linear-gradient(135deg, rgba(16, 185, 129, 0.95), rgba(52, 211, 153, 0.9)) !important; border: 1px solid rgba(110, 231, 183, 0.5) !important; }

/* تبلیغ کاروسل (چند محصولی) */
.cps-unified-root .cps-inline-item.ad-carousel-item {
    background: transparent !important; border: none !important; padding: 0 !important; margin-bottom: 15px !important;
    position: relative; overflow: hidden; border-radius: 16px !important; box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2) !important;
}
.cps-carousel-title { color: #fff !important; font-size: 13px !important; font-weight: 800 !important; margin: 0 !important; padding: 12px 15px 0 15px !important; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.cps-carousel-track {
    display: flex; gap: 10px; overflow-x: auto; padding: 12px 15px 15px 15px; scroll-snap-type: x proximity;
}
.cps-carousel-track::-webkit-scrollbar { height: 5px; }
.cps-carousel-track::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.4); border-radius: 10px; }
.cps-carousel-item {
    flex: 0 0 100px; scroll-snap-align: start; text-decoration: none !important; text-align: center;
    background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.3); border-radius: 12px; padding: 8px;
    position: relative; transition: transform 0.15s ease;
}
.cps-carousel-item:hover { transform: translateY(-3px); }
.cps-carousel-item img { width: 100%; height: 60px; object-fit: contain; background: #fff; border-radius: 8px; padding: 4px; }
.cps-carousel-item-title { color: #fff !important; font-size: 10px !important; font-weight: 700 !important; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cps-carousel-item-price { color: rgba(255,255,255,0.9) !important; font-size: 10px !important; margin-top: 2px; }
.cps-carousel-out-badge { position: absolute; top: 4px; left: 4px; background: #dc2626; color: #fff; font-size: 8px; padding: 2px 5px; border-radius: 6px; }


/* =========================================
   ۶. فوتر ثابت و دکمه تکمیل خرید
   ========================================= */
.cps-dropdown-footer {
    position: absolute; bottom: 0; left: 0; right: 0; padding: 10px;
    background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px);
    border-top: 1px solid #f1f5f9; z-index: 5;
}

@keyframes cps-pulse-shadow {
    0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); transform: scale(1); }
    70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); transform: scale(1.02); }
    100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); transform: scale(1); }
}

.cps-checkout-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; padding: 12px; border-radius: 10px; text-decoration: none !important; 
    font-weight: 800; font-size: 14px; color: #fff !important;
    background: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%); 
    border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease;
}
.cps-checkout-btn:hover { background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); }

.cps-checkout-btn:not(.disabled) { animation: cps-pulse-shadow 2s infinite; }
.cps-checkout-btn.disabled {
    background: #e2e8f0 !important; color: #94a3b8 !important;
    pointer-events: none; box-shadow: none; border-color: #cbd5e1; animation: none;
}
.cps-checkout-btn.mini-btn { padding: 10px; font-size: 13px; }


/* =========================================
   ۷. استایل دکمه درخواست موجودی (بدون به هم ریختگی)
   ========================================= */
.cps-out-status-text {
    display: block !important;
    text-align: center !important;
    color: #ef4444 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    margin: 0 0 3px 0 !important;
    line-height: 1 !important;
}

/* دکمه عادی خبرم کن */
.cps-unified-root .cps-req-stock-btn {
    all: unset !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #f59e0b !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    padding: 0 4px !important;
    height: 32px !important;
    line-height: 32px !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.12) !important;
}

.cps-unified-root .cps-req-stock-btn:hover {
    background: #fef3c7 !important;
    border-color: #d97706 !important;
    color: #92400e !important;
}

/* استایل سبز تیک‌خورده اختصاصی برای درخواست‌های ثبت‌شده در ۲۴ ساعت گذشته */
.cps-unified-root .cps-req-stock-btn.success {
    background: #ecfdf5 !important;
    border: 1.5px solid #10b981 !important;
    color: #047857 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    pointer-events: none !important;
    cursor: default !important;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.18) !important;
}

#cps-guest-req-modal.cps-glass-modal {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px); z-index: 99999999 !important; display: none; align-items: center; justify-content: center; direction: rtl;
}
#cps-guest-req-modal.cps-glass-modal.flex { display: flex !important; }

#cps-guest-req-modal .cps-glass-content {
    background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    width: 90%; max-width: 350px; border-radius: 16px; padding: 25px; position: relative; text-align: center;
}
#cps-guest-req-modal .cps-glass-close {
    position: absolute; top: 12px; right: 12px; background: #f1f5f9; border: none;
    width: 30px; height: 30px; border-radius: 50%; font-size: 20px; cursor: pointer; color: #64748b;
}
#cps-guest-req-modal .cps-req-header img {
    width: 60px; height: 60px; border-radius: 10px; object-fit: contain; border: 1px solid #e2e8f0; padding: 4px; margin-bottom: 10px;
}
#cps-guest-req-modal .cps-glass-input {
    width: 100%; padding: 10px; margin-bottom: 8px; border: 1px solid #cbd5e1; background: #f8fafc;
    border-radius: 8px; font-size: 13px; text-align: center; color: #333;
}
#cps-guest-req-modal .cps-glass-input:focus { background: #fff; border-color: #3b82f6; }
#cps-guest-req-modal .cps-glass-submit-btn {
    width: 100%; padding: 12px; background: #3b82f6; color: #fff; border: none; border-radius: 8px;
    font-weight: bold; font-size: 13px; cursor: pointer; margin-top: 5px;
}
#cps-guest-req-modal .cps-glass-submit-btn:hover { background: #2563eb; }



/* =========================================
   ۸. پیام موفقیت (Toast) افزودن به سبد خرید
   ========================================= */
.cps-notification-toast {
    position: fixed;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 2px solid #10b981;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.25);
    display: flex !important;
    align-items: center;
    gap: 15px;
    padding: 12px 18px;
    z-index: 9999999;
    direction: rtl;
    min-width: 320px;
}

.cps-notification-toast .cps-toast-img img {
    width: 55px;
    height: 55px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #e2e8f0;
}

.cps-notification-toast .cps-toast-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-grow: 1;
}

.cps-notification-toast .cps-toast-content h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 900;
    color: #1e293b;
}

.cps-notification-toast .cps-toast-meta {
    font-size: 12px;
    color: #64748b;
    font-weight: bold;
}

.cps-notification-toast .cps-toast-status {
    font-size: 13px;
    color: #10b981;
    font-weight: 900;
}

/* =========================================
   ۹. استایل نشان و دکمه ناموجود (اصلاح‌شده)
   ========================================= */
.cps-unified-root .cps-out-badge-inline,
.cps-out-badge-inline {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    padding: 8px 0;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    margin-top: auto;
}

/* لودر حرفه‌ای «در حال بارگذاری بیشتر» در اسکرول بی‌نهایت */
.cps-scroll-loader {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 10px; margin: 4px 0;
    animation: cps-loader-rise 0.35s ease-out;
}
.cps-scroll-loader-spinner {
    width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid #dbeafe; border-top-color: #2563eb;
    animation: cps-scroll-spin 0.7s linear infinite; flex-shrink: 0;
}
.cps-scroll-loader-text {
    font-size: 12.5px; font-weight: 700; color: #2563eb;
}
@keyframes cps-scroll-spin { to { transform: rotate(360deg); } }
@keyframes cps-loader-rise {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}


/* =========================================
   فیلتر مدرن شیشه‌ای (Custom Glass Dropdown)
   ========================================= */
.cps-custom-filter-wrap {
    position: absolute !important;
    left: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10005 !important;
    font-family: 'IranSansX', Tahoma, sans-serif !important;
    direction: rtl !important;
}

/* دکمه اصلی فیلتر */
.cps-filter-trigger {
    all: unset !important;
    box-sizing: border-box !important;
    height: 34px !important;
    padding: 0 12px 0 10px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.cps-filter-trigger:hover,
.cps-custom-filter-wrap.open .cps-filter-trigger {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1) !important;
}

.cps-filter-active-text {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1 !important;
}

.cps-filter-arrow {
    color: #64748b !important;
    transition: transform 0.25s ease !important;
    flex-shrink: 0 !important;
}

.cps-custom-filter-wrap.open .cps-filter-arrow {
    transform: rotate(180deg) !important;
    color: #3b82f6 !important;
}

/* منوی بازشو معلق */
.cps-filter-dropdown {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    min-width: 125px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 14px !important;
    padding: 4px !important;
    box-shadow: 0 12px 30px -5px rgba(15, 23, 42, 0.15), 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) scale(0.97) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 10006 !important;
}

.cps-custom-filter-wrap.open .cps-filter-dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

/* گزینه‌های منو */
.cps-filter-opt {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    user-select: none !important;
}

.cps-filter-opt:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.cps-filter-opt.active {
    background: #eff6ff !important;
    color: #2563eb !important;
    font-weight: 700 !important;
}

.cps-opt-check {
    font-size: 11px !important;
    font-weight: 800 !important;
    opacity: 0 !important;
    transition: opacity 0.15s ease !important;
}

.cps-filter-opt.active .cps-opt-check {
    opacity: 1 !important;
}




/* بج لوکس و شیک کالاهای اختصاصی VIP */
.cps-unified-root .cps-vip-product-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    font-family: 'IranSansX', Tahoma, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
}






/* =========================================
   ۱. استایل بنرهای تبلیغاتی سفارشی (فلش زیر تصویر)
   ========================================= */
.cps-unified-root .cps-inline-item.ad-banner-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px 14px !important;
    margin-bottom: 12px !important;
    border-radius: 16px !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-sizing: border-box !important;
}

/* ستون تصویر و فلش */
.cps-unified-root .cps-ad-media-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

.cps-unified-root .ad-custom-img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    background: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.6) !important;
}

/* دکمه فلش شکیل زیر تصویر */
.cps-unified-root .cps-ad-arrow {
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.22) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 12px !important;
    padding: 3px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.cps-unified-root .cps-inline-item.ad-banner-item:hover .cps-ad-arrow {
    background: rgba(255, 255, 255, 0.4) !important;
    transform: translateX(-3px) !important;
}

/* فضای کامل برای متن بنر */
.cps-unified-root .cps-ad-content {
    flex: 1 1 auto !important;
    margin: 0 12px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.cps-unified-root .cps-ad-content h4 {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.cps-unified-root .cps-ad-content span {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.95) !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}

/* رنگ‌بندی‌های اختصاصی بنر شیشه‌ای */
.cps-unified-root .cps-color-blue.glass-mode { background: linear-gradient(135deg, #2563eb, #1d4ed8) !important; }
.cps-unified-root .cps-color-gold.glass-mode { background: linear-gradient(135deg, #d97706, #b45309) !important; }
.cps-unified-root .cps-color-purple.glass-mode { background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; }
.cps-unified-root .cps-color-red.glass-mode { background: linear-gradient(135deg, #dc2626, #b91c1c) !important; }
.cps-unified-root .cps-color-green.glass-mode { background: linear-gradient(135deg, #059669, #047857) !important; }


/* =========================================
   ۲. چیدمان ساختار دو سطری محصول
   ========================================= */
.cps-unified-root .cps-inline-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    margin-bottom: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

/* ردیف بالا: تصویر بندانگشتی در کنار عنوان محصول */
.cps-unified-root .cps-item-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

.cps-unified-root .cps-header-thumb {
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    border: 1px solid #e2e8f0 !important;
    flex-shrink: 0 !important;
}

.cps-unified-root .cps-item-header h4 {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    color: #0f172a !important;
    flex: 1 1 auto !important;
}

.cps-unified-root .cps-item-header h4 a {
    color: #0f172a !important;
    text-decoration: none !important;
}

/* ردیف پایین: قیمت‌ها در راست + دکمه‌ها در چپ */
.cps-unified-root .cps-item-body {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    padding-top: 4px !important;
    border-top: 1px dashed #f1f5f9 !important;
}

.cps-unified-root .cps-item-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.cps-unified-root .cps-item-left {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    flex: 0 0 86px !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.cps-unified-root .cps-glass-actions {
    width: 100% !important;
}

/* دکمه افزودن */
.cps-unified-root .cps-glass-add {
    width: 100% !important;
    height: 34px !important;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'IranSansX', Tahoma, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 3px 8px rgba(37, 99, 235, 0.25) !important;
    transition: all 0.2s ease !important;
}

/* کنترلر تعداد */
.cps-unified-root .cps-glass-qty {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    height: 34px !important;
    width: 100% !important;
    padding: 0 3px !important;
    box-sizing: border-box !important;
}

.cps-unified-root .cps-glass-btn {
    all: unset !important;
    width: 24px !important;
    height: 26px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    color: #1e293b !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.cps-unified-root .cps-qty-num {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    text-align: center !important;
}


/* =========================================
   ردیف مجموع سرتاسری و وسط‌چین در انتهای باکس
   ========================================= */
.cps-unified-root .cps-item-total-footer {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin-top: 8px !important;
    padding: 5px 10px !important;
    background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%) !important;
    border: 1px dashed #bfdbfe !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    animation: cps-fade-down 0.2s ease-out !important;
}

@keyframes cps-fade-down {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.cps-unified-root .cps-item-total-footer.hidden {
    display: none !important;
}

.cps-unified-root .cps-item-total-footer .label {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #2563eb !important;
}

.cps-unified-root .cps-item-total-footer .val {
    font-size: 12.5px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
}

.cps-unified-root .cps-item-total-footer .curr {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #64748b !important;
}

/* =========================================
   هایلایت‌های پویا روی کادر دکمه‌های + و -
   ========================================= */
/* حالت ارسال درخواست ایجکس: هایلایت زرد */
.cps-unified-root .cps-glass-qty.cps-sync-loading {
    border-color: #f59e0b !important;
    background: #fffbeb !important;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35) !important;
    transition: all 0.2s ease !important;
}

/* حالت موفقیت ایجکس: هایلایت سبز */
.cps-unified-root .cps-glass-qty.cps-sync-success {
    border-color: #10b981 !important;
    background: #f0fdf4 !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.35) !important;
    transition: all 0.25s ease !important;
}




/* کانتینر اصلی کارت محصول با حداقل پدینگ عمودی */
.cps-unified-root .cps-inline-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    margin-bottom: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* حیاتی: از له‌شدن کارت‌ها هنگام اسکرول بی‌پایان جلوگیری می‌کند.
       چون این المان‌ها به‌عنوان فرزند مستقیم فلکس‌باکس عمودی cps-results-panel
       اضافه می‌شوند و overflow:hidden دارند، مرورگر بدون این قانون آن‌ها را
       برای جا شدن در ارتفاع پنل، فشرده و بی‌شکل می‌کند (باگ کلاسیک فلکس‌باکس). */
    flex-shrink: 0 !important;
}

/* ردیف بالا: تصویر بندانگشتی + عنوان */
.cps-unified-root .cps-item-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    margin-bottom: 5px !important;
}

.cps-unified-root .cps-header-thumb {
    width: 36px !important;
    height: 36px !important;
    border-radius: 7px !important;
    object-fit: cover !important;
    border: 1px solid #e2e8f0 !important;
    flex-shrink: 0 !important;
}

.cps-unified-root .cps-item-header h4 {
    margin: 0 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #0f172a !important;
    flex: 1 1 auto !important;
}

/* ردیف پایین: قیمت فی و متاتگ‌ها در راست + دکمه در چپ */
.cps-unified-root .cps-item-body {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    padding-top: 4px !important;
    border-top: 1px dashed #f1f5f9 !important;
}

/* ردیف مجموع انتهای کادر: باریک، زیبا و وسط‌چین با پدینگ کم */
.cps-unified-root .cps-item-total-footer {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin-top: 5px !important;
    padding: 3px 8px !important;
    background: #f0f7ff !important;
    border: 1px dashed #93c5fd !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    animation: cps-fade-down 0.2s ease-out !important;
}

.cps-unified-root .cps-item-total-footer .label {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #2563eb !important;
}

.cps-unified-root .cps-item-total-footer .val {
    font-size: 11.5px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
}

.cps-unified-root .cps-item-total-footer .curr {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
}

/* کنترلر دکمه‌ها: قرارگیری صحیح دکمه مثبت در راست و منفی در چپ */
.cps-unified-root .cps-glass-qty {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #f1f5f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    height: 32px !important;
    width: 100% !important;
    padding: 0 3px !important;
    box-sizing: border-box !important;
}

.cps-unified-root .cps-glass-btn {
    all: unset !important;
    width: 22px !important;
    height: 24px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.cps-unified-root .cps-qty-num {
    font-size: 12.5px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    text-align: center !important;
}



/* =========================================
   بخش آخرین جستجوهای خود کاربر (گلس‌مورفیسم دو ردیفه)
   ========================================= */
.cps-user-recent-searches-wrap {
    margin-top: 10px !important;
    padding-top: 8px !important;
    border-top: 1px dashed rgba(203, 213, 225, 0.7) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    animation: cps-fade-down 0.25s ease-out !important;
}

.cps-user-recent-searches-wrap.hidden {
    display: none !important;
}

.cps-user-recent-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 2px !important;
}

.cps-user-recent-header span {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #475569 !important;
}

/* کپسول شیشه‌ای با رنگ ملایم و کم‌رنگ حذف تاریخچه */
.cps-clear-history-btn {
    all: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #e11d48 !important;
    background: linear-gradient(135deg, rgba(255, 241, 242, 0.85) 0%, rgba(254, 226, 226, 0.65) 100%) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(254, 205, 211, 0.8) !important;
    border-radius: 12px !important;
    padding: 2px 8px !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(225, 29, 72, 0.05) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    user-select: none !important;
}

.cps-clear-history-btn::before {
    content: "🗑️";
    font-size: 9px;
    opacity: 0.85;
    margin-left: 2px;
}

.cps-clear-history-btn:hover {
    background: linear-gradient(135deg, rgba(255, 228, 230, 0.95) 0%, rgba(254, 202, 202, 0.85) 100%) !important;
    border-color: rgba(251, 113, 133, 0.8) !important;
    color: #be123c !important;
    transform: scale(1.03) !important;
    box-shadow: 0 2px 6px rgba(225, 29, 72, 0.15) !important;
}

/* چیدمان منعطف ردیفی تاریخچه جستجو */
.cps-user-recent-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px 8px !important;
    max-height: 72px !important;
    overflow-y: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
}

.cps-user-recent-grid::-webkit-scrollbar {
    display: none !important;
}

/* استایل کپسول‌های شیشه‌ای، مدرن و تعاملی */
.cps-recent-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 2px 8px 2px 6px !important;
    border-radius: 16px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    user-select: none !important;
    white-space: nowrap !important;
}

.cps-recent-chip:hover {
    transform: translateY(-1px) scale(1.02) !important;
}

.cps-chip-icon {
    font-size: 10px !important;
    opacity: 0.8 !important;
}

.cps-chip-remove {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: inherit !important;
    margin-right: 2px !important;
    transition: background 0.15s ease !important;
}

.cps-chip-remove:hover {
    background: rgba(239, 68, 68, 0.9) !important;
    color: #ffffff !important;
}

/* پالت رنگی شیشه‌ای جذاب (Glassmorphic Gradients) */
.cps-recent-cyan {
    background: linear-gradient(135deg, rgba(236, 254, 255, 0.9), rgba(207, 250, 254, 0.7)) !important;
    border: 1px solid rgba(165, 243, 252, 0.8) !important;
    color: #0e7490 !important;
    box-shadow: 0 2px 6px rgba(6, 182, 212, 0.1) !important;
}

.cps-recent-emerald {
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.9), rgba(209, 250, 229, 0.7)) !important;
    border: 1px solid rgba(167, 243, 208, 0.8) !important;
    color: #047857 !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.1) !important;
}

.cps-recent-amber {
    background: linear-gradient(135deg, rgba(254, 252, 232, 0.9), rgba(254, 240, 138, 0.7)) !important;
    border: 1px solid rgba(253, 224, 71, 0.8) !important;
    color: #b45309 !important;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.1) !important;
}

.cps-recent-violet {
    background: linear-gradient(135deg, rgba(245, 243, 255, 0.9), rgba(237, 233, 254, 0.7)) !important;
    border: 1px solid rgba(221, 214, 254, 0.8) !important;
    color: #6d28d9 !important;
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.1) !important;
}

.cps-recent-rose {
    background: linear-gradient(135deg, rgba(255, 241, 242, 0.9), rgba(255, 228, 230, 0.7)) !important;
    border: 1px solid rgba(254, 205, 211, 0.8) !important;
    color: #be123c !important;
    box-shadow: 0 2px 6px rgba(244, 63, 94, 0.1) !important;
}


/* مهار قطعی باز شدن ناخواسته سایدبار و پاپ‌آپ سبد خرید هنگام استفاده از جستجو */
body.cps-search-active-cart .cart-widget-side,
body.cps-search-active-cart .woodmart-cart-opened,
body.cps-search-active-cart .wd-cart-opened {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
    pointer-events: none !important;
    display: none !important;
}