/* ========================================================
   Kooshanic (KSN) Archive & Product Card Styles
   High-Specificity & Clean Architecture (No !important war)
   ======================================================== */

/* --------------------------------------------------------
   ۱. تنظیمات عمومی و قفل اسکرول بدنه
   -------------------------------------------------------- */
body.ksn-body-locked {
    overflow: hidden !important;
    touch-action: none;
}

/* --------------------------------------------------------
   ۲. دکمه و ویجت چت (Chatwoot / Gapify)
   -------------------------------------------------------- */
.woot--bubble-holder,
.woot-widget-bubble,
iframe.woot-widget-bubble {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.woot-widget-holder,
iframe[name="chatwoot_widget"] {
    position: fixed !important;
    bottom: 60px !important;
    left: 16px !important;
    right: auto !important;
    transform-origin: bottom left !important;
    z-index: 999999 !important;
}

/* --------------------------------------------------------
   ۳. اسلایدر دسته‌بندی‌های بالای برگه (SEO Horizontal Cards)
   -------------------------------------------------------- */
.ksn-seo-filter-cards {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding: 6px 4px 14px;
    margin-bottom: 20px;
}

.ksn-seo-filter-cards::-webkit-scrollbar {
    height: 4px;
}
.ksn-seo-filter-cards::-webkit-scrollbar-thumb {
    background: var(--ksn-border);
    border-radius: 4px;
}

.ksn-cat-card-item {
    flex: 0 0 140px;
    box-sizing: border-box;
    text-align: center;
    scroll-snap-align: start;
}

.ksn-cat-card-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 10px 8px;
    box-sizing: border-box;
    border-radius: 12px;
    background: var(--ksn-bg-subtle);
    border: 1px solid var(--ksn-bg-subtle);
    color: inherit;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.ksn-cat-card-link img {
    width: 100%;
    max-width: 100px;
    height: 80px;
    object-fit: contain;
    display: block;
}

.ksn-cat-card-title {
    margin: 8px 0 0;
    padding: 0;
    font-size: 0.85rem;
    line-height: 1.4;
    font-weight: 600;
    color: var(--ksn-text-main);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --------------------------------------------------------
   ۴. شبکه گرید محصولات (پشتیبانی همزمان از div و ul)
   -------------------------------------------------------- */
body.ksn-archive-body .woocommerce ul.products,
body.ksn-archive-body ul.products.ksn-products-grid,
body.ksn-archive-body .products.ksn-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    box-sizing: border-box;
    clear: both;
}

body.ksn-archive-body .woocommerce ul.products::before,
body.ksn-archive-body .woocommerce ul.products::after,
body.ksn-archive-body ul.products.ksn-products-grid::before,
body.ksn-archive-body ul.products.ksn-products-grid::after,
body.ksn-archive-body .products.ksn-products-grid::before,
body.ksn-archive-body .products.ksn-products-grid::after {
    display: none;
}

body.ksn-archive-body .woocommerce ul.products li.product.ksn-isolated-product-card,
body.ksn-archive-body ul.products.ksn-products-grid > li.product.ksn-isolated-product-card,
body.ksn-archive-body .products.ksn-products-grid > li.product.ksn-isolated-product-card {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: #ffffff;
    border: 1px solid #eef0f2;
    padding: 5px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.ksn-archive-body ul.products li.product.ksn-isolated-product-card:hover,
body.ksn-archive-body .products.ksn-products-grid > li.product.ksn-isolated-product-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    border-color: #d1d5db;
}


/* --------------------------------------------------------
   ۵. کارت محصول دسکتاپ
   -------------------------------------------------------- */
body.ksn-archive-body .ksn-isolated-product-card a.woocommerce-LoopProduct-link,
body.ksn-archive-body .ksn-isolated-product-card a.woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    text-decoration: none;
    color: inherit;
    margin: 0;
    padding: 0;
}

/* باکس تصویر */
body.ksn-archive-body .ksn-isolated-product-card .ksn-card-image {
    width: 100%;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

body.ksn-archive-body .ksn-isolated-product-card .ksn-card-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0;
    display: block;
}

/* عنوان محصول */
body.ksn-archive-body .ksn-isolated-product-card .woocommerce-loop-product__title {
    font-size: 0.88rem;
    line-height: 1.6;
    font-weight: 500;
    color: var(--ksn-text-main);
    margin: 0 0 12px 0;
    padding: 0;
    text-align: right;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 44px;
}

/* متادیتا (موجودی و امتیاز) */
body.ksn-archive-body .ksn-isolated-product-card .ksn-card-meta-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: auto;
    padding-top: 8px;
    box-sizing: border-box;
}

.ksn-badge-stock {
    font-size: 0.8rem;
    color: #059669;
    font-weight: 500;
}

.ksn-badge-stock.outofstock {
    color: #dc2626;
}

.ksn-single-star-rating {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    direction: ltr;
    font-size: 0.85rem;
    color: var(--ksn-text-muted);
    font-weight: 700;
}

.ksn-single-star-rating .ksn-star-icon {
    color: #f59e0b;
    font-size: 0.95rem;
}

/* بخش قیمت (کاملاً مسلط بر سلکتورهای ووکامرس) */
body.ksn-archive-body .woocommerce ul.products li.product.ksn-isolated-product-card .ksn-card-price-area,
body.ksn-archive-body ul.products li.product.ksn-isolated-product-card .ksn-card-price-area {
    width: 100%;
    margin-top: 10px;
    text-align: left;
}

body.ksn-archive-body .woocommerce ul.products li.product.ksn-isolated-product-card .price,
body.ksn-archive-body ul.products li.product.ksn-isolated-product-card .price {
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--ksn-text-main);
}

body.ksn-archive-body .woocommerce ul.products li.product.ksn-isolated-product-card .price del {
    color: var(--ksn-text-sub);
    font-size: 0.85rem;
    font-weight: 400;
    text-decoration: line-through;
    opacity: 1;
}

body.ksn-archive-body .woocommerce ul.products li.product.ksn-isolated-product-card .price ins {
    text-decoration: none;
    color: var(--ksn-text-main);
    font-weight: 700;
    background: transparent;
}

.ksn-isolated-product-card .ksn-out-of-stock {
    color: #dc2626;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: right;
    display: block;
}

/* مخفی‌سازی عناصر اضافه */
body.ksn-archive-body .ksn-isolated-product-card .add_to_cart_button,
body.ksn-archive-body .ksn-isolated-product-card .button.product_type_simple,
body.ksn-archive-body .ksn-isolated-product-card .ksn-mobile-bulk-badge {
    display: none;
}

/* مدیریت نمایش دو ساختار موبایل / دسکتاپ */
.ksn-isolated-product-card .ksn-view-mobile {
    display: none;
}
.ksn-isolated-product-card .ksn-view-desktop {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}

/* --------------------------------------------------------
   ۶. استایل‌های واکنش‌گرا و بات‌شیت فیلتر (موبایل و تبلت)
   -------------------------------------------------------- */
@media (max-width: 1200px) {
    body.ksn-archive-body .woocommerce ul.products,
    body.ksn-archive-body ul.products.ksn-products-grid,
    body.ksn-archive-body .products.ksn-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .ksn-filter-fab {
        position: fixed;
        bottom: 60px;
        right: 16px;
        z-index: 99980;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 10px 18px;
        border: none;
        border-radius: 50px;
        background: #a81010;
        color: #ffffff;
        font-weight: 700;
        font-size: 14px;
        box-shadow: 0 4px 16px rgba(168, 16, 16, 0.35);
        cursor: pointer;
    }

    .ksn-filter-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 999998;
        backdrop-filter: blur(2px);
    }

    .custom-filter-sidebar {
        position: fixed !important;
        inset: auto 0 0 0 !important;
        width: 100% !important;
        max-height: 85vh !important;
        height: 85vh;
        overflow: hidden !important;
        z-index: 999999 !important;
        background: #ffffff !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.25) !important;
        transform: translateY(105%);
        transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
        display: flex !important;
        flex-direction: column !important;
    }

    .custom-filter-sidebar.ksn-filter-open {
        transform: translateY(0) !important;
    }

    .custom-filter-sidebar form,
    .custom-filter-sidebar > div:not(.ksn-filter-modal-header):not(.ksn-filter-modal-footer) {
        flex: 1 1 auto;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        min-height: 0;
        padding: 16px;
    }

    .ksn-filter-modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 20px;
        border-bottom: 1px solid #f0f0f0;
        font-weight: 700;
        font-size: 1.1rem;
        background: #ffffff;
        flex-shrink: 0;
    }

    .ksn-filter-close {
        background: #f3f4f6;
        border: none;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-size: 1.3rem;
        cursor: pointer;
        color: var(--ksn-text-main);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ksn-filter-modal-footer {
        flex-shrink: 0;
        margin-top: auto;
        background: #ffffff;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
        border-top: 1px solid #f0f0f0;
    }

    .ksn-filter-apply {
        width: 100%;
        padding: 13px;
        border: none;
        border-radius: 12px;
        background: #c8102e;
        color: #ffffff;
        font-weight: 700;
        font-size: 1rem;
        cursor: pointer;
    }
}

@media (min-width: 1025px) {
    .ksn-filter-fab,
    .ksn-filter-overlay,
    .ksn-filter-modal-header,
    .ksn-filter-modal-footer {
        display: none;
    }
}

/* --------------------------------------------------------
   ۷. کارت محصول موبایل - ساختار استاندارد دو ستونه فلکس
   -------------------------------------------------------- */
@media (max-width: 768px) {
    /* ۱. تبدیل گرید محصولات آرشیو به حالت تمام عرض تک‌ستونه */
    body.ksn-archive-body ul.products,
    body.ksn-archive-body .woocommerce ul.products,
    body.ksn-archive-body ul.products.ksn-products-grid {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 12px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ۲. اندازه و استایل هر کارت کالا */
    body.ksn-archive-body ul.products li.product.ksn-isolated-product-card {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 12px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
    }

    /* سوییچ ویوها */
    body.ksn-archive-body .ksn-isolated-product-card .ksn-view-desktop {
        display: none !important;
    }
    body.ksn-archive-body .ksn-isolated-product-card .ksn-view-mobile {
        display: block !important;
        width: 100% !important;
    }

    /* ۳. لینک اصلی دربرگیرنده دو ستون افقی (RTL) */
    body.ksn-archive-body .ksn-view-mobile a.woocommerce-LoopProduct-link {
        display: flex !important;
        flex-direction: row !important; /* ستون راست (عکس) در راست، چپ در چپ */
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 12px !important;
        direction: rtl !important;
        text-decoration: none !important;
        color: inherit !important;
        width: 100% !important;
    }

    /* ۴. ستون راست: عکس بالا + متغیرها مستقیم زیر عکس */
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column {
        flex: 0 0 105px !important;
        width: 105px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-card-image {
        width: 105px !important;
        height: 105px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-card-image img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    /* بج‌های متغیر دقیقاً زیر عکس */
    body.ksn-archive-body .ksn-view-mobile .ksn-attr-badges,
    body.ksn-archive-body .ksn-view-mobile .ksn-variation-badges {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        width: 100% !important;
        margin-top: 6px !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-attr-badge,
    body.ksn-archive-body .ksn-view-mobile .ksn-attr-badge--text {
        font-size: 10.5px !important;
        line-height: 1.3 !important;
        padding: 3px 4px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        text-align: center !important;
        color: #334155 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }

    /* ۵. ستون چپ: اطلاعات کالا (عنوان، موجودی/امتیاز، قیمت) */
    body.ksn-archive-body .ksn-view-mobile .ksn-card-content-wrapper {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        text-align: right !important;
        gap: 6px !important;
    }

    body.ksn-archive-body .ksn-view-mobile .woocommerce-loop-product__title {
        font-size: 0.9rem !important;
        line-height: 1.45 !important;
        font-weight: 600 !important;
        color: #0f172a !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-card-meta-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        margin: 2px 0 !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-badge-stock {
        font-size: 0.8rem !important;
        font-weight: 600 !important;
        color: #059669 !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-badge-stock.outofstock {
        color: #dc2626 !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-single-star-rating {
        display: inline-flex !important;
        align-items: center !important;
        gap: 2px !important;
        direction: ltr !important;
        font-size: 0.82rem !important;
        color: #64748b !important;
        font-weight: 700 !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-card-price-area {
        margin-top: 4px !important;
    }

    body.ksn-archive-body .ksn-view-mobile .price {
        display: flex !important;
        flex-direction: row-reverse !important;
        justify-content: flex-end !important;
        align-items: baseline !important;
        gap: 6px !important;
        margin: 0 !important;
        font-size: 1.15rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
    }

    body.ksn-archive-body .ksn-view-mobile .price del {
        font-size: 0.82rem !important;
        color: #94a3b8 !important;
    }
}

/* مهار متغیرها زیر عکس در ستون تصویر */
@media (max-width: 768px) {
    /* اطمینان از قرارگیری متغیرها زیر عکس در جریان عادی */
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 105px !important;
        max-width: 105px !important;
        flex-shrink: 0 !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-card-image {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* لغو هرگونه پوزیشن absolute یا فلوت که متغیر را می‌برد بالای کارت */
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-attr-badges,
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-variation-badges,
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-swatches-container,
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column [class*="badge"],
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column [class*="swatch"] {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 105px !important;
        box-sizing: border-box !important;
    }

    /* چیدمان زیر هم دکمه‌های متغیر */
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-attr-badges,
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-variation-badges {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        margin-top: 6px !important;
    }

    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-attr-badge,
    body.ksn-archive-body .ksn-view-mobile .ksn-card-thumb-column .ksn-attr-badge--text {
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* --------------------------------------------------------
   ۸. صفحه‌بندی آرشیو (Pagination)
   -------------------------------------------------------- */
body.ksn-archive-body nav.woocommerce-pagination {
    width: 100%;
    margin: 20px 0 40px;
    text-align: center;
}

body.ksn-archive-body nav.woocommerce-pagination ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

body.ksn-archive-body nav.woocommerce-pagination ul::before,
body.ksn-archive-body nav.woocommerce-pagination ul::after {
    display: none;
}

body.ksn-archive-body nav.woocommerce-pagination ul li {
    float: none;
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}

body.ksn-archive-body nav.woocommerce-pagination ul li a,
body.ksn-archive-body nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid var(--ksn-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--ksn-text-main);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

body.ksn-archive-body nav.woocommerce-pagination ul li a:hover {
    border-color: #a81010;
    color: #a81010;
}

/* صفحه فعال */
body.ksn-archive-body nav.woocommerce-pagination ul li span.current {
    background: #a81010;
    border-color: #a81010;
    color: #ffffff;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {

    font-size: 0.8em;
}
.woocommerce ul.products li.product a img {
     margin: 0;
}





/* ردیف قیمت کارت کالا */
.ksn-price-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 8px;
    direction: rtl;
    line-height: 1.3;
}

/* حذف خط زیر قیمت جدید (ins) و تنظیم وزن/اندازه */
.ksn-price-row ins {
    text-decoration: none !important;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a1a;
}

/* قیمت خط‌خورده: کوچیک‌تر، مات‌تر و فقط دارای خط وسط */
.ksn-price-row del {
    font-size: 0.8rem;
    color: #8c8c8c;
    text-decoration: line-through;
    opacity: 0.85;
}

/* تنظیم سایز کلمه تومان */
.ksn-price-row .woocommerce-Price-currencySymbol {
    font-size: 0.75em;
    font-weight: 400;
    margin-right: 3px;
}
.tiered-pricing-shop-loop.tiered-pricing-shop-loop--reduced {
    font-size: 0.9rem;
    text-align-last: right;
    padding-right: 15px;
    line-height: 1.8;
    margin: 0;
}
.custom-wc-test-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.custom-product-content {
    flex: 1;
    min-width: 0;
}
.custom-category-description-bottom {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e5e7eb;
    width: 100%;
    text-align: right;
}
.woocommerce-products-header__title.page-title {
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

/* مخفی‌سازی باکس تخفیف پلکانی در کارت‌های ناموجود آرشیو */
.product[data-in-stock="0"] .tiered-pricing-shop-loop,
.ksn-isolated-product-card[data-in-stock="0"] .tiered-pricing-shop-loop,
.product.outofstock .tiered-pricing-shop-loop {
    display: none !important;
}
@media (max-width: 768px) {
    /* مخفی کردن جدول چند خطی پیش‌فرض */
    .ksn-isolated-product-card .tiered-pricing-shop-loop,
    .ksn-isolated-product-card .tpt__tiered-pricing,
    .ksn-isolated-product-card [class*="tiered-price"] {
        display: none !important;
    }

    /* استایل بج تخفیف عمده بالای قیمت */
    .ksn-bulk-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background-color: #ecfdf5;
        color: #059669;
        font-size: 11px;
        font-weight: 700;
        padding: 3px 8px;
        border-radius: 6px;
        margin-bottom: 6px;
        width: fit-content;
    }
}