@import '_content/DataGridViewBlazor/DataGridViewBlazor.l8u92aoud6.bundle.scp.css';

/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* ===== ADMIN LAYOUT ===== */
.admin-layout[b-s8e93tvu55] {
    display: flex;
    min-height: 100vh;
    background: #f7f7f8;
    direction: rtl;
}

/* ===== SIDEBAR ===== */
.admin-sidebar[b-s8e93tvu55] {
    --sb-bg: color-mix(in srgb, var(--primary) 7%, #15171c);
    --sb-bg-deep: color-mix(in srgb, black 22%, var(--sb-bg));
    --sb-text: #c7c8d1;
    --sb-text-muted: #6f7178;
    --sb-heading: rgba(255, 255, 255, 0.32);
    --sb-border: rgba(255, 255, 255, 0.07);
    --sb-active-bg: color-mix(in srgb, var(--primary) 18%, transparent);
    --sb-hover-bg: rgba(255, 255, 255, 0.05);
    width: 250px;
    background: var(--sb-bg);
    color: var(--sb-text);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: width 0.25s ease;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    z-index: 300;
}

.admin-sidebar--collapsed[b-s8e93tvu55] {
    width: 68px;
}

/* ===== SIDEBAR HEADER ===== */
.admin-sidebar__header[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: var(--sb-bg-deep);
    border-bottom: 1px solid var(--sb-border);
    flex-shrink: 0;
    min-height: 64px;
}

.admin-sidebar__logo[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
}

.admin-sidebar__logo-badge[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--primary) 22%, transparent);
    color: var(--primary);
}

.admin-sidebar__toggle[b-s8e93tvu55] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    padding: 0.35rem;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
}

    .admin-sidebar__toggle:hover[b-s8e93tvu55] {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
    }

/* ===== SIDEBAR NAV ===== */
.admin-sidebar__nav[b-s8e93tvu55] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.75rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}

.admin-sidebar__group[b-s8e93tvu55] {
    margin-bottom: 0.35rem;
}

.admin-sidebar__group-title[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--sb-heading);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 0.75rem 1.1rem 0.4rem 1.1rem;
    white-space: nowrap;
    overflow: hidden;
}

.admin-sidebar__group-dot[b-s8e93tvu55] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--primary);
    opacity: 0.75;
    flex-shrink: 0;
}

.admin-sidebar__link[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1px 0.6rem;
    padding: 0.6rem 0.85rem;
    color: var(--sb-text);
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 500;
    border-radius: var(--radius-md);
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    overflow: hidden;
}

    .admin-sidebar__link svg[b-s8e93tvu55] {
        flex-shrink: 0;
        opacity: 0.85;
    }

    .admin-sidebar__link:hover[b-s8e93tvu55] {
        background: var(--sb-hover-bg);
        color: #ffffff;
    }

.admin-sidebar__link--active[b-s8e93tvu55] {
    background: var(--sb-active-bg);
    color: #ffffff;
    font-weight: 600;
}

    .admin-sidebar__link--active svg[b-s8e93tvu55] {
        color: var(--primary);
        opacity: 1;
    }

/* ===== بج شمارنده (سفارش‌های در انتظار بررسی) ===== */
.admin-sidebar__icon-wrap[b-s8e93tvu55] {
    position: relative;
    display: flex;
    flex-shrink: 0;
}

.admin-sidebar__icon-dot[b-s8e93tvu55] {
    position: absolute;
    top: -2px;
    inset-inline-end: -2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff5252;
    border: 1.5px solid var(--sb-bg);
}

.admin-sidebar__badge[b-s8e93tvu55] {
    margin-inline-start: auto;
    background: #ff5252;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.25rem 0.4rem;
    border-radius: var(--radius-pill);
    min-width: 18px;
    text-align: center;
}

/* ===== SIDEBAR FOOTER ===== */
.admin-sidebar__footer[b-s8e93tvu55] {
    padding: 0.75rem;
    background: var(--sb-bg-deep);
    border-top: 1px solid var(--sb-border);
    flex-shrink: 0;
}

.admin-sidebar__user[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.2rem 0.35rem 0.7rem;
}

.admin-sidebar__avatar[b-s8e93tvu55] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary) 28%, transparent);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.admin-sidebar__user-info[b-s8e93tvu55] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.admin-sidebar__user-name[b-s8e93tvu55] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-sidebar__user-role[b-s8e93tvu55] {
    font-size: 0.72rem;
    color: var(--sb-text-muted);
}

.admin-sidebar__logout[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    background: transparent;
    border: none;
    color: var(--sb-text-muted);
    font-family: inherit;
    font-size: 0.86rem;
    cursor: pointer;
    border-radius: var(--radius-md);
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    overflow: hidden;
}

    .admin-sidebar__logout:hover[b-s8e93tvu55] {
        background: color-mix(in srgb, var(--primary) 16%, transparent);
        color: #ff8a80;
    }

/* ===== MAIN ===== */
.admin-main[b-s8e93tvu55] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

/* ===== TOPBAR ===== */
.admin-topbar[b-s8e93tvu55] {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 0 1.5rem;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    position: sticky;
    top: 0;
    z-index: 100;
}

.admin-topbar__right[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.admin-topbar__left[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.admin-topbar__menu-btn[b-s8e93tvu55] {
    background: transparent;
    border: none;
    color: #424242;
    cursor: pointer;
    padding: 0.4rem;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    transition: background 0.15s;
}

    .admin-topbar__menu-btn:hover[b-s8e93tvu55] {
        background: var(--bg-secondary);
    }

.admin-topbar__user[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    color: #424242;
    font-weight: 500;
}

.admin-topbar__site-link[b-s8e93tvu55] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--primary);
    border-radius: var(--radius-sm);
    transition: background 0.15s, color 0.15s;
}

    .admin-topbar__site-link:hover[b-s8e93tvu55] {
        background: var(--primary);
        color: #ffffff;
    }

/* ===== CONTENT ===== */
.admin-content[b-s8e93tvu55] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}

/* ===== OVERLAY ===== */
.admin-overlay[b-s8e93tvu55] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 299;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .admin-sidebar[b-s8e93tvu55] {
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        z-index: 300;
        transform: translateX(0);
        width: 250px !important;
    }

    .admin-sidebar--collapsed[b-s8e93tvu55] {
        transform: translateX(100%);
    }

    .admin-content[b-s8e93tvu55] {
        padding: 1rem;
    }

    .admin-topbar[b-s8e93tvu55] {
        padding: 0 1rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== LAYOUT ===== */
.layout[b-55oel87i2n] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main[b-55oel87i2n] {
    flex: 1;
    padding: 0;
    width: 100%;
}

/* ===== AD BAR ===== */
/* ===== STICKY HEADER ===== */
.sticky-header[b-55oel87i2n] {
    position: sticky;
    top: 0;
    z-index: 200;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* ===== MAIN HEADER ===== */
.main-header[b-55oel87i2n] {
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

.main-header__inner[b-55oel87i2n] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
}

/* ===== LOGO ===== */
.main-header__logo[b-55oel87i2n] {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--primary);
    flex-shrink: 0;
    letter-spacing: 1px;
    text-decoration: none;
    transition: color 0.2s, opacity 0.2s;
}

    .main-header__logo:hover[b-55oel87i2n] {
        color: var(--primary-dark);
        opacity: 0.9;
    }

.main-header__logo-img[b-55oel87i2n] {
    height: 42px;
    max-width: 160px;
    width: auto;
    object-fit: contain;
}

/* ===== SEARCH ===== */
.main-header__search[b-55oel87i2n] {
    flex: 1;
    display: flex;
    align-items: center;
    max-width: 640px;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s;
}

    .main-header__search:focus-within[b-55oel87i2n] {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);
    }

    .main-header__search .form-control[b-55oel87i2n] {
        border-radius: 0;
        border: 1px solid #e6e6e6;
        border-left: none;
        padding-right: 1rem;
        height: 42px;
        font-size: 0.9rem;
    }

        .main-header__search .form-control:focus[b-55oel87i2n] {
            border-color: var(--primary);
            box-shadow: none;
        }

.main-header__search-btn[b-55oel87i2n] {
    background: var(--primary);
    border: none;
    color: #ffffff;
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    transition: background 0.2s;
    flex-shrink: 0;
    cursor: pointer;
}

    .main-header__search-btn:hover[b-55oel87i2n] {
        background: var(--primary-dark);
    }

/* ===== ACTIONS ===== */
.main-header__actions[b-55oel87i2n] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    margin-inline-start: auto; /* لوگو و سرچ کنار هم می‌مونن، فضای اضافی قبل از اکشن‌ها جمع می‌شه */
}

/* ===== CART ===== */
.main-header__cart[b-55oel87i2n] {
    position: relative;
    color: var(--text);
    display: flex;
    align-items: center;
    padding: 0.4rem;
    border-radius: var(--radius-md);
    transition: background 0.2s;
    text-decoration: none;
}

    .main-header__cart:hover[b-55oel87i2n] {
        background: var(--bg-secondary);
        color: var(--primary);
    }

.main-header__cart-badge[b-55oel87i2n] {
    position: absolute;
    top: -4px;
    left: -4px;
    background: var(--primary);
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== CATEGORY BAR ===== */
.category-bar[b-55oel87i2n] {
    background: #ffffff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 2px solid var(--primary);
}

/* ===== FOOTER =====
   استایل فوتر به‌طور کامل به فایل مجزای
   Components/Shared/Footer.razor.css منتقل شده است. */

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .main-header__inner[b-55oel87i2n] {
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        gap: 0.75rem;
    }

    .main-header__logo[b-55oel87i2n] {
        font-size: 1.3rem;
    }

    .main-header__search[b-55oel87i2n] {
        order: 3;
        width: 100%;
        max-width: none;
        flex: unset;
    }

    .main-header__actions[b-55oel87i2n] {
        margin-inline-start: auto;
    }

    .main-header__search .form-control[b-55oel87i2n] {
        height: 38px;
        font-size: 0.85rem;
    }

    .main-header__search-btn[b-55oel87i2n] {
        height: 38px;
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .main-header__logo[b-55oel87i2n] {
        font-size: 1.2rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-nax0v3nm2x],
.components-reconnect-repeated-attempt-visible[b-nax0v3nm2x],
.components-reconnect-failed-visible[b-nax0v3nm2x],
.components-pause-visible[b-nax0v3nm2x],
.components-resume-failed-visible[b-nax0v3nm2x],
.components-rejoining-animation[b-nax0v3nm2x] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-retrying[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-failed[b-nax0v3nm2x],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-nax0v3nm2x] {
    display: block;
}


#components-reconnect-modal[b-nax0v3nm2x] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-nax0v3nm2x 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-nax0v3nm2x 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-nax0v3nm2x 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-nax0v3nm2x]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-nax0v3nm2x 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-nax0v3nm2x {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-nax0v3nm2x {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-nax0v3nm2x {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-nax0v3nm2x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-nax0v3nm2x] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-nax0v3nm2x] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: var(--radius-xs);
}

    #components-reconnect-modal button:hover[b-nax0v3nm2x] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-nax0v3nm2x] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-nax0v3nm2x] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-nax0v3nm2x] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-nax0v3nm2x 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-nax0v3nm2x] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-nax0v3nm2x {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/CreateReturnRequest.razor.rz.scp.css */
/* Components/Pages/Account/CreateReturnRequest.razor.css */
.return-item-row[b-g6bdsvde8o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
}

    .return-item-row:last-child[b-g6bdsvde8o] {
        border-bottom: none;
    }

.return-item-row__check[b-g6bdsvde8o] {
    flex-shrink: 0;
}

.return-item-row__img[b-g6bdsvde8o] {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--bg-secondary);
    flex-shrink: 0;
}

    .return-item-row__img img[b-g6bdsvde8o] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.return-item-row__info[b-g6bdsvde8o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.return-item-row__qty[b-g6bdsvde8o] {
    width: 80px;
    flex-shrink: 0;
}
/* /Components/Pages/Account/Wishlist.razor.rz.scp.css */
.wishlist-page__grid[b-2l1toya8dr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.25rem;
}

@media (max-width: 768px) {
    .wishlist-page__grid[b-2l1toya8dr] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .wishlist-page__grid[b-2l1toya8dr] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
}
/* /Components/Pages/Admin/Advertisements/ProductCollectionView.razor.rz.scp.css */
.pcv__hero[b-l0pyd8b5mm] {
    height: 220px;
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    margin-bottom: 1.25rem;
}

.pcv__header[b-l0pyd8b5mm] {
    max-width: 1400px;
    margin: 0 auto 1rem;
    padding: 0 1.5rem;
}

.pcv__title[b-l0pyd8b5mm] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text, var(--text));
    margin: 0 0 0.35rem;
}

.pcv__desc[b-l0pyd8b5mm] {
    font-size: 0.9rem;
    color: var(--text-muted, var(--text-muted));
    margin: 0;
}

.pcv__empty[b-l0pyd8b5mm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    color: var(--text-muted);
    gap: 1rem;
    text-align: center;
    background: var(--bg-secondary, #f9f9f9);
    border-radius: var(--radius-lg);
    border: 1px dashed var(--border, var(--border));
    max-width: 1400px;
    margin: 0 auto;
}

.pcv__toolbar[b-l0pyd8b5mm] {
    max-width: 1400px;
    margin: 0 auto 1.5rem;
    padding: 0.9rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--border, var(--border));
}

.pcv__count[b-l0pyd8b5mm] {
    font-size: 0.85rem;
    color: var(--text-muted, var(--text-muted));
    white-space: nowrap;
    flex-shrink: 0;
}

    .pcv__count strong[b-l0pyd8b5mm] {
        color: var(--text, var(--text));
        font-weight: 700;
    }

.pcv__inline[b-l0pyd8b5mm] {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    overflow-x: auto;
    scrollbar-width: none;
    flex: 1;
    justify-content: flex-end;
}

    .pcv__inline[b-l0pyd8b5mm]::-webkit-scrollbar {
        display: none;
    }

.pcv__inline-label[b-l0pyd8b5mm] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: var(--text-muted, var(--text-muted));
    white-space: nowrap;
    padding-inline-start: 0.6rem;
    border-inline-start: 1px solid var(--border, var(--border));
}

.pcv__inline-item[b-l0pyd8b5mm] {
    background: transparent;
    border: none;
    padding: 0.3rem 0;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-muted, var(--text-muted));
    white-space: nowrap;
    cursor: pointer;
    font-family: inherit;
    transition: color 0.15s;
}

    .pcv__inline-item:hover[b-l0pyd8b5mm] {
        color: var(--text, var(--text));
    }

    .pcv__inline-item.is-active[b-l0pyd8b5mm] {
        color: var(--primary);
        font-weight: 700;
    }

.pcv__trigger[b-l0pyd8b5mm] {
    display: none;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: none;
    font-size: 0.85rem;
    color: var(--text, var(--text));
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
}

    .pcv__trigger strong[b-l0pyd8b5mm] {
        color: var(--primary);
        font-weight: 700;
    }

.pcv__grid[b-l0pyd8b5mm] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.25rem;
}

.pcv__load-more[b-l0pyd8b5mm] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.5rem 1.5rem 2rem;
    display: flex;
    justify-content: center;
}

.pcv__load-more-btn[b-l0pyd8b5mm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--bg, #ffffff);
    border: 1.5px solid var(--primary);
    color: var(--primary);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.7rem 1.8rem;
    border-radius: var(--radius-pill);
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s ease, color 0.2s ease;
}

    .pcv__load-more-btn:hover[b-l0pyd8b5mm] {
        background: var(--primary);
        color: #ffffff;
    }

.pcv__load-more-remaining[b-l0pyd8b5mm] {
    font-size: 0.78rem;
    font-weight: 400;
    opacity: 0.75;
}

.sort-sheet-backdrop[b-l0pyd8b5mm] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.sort-sheet[b-l0pyd8b5mm] {
    position: fixed;
    bottom: 0;
    inset-inline: 0;
    background: var(--bg, #ffffff);
    border-radius: var(--radius-xl) 16px 0 0;
    z-index: 1001;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
    animation: pcvSortSheetUp-b-l0pyd8b5mm 0.22s ease-out;
}

@keyframes pcvSortSheetUp-b-l0pyd8b5mm {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

.sort-sheet__header[b-l0pyd8b5mm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border, var(--border));
    position: sticky;
    top: 0;
    background: var(--bg, #ffffff);
}

.sort-sheet__close[b-l0pyd8b5mm] {
    background: transparent;
    border: none;
    color: var(--text, var(--text));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0.2rem;
}

.sort-sheet__title[b-l0pyd8b5mm] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text, var(--text));
    margin: 0;
}

.sort-sheet__list[b-l0pyd8b5mm] {
    list-style: none;
    margin: 0;
    padding: 0.3rem 0 1.2rem;
}

.sort-sheet__item[b-l0pyd8b5mm] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border, #f0f0f0);
    padding: 0.85rem 1.1rem;
    font-size: 0.92rem;
    color: var(--text, var(--text));
    font-family: inherit;
    cursor: pointer;
    text-align: right;
}

    .sort-sheet__item svg[b-l0pyd8b5mm] {
        color: var(--primary);
        flex-shrink: 0;
    }

    .sort-sheet__item.is-selected[b-l0pyd8b5mm] {
        font-weight: 700;
        color: var(--primary);
    }

@media (max-width: 1024px) {
    .pcv__inline[b-l0pyd8b5mm] {
        justify-content: flex-start;
        gap: 1.1rem;
    }

    .pcv__grid[b-l0pyd8b5mm] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 640px) {
    .pcv__hero[b-l0pyd8b5mm] {
        height: 140px;
    }

    .pcv__header[b-l0pyd8b5mm],
    .pcv__toolbar[b-l0pyd8b5mm],
    .pcv__grid[b-l0pyd8b5mm] {
        padding: 0 1rem;
    }

    .pcv__grid[b-l0pyd8b5mm] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .pcv__inline[b-l0pyd8b5mm] {
        display: none;
    }

    .pcv__trigger[b-l0pyd8b5mm] {
        display: flex;
    }

    .pcv__load-more[b-l0pyd8b5mm] {
        padding: 0.5rem 1rem 1.5rem;
    }

    .pcv__load-more-btn[b-l0pyd8b5mm] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Admin/Appearance.razor.rz.scp.css */
.appearance[b-32ldzq052h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.appearance__title[b-32ldzq052h] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.appearance__tabs[b-32ldzq052h] {
    display: flex;
    gap: 0.4rem;
    border-bottom: 1px solid var(--border, #e0e0e0);
}

.appearance__tab[b-32ldzq052h] {
    background: transparent;
    border: none;
    padding: 0.6rem 1rem;
    font-family: inherit;
    font-size: 0.9rem;
    color: #757575;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

    .appearance__tab:hover[b-32ldzq052h] {
        color: var(--primary, #e53935);
    }

.appearance__tab--active[b-32ldzq052h] {
    color: var(--primary, #e53935);
    border-bottom-color: var(--primary, #e53935);
    font-weight: 600;
}

.appearance__card[b-32ldzq052h] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 1.25rem;
}

.appearance__card-title[b-32ldzq052h] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

/* ===== Style tab ===== */
.style-grid[b-32ldzq052h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
}

.style-card[b-32ldzq052h] {
    position: relative;
    background: #fafafa;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 1.25rem 0.75rem;
    text-align: center;
    cursor: pointer;
    font-family: inherit;
    transition: border-color 0.15s, transform 0.15s;
}

    .style-card:hover[b-32ldzq052h] {
        transform: translateY(-2px);
    }

.style-card--active[b-32ldzq052h] {
    border-color: var(--primary, #e53935);
    background: #fff;
}

.style-card__name[b-32ldzq052h] {
    font-weight: 600;
    font-size: 0.9rem;
}

.style-card__badge[b-32ldzq052h] {
    display: block;
    margin-top: 0.4rem;
    font-size: 0.72rem;
    color: var(--primary, #e53935);
}

/* ===== Theme tab ===== */
.theme-list[b-32ldzq052h] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.theme-row[b-32ldzq052h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    flex-wrap: wrap;
}

.theme-row--active[b-32ldzq052h] {
    border-color: var(--primary, #e53935);
    background: #fff8f8;
}

.theme-row__swatches[b-32ldzq052h] {
    display: flex;
    gap: 0.25rem;
}

.theme-row__swatch[b-32ldzq052h] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.theme-row__info[b-32ldzq052h] {
    flex: 1;
    min-width: 120px;
    display: flex;
    flex-direction: column;
}

.theme-row__name[b-32ldzq052h] {
    font-weight: 600;
    font-size: 0.9rem;
}

.theme-row__tag[b-32ldzq052h] {
    font-size: 0.7rem;
    color: #9e9e9e;
}

.theme-row__actions[b-32ldzq052h] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.color-grid[b-32ldzq052h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.75rem;
}

.color-field[b-32ldzq052h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.82rem;
    background: #fafafa;
    border-radius: 8px;
    padding: 0.4rem 0.6rem;
}

    .color-field input[type="color"][b-32ldzq052h] {
        width: 32px;
        height: 26px;
        border: none;
        padding: 0;
        background: none;
        cursor: pointer;
    }

/* ===== Sections tab ===== */
.section-list[b-32ldzq052h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.section-row[b-32ldzq052h] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.section-row__order[b-32ldzq052h] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.section-row__info[b-32ldzq052h] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.section-row__title[b-32ldzq052h] {
    font-weight: 600;
    font-size: 0.9rem;
}

.section-row__key[b-32ldzq052h] {
    font-size: 0.72rem;
    color: #9e9e9e;
    font-family: monospace;
}
/* /Components/Pages/Admin/Categories/Index.razor.rz.scp.css */
.modal-backdrop-custom[b-9a78ip99ho] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal-custom[b-9a78ip99ho] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* ===== DASH ===== */
.dash[b-1b9077qo68] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ===== WELCOME ===== */
.dash__welcome[b-1b9077qo68] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    border-radius: var(--radius-lg);
    padding: 1.5rem 2rem;
    color: #ffffff;
}

.dash__welcome-title[b-1b9077qo68] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
}

.dash__welcome-sub[b-1b9077qo68] {
    font-size: 0.9rem;
    opacity: 0.85;
    margin: 0;
}

.dash__welcome-date[b-1b9077qo68] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    opacity: 0.85;
    flex-shrink: 0;
}

/* ===== STATS ===== */
.dash__stats[b-1b9077qo68] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

/* ===== STAT CARD ===== */
.stat-card[b-1b9077qo68] {
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
}

    .stat-card:hover[b-1b9077qo68] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    }

.stat-card__icon[b-1b9077qo68] {
    width: 52px;
    height: 52px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-card--primary .stat-card__icon[b-1b9077qo68] {
    background: var(--primary-light);
    color: var(--primary);
}

.stat-card--blue .stat-card__icon[b-1b9077qo68] {
    background: #e3f2fd;
    color: #1565c0;
}

.stat-card--green .stat-card__icon[b-1b9077qo68] {
    background: #e8f5e9;
    color: #2e7d32;
}

.stat-card--orange .stat-card__icon[b-1b9077qo68] {
    background: #fff3e0;
    color: #e65100;
}

.stat-card__info[b-1b9077qo68] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.stat-card__value[b-1b9077qo68] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1;
}

.stat-card__label[b-1b9077qo68] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-weight: 500;
}

.stat-card__link[b-1b9077qo68] {
    font-size: 0.8rem;
    color: var(--text-muted);
    text-decoration: none;
    transition: color 0.15s;
    margin-top: auto;
}

.stat-card--primary .stat-card__link:hover[b-1b9077qo68] {
    color: var(--primary);
}

.stat-card--blue .stat-card__link:hover[b-1b9077qo68] {
    color: #1565c0;
}

.stat-card--green .stat-card__link:hover[b-1b9077qo68] {
    color: #2e7d32;
}

.stat-card--orange .stat-card__link:hover[b-1b9077qo68] {
    color: #e65100;
}

/* ===== SECTION ===== */
.dash__section[b-1b9077qo68] {
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
}

.dash__section-header[b-1b9077qo68] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.dash__section-title[b-1b9077qo68] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 1.25rem 0;
}

.dash__section-header .dash__section-title[b-1b9077qo68] {
    margin: 0;
}

.dash__section-link[b-1b9077qo68] {
    font-size: 0.85rem;
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s;
}

    .dash__section-link:hover[b-1b9077qo68] {
        color: var(--primary-dark);
    }

/* ===== QUICK ACTIONS ===== */
.dash__actions[b-1b9077qo68] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.quick-action[b-1b9077qo68] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 1.25rem;
    background: #f9f9f9;
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 500;
    transition: background 0.2s, transform 0.2s;
    border: 1px solid #f0f0f0;
    text-align: center;
}

    .quick-action:hover[b-1b9077qo68] {
        background: var(--bg-secondary);
        transform: translateY(-2px);
        color: var(--text);
    }

.quick-action__icon[b-1b9077qo68] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick-action__icon--primary[b-1b9077qo68] {
    background: var(--primary-light);
    color: var(--primary);
}

.quick-action__icon--blue[b-1b9077qo68] {
    background: #e3f2fd;
    color: #1565c0;
}

.quick-action__icon--green[b-1b9077qo68] {
    background: #e8f5e9;
    color: #2e7d32;
}

.quick-action__icon--orange[b-1b9077qo68] {
    background: #fff3e0;
    color: #e65100;
}

/* ===== TABLE ===== */
.dash__table-wrap[b-1b9077qo68] {
    overflow-x: auto;
    border-radius: var(--radius-md);
    border: 1px solid #f0f0f0;
}

.dash__table[b-1b9077qo68] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
}

    .dash__table thead tr[b-1b9077qo68] {
        background: #f9f9f9;
        border-bottom: 1px solid var(--border);
    }

    .dash__table th[b-1b9077qo68] {
        padding: 0.75rem 1rem;
        text-align: right;
        font-weight: 600;
        color: #616161;
        white-space: nowrap;
    }

    .dash__table td[b-1b9077qo68] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--bg-secondary);
        color: #424242;
    }

    .dash__table tbody tr:last-child td[b-1b9077qo68] {
        border-bottom: none;
    }

    .dash__table tbody tr:hover td[b-1b9077qo68] {
        background: #fafafa;
    }

.dash__table-name[b-1b9077qo68] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 500;
}

.dash__table-img[b-1b9077qo68] {
    border-radius: var(--radius-sm);
    object-fit: cover;
    flex-shrink: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .dash__stats[b-1b9077qo68] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dash__actions[b-1b9077qo68] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .dash__welcome[b-1b9077qo68] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1.25rem;
    }

    .dash__welcome-date[b-1b9077qo68] {
        font-size: 0.8rem;
    }

    .dash__stats[b-1b9077qo68] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dash__actions[b-1b9077qo68] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dash__section[b-1b9077qo68] {
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    .dash__stats[b-1b9077qo68] {
        grid-template-columns: 1fr 1fr;
    }

    .dash__welcome-title[b-1b9077qo68] {
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Admin/Media.razor.rz.scp.css */
/* ===== PAGE ===== */
.media-page[b-2o98yn4b4x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.media-page__header[b-2o98yn4b4x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.media-page__title[b-2o98yn4b4x] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.media-page__search[b-2o98yn4b4x] {
    max-width: 260px;
}

/* ===== BREADCRUMB ===== */
.media-page__breadcrumb[b-2o98yn4b4x] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    flex-wrap: wrap;
}

.media-page__bc-item[b-2o98yn4b4x] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    padding: 0.2rem 0.4rem;
    border-radius: var(--radius-xs);
    transition: background 0.15s, color 0.15s;
}

    .media-page__bc-item:hover[b-2o98yn4b4x] {
        background: var(--bg-secondary);
        color: var(--primary);
    }

    .media-page__bc-item:last-child[b-2o98yn4b4x] {
        color: var(--text);
        font-weight: 600;
    }

.media-page__bc-sep[b-2o98yn4b4x] {
    color: var(--border);
}

/* ===== EMPTY ===== */
.media-page__empty[b-2o98yn4b4x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    color: var(--text-muted);
    gap: 1rem;
    background: #ffffff;
    border-radius: var(--radius-lg);
    border: 1px dashed var(--border);
}

/* ===== GRID ===== */
.media-grid[b-2o98yn4b4x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 1rem;
}

/* ===== CARD ===== */
.media-card[b-2o98yn4b4x] {
    background: #ffffff;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    overflow: hidden;
    transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
    position: relative;
}

.media-card--folder[b-2o98yn4b4x] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    gap: 0.5rem;
}

.media-card:hover[b-2o98yn4b4x] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    border-color: var(--primary);
}

.media-card__icon[b-2o98yn4b4x] {
    color: #ffbb33;
}

.media-card__img[b-2o98yn4b4x] {
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
    background: var(--bg-secondary);
}

.media-card__info[b-2o98yn4b4x] {
    padding: 0.5rem 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.media-card__name[b-2o98yn4b4x] {
    font-size: 0.78rem;
    color: var(--text);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.media-card--folder .media-card__name[b-2o98yn4b4x] {
    text-align: center;
}

.media-card__size[b-2o98yn4b4x] {
    font-size: 0.7rem;
    color: var(--text-muted);
}

/* ===== ACTIONS ===== */
.media-card__actions[b-2o98yn4b4x] {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    display: flex;
    gap: 0.3rem;
    opacity: 0;
    transition: opacity 0.2s;
}

.media-card:hover .media-card__actions[b-2o98yn4b4x] {
    opacity: 1;
}

.media-card__action-btn[b-2o98yn4b4x] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.95);
    color: #424242;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: background 0.15s, color 0.15s;
}

    .media-card__action-btn:hover[b-2o98yn4b4x] {
        background: var(--primary);
        color: #ffffff;
    }

.media-card__action-btn--danger:hover[b-2o98yn4b4x] {
    background: #ff4444;
    color: #ffffff;
}



/* ===== COMPRESS MODAL ===== */
.compress-backdrop[b-2o98yn4b4x] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

.compress-modal[b-2o98yn4b4x] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background: #ffffff;
    border-radius: var(--radius-lg);
    width: 90vw;
    max-width: 420px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

.compress-header[b-2o98yn4b4x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
}

    .compress-header h5[b-2o98yn4b4x] {
        font-size: 1rem;
        font-weight: 700;
        margin: 0;
    }

.compress-close[b-2o98yn4b4x] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

    .compress-close:hover[b-2o98yn4b4x] {
        background: var(--bg-secondary);
        color: var(--text);
    }

.compress-body[b-2o98yn4b4x] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow-y: auto;
}

.compress-preview[b-2o98yn4b4x] {
    width: 100%;
    max-height: 200px;
    object-fit: contain;
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
}

.compress-info[b-2o98yn4b4x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: #f9f9f9;
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
}

.compress-size-row[b-2o98yn4b4x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.88rem;
    color: #424242;
}

.compress-size-row--new strong[b-2o98yn4b4x] {
    color: var(--primary);
}

.compress-saved[b-2o98yn4b4x] {
    font-size: 0.8rem;
    color: #00C851;
    font-weight: 600;
}

.compress-quality[b-2o98yn4b4x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .compress-quality label[b-2o98yn4b4x] {
        font-size: 0.88rem;
        font-weight: 600;
        color: var(--text);
    }

.compress-slider[b-2o98yn4b4x] {
    width: 100%;
    accent-color: var(--primary);
}

.compress-quality-labels[b-2o98yn4b4x] {
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: var(--text-muted);
}

.compress-footer[b-2o98yn4b4x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border);
}

@media (max-width: 480px) {
    .compress-modal[b-2o98yn4b4x] {
        width: 100vw;
        max-width: 100vw;
        border-radius: 0;
    }
}
/* /Components/Pages/Admin/Orders/Details.razor.rz.scp.css */
/* Components/Pages/Admin/Orders/Details.razor.css */
.receipt-modal-backdrop[b-2tq3vqb1ir] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 1040;
}

.receipt-modal[b-2tq3vqb1ir] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    max-width: 90vw;
    max-height: 90vh;
}

    .receipt-modal img[b-2tq3vqb1ir] {
        max-width: 100%;
        max-height: 90vh;
        border-radius: var(--radius-md);
    }

.receipt-modal__close[b-2tq3vqb1ir] {
    position: absolute;
    top: -40px;
    left: 0;
}
/* اضافه به Components/Pages/Admin/Orders/Details.razor.css */

.order-timeline[b-2tq3vqb1ir] {
    position: relative;
    padding-right: 1.5rem;
}

.order-timeline__item[b-2tq3vqb1ir] {
    position: relative;
    padding-bottom: 1.5rem;
    padding-right: 1rem;
    border-right: 2px solid #f0f0f0;
}

    .order-timeline__item:last-child[b-2tq3vqb1ir] {
        padding-bottom: 0;
        border-right-color: transparent;
    }

.order-timeline__dot[b-2tq3vqb1ir] {
    position: absolute;
    right: -5px;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary);
}

.order-timeline__header[b-2tq3vqb1ir] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.4rem;
    flex-wrap: wrap;
}

.order-timeline__note[b-2tq3vqb1ir] {
    font-size: 0.85rem;
    color: #424242;
    background: #f9f9f9;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-md);
    margin: 0.3rem 0;
}

.order-timeline__by[b-2tq3vqb1ir] {
    font-size: 0.75rem;
    color: var(--text-muted);
}
/* /Components/Pages/Admin/PaymentMethods.razor.rz.scp.css */
/* Components/Pages/Admin/PaymentMethods.razor.css */
.payment-method-row[b-cskvvgl3y9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #f0f0f0;
}

    .payment-method-row:last-child[b-cskvvgl3y9] {
        border-bottom: none;
    }

.payment-method-row__info[b-cskvvgl3y9] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
/* /Components/Pages/Admin/Products/ProductEditor.razor.rz.scp.css */
/* ProductEditor.razor.css */

/* ===== گالری رسانه (منتقل‌شده از Media.razor.css) ===== */
.media-product-grid[b-a91k5ypsaa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 1rem;
}

.media-product-item[b-a91k5ypsaa] {
    position: relative;
    aspect-ratio: 1;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 2px solid var(--border);
    background: var(--bg-secondary);
}

    .media-product-item img[b-a91k5ypsaa],
    .media-product-item video[b-a91k5ypsaa] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.media-product-item--main[b-a91k5ypsaa] {
    border-color: var(--primary);
}

.media-product-item__badge[b-a91k5ypsaa] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    background: var(--primary);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: var(--radius-sm);
}

.media-product-item__actions[b-a91k5ypsaa] {
    position: absolute;
    bottom: 0.4rem;
    left: 0.4rem;
    right: 0.4rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.3rem;
    opacity: 0;
    transition: opacity 0.2s;
}

.media-product-item:hover .media-product-item__actions[b-a91k5ypsaa] {
    opacity: 1;
}

.media-product-item__actions button[b-a91k5ypsaa] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.95);
    color: #424242;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

    .media-product-item__actions button:hover[b-a91k5ypsaa] {
        background: var(--primary);
        color: #fff;
    }

.media-product-item__delete:hover[b-a91k5ypsaa] {
    background: #ff4444 !important;
}

/* ===== جدول اسپردشیت متغیرها ===== */
.variant-sheet-card .table-responsive[b-a91k5ypsaa] {
    overflow-x: auto;
}

.variant-sheet-table th[b-a91k5ypsaa] {
    white-space: nowrap;
    font-size: 0.8rem;
    color: #666;
    background: #fafafa;
}

.variant-sheet-table td[b-a91k5ypsaa] {
    vertical-align: middle;
}

.variant-sheet-table .form-control-sm[b-a91k5ypsaa] {
    min-width: 70px;
}

.variant-image-btn[b-a91k5ypsaa] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    border: 1px dashed #ccc;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    color: #999;
    font-size: 1.1rem;
}

    .variant-image-btn img[b-a91k5ypsaa] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .variant-image-btn:hover[b-a91k5ypsaa] {
        border-color: var(--primary);
        color: var(--primary);
    }
/* /Components/Pages/Admin/PromoBanners/Index.razor.rz.scp.css */
.promo-admin-grid[b-yocxad2jra] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.promo-admin-card[b-yocxad2jra] {
    position: relative;
    border-radius: 14px;
    padding: 1.25rem;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.promo-admin-card__text[b-yocxad2jra] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-width: 55%;
}

.promo-admin-card__btn[b-yocxad2jra] {
    display: inline-block;
    width: fit-content;
    margin-top: 0.5rem;
    padding: 0.4rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 0.78rem;
    font-weight: 600;
}

.promo-admin-card__img[b-yocxad2jra] {
    max-height: 120px;
    max-width: 40%;
    object-fit: contain;
}

.promo-admin-card__inactive[b-yocxad2jra] {
    position: absolute;
    top: 0.6rem;
    left: 0.6rem;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 0.7rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
/* ===== SETTINGS ===== */
.settings[b-ic03lp46ew] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 800px;
}

/* ===== HEADER ===== */
.settings__header[b-ic03lp46ew] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.settings__title[b-ic03lp46ew] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

/* ===== CARD ===== */
.settings__card[b-ic03lp46ew] {
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ===== SECTION TITLE ===== */
.settings__section-title[b-ic03lp46ew] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

/* ===== ROW ===== */
.settings__row[b-ic03lp46ew] {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.settings__label[b-ic03lp46ew] {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .settings__label span[b-ic03lp46ew] {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--text);
    }

    .settings__label small[b-ic03lp46ew] {
        font-size: 0.78rem;
        color: var(--text-muted);
    }

.settings__control[b-ic03lp46ew] {
    flex: 1;
}

.settings__control--social[b-ic03lp46ew] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

/* ===== کارت‌های انتخاب استایل ظاهری ===== */
.settings__style-presets[b-ic03lp46ew] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.style-preset-card[b-ic03lp46ew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 110px;
    padding: 0.85rem 0.5rem;
    background: var(--bg);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
    font-family: inherit;
}

    .style-preset-card:hover[b-ic03lp46ew] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-sm);
    }

.style-preset-card--active[b-ic03lp46ew] {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
}

.style-preset-card__swatch[b-ic03lp46ew] {
    display: flex;
    align-items: flex-end;
    gap: 0.3rem;
    height: 34px;
}

.style-preset-card__box[b-ic03lp46ew] {
    width: 30px;
    height: 30px;
    background: var(--primary);
    opacity: 0.85;
}

.style-preset-card__box--sm[b-ic03lp46ew] {
    width: 18px;
    height: 18px;
    opacity: 0.5;
}

/* هر کارت گردی و سایه‌ی متناسب با همون پریست رو پیش‌نمایش می‌ده */
.style-preset-card--classic .style-preset-card__box[b-ic03lp46ew] {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.style-preset-card--modern .style-preset-card__box[b-ic03lp46ew] {
    border-radius: 14px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

.style-preset-card--elegant .style-preset-card__box[b-ic03lp46ew] {
    border-radius: 10px;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--primary) 25%, rgba(0,0,0,0.12));
}

.style-preset-card__name[b-ic03lp46ew] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text);
}

.settings__logo-preview[b-ic03lp46ew] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border: 1px solid #eee;
    border-radius: var(--radius-md);
    background: #fafafa;
    padding: 6px;
}

/* ===== COLOR PICKER ===== */
.color-picker[b-ic03lp46ew] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.color-picker__input[b-ic03lp46ew] {
    width: 56px;
    height: 56px;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    padding: 2px;
    background: transparent;
}

.color-picker__swatches[b-ic03lp46ew] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.color-picker__swatch[b-ic03lp46ew] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform 0.15s, border-color 0.15s;
    padding: 0;
}

    .color-picker__swatch:hover[b-ic03lp46ew] {
        transform: scale(1.15);
    }

.color-picker__swatch--active[b-ic03lp46ew] {
    border-color: var(--text);
    transform: scale(1.15);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--text);
}

.color-picker__value[b-ic03lp46ew] {
    font-size: 0.82rem;
    color: var(--text-muted);
    font-family: monospace;
}

/* ===== PREVIEW ===== */
.settings__preview[b-ic03lp46ew] {
    background: #f9f9f9;
    border-radius: var(--radius-md);
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    border: 1px solid #f0f0f0;
}

.settings__preview-label[b-ic03lp46ew] {
    font-size: 0.82rem;
    color: var(--text-muted);
    font-weight: 500;
    flex-shrink: 0;
}

.settings__preview-items[b-ic03lp46ew] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.settings__preview-btn[b-ic03lp46ew] {
    font-size: 0.88rem;
    transition: opacity 0.2s;
}

    .settings__preview-btn:hover[b-ic03lp46ew] {
        opacity: 0.85;
    }

.settings__preview-text[b-ic03lp46ew] {
    font-size: 0.88rem;
}

/* ===== ACTIONS ===== */
.settings__actions[b-ic03lp46ew] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.5rem;
    border-top: 1px solid #f0f0f0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .settings__row[b-ic03lp46ew] {
        flex-direction: column;
        gap: 1rem;
    }

    .settings__label[b-ic03lp46ew] {
        flex: unset;
    }

    .settings__preview[b-ic03lp46ew] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .settings__actions[b-ic03lp46ew] {
        flex-direction: column;
        align-items: stretch;
    }

        .settings__actions .btn[b-ic03lp46ew] {
            width: 100%;
            text-align: center;
        }
}
/* /Components/Pages/Admin/StoreLicenses.razor.rz.scp.css */
.license-thumb[b-q6j8ehzzjp] {
    width: 56px;
    height: 56px;
    object-fit: contain;
    border: 1px solid #eee;
    border-radius: var(--radius-md);
    background: #fafafa;
    padding: 4px;
}

.license-row[b-q6j8ehzzjp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #f0f0f0;
}

    .license-row:last-child[b-q6j8ehzzjp] {
        border-bottom: none;
        padding-bottom: 0;
    }

.license-row__fields[b-q6j8ehzzjp] {
    flex: 1;
    min-width: 0;
}

.license-row__actions[b-q6j8ehzzjp] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

@media (max-width: 700px) {
    .license-row[b-q6j8ehzzjp] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Admin/TrustBadges.razor.rz.scp.css */
.trust-badge-form[b-l458h5w6lp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .trust-badge-form input[type="text"][b-l458h5w6lp] {
        flex: 1;
    }

.trust-badge-row[b-l458h5w6lp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #f0f0f0;
}

    .trust-badge-row:last-child[b-l458h5w6lp] {
        border-bottom: none;
        padding-bottom: 0;
    }

    .trust-badge-row input[type="text"][b-l458h5w6lp] {
        flex: 1;
    }

.trust-badge-row__order[b-l458h5w6lp] {
    max-width: 80px;
    text-align: center;
}

.trust-badge-row__active[b-l458h5w6lp] {
    flex-shrink: 0;
}

@media (max-width: 700px) {
    .trust-badge-form[b-l458h5w6lp],
    .trust-badge-row[b-l458h5w6lp] {
        flex-wrap: wrap;
    }

    .trust-badge-row__order[b-l458h5w6lp] {
        max-width: 100%;
    }
}
/* /Components/Pages/Admin/Users/Index.razor.rz.scp.css */
/* Components/Pages/Admin/Users/Index.razor.css */
.user-avatar[b-t9yv6cxhao] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 700;
    flex-shrink: 0;
}

.ltr[b-t9yv6cxhao] {
    direction: ltr;
    text-align: left;
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.auth-wrapper[b-ysxqhcp3y7] {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: var(--bg-secondary);
}

.auth-card[b-ysxqhcp3y7] {
    width: 100%;
    max-width: 440px;
    border: none;
    border-radius: var(--radius-lg);
}

.auth-title[b-ysxqhcp3y7] {
    font-size: 1.75rem;
    font-weight: 700;
}

.ltr[b-ysxqhcp3y7] {
    direction: ltr;
    text-align: left;
}

.input-password[b-ysxqhcp3y7] {
    position: relative;
}

    .input-password .form-control[b-ysxqhcp3y7] {
        padding-left: 2.75rem;
    }

.password-toggle[b-ysxqhcp3y7] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-radius: var(--radius-xs);
    transition: color 0.2s ease;
}

    .password-toggle:hover[b-ysxqhcp3y7] {
        color: var(--primary);
    }

.auth-link[b-ysxqhcp3y7] {
    color: var(--primary);
    font-weight: 600;
    text-decoration: none;
}

    .auth-link:hover[b-ysxqhcp3y7] {
        color: var(--primary-dark);
    }
/* /Components/Pages/Auth/Register.razor.rz.scp.css */
.auth-wrapper[b-lzyaxr5904] {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: var(--bg-secondary);
}

.auth-card[b-lzyaxr5904] {
    width: 100%;
    max-width: 520px;
    border: none;
    border-radius: var(--radius-lg);
}

.auth-title[b-lzyaxr5904] {
    font-size: 1.75rem;
    font-weight: 700;
}

.ltr[b-lzyaxr5904] {
    direction: ltr;
    text-align: left;
}

.input-password[b-lzyaxr5904] {
    position: relative;
}

    .input-password .form-control[b-lzyaxr5904] {
        padding-left: 2.75rem;
    }

.password-toggle[b-lzyaxr5904] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-radius: var(--radius-xs);
    transition: color 0.2s ease;
}

    .password-toggle:hover[b-lzyaxr5904] {
        color: var(--primary);
    }

.password-strength[b-lzyaxr5904] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.strength-bar[b-lzyaxr5904] {
    flex: 1;
    height: 6px;
    background: var(--border);
    border-radius: var(--radius-pill);
    overflow: hidden;
}

.strength-bar__fill[b-lzyaxr5904] {
    height: 100%;
    border-radius: var(--radius-pill);
    transition: width 0.3s ease, background 0.3s ease;
}

.strength-label[b-lzyaxr5904] {
    font-size: 0.8rem;
    font-weight: 600;
    min-width: 40px;
}

.auth-link[b-lzyaxr5904] {
    color: var(--primary);
    font-weight: 600;
    text-decoration: none;
}

    .auth-link:hover[b-lzyaxr5904] {
        color: var(--primary-dark);
    }

@media (max-width: 480px) {
    .auth-card[b-lzyaxr5904] {
        border-radius: var(--radius-md);
    }
}
/* /Components/Pages/Cart.razor.rz.scp.css */
/* Components/Pages/Cart.razor.css */
.cart-page[b-ip9aar0a4n] {
    padding: 2rem 0;
    min-height: 60vh;
}

.cart-page__inner[b-ip9aar0a4n] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.cart-page__title[b-ip9aar0a4n] {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.cart-page__empty[b-ip9aar0a4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    color: var(--text-muted);
    gap: 1rem;
    text-align: center;
}

.cart-page__layout[b-ip9aar0a4n] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
    align-items: start;
}

.cart-page__items[b-ip9aar0a4n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ===== CART ITEM ===== */
.cart-item[b-ip9aar0a4n] {
    display: grid;
    grid-template-columns: 80px 1fr auto auto auto;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1rem;
}

.cart-item--unavailable[b-ip9aar0a4n] {
    opacity: 0.6;
    border-color: #ffcdd2;
}

.cart-item__img-wrap[b-ip9aar0a4n] {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--bg-secondary);
    flex-shrink: 0;
}

    .cart-item__img-wrap img[b-ip9aar0a4n] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.cart-item__img-placeholder[b-ip9aar0a4n] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--border);
}

.cart-item__info[b-ip9aar0a4n] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.cart-item__name[b-ip9aar0a4n] {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
}

    .cart-item__name:hover[b-ip9aar0a4n] {
        color: var(--primary);
    }

.cart-item__attrs[b-ip9aar0a4n] {
    font-size: 0.78rem;
    color: var(--text-muted);
}

.cart-item__unavailable-msg[b-ip9aar0a4n] {
    font-size: 0.78rem;
    color: #c62828;
    font-weight: 600;
}

.cart-item__services[b-ip9aar0a4n] {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    color: #00897b;
}

.cart-item__qty[b-ip9aar0a4n] {
    flex-shrink: 0;
}

.cart-item__qty-control[b-ip9aar0a4n] {
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

    .cart-item__qty-control button[b-ip9aar0a4n] {
        width: 30px;
        height: 30px;
        background: var(--bg-secondary);
        border: none;
        font-size: 1rem;
        cursor: pointer;
    }

        .cart-item__qty-control button:disabled[b-ip9aar0a4n] {
            opacity: 0.4;
            cursor: not-allowed;
        }

    .cart-item__qty-control span[b-ip9aar0a4n] {
        display: inline-block;
        width: 36px;
        text-align: center;
        font-size: 0.88rem;
        font-weight: 600;
    }

.cart-item__price[b-ip9aar0a4n] {
    text-align: left;
    flex-shrink: 0;
    min-width: 90px;
}

.cart-item__old-price[b-ip9aar0a4n] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-decoration: line-through;
}

.cart-item__final-price[b-ip9aar0a4n] {
    font-weight: 700;
    color: var(--primary);
    font-size: 0.9rem;
}

.cart-item__remove[b-ip9aar0a4n] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.4rem;
    border-radius: var(--radius-sm);
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
}

    .cart-item__remove:hover[b-ip9aar0a4n] {
        background: #ffebee;
        color: #c62828;
    }

/* ===== SUMMARY ===== */
.cart-page__summary[b-ip9aar0a4n] {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    position: sticky;
    top: 1rem;
}

.cart-page__summary-title[b-ip9aar0a4n] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.cart-page__summary-row[b-ip9aar0a4n] {
    display: flex;
    justify-content: space-between;
    font-size: 0.88rem;
    color: #616161;
    margin-bottom: 0.6rem;
}

.cart-page__summary-divider[b-ip9aar0a4n] {
    border-top: 1px solid #f0f0f0;
    margin: 0.75rem 0;
}

.cart-page__summary-row--total[b-ip9aar0a4n] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--text);
}

.cart-page__warning-text[b-ip9aar0a4n] {
    font-size: 0.78rem;
    color: #c62828;
    text-align: center;
    margin-top: 0.5rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 800px) {
    .cart-page__layout[b-ip9aar0a4n] {
        grid-template-columns: 1fr;
    }

    .cart-item[b-ip9aar0a4n] {
        grid-template-columns: 60px 1fr;
        grid-template-rows: auto auto;
    }

    .cart-item__qty[b-ip9aar0a4n],
    .cart-item__price[b-ip9aar0a4n] {
        grid-column: 2;
    }

    .cart-item__remove[b-ip9aar0a4n] {
        position: absolute;
        top: 0.5rem;
        left: 0.5rem;
    }

    .cart-item[b-ip9aar0a4n] {
        position: relative;
    }
}
/* /Components/Pages/CategoryList.razor.rz.scp.css */
/* ===== LOADING ===== */
.cat-page__loading[b-flkkfm87cu] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

/* ===== NOT FOUND ===== */
.cat-page__notfound[b-flkkfm87cu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: var(--text-muted);
    gap: 1rem;
    text-align: center;
}

    .cat-page__notfound h2[b-flkkfm87cu] {
        font-size: 1.5rem;
        color: #424242;
    }

/* ===== BREADCRUMB ===== */
.cat-page__breadcrumb[b-flkkfm87cu] {
    background: #f9f9f9;
    border-bottom: 1px solid var(--border);
}

.cat-page__breadcrumb-inner[b-flkkfm87cu] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.65rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    flex-wrap: wrap;
}

    .cat-page__breadcrumb-inner a[b-flkkfm87cu] {
        color: var(--text-muted);
        text-decoration: none;
        transition: color 0.15s;
    }

        .cat-page__breadcrumb-inner a:hover[b-flkkfm87cu] {
            color: var(--primary);
        }

    .cat-page__breadcrumb-inner span:last-child[b-flkkfm87cu] {
        color: var(--text);
        font-weight: 500;
    }

.cat-page__breadcrumb-sep[b-flkkfm87cu] {
    color: var(--border);
}

/* ===== HERO ===== */
.cat-page__hero[b-flkkfm87cu] {
    background: linear-gradient(135deg, var(--primary-light) 0%, #ffffff 100%);
    border-bottom: 1px solid #f0f0f0;
}

.cat-page__hero-inner[b-flkkfm87cu] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.cat-page__hero-img[b-flkkfm87cu] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    flex-shrink: 0;
}

.cat-page__hero-title[b-flkkfm87cu] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.25rem;
}

.cat-page__hero-sub[b-flkkfm87cu] {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin: 0;
}

/* ===== SECTION ===== */
.cat-page__section[b-flkkfm87cu] {
    padding: 2rem 0;
}

.cat-page__section-inner[b-flkkfm87cu] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.cat-page__section-title[b-flkkfm87cu] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--primary);
    display: inline-block;
}

/* ===== GRID (دسته‌بندی‌ها) ===== */
.cat-page__grid[b-flkkfm87cu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.cat-page__grid--sm[b-flkkfm87cu] {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 0.75rem;
    margin-bottom: 0;
}

/* ===== برندهای محبوب دسته‌بندی ===== */
.cat-page__brands[b-flkkfm87cu] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.cat-page__brand-card[b-flkkfm87cu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 80px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.75rem;
    transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}

    .cat-page__brand-card:hover[b-flkkfm87cu] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.08);
        border-color: var(--primary);
    }

.cat-page__brand-logo[b-flkkfm87cu] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.cat-page__brand-name[b-flkkfm87cu] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text);
    text-align: center;
}

/* ===== CAT CARD ===== */
.cat-card[b-flkkfm87cu] {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}

    .cat-card:hover[b-flkkfm87cu] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.1);
        border-color: var(--primary);
    }

.cat-card--sm[b-flkkfm87cu] {
    border-radius: var(--radius-md);
}

.cat-card__img-wrap[b-flkkfm87cu] {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: #f9f9f9;
}

.cat-card__img[b-flkkfm87cu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.cat-card:hover .cat-card__img[b-flkkfm87cu] {
    transform: scale(1.05);
}

.cat-card__img-placeholder[b-flkkfm87cu] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--border);
    background: var(--bg-secondary);
}

.cat-card__body[b-flkkfm87cu] {
    padding: 0.75rem;
    text-align: center;
}

.cat-card__title[b-flkkfm87cu] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 0.2rem 0;
    line-height: 1.4;
}

.cat-card--sm .cat-card__title[b-flkkfm87cu] {
    font-size: 0.82rem;
}

.cat-card__count[b-flkkfm87cu] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin: 0;
}

/* ===== SUB SECTION ===== */
.cat-page__sub-section[b-flkkfm87cu] {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid #f0f0f0;
}

.cat-page__sub-header[b-flkkfm87cu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.cat-page__sub-title[b-flkkfm87cu] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.cat-page__sub-all[b-flkkfm87cu] {
    font-size: 0.85rem;
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s;
}

    .cat-page__sub-all:hover[b-flkkfm87cu] {
        color: var(--primary-dark);
    }

/* ===== EMPTY ===== */
.cat-page__empty[b-flkkfm87cu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    color: var(--text-muted);
    gap: 1rem;
    text-align: center;
    background: #f9f9f9;
    border-radius: var(--radius-lg);
    border: 1px dashed var(--border);
}

    .cat-page__empty p[b-flkkfm87cu] {
        font-size: 0.95rem;
        margin: 0;
    }

/* =========================================================
   TOOLBAR — به سبک دیجی‌کالا
   دسکتاپ/تبلت: ردیف افقی متن‌ها با هایلایت روی گزینه‌ی فعال
   موبایل: فقط یه دکمه‌ی کوچیک که Bottom Sheet باز می‌کند
   ========================================================= */
.cat-toolbar[b-flkkfm87cu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 0;
    border-bottom: 1px solid var(--border, var(--border));
    margin-bottom: 1.5rem;
    flex-wrap: nowrap;
}

.cat-toolbar__count[b-flkkfm87cu] {
    font-size: 0.85rem;
    color: var(--text-muted, var(--text-muted));
    white-space: nowrap;
    flex-shrink: 0;
}

    .cat-toolbar__count strong[b-flkkfm87cu] {
        color: var(--text, var(--text));
        font-weight: 700;
    }

/* ----- ردیف افقی (دسکتاپ / تبلت) ----- */
.cat-toolbar__inline[b-flkkfm87cu] {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    overflow-x: auto;
    scrollbar-width: none;
    flex: 1;
    justify-content: flex-end;
}

    .cat-toolbar__inline[b-flkkfm87cu]::-webkit-scrollbar {
        display: none;
    }

.cat-toolbar__inline-label[b-flkkfm87cu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: var(--text-muted, var(--text-muted));
    white-space: nowrap;
    padding-inline-start: 0.6rem;
    border-inline-start: 1px solid var(--border, var(--border));
}

.cat-toolbar__inline-item[b-flkkfm87cu] {
    background: transparent;
    border: none;
    padding: 0.3rem 0;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-muted, var(--text-muted));
    white-space: nowrap;
    cursor: pointer;
    font-family: inherit;
    transition: color 0.15s;
    position: relative;
}

    .cat-toolbar__inline-item:hover[b-flkkfm87cu] {
        color: var(--text, var(--text));
    }

    .cat-toolbar__inline-item.is-active[b-flkkfm87cu] {
        color: var(--primary);
        font-weight: 700;
    }

/* ----- دکمه‌ی موبایل (پیش‌فرض مخفی) ----- */
.cat-toolbar__trigger[b-flkkfm87cu] {
    display: none;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: none;
    font-size: 0.85rem;
    color: var(--text, var(--text));
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
}

    .cat-toolbar__trigger strong[b-flkkfm87cu] {
        color: var(--primary);
        font-weight: 700;
    }

/* =========================================================
   BOTTOM SHEET — فقط موبایل
   ========================================================= */
.sort-sheet-backdrop[b-flkkfm87cu] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.sort-sheet[b-flkkfm87cu] {
    position: fixed;
    bottom: 0;
    inset-inline: 0;
    background: var(--bg, #ffffff);
    border-radius: var(--radius-xl) 16px 0 0;
    z-index: 1001;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
    animation: sortSheetUp-b-flkkfm87cu 0.22s ease-out;
}

@keyframes sortSheetUp-b-flkkfm87cu {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

.sort-sheet__header[b-flkkfm87cu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border, var(--border));
    position: sticky;
    top: 0;
    background: var(--bg, #ffffff);
}

.sort-sheet__close[b-flkkfm87cu] {
    background: transparent;
    border: none;
    color: var(--text, var(--text));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0.2rem;
}

.sort-sheet__title[b-flkkfm87cu] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text, var(--text));
    margin: 0;
}

.sort-sheet__list[b-flkkfm87cu] {
    list-style: none;
    margin: 0;
    padding: 0.3rem 0 1.2rem;
}

.sort-sheet__item[b-flkkfm87cu] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border, #f0f0f0);
    padding: 0.85rem 1.1rem;
    font-size: 0.92rem;
    color: var(--text, var(--text));
    font-family: inherit;
    cursor: pointer;
    text-align: right;
}

    .sort-sheet__item svg[b-flkkfm87cu] {
        color: var(--primary);
        flex-shrink: 0;
    }

    .sort-sheet__item.is-selected[b-flkkfm87cu] {
        font-weight: 700;
        color: var(--primary);
    }

/* ===== PRODUCTS GRID ===== */
.cat-page__products-grid[b-flkkfm87cu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.25rem;
}

/* =========================================================
   RESPONSIVE
   دسکتاپ (پیش‌فرض، ≥1025px): ردیف افقی کامل
   تبلت (641px–1024px): همون ردیف افقی، ولی قابل اسکرول افقی
   موبایل (≤640px): ردیف افقی مخفی، فقط دکمه‌ی Bottom Sheet
   ========================================================= */

/* ----- تبلت ----- */
@media (max-width: 1024px) {
    .cat-page__hero-inner[b-flkkfm87cu] {
        padding: 1.5rem 1rem;
    }

    .cat-page__hero-title[b-flkkfm87cu] {
        font-size: 1.4rem;
    }

    .cat-page__hero-img[b-flkkfm87cu] {
        width: 60px;
        height: 60px;
    }

    .cat-page__section-inner[b-flkkfm87cu] {
        padding: 0 1rem;
    }

    .cat-page__grid[b-flkkfm87cu] {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        gap: 0.75rem;
    }

    .cat-page__grid--sm[b-flkkfm87cu] {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    }

    .cat-page__products-grid[b-flkkfm87cu] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 1rem;
    }

    .cat-toolbar__inline[b-flkkfm87cu] {
        justify-content: flex-start;
        gap: 1.1rem;
    }
}

/* ----- موبایل ----- */
@media (max-width: 640px) {
    .cat-page__grid[b-flkkfm87cu] {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }

    .cat-page__grid--sm[b-flkkfm87cu] {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }

    .cat-page__breadcrumb-inner[b-flkkfm87cu] {
        padding: 0.5rem 1rem;
    }

    .cat-page__products-grid[b-flkkfm87cu] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .cat-toolbar[b-flkkfm87cu] {
        padding: 0.7rem 0;
    }

    /* ردیف افقی رو مخفی کن، دکمه‌ی Bottom Sheet رو نشون بده */
    .cat-toolbar__inline[b-flkkfm87cu] {
        display: none;
    }

    .cat-toolbar__trigger[b-flkkfm87cu] {
        display: flex;
    }
}
/* /Components/Pages/Checkout.razor.rz.scp.css */
/* Components/Pages/Checkout.razor.css */
.checkout-page[b-xbf8a7b4pj] {
    padding: 2rem 0;
    min-height: 60vh;
}

.checkout-page__inner[b-xbf8a7b4pj] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.checkout-page__title[b-xbf8a7b4pj] {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.checkout-page__layout[b-xbf8a7b4pj] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
    align-items: start;
}

.checkout-page__main[b-xbf8a7b4pj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.checkout-card[b-xbf8a7b4pj] {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
}

.checkout-card__title[b-xbf8a7b4pj] {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--text);
}

.checkout-address-option[b-xbf8a7b4pj] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: 0.6rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

    .checkout-address-option:hover[b-xbf8a7b4pj] {
        border-color: var(--primary);
    }

.checkout-address-option--active[b-xbf8a7b4pj] {
    border-color: var(--primary);
    background: var(--primary-light);
}

.checkout-address-option input[b-xbf8a7b4pj] {
    margin-top: 0.25rem;
    accent-color: var(--primary);
}

.checkout-payment-option[b-xbf8a7b4pj] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: 0.6rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

    .checkout-payment-option:hover[b-xbf8a7b4pj] {
        border-color: var(--primary);
    }

.checkout-payment-option--active[b-xbf8a7b4pj] {
    border-color: var(--primary);
    background: var(--primary-light);
}

.checkout-payment-option input[b-xbf8a7b4pj] {
    margin-top: 0.25rem;
    accent-color: var(--primary);
}

.checkout-cardtocard-box[b-xbf8a7b4pj] {
    margin-top: 1rem;
    padding: 1rem;
    background: #f9f9f9;
    border-radius: var(--radius-md);
    border: 1px dashed var(--border);
}

.checkout-account-card[b-xbf8a7b4pj] {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.75rem;
    margin-bottom: 0.6rem;
    font-size: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.checkout-page__summary[b-xbf8a7b4pj] {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    position: sticky;
    top: 1rem;
}

.checkout-page__summary-title[b-xbf8a7b4pj] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.checkout-summary-item[b-xbf8a7b4pj] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: #616161;
    margin-bottom: 0.5rem;
}

.checkout-summary-item--total[b-xbf8a7b4pj] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--text);
    margin-top: 0.5rem;
}

.ltr[b-xbf8a7b4pj] {
    direction: ltr;
    text-align: left;
    display: inline-block;
}

@media (max-width: 800px) {
    .checkout-page__layout[b-xbf8a7b4pj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CheckoutFlow/Callback.razor.rz.scp.css */
/* Components/Pages/CheckoutFlow/Callback.razor.css */
.callback-page[b-0x7tll9hc1] {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.callback-page__box[b-0x7tll9hc1] {
    text-align: center;
    max-width: 420px;
}

.callback-page__box--success[b-0x7tll9hc1] {
    color: #2e7d32;
}

.callback-page__box--failed[b-0x7tll9hc1] {
    color: #c62828;
}

.callback-page__box h4[b-0x7tll9hc1] {
    color: var(--text);
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
}
/* /Components/Pages/FaqPage.razor.rz.scp.css */
.faq-page[b-721cxkqnwp] {
    padding: 2rem 0 3rem;
}

.faq-page__inner[b-721cxkqnwp] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1rem;
}

.faq-page__header[b-721cxkqnwp] {
    text-align: center;
    margin-bottom: 2rem;
}

.faq-page__title[b-721cxkqnwp] {
    font-size: 1.6rem;
    font-weight: var(--heading-weight, 800);
    letter-spacing: var(--heading-tracking, normal);
    color: var(--text);
    margin-bottom: 0.5rem;
}

.faq-page__subtitle[b-721cxkqnwp] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin: 0;
}

.faq-page__empty[b-721cxkqnwp] {
    text-align: center;
    color: var(--text-muted);
    padding: 3rem 0;
}

/* ===== تب دسته‌بندی‌ها ===== */
.faq-page__tabs[b-721cxkqnwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.faq-page__tab[b-721cxkqnwp] {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-muted);
    border-radius: var(--radius-pill);
    padding: 0.45rem 1.1rem;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}

.faq-page__tab--active[b-721cxkqnwp] {
    background: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}

/* ===== آکاردئون ===== */
.faq-page__accordion[b-721cxkqnwp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-item[b-721cxkqnwp] {
    background: var(--card-bg, var(--bg));
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: border-color var(--transition), box-shadow var(--transition);
}

.faq-item--open[b-721cxkqnwp] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
}

.faq-item__question[b-721cxkqnwp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: transparent;
    border: none;
    text-align: right;
    padding: 1rem 1.25rem;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text);
    cursor: pointer;
}

.faq-item__chevron[b-721cxkqnwp] {
    flex-shrink: 0;
    color: var(--text-muted);
    transition: transform var(--transition);
}

.faq-item--open .faq-item__chevron[b-721cxkqnwp] {
    transform: rotate(180deg);
    color: var(--primary);
}

.faq-item__answer[b-721cxkqnwp] {
    padding: 0 1.25rem 1.1rem;
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.9;
    white-space: pre-line;
}

@media (max-width: 480px) {
    .faq-page__title[b-721cxkqnwp] {
        font-size: 1.35rem;
    }

    .faq-item__question[b-721cxkqnwp] {
        padding: 0.85rem 1rem;
        font-size: 0.88rem;
    }
}
/* /Components/Pages/Payment/Simulate.razor.rz.scp.css */
/* Components/Pages/Payment/Simulate.razor.css */
.payment-sim[b-mijp7l9yqg] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f5;
    padding: 1rem;
}

.payment-sim__box[b-mijp7l9yqg] {
    background: #ffffff;
    border-radius: var(--radius-xl);
    padding: 2rem;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

.payment-sim__header[b-mijp7l9yqg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
    margin-bottom: 1.5rem;
    color: var(--primary);
}

    .payment-sim__header h5[b-mijp7l9yqg] {
        color: var(--text);
        font-weight: 700;
        margin: 0;
    }

.payment-sim__details[b-mijp7l9yqg] {
    background: #f9f9f9;
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1rem;
}

.payment-sim__row[b-mijp7l9yqg] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    color: #424242;
}

    .payment-sim__row:last-child[b-mijp7l9yqg] {
        margin-bottom: 0;
    }

.payment-sim__note[b-mijp7l9yqg] {
    font-size: 0.78rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.ltr[b-mijp7l9yqg] {
    direction: ltr;
    display: inline-block;
}
/* /Components/Pages/ProductDetails.razor.rz.scp.css */
/* ===== LOADING / NOT FOUND ===== */
.product-page__loading[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.product-page__notfound[b-yfy8hrxf18] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    color: var(--text-muted);
}

/* ===== BREADCRUMB ===== */
.product-page__breadcrumb[b-yfy8hrxf18] {
    background: #f9f9f9;
    border-bottom: 1px solid var(--border);
}

.product-page__breadcrumb-inner[b-yfy8hrxf18] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.65rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    flex-wrap: wrap;
    color: var(--text-muted);
}

    .product-page__breadcrumb-inner a[b-yfy8hrxf18] {
        color: var(--text-muted);
        text-decoration: none;
        transition: color 0.15s;
    }

        .product-page__breadcrumb-inner a:hover[b-yfy8hrxf18] {
            color: var(--primary);
        }

    .product-page__breadcrumb-inner span:last-child[b-yfy8hrxf18] {
        color: var(--text);
        font-weight: 500;
    }

/* ===== MAIN LAYOUT ===== */
.product-page__main[b-yfy8hrxf18] {
    padding: 2rem 0;
}

.product-page__main-inner[b-yfy8hrxf18] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
}

/* ===== GALLERY ===== */
.product-page__gallery[b-yfy8hrxf18] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.product-page__gallery-main[b-yfy8hrxf18] {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid var(--border);
}

    .product-page__gallery-main img[b-yfy8hrxf18] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .product-page__gallery-main video[b-yfy8hrxf18] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.product-page__zoom-hint[b-yfy8hrxf18] {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    background: rgba(0,0,0,0.6);
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-page__gallery-placeholder[b-yfy8hrxf18] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--border);
}

.product-page__gallery-thumbs[b-yfy8hrxf18] {
    display: flex;
    gap: 0.6rem;
    overflow-x: auto;
}

.product-page__thumb[b-yfy8hrxf18] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-md);
    border: 2px solid var(--border);
    overflow: hidden;
    flex-shrink: 0;
    background: #fff;
    padding: 0;
    cursor: pointer;
    transition: border-color 0.15s;
}

    .product-page__thumb img[b-yfy8hrxf18] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.product-page__thumb--active[b-yfy8hrxf18] {
    border-color: var(--primary);
}

.product-page__thumb-video[b-yfy8hrxf18] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--text);
    color: #fff;
}

/* ===== INFO ===== */
.product-page__info[b-yfy8hrxf18] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.product-page__brand[b-yfy8hrxf18] {
    font-size: 0.85rem;
    color: var(--text-muted);
    font-weight: 500;
}

.product-page__title[b-yfy8hrxf18] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.product-page__short-desc[b-yfy8hrxf18] {
    font-size: 0.9rem;
    color: #616161;
    line-height: 1.7;
    margin: 0.25rem 0 0.5rem 0;
}

/* ===== ATTRIBUTES ===== */
.product-page__attr-group[b-yfy8hrxf18] {
    margin-top: 0.5rem;
}

.product-page__attr-label[b-yfy8hrxf18] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #424242;
    margin-bottom: 0.5rem;
}

.product-page__attr-options[b-yfy8hrxf18] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.product-page__attr-btn[b-yfy8hrxf18] {
    padding: 0.45rem 1rem;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-md);
    background: #ffffff;
    font-size: 0.85rem;
    font-weight: 500;
    color: #424242;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

    .product-page__attr-btn:hover:not(:disabled)[b-yfy8hrxf18] {
        border-color: var(--primary);
    }

.product-page__attr-btn--active[b-yfy8hrxf18] {
    border-color: var(--primary);
    background: var(--primary);
    color: #ffffff;
}

.product-page__attr-btn--unavailable[b-yfy8hrxf18] {
    opacity: 0.45;
    text-decoration: line-through;
    text-decoration-color: var(--border);
}

.product-page__color-swatch[b-yfy8hrxf18] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--border);
    cursor: pointer;
    padding: 0;
    transition: transform 0.15s, border-color 0.15s;
}

    .product-page__color-swatch:hover:not(:disabled)[b-yfy8hrxf18] {
        transform: scale(1.1);
    }

.product-page__color-swatch--active[b-yfy8hrxf18] {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary);
}

.product-page__color-swatch--unavailable[b-yfy8hrxf18] {
    opacity: 0.4;
    position: relative;
}

    .product-page__color-swatch--unavailable[b-yfy8hrxf18]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: linear-gradient(to bottom right, transparent 46%, var(--text-muted) 48%, var(--text-muted) 52%, transparent 54%);
    }

/* ===== PRICE BOX ===== */
.product-page__price-box[b-yfy8hrxf18] {
    margin-top: 1rem;
    padding: 1rem;
    background: #f9f9f9;
    border-radius: var(--radius-lg);
    border: 1px solid #f0f0f0;
}

.product-page__price-row[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.4rem;
}

.product-page__old-price[b-yfy8hrxf18] {
    font-size: 0.9rem;
    color: var(--text-muted);
    text-decoration: line-through;
}

.product-page__discount-badge[b-yfy8hrxf18] {
    background: var(--primary);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
}

.product-page__final-price[b-yfy8hrxf18] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--primary);
}

.product-page__unavailable[b-yfy8hrxf18] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-top: 0.75rem;
}

.product-page__unavailable--combo[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--primary);
    font-weight: 600;
    background: color-mix(in srgb, var(--primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary) 25%, transparent);
    border-radius: var(--radius-md);
    padding: 0.6rem 0.85rem;
}

/* ===== STOCK ===== */
.product-page__stock[b-yfy8hrxf18] {
    margin-top: 0.5rem;
    font-size: 0.88rem;
    font-weight: 600;
}

.product-page__stock--available[b-yfy8hrxf18] {
    color: #2e7d32;
}

.product-page__stock--unavailable[b-yfy8hrxf18] {
    color: #c62828;
}

/* ===== QUANTITY ===== */
.product-page__qty-row[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

    .product-page__qty-row label[b-yfy8hrxf18] {
        font-size: 0.88rem;
        font-weight: 600;
        color: #424242;
    }

.product-page__qty-control[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

    .product-page__qty-control button[b-yfy8hrxf18] {
        width: 36px;
        height: 36px;
        background: var(--bg-secondary);
        border: none;
        font-size: 1.1rem;
        font-weight: 700;
        color: #424242;
        cursor: pointer;
        transition: background 0.15s;
    }

        .product-page__qty-control button:hover[b-yfy8hrxf18] {
            background: var(--border);
        }

    .product-page__qty-control input[b-yfy8hrxf18] {
        width: 56px;
        height: 36px;
        border: none;
        border-right: 1px solid var(--border);
        border-left: 1px solid var(--border);
        text-align: center;
        font-size: 0.95rem;
        font-weight: 600;
    }

/* ===== ADD TO CART ===== */
.product-page__add-cart-btn[b-yfy8hrxf18] {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: var(--radius-md);
}

/* ===== WARRANTY ===== */
.product-page__warranty[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #f0f0f0;
    font-size: 0.85rem;
    color: #616161;
}

/* ===== TABS SECTION ===== */
.product-page__tabs-section[b-yfy8hrxf18] {
    background: #f9f9f9;
    border-top: 1px solid #f0f0f0;
    padding: 2rem 0;
}

.product-page__tabs-inner[b-yfy8hrxf18] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.product-page__tabs[b-yfy8hrxf18] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 2px solid var(--border);
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.product-page__tab[b-yfy8hrxf18] {
    padding: 0.65rem 1.25rem;
    background: transparent;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-muted);
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

    .product-page__tab:hover[b-yfy8hrxf18] {
        color: var(--primary);
    }

.product-page__tab--active[b-yfy8hrxf18] {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.product-page__tab-content[b-yfy8hrxf18] {
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    border: 1px solid #f0f0f0;
}

.product-page__content-html[b-yfy8hrxf18] {
    font-size: 0.92rem;
    line-height: 1.9;
    color: #424242;
}

/* ===== REVIEWS ===== */
.product-page__reviews-summary[b-yfy8hrxf18] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #f0f0f0;
}

.product-page__avg-rating[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text);
}

.product-page__stars[b-yfy8hrxf18] {
    display: flex;
    gap: 0.1rem;
    font-size: 1rem;
}

.product-page__star[b-yfy8hrxf18] {
    color: var(--border);
}

.product-page__star--filled[b-yfy8hrxf18] {
    color: #ffb300;
}

.product-page__star--clickable[b-yfy8hrxf18] {
    cursor: pointer;
    font-size: 1.4rem;
}

.product-page__review-item[b-yfy8hrxf18] {
    padding: 1rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.product-page__review-header[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.4rem;
    flex-wrap: wrap;
}

.product-page__review-user[b-yfy8hrxf18] {
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--text);
}

.product-page__verified-badge[b-yfy8hrxf18] {
    font-size: 0.7rem;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 0.15rem 0.5rem;
    border-radius: var(--radius-sm);
    font-weight: 600;
}

.product-page__review-title[b-yfy8hrxf18] {
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0.3rem 0;
}

.product-page__review-comment[b-yfy8hrxf18] {
    font-size: 0.88rem;
    color: #616161;
    line-height: 1.7;
    margin: 0;
}

.product-page__admin-reply[b-yfy8hrxf18] {
    margin-top: 0.6rem;
    padding: 0.75rem;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    font-size: 0.85rem;
}

    .product-page__admin-reply p[b-yfy8hrxf18] {
        margin: 0.3rem 0 0 0;
        color: #616161;
    }

.product-page__review-form[b-yfy8hrxf18] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #f0f0f0;
}

.product-page__rating-input[b-yfy8hrxf18] {
    display: flex;
    gap: 0.2rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .product-page__main-inner[b-yfy8hrxf18] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .product-page__tabs-inner[b-yfy8hrxf18] {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .product-page__title[b-yfy8hrxf18] {
        font-size: 1.25rem;
    }

    .product-page__final-price[b-yfy8hrxf18] {
        font-size: 1.35rem;
    }

    .product-page__tab[b-yfy8hrxf18] {
        padding: 0.5rem 0.85rem;
        font-size: 0.82rem;
    }
}

.product-page__loyalty-badge[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff8e1;
    color: #f57f17;
    border-radius: var(--radius-md);
    padding: 0.6rem 0.9rem;
    font-size: 0.85rem;
    margin-top: 0.75rem;
}

    .product-page__loyalty-badge svg[b-yfy8hrxf18] {
        flex-shrink: 0;
    }

.product-page__model[b-yfy8hrxf18] {
    font-size: 0.7em;
    font-weight: 400;
    margin-inline-start: 0.4rem;
}
/* /Components/Pages/Search.razor.rz.scp.css */
/* Components/Pages/Search.razor.css */
.search-page[b-7itsp706c7] {
    padding: 2rem 0;
    min-height: 60vh;
}

.search-page__inner[b-7itsp706c7] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.search-page__title[b-7itsp706c7] {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.search-page__query[b-7itsp706c7] {
    color: var(--primary);
}

.search-page__count[b-7itsp706c7] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-bottom: 1.25rem;
}

.search-page__empty[b-7itsp706c7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    color: var(--text-muted);
    gap: 1rem;
    text-align: center;
}

.search-page__grid[b-7itsp706c7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.25rem;
}

@media (max-width: 768px) {
    .search-page__grid[b-7itsp706c7] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .search-page__grid[b-7itsp706c7] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
}
/* /Components/Shared/AccountSidebar.razor.rz.scp.css */
/* Components/Shared/AccountSidebar.razor.css */
.account-sidebar[b-xqh3e8zp1j] {
    width: 240px;
    flex-shrink: 0;
    background: #ffffff;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    overflow: hidden;
    align-self: flex-start;
}

.account-sidebar__header[b-xqh3e8zp1j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1.25rem 1rem;
    background: #f9f9f9;
    border-bottom: 1px solid var(--border);
    font-weight: 700;
    color: var(--text);
}

.account-sidebar__avatar[b-xqh3e8zp1j] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary-light);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.account-sidebar__nav[b-xqh3e8zp1j] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
}

.account-sidebar__link[b-xqh3e8zp1j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    color: #616161;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 500;
    transition: background 0.15s, color 0.15s;
    border-right: 3px solid transparent;
}

    .account-sidebar__link svg[b-xqh3e8zp1j] {
        flex-shrink: 0;
    }

    .account-sidebar__link:hover[b-xqh3e8zp1j] {
        background: var(--bg-secondary);
        color: var(--primary);
    }

.account-sidebar__link--active[b-xqh3e8zp1j] {
    background: var(--primary-light);
    color: var(--primary);
    border-right-color: var(--primary);
    font-weight: 700;
}

.account-sidebar__link--logout[b-xqh3e8zp1j] {
    margin-top: 0.5rem;
    border-top: 1px solid #f0f0f0;
    color: #c62828;
}

    .account-sidebar__link--logout:hover[b-xqh3e8zp1j] {
        background: #ffebee;
        color: #c62828;
    }

@media (max-width: 768px) {
    .account-sidebar[b-xqh3e8zp1j] {
        width: 100%;
    }
}
/* /Components/Shared/AdvertisementSlider.razor.rz.scp.css */
/*
  Sellora Advertisement Slider — بدون aspect-ratio؛ ارتفاع ثابت و ریسپانسیو با clamp()
  بدون وابستگی به CDN خارجی.
*/

.advertisement-slider[b-s1xxlijqka] {
    --paper: #F4F2ED;
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    height: clamp(200px, 22vw, 420px);
    border-radius: 0px;
    overflow: hidden;
    background: var(--paper);
    box-shadow: 0 1px 2px rgba(20, 16, 10, 0.05), 0 12px 28px -16px rgba(20, 16, 10, 0.25);
}

.advertisement-skeleton[b-s1xxlijqka] {
    height: clamp(200px, 22vw, 420px);
    background: linear-gradient(100deg, #ECE9E2 30%, #F6F4EF 50%, #ECE9E2 70%);
    background-size: 200% 100%;
    animation: shimmer-b-s1xxlijqka 1.6s ease-in-out infinite;
}

@keyframes shimmer-b-s1xxlijqka {
    0% {
        background-position: 150% 0;
    }

    100% {
        background-position: -50% 0;
    }
}

.slider-track[b-s1xxlijqka] {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
    touch-action: pan-y; /* اسکرول عمودی صفحه آزاد بمونه، فقط افقی برای swipe گرفته بشه */
    cursor: grab;
}

.slider-slide[b-s1xxlijqka] {
    flex: 0 0 100%;
    height: 100%;
    overflow: hidden;
}

.slide-link[b-s1xxlijqka] {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.slide-image[b-s1xxlijqka] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* زوم بسیار آروم روی اسلاید فعال؛ حس حرکت زنده بدون شلوغی */
.slider-slide.is-active .slide-image[b-s1xxlijqka] {
    transform: scale(1.04);
}

.slide-link:hover .slide-image[b-s1xxlijqka] {
    transform: scale(1.06);
    transition-duration: 0.9s;
}

/* متن روی هیرو (تیتر/توضیح/دکمه) — پیش‌فرض مخفیه؛ فقط استایل‌هایی که هیروی
   متنی می‌خوان (توی css/styles/*.css) با display:flex نشونش می‌دن */
.slide-overlay[b-s1xxlijqka] {
    display: none;
    position: absolute;
    inset: 0;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
    gap: 0.6rem;
    z-index: 2;
    pointer-events: none;
}

.slide-overlay__title[b-s1xxlijqka] {
    font-size: 1.6rem;
    font-weight: 800;
    color: #ffffff;
    max-width: 60%;
}

.slide-overlay__subtitle[b-s1xxlijqka] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.88);
    max-width: 55%;
}

.slide-overlay__cta[b-s1xxlijqka] {
    display: inline-block;
    width: fit-content;
    margin-top: 0.5rem;
    padding: 0.55rem 1.4rem;
    border-radius: var(--radius-pill);
    font-weight: 700;
    font-size: 0.9rem;
}

/* ---------- Nav arrows: minimal, appear on hover ---------- */
.slider-nav[b-s1xxlijqka] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    color: #201D1A;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease;
    z-index: 2;
    box-shadow: 0 6px 16px -6px rgba(20, 16, 10, 0.35);
}

.advertisement-slider:hover .slider-nav[b-s1xxlijqka] {
    opacity: 1;
}

.slider-nav:hover[b-s1xxlijqka] {
    background: #fff;
    transform: translateY(-50%) scale(1.08);
}

.nav-prev[b-s1xxlijqka] {
    inset-inline-start: 16px;
}

.nav-next[b-s1xxlijqka] {
    inset-inline-end: 16px;
}

/* ---------- Dot indicators: refined, bottom-center ---------- */
.slider-dots[b-s1xxlijqka] {
    position: absolute;
    bottom: 14px;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 2;
}

.dot[b-s1xxlijqka] {
    width: 18px;
    height: 3px;
    border-radius: var(--radius-pill);
    border: none;
    background: rgba(255, 255, 255, 0.5);
    padding: 0;
    cursor: pointer;
    transition: background 0.25s ease, width 0.25s ease;
}

    .dot.is-active[b-s1xxlijqka] {
        background: #fff;
        width: 28px;
    }

/* ---------- Responsive: ارتفاع پایه با clamp تنظیم می‌شه؛ اینجا فقط جزییات دکمه/گوشه رو ریزتر می‌کنیم ---------- */
@media (max-width: 640px) {
    .advertisement-slider[b-s1xxlijqka],
    .advertisement-skeleton[b-s1xxlijqka] {
        border-radius: 0px;
        height: clamp(140px, 34vw, 240px);
    }

    .slider-nav[b-s1xxlijqka] {
        opacity: 1;
        width: 32px;
        height: 32px;
    }

    .nav-prev[b-s1xxlijqka] {
        inset-inline-start: 10px;
    }

    .nav-next[b-s1xxlijqka] {
        inset-inline-end: 10px;
    }

    .slider-dots[b-s1xxlijqka] {
        bottom: 10px;
    }

    .dot[b-s1xxlijqka] {
        width: 14px;
        height: 2.5px;
    }

        .dot.is-active[b-s1xxlijqka] {
            width: 22px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .slider-track[b-s1xxlijqka],
    .slide-image[b-s1xxlijqka] {
        transition: none;
    }

    .slider-slide.is-active .slide-image[b-s1xxlijqka],
    .slide-link:hover .slide-image[b-s1xxlijqka] {
        transform: none;
    }
}
/* /Components/Shared/AmazingOffers.razor.rz.scp.css */
.amazing-offers[b-5mngxq3clq] {
    margin: 1.5rem 0;
    display: flex;
    align-items: stretch;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 6px 24px -10px rgba(0, 0, 0, 0.25);
}

/* ===== پنل ثابت (خارج از اسکرول)، رنگش از خودِ --primary تم ساخته می‌شه ===== */
.amazing-offers__side[b-5mngxq3clq] {
    flex: 0 0 150px;
    background: linear-gradient(160deg, color-mix(in srgb, var(--primary) 55%, black) 0%, color-mix(in srgb, var(--primary) 30%, black) 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.6rem;
    padding: 1.25rem 0.75rem;
    position: relative;
    z-index: 2;
}

.amazing-offers__side-icon[b-5mngxq3clq] {
    position: relative;
    color: #fff;
    opacity: 0.95;
}

.amazing-offers__side-badge[b-5mngxq3clq] {
    position: absolute;
    top: -6px;
    inset-inline-end: -12px;
    background: #fff;
    color: color-mix(in srgb, var(--primary) 70%, black);
    font-size: 0.65rem;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.amazing-offers__title[b-5mngxq3clq] {
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
}

.amazing-offers__see-all[b-5mngxq3clq] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    transition: opacity var(--transition);
}

    .amazing-offers__see-all:hover[b-5mngxq3clq] {
        color: #fff;
        opacity: 1;
        text-decoration: underline;
    }

/* ===== ردیف قابل‌اسکرول + دکمه‌های ناوبری ===== */
.amazing-offers-wrap[b-5mngxq3clq] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    background: var(--bg-secondary);
    padding-inline: 2.25rem;
}

.amazing-offers__nav[b-5mngxq3clq] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    padding: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition), background var(--transition), color var(--transition);
}

.amazing-offers-wrap.is-overflowing:hover .amazing-offers__nav[b-5mngxq3clq] {
    opacity: 1;
    pointer-events: auto;
}

.amazing-offers__nav:hover[b-5mngxq3clq] {
    background: var(--primary);
    color: #fff;
}

.amazing-offers__nav--next[b-5mngxq3clq] {
    inset-inline-end: 6px;
}

.amazing-offers__nav--prev[b-5mngxq3clq] {
    inset-inline-start: 6px;
}

@media (max-width: 767px) {
    .amazing-offers[b-5mngxq3clq] {
        flex-direction: column;
    }

    .amazing-offers__side[b-5mngxq3clq] {
        flex: 0 0 auto;
        flex-direction: row;
        justify-content: center;
        padding: 0.75rem 1rem;
    }

    .amazing-offers__side-icon svg[b-5mngxq3clq] {
        width: 22px;
        height: 22px;
    }

    .amazing-offers__title[b-5mngxq3clq] {
        font-size: 0.85rem;
    }

    .amazing-offers-wrap[b-5mngxq3clq] {
        padding-inline: 1.5rem;
    }

    .amazing-offers__nav[b-5mngxq3clq] {
        width: 26px;
        height: 26px;
    }

    .amazing-offers-wrap.is-overflowing .amazing-offers__nav[b-5mngxq3clq] {
        opacity: 1;
        pointer-events: auto;
    }
}

.amazing-offers__grid[b-5mngxq3clq] {
    display: flex;
    gap: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 0.85rem 0.1rem;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

    .amazing-offers__grid[b-5mngxq3clq]::-webkit-scrollbar {
        display: none;
    }

    .amazing-offers__grid.is-dragging[b-5mngxq3clq] {
        cursor: grabbing;
        scroll-snap-type: none;
        scroll-behavior: auto;
    }

/* ===== کارت پیشنهاد: سفید، شبیه بلیط فروش ===== */
.offer-card[b-5mngxq3clq] {
    flex: 0 0 auto;
    width: 155px;
    scroll-snap-align: start;
    text-decoration: none;
    color: inherit;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.15), inset 0 0 0 3px transparent;
    transition: box-shadow var(--transition);
    position: relative;
}

.offer-card__link[b-5mngxq3clq] {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* ✅ هاور خیلی واضح‌تر شد: یه کادر پررنگ (۳px) دور کل کارت به رنگ تم */
.offer-card:hover[b-5mngxq3clq] {
    box-shadow: 0 4px 16px -4px color-mix(in srgb, var(--primary) 45%, transparent), inset 0 0 0 3px var(--primary);
    color: inherit;
}

.offer-card__ribbon[b-5mngxq3clq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--primary);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 700;
    padding: 0.32rem 0.55rem;
    direction: rtl;
}

.offer-card__ribbon-timer[b-5mngxq3clq] {
    font-size: 0.7rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    direction: ltr;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: var(--radius-xs);
    padding: 0.1rem 0.35rem;
}

.offer-card__img-wrap[b-5mngxq3clq] {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}

.offer-card__img[b-5mngxq3clq] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.offer-card__img-placeholder[b-5mngxq3clq] {
    color: #ccc;
}

.offer-card__body[b-5mngxq3clq] {
    padding: 0 0.65rem 2.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.offer-card__title[b-5mngxq3clq] {
    font-size: 0.78rem;
    font-weight: 600;
    margin: 0;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.1em;
}

.offer-card__old-row[b-5mngxq3clq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.offer-card__percent-badge[b-5mngxq3clq] {
    background: color-mix(in srgb, var(--primary) 12%, white);
    color: var(--primary);
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.12rem 0.4rem;
    border-radius: var(--radius-xs);
}

.offer-card__old-price[b-5mngxq3clq] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-decoration: line-through;
}

.offer-card__price-row[b-5mngxq3clq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-card__price[b-5mngxq3clq] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #222;
}

    .offer-card__price small[b-5mngxq3clq] {
        font-size: 0.65rem;
        font-weight: 500;
        color: #777;
    }

/* ✅ دکمه‌ی «+» شناور، جدا از لینک محصول تا کلیکش صفحه رو عوض نکنه */
.offer-card__add-btn[b-5mngxq3clq] {
    position: absolute;
    inset-inline-end: 0.65rem;
    bottom: 0.7rem;
    z-index: 2;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.35);
    transition: background var(--transition), transform var(--transition);
}

    .offer-card__add-btn:hover[b-5mngxq3clq] {
        background: var(--primary-dark);
        transform: scale(1.08);
    }

/* ✅ کادر کوچک انتخاب تعداد که با کلیک روی «+» باز می‌شه */
.offer-card__qty-box[b-5mngxq3clq] {
    position: absolute;
    inset-inline: 0.5rem;
    bottom: 0.6rem;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.3);
    padding: 0.3rem;
}

.offer-card__qty-btn[b-5mngxq3clq] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: #fff;
    color: #222;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
}

    .offer-card__qty-btn:disabled[b-5mngxq3clq] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.offer-card__qty-value[b-5mngxq3clq] {
    flex: 1 1 auto;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 800;
    color: #222;
}

.offer-card__qty-confirm[b-5mngxq3clq] {
    flex: 0 0 auto;
    border: none;
    border-radius: var(--radius-sm);
    background: var(--primary);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    white-space: nowrap;
}

    .offer-card__qty-confirm:disabled[b-5mngxq3clq] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ===== اسکلتون هنگام لود ===== */
.amazing-offers__title-skeleton[b-5mngxq3clq] {
    width: 90px;
    height: 60px;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.15);
    animation: amazing-offers-pulse-b-5mngxq3clq 1.4s ease-in-out infinite;
}

.amazing-offers__card-skeleton[b-5mngxq3clq] {
    flex: 0 0 155px;
    aspect-ratio: 3 / 4;
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    animation: amazing-offers-pulse-b-5mngxq3clq 1.4s ease-in-out infinite;
}

@keyframes amazing-offers-pulse-b-5mngxq3clq {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .offer-card[b-5mngxq3clq] {
        width: 175px;
    }
}

.offer-card__model[b-5mngxq3clq] {
    font-size: 0.75em;
    font-weight: 400;
    margin-inline-start: 0.25rem;
}
/* /Components/Shared/BestSellers.razor.rz.scp.css */
/* ===== فقط استایل‌های اختصاصی آیتم (پوسته/اسکرول/هدر از ProductCarousel میاد) ===== */
.best-sellers-grid__item[b-cnvxr3ga82] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: inherit;
    padding: 0.5rem 0.35rem;
    border-radius: var(--radius);
    scroll-snap-align: start;
    transition: background var(--transition);
}

    .best-sellers-grid__item:hover[b-cnvxr3ga82] {
        background: var(--bg-secondary);
    }

.best-sellers-grid__thumb-wrap[b-cnvxr3ga82] {
    position: relative;
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
}

.best-sellers-grid__thumb[b-cnvxr3ga82],
.best-sellers-grid__thumb-placeholder[b-cnvxr3ga82] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: var(--bg-secondary);
    display: block;
}

.best-sellers-grid__rank[b-cnvxr3ga82] {
    position: absolute;
    top: -6px;
    left: -6px;
    min-width: 21px;
    height: 21px;
    padding: 0 4px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border: 2px solid var(--bg);
}

.best-sellers-grid__name[b-cnvxr3ga82] {
    font-size: 0.82rem;
    color: var(--text);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 575px) {
    .best-sellers-grid__thumb-wrap[b-cnvxr3ga82] {
        width: 48px;
        height: 48px;
    }
}
/* /Components/Shared/BrandsRow.razor.rz.scp.css */
.brands-box[b-fsa092951x] {
    margin: 1.5rem 0;
    border-radius: 0;
    border: 1px solid var(--border);
    padding: 1.1rem 1.25rem;
    background: var(--bg);
}

.brands-box__header[b-fsa092951x] {
    margin-bottom: 0.75rem;
}

.brands-box__title[b-fsa092951x] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: var(--text);
}

/* ===== ردیف قابل‌اسکرول + دکمه‌های ناوبری (دقیقاً مثل amazing-offers) ===== */
.brands-box-wrap[b-fsa092951x] {
    position: relative;
    padding-inline: 2.25rem;
}

.brands-box__nav[b-fsa092951x] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    padding: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition), background var(--transition), color var(--transition);
}

/* دکمه‌ها فقط وقتی نشون داده می‌شن که واقعاً سرریز باشه (JS تشخیص می‌ده) و موس روش باشه */
.brands-box-wrap.is-overflowing:hover .brands-box__nav[b-fsa092951x] {
    opacity: 1;
    pointer-events: auto;
}

.brands-box__nav:hover[b-fsa092951x] {
    background: var(--primary);
    color: #fff;
}

.brands-box__nav--next[b-fsa092951x] {
    inset-inline-end: 0;
}

.brands-box__nav--prev[b-fsa092951x] {
    inset-inline-start: 0;
}

@media (max-width: 767px) {
    .brands-box-wrap[b-fsa092951x] {
        padding-inline: 1.5rem;
    }

    .brands-box__nav[b-fsa092951x] {
        width: 26px;
        height: 26px;
    }

    .brands-box-wrap.is-overflowing .brands-box__nav[b-fsa092951x] {
        opacity: 1;
        pointer-events: auto;
    }
}

.brands-box__grid[b-fsa092951x] {
    display: flex;
    align-items: center;
    gap: 2.25rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 0.5rem 0.1rem;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

    .brands-box__grid[b-fsa092951x]::-webkit-scrollbar {
        display: none;
    }

    .brands-box__grid.is-dragging[b-fsa092951x] {
        cursor: grabbing;
        scroll-behavior: auto;
    }

.brands-box__item[b-fsa092951x] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 50px;
    border: 2px solid transparent;
    border-radius: var(--radius-md);
    transition: border-color var(--transition);
}

    .brands-box__item img[b-fsa092951x] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        filter: grayscale(100%) opacity(0.55);
        transition: filter var(--transition);
        pointer-events: none;
    }

    /* ✅ به‌جای زوم روی لوگو، فقط رنگی می‌شه و یه کادر به رنگ تم دورش می‌افته */
    .brands-box__item:hover[b-fsa092951x] {
        border-color: var(--primary);
    }

        .brands-box__item:hover img[b-fsa092951x] {
            filter: grayscale(0%) opacity(1);
        }

.brands-box__title-skeleton[b-fsa092951x] {
    width: 90px;
    height: 22px;
    border-radius: var(--radius-xs);
    background: var(--bg-secondary);
    animation: brands-box-pulse-b-fsa092951x 1.4s ease-in-out infinite;
}

.brands-box__item-skeleton[b-fsa092951x] {
    flex: 0 0 auto;
    width: 100px;
    height: 50px;
    border-radius: var(--radius);
    background: var(--bg-secondary);
    animation: brands-box-pulse-b-fsa092951x 1.4s ease-in-out infinite;
}

@keyframes brands-box-pulse-b-fsa092951x {
    0%, 100% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }
}
/* /Components/Shared/CartIcon.razor.rz.scp.css */
/* Components/Shared/CartIcon.razor.css */
.cart-icon[b-mjouc2xm01] {
    position: relative;
    color: var(--text);
    display: flex;
    align-items: center;
    padding: 0.4rem;
    border-radius: var(--radius-md);
    transition: background 0.2s;
    text-decoration: none;
}

    .cart-icon:hover[b-mjouc2xm01] {
        background: var(--bg-secondary);
        color: var(--primary);
    }

.cart-icon__badge[b-mjouc2xm01] {
    position: absolute;
    top: -4px;
    left: -4px;
    background: var(--primary);
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}
/* /Components/Shared/CategoryMenu.razor.rz.scp.css */
/* ===== CMENU ===== */
.cmenu[b-sgnkal6syv] {
    position: relative;
}

/* ===== BAR ===== */
.cmenu__bar[b-sgnkal6syv] {
    display: block;
}

.cmenu__bar-inner[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
    gap: 0.5rem;
}

/* ===== ALL BTN ===== */
.cmenu__all-btn[b-sgnkal6syv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--primary);
    color: #ffffff;
    border: none;
    padding: 0.6rem 1.25rem;
    border-radius: 0;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
    height: 100%;
    margin-left: 0.5rem;
}

    .cmenu__all-btn:hover[b-sgnkal6syv] {
        background: var(--primary-dark);
    }

/* ===== QUICK LINKS ===== */
.cmenu__quick-links[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

    .cmenu__quick-links[b-sgnkal6syv]::-webkit-scrollbar {
        display: none;
    }

.cmenu__quick-link[b-sgnkal6syv] {
    display: inline-flex;
    align-items: center;
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 500;
    padding: 0.65rem 1rem;
    white-space: nowrap;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
}

    .cmenu__quick-link:hover[b-sgnkal6syv] {
        color: var(--primary);
        border-bottom-color: var(--primary);
    }

.cmenu__quick-link--hot[b-sgnkal6syv] {
    color: var(--primary);
    font-weight: 700;
}

/* ===== PANEL ===== */
.cmenu__panel[b-sgnkal6syv] {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #ffffff;
    border-top: 2px solid var(--primary);
    box-shadow: 0 16px 48px rgba(0,0,0,0.15);
    z-index: 1000;
    display: flex;
    min-height: 400px;
    max-height: 520px;
    animation: fadeDown-b-sgnkal6syv 0.2s ease;
}

@keyframes fadeDown-b-sgnkal6syv {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== PANEL CATS ===== */
.cmenu__panel-cats[b-sgnkal6syv] {
    width: 240px;
    flex-shrink: 0;
    border-left: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    background: #fafafa;
}

/* ===== SEARCH BOX ===== */
.cmenu__search-box[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border);
    background: #ffffff;
    position: sticky;
    top: 0;
}

.cmenu__search-input[b-sgnkal6syv] {
    flex: 1;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 0.88rem;
    color: var(--text);
    background: transparent;
}

    .cmenu__search-input[b-sgnkal6syv]::placeholder {
        color: var(--text-muted);
    }

.cmenu__search-clear[b-sgnkal6syv] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
}

    .cmenu__search-clear:hover[b-sgnkal6syv] {
        color: var(--primary);
    }

/* ===== CAT LIST ===== */
.cmenu__cat-list[b-sgnkal6syv] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.cmenu__cat-item[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.65rem 1rem;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: 0.88rem;
    color: var(--text);
    cursor: pointer;
    text-align: right;
    transition: background 0.15s, color 0.15s;
}

    .cmenu__cat-item:hover[b-sgnkal6syv],
    .cmenu__cat-item--active[b-sgnkal6syv] {
        background: #ffffff;
        color: var(--primary);
    }

.cmenu__cat-item--active[b-sgnkal6syv] {
    border-right: 3px solid var(--primary);
    font-weight: 600;
}

.cmenu__cat-img[b-sgnkal6syv] {
    border-radius: var(--radius-xs);
    object-fit: cover;
    flex-shrink: 0;
}

.cmenu__cat-icon[b-sgnkal6syv] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.cmenu__cat-name[b-sgnkal6syv] {
    flex: 1;
}

.cmenu__cat-arrow[b-sgnkal6syv] {
    flex-shrink: 0;
    color: var(--text-muted);
}

.cmenu__no-result[b-sgnkal6syv] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.85rem;
}

/* ===== PANEL SUB ===== */
.cmenu__panel-sub[b-sgnkal6syv] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.5rem;
}

.cmenu__sub-header[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.cmenu__sub-title[b-sgnkal6syv] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary);
    text-decoration: none;
}

.cmenu__sub-all[b-sgnkal6syv] {
    font-size: 0.8rem;
    color: var(--text-muted);
    text-decoration: none;
    transition: color 0.15s;
}

    .cmenu__sub-all:hover[b-sgnkal6syv] {
        color: var(--primary);
    }

.cmenu__sub-grid[b-sgnkal6syv] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.cmenu__sub-col[b-sgnkal6syv] {
    flex: 0 0 160px;
}

.cmenu__sub-col-title[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.5rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #f0f0f0;
    transition: color 0.15s;
}

    .cmenu__sub-col-title:hover[b-sgnkal6syv] {
        color: var(--primary);
    }

.cmenu__sub-items[b-sgnkal6syv] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.cmenu__sub-item[b-sgnkal6syv] {
    display: block;
    padding: 0.3rem 0.4rem;
    font-size: 0.82rem;
    color: #555555;
    text-decoration: none;
    border-radius: var(--radius-xs);
    transition: background 0.15s, color 0.15s;
}

    .cmenu__sub-item:hover[b-sgnkal6syv] {
        background: var(--primary-light);
        color: var(--primary);
    }

.cmenu__sub-item--deep[b-sgnkal6syv] {
    padding-right: 1rem;
    font-size: 0.78rem;
    color: var(--text-muted);
}

    .cmenu__sub-item--deep:hover[b-sgnkal6syv] {
        color: var(--primary);
        background: var(--primary-light);
    }

/* ===== BACKDROP ===== */
.cmenu__backdrop[b-sgnkal6syv] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(0,0,0,0.25);
}

/* ===== MOBILE BAR ===== */
.cmenu__mobile-bar[b-sgnkal6syv] {
    display: none;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
}

.cmenu__mobile-title[b-sgnkal6syv] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text);
}

.cmenu__hamburger[b-sgnkal6syv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.45rem 0.65rem;
    cursor: pointer;
}

    .cmenu__hamburger span[b-sgnkal6syv] {
        display: block;
        width: 20px;
        height: 2px;
        background: var(--primary);
        border-radius: var(--radius-xs);
        transition: all 0.25s;
    }

/* ===== MOBILE PANEL ===== */
.cmenu__mobile-panel[b-sgnkal6syv] {
    position: fixed;
    inset: 0;
    background: #ffffff;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-sgnkal6syv 0.25s ease;
    overflow: hidden;
}

@keyframes slideUp-b-sgnkal6syv {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

.cmenu__mobile-header[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: var(--primary);
    color: #ffffff;
    flex-shrink: 0;
}

.cmenu__mobile-header-title[b-sgnkal6syv] {
    font-size: 1rem;
    font-weight: 700;
}

.cmenu__mobile-close[b-sgnkal6syv] {
    background: transparent;
    border: none;
    color: #ffffff;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.25rem;
}

.cmenu__search-box--mobile[b-sgnkal6syv] {
    border-bottom: 1px solid var(--border);
    padding: 0.75rem 1rem;
    background: #f9f9f9;
    flex-shrink: 0;
}

.cmenu__mobile-list[b-sgnkal6syv] {
    flex: 1;
    overflow-y: auto;
}

/* ===== ACCORDION ===== */
.cmenu__acc[b-sgnkal6syv] {
    border-bottom: 1px solid #f0f0f0;
}

.cmenu__acc--l2[b-sgnkal6syv] {
    border-bottom: none;
}

.cmenu__acc--l3[b-sgnkal6syv] {
    border-bottom: none;
}

.cmenu__acc-trigger[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.85rem 1.25rem;
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--text);
    cursor: pointer;
    text-align: right;
    transition: background 0.15s, color 0.15s;
    text-decoration: none;
}

    .cmenu__acc-trigger:hover[b-sgnkal6syv] {
        color: var(--primary);
        background: #fafafa;
    }

.cmenu__acc-trigger--l2[b-sgnkal6syv] {
    font-size: 0.88rem;
    font-weight: 500;
    padding: 0.7rem 1.75rem;
    color: #424242;
    background: #fafafa;
}

    .cmenu__acc-trigger--l2:hover[b-sgnkal6syv] {
        background: var(--bg-secondary);
        color: var(--primary);
    }

.cmenu__acc-trigger--l3[b-sgnkal6syv] {
    font-size: 0.84rem;
    font-weight: 400;
    padding: 0.6rem 2.25rem;
    color: #616161;
    background: var(--bg-secondary);
}

.cmenu__acc-arrow[b-sgnkal6syv] {
    transition: transform 0.2s;
    flex-shrink: 0;
    color: var(--text-muted);
    margin-right: auto;
}

.cmenu__acc-arrow--open[b-sgnkal6syv] {
    transform: rotate(180deg);
}

.cmenu__acc-body[b-sgnkal6syv] {
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
    animation: fadeDown-b-sgnkal6syv 0.15s ease;
}

.cmenu__acc-body--l2[b-sgnkal6syv] {
    background: var(--bg-secondary);
}

.cmenu__acc-body--l3[b-sgnkal6syv] {
    background: #f0f0f0;
}

.cmenu__acc-all[b-sgnkal6syv] {
    display: block;
    padding: 0.55rem 1.75rem;
    font-size: 0.82rem;
    color: var(--primary);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed var(--border);
    transition: background 0.15s;
}

    .cmenu__acc-all:hover[b-sgnkal6syv] {
        background: var(--primary-light);
    }

.cmenu__acc-all--l2[b-sgnkal6syv] {
    padding-right: 2.25rem;
}

.cmenu__acc-link[b-sgnkal6syv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.75rem;
    font-size: 0.88rem;
    color: #424242;
    text-decoration: none;
    transition: color 0.15s, background 0.15s;
    border-bottom: 1px solid #f0f0f0;
}

    .cmenu__acc-link:last-child[b-sgnkal6syv] {
        border-bottom: none;
    }

    .cmenu__acc-link:hover[b-sgnkal6syv] {
        color: var(--primary);
        background: var(--primary-light);
    }

.cmenu__acc-link--l1[b-sgnkal6syv] {
    padding-right: 1.75rem;
    background: #fafafa;
}

.cmenu__acc-link--l2[b-sgnkal6syv] {
    padding-right: 2.25rem;
    font-size: 0.84rem;
    color: #616161;
    background: var(--bg-secondary);
}

.cmenu__acc-link--l3[b-sgnkal6syv] {
    padding-right: 2.75rem;
    font-size: 0.81rem;
    color: var(--text-muted);
    background: #f0f0f0;
}

.cmenu__acc-extra[b-sgnkal6syv] {
    display: block;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #424242;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    background: #ffffff;
    transition: color 0.15s, background 0.15s;
}

    .cmenu__acc-extra:hover[b-sgnkal6syv] {
        color: var(--primary);
        background: var(--primary-light);
    }

.cmenu__acc-divider[b-sgnkal6syv] {
    height: 6px;
    background: var(--bg-secondary);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .cmenu__bar[b-sgnkal6syv] {
        display: none;
    }

    .cmenu__mobile-bar[b-sgnkal6syv] {
        display: flex;
    }
}

@media (min-width: 769px) {
    .cmenu__mobile-bar[b-sgnkal6syv] {
        display: none;
    }

    .cmenu__mobile-panel[b-sgnkal6syv] {
        display: none !important;
    }
}
/* /Components/Shared/CategoryShortcuts.razor.rz.scp.css */
.cat-shortcuts-wrap[b-y0ig5uhlrt] {
    position: relative;
    padding-inline: 2.5rem;
    margin: 1.5rem 0;
}

/* ===== دکمه‌های ناوبری ===== */
.cat-shortcuts__nav[b-y0ig5uhlrt] {
    position: absolute;
    top: 42px;
    transform: translateY(-50%);
    z-index: 3;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--bg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    padding: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition), background var(--transition), color var(--transition), transform var(--transition);
}

.cat-shortcuts-wrap.is-overflowing:hover .cat-shortcuts__nav[b-y0ig5uhlrt] {
    opacity: 1;
    pointer-events: auto;
}

.cat-shortcuts__nav:hover[b-y0ig5uhlrt] {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
    transform: translateY(-50%) scale(1.06);
}

/* چون RTL هست: دکمه‌ی «بعدی» سمت چپ، دکمه‌ی «قبلی» سمت راست قرار می‌گیره */
.cat-shortcuts__nav--next[b-y0ig5uhlrt] {
    inset-inline-end: 0;
}

.cat-shortcuts__nav--prev[b-y0ig5uhlrt] {
    inset-inline-start: 0;
}

@media (max-width: 767px) {
    /* روی موبایل دکمه‌ها اصلاً نشون داده نمی‌شن؛ لمس مستقیم برای اسکرول بهتره */
    .cat-shortcuts-wrap[b-y0ig5uhlrt] {
        padding-inline: 0.25rem;
    }

    .cat-shortcuts__nav[b-y0ig5uhlrt] {
        display: none;
    }
}

/* ===== ردیف قابل‌درگ ===== */
.cat-shortcuts[b-y0ig5uhlrt] {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding: 0.85rem 0.35rem 1.35rem;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

    .cat-shortcuts[b-y0ig5uhlrt]::-webkit-scrollbar {
        display: none;
    }

    .cat-shortcuts.is-dragging[b-y0ig5uhlrt] {
        cursor: grabbing;
        scroll-snap-type: none;
        scroll-behavior: auto;
    }

.cat-shortcuts__item[b-y0ig5uhlrt] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    width: 76px;
    text-decoration: none;
    color: inherit;
    scroll-margin-inline: 1rem;
    scroll-snap-align: start;
}

.cat-shortcuts__img-wrap[b-y0ig5uhlrt] {
    width: 68px;
    height: 68px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--transition), box-shadow var(--transition);
}

.cat-shortcuts__item:hover .cat-shortcuts__img-wrap[b-y0ig5uhlrt] {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px -4px rgba(0, 0, 0, 0.18);
}

.cat-shortcuts__img[b-y0ig5uhlrt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.cat-shortcuts__img-placeholder[b-y0ig5uhlrt] {
    color: var(--text-muted);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
}

.cat-shortcuts__label[b-y0ig5uhlrt] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--text);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    transition: color var(--transition);
}

.cat-shortcuts__item:hover .cat-shortcuts__label[b-y0ig5uhlrt] {
    color: var(--primary);
}

/* ===== اسکلتون هنگام لود ===== */
.cat-shortcuts__item--skeleton[b-y0ig5uhlrt] {
    pointer-events: none;
}

.cat-shortcuts__img-wrap--skeleton[b-y0ig5uhlrt] {
    background: var(--bg-secondary);
    border-color: transparent;
    animation: cat-shortcuts-pulse-b-y0ig5uhlrt 1.4s ease-in-out infinite;
}

.cat-shortcuts__label-skeleton[b-y0ig5uhlrt] {
    width: 44px;
    height: 10px;
    border-radius: var(--radius-xs);
    background: var(--bg-secondary);
    animation: cat-shortcuts-pulse-b-y0ig5uhlrt 1.4s ease-in-out infinite;
}

@keyframes cat-shortcuts-pulse-b-y0ig5uhlrt {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .cat-shortcuts[b-y0ig5uhlrt] {
        gap: 2.25rem;
    }

    .cat-shortcuts__img-wrap[b-y0ig5uhlrt] {
        width: 84px;
        height: 84px;
    }

    .cat-shortcuts__item[b-y0ig5uhlrt] {
        width: 96px;
    }

    .cat-shortcuts__label[b-y0ig5uhlrt] {
        font-size: 0.88rem;
    }

    .cat-shortcuts__nav[b-y0ig5uhlrt] {
        top: 50px;
    }
}
/* /Components/Shared/CompactProductCard.razor.rz.scp.css */
.compact-card[b-c9r7gm8734] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 0.75rem;
    transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

    .compact-card:hover[b-c9r7gm8734] {
        transform: translateY(-3px);
        box-shadow: var(--shadow);
        border-color: var(--primary);
    }

.compact-card__img-wrap[b-c9r7gm8734] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--bg-secondary);
    margin-bottom: 0.6rem;
}

.compact-card__img[b-c9r7gm8734],
.compact-card__img-placeholder[b-c9r7gm8734] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.compact-card__title[b-c9r7gm8734] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 0.5rem;
    line-height: 1.5;
    height: 2.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.compact-card__price-row[b-c9r7gm8734] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.2rem;
    min-height: 1.2rem;
}

.compact-card__old-price[b-c9r7gm8734] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    text-decoration: line-through;
}

.compact-card__discount-badge[b-c9r7gm8734] {
    background: #e53935;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-xs);
}

.compact-card__final-price[b-c9r7gm8734] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text);
}

.compact-card__final-price--contact[b-c9r7gm8734] {
    color: var(--primary);
    font-size: 0.85rem;
}

.compact-card__currency[b-c9r7gm8734] {
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--text-secondary);
}

.compact-card__model[b-c9r7gm8734] {
    font-size: 0.75em;
    font-weight: 400;
    margin-inline-start: 0.25rem;
}
/* /Components/Shared/CountdownBanner.razor.rz.scp.css */
.countdown-banner[b-m1yx59ry9u] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin: 1.5rem 0;
    padding: 1.1rem 1.5rem;
    border-radius: var(--radius);
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, var(--bg)), var(--bg));
    border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--border));
    text-decoration: none;
    color: var(--text);
    transition: box-shadow var(--transition);
    flex-wrap: wrap;
}

    .countdown-banner:hover[b-m1yx59ry9u] {
        box-shadow: var(--shadow);
    }

.countdown-banner__img-wrap[b-m1yx59ry9u] {
    width: 72px;
    height: 72px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--bg-secondary);
    flex: 0 0 auto;
}

.countdown-banner__img[b-m1yx59ry9u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.countdown-banner__info[b-m1yx59ry9u] {
    flex: 1 1 220px;
    min-width: 0;
}

.countdown-banner__badge[b-m1yx59ry9u] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.2rem;
}

.countdown-banner__name[b-m1yx59ry9u] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 0.35rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.countdown-banner__price-row[b-m1yx59ry9u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.countdown-banner__old-price[b-m1yx59ry9u] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    text-decoration: line-through;
}

.countdown-banner__discount[b-m1yx59ry9u] {
    background: #e53935;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-xs);
}

.countdown-banner__final-price[b-m1yx59ry9u] {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--text);
}

.countdown-banner__timer[b-m1yx59ry9u] {
    display: flex;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.countdown-banner__timer-unit[b-m1yx59ry9u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    min-width: 46px;
    padding: 0.35rem 0.2rem;
}

.countdown-banner__timer-value[b-m1yx59ry9u] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--primary);
    font-variant-numeric: tabular-nums;
}

.countdown-banner__timer-label[b-m1yx59ry9u] {
    font-size: 0.62rem;
    color: var(--text-secondary);
}

@media (max-width: 575px) {
    .countdown-banner[b-m1yx59ry9u] {
        gap: 0.75rem;
        padding: 0.9rem 1rem;
    }

    .countdown-banner__timer[b-m1yx59ry9u] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/Footer.razor.rz.scp.css */
/* ===== ROOT & COLOR TOKENS (تیرهٔ هماهنگ با --primary) ===== */
.site-footer[b-78qhtbxsim] {
    --footer-bg: color-mix(in srgb, var(--primary) 6%, #17181a);
    --footer-bg-bottom: color-mix(in srgb, black 18%, var(--footer-bg));
    --footer-heading: #ffffff;
    --footer-text: #d0d0d0;
    --footer-text-muted: #8a8a8a;
    --footer-border: rgba(255, 255, 255, 0.08);
    --footer-accent: var(--primary);
    margin-top: auto;
    background: var(--footer-bg);
    color: var(--footer-text);
}

.site-footer__inner[b-78qhtbxsim] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.ltr-inline[b-78qhtbxsim] {
    unicode-bidi: plaintext;
}

/* ===== MAIN GRID ===== */
.site-footer__main[b-78qhtbxsim] {
    padding: 3rem 0 2rem;
}

.site-footer__grid[b-78qhtbxsim] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr 1.2fr;
    gap: 2rem;
}

.site-footer__col--brand[b-78qhtbxsim] {
    padding-inline-end: 1rem;
}

/* ===== BRAND / LOGO ===== */
.site-footer__brand[b-78qhtbxsim] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.85rem;
}

.site-footer__logo-img[b-78qhtbxsim] {
    height: 34px;
    width: 34px;
    object-fit: contain;
    border-radius: var(--radius-sm);
}

.site-footer__logo[b-78qhtbxsim] {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
}

.site-footer__about[b-78qhtbxsim] {
    font-size: 0.85rem;
    line-height: 1.9;
    color: var(--footer-text-muted);
    margin-bottom: 1.25rem;
}

/* ===== SOCIAL ===== */
.site-footer__social[b-78qhtbxsim] {
    display: flex;
    gap: 0.6rem;
}

.site-footer__social-link[b-78qhtbxsim] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: var(--footer-text);
    transition: background var(--transition), color var(--transition), transform var(--transition);
}

    .site-footer__social-link:hover[b-78qhtbxsim] {
        background: var(--footer-accent);
        color: #ffffff;
        transform: translateY(-2px);
    }

/* ===== HEADINGS & LINKS ===== */
.site-footer__heading[b-78qhtbxsim] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--footer-heading);
    margin-bottom: 1.1rem;
    position: relative;
    padding-bottom: 0.6rem;
}

    .site-footer__heading[b-78qhtbxsim]::after {
        content: "";
        position: absolute;
        bottom: 0;
        inset-inline-start: 0;
        width: 28px;
        height: 2px;
        background: var(--footer-accent);
        border-radius: var(--radius-xs);
    }

.site-footer__links[b-78qhtbxsim] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

    .site-footer__links a[b-78qhtbxsim] {
        font-size: 0.85rem;
        color: var(--footer-text);
        transition: color var(--transition), padding-inline-start var(--transition);
    }

        .site-footer__links a:hover[b-78qhtbxsim] {
            color: var(--footer-accent);
            padding-inline-start: 4px;
        }

/* ===== CONTACT ===== */
.site-footer__contact[b-78qhtbxsim] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .site-footer__contact li[b-78qhtbxsim] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        font-size: 0.82rem;
        color: var(--footer-text);
        line-height: 1.7;
    }

    .site-footer__contact svg[b-78qhtbxsim] {
        flex-shrink: 0;
        margin-top: 2px;
        color: var(--footer-accent);
    }

    .site-footer__contact a[b-78qhtbxsim] {
        color: inherit;
        transition: color var(--transition);
    }

        .site-footer__contact a:hover[b-78qhtbxsim] {
            color: var(--footer-accent);
        }

/* ===== TRUST BADGES ===== */
.site-footer__newsletter[b-78qhtbxsim] {
    background: rgba(255, 255, 255, 0.03);
    border-top: 1px solid var(--footer-border);
    border-bottom: 1px solid var(--footer-border);
}

.site-footer__newsletter-inner[b-78qhtbxsim] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}

.site-footer__newsletter-text p[b-78qhtbxsim] {
    font-size: 0.8rem;
    color: var(--footer-text-muted);
}

.site-footer__newsletter-form[b-78qhtbxsim] {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    max-width: 380px;
}

    .site-footer__newsletter-form input[b-78qhtbxsim] {
        flex: 1;
    }

@media (max-width: 575px) {
    .site-footer__newsletter-inner[b-78qhtbxsim] {
        flex-direction: column;
        align-items: stretch;
    }

    .site-footer__newsletter-form[b-78qhtbxsim] {
        max-width: none;
    }
}

.site-footer__trust[b-78qhtbxsim] {
    background: rgba(255, 255, 255, 0.03);
    border-top: 1px solid var(--footer-border);
    border-bottom: 1px solid var(--footer-border);
}

.site-footer__trust-inner[b-78qhtbxsim] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.5rem;
}

.site-footer__trust-item[b-78qhtbxsim] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--footer-text-muted);
    flex: 1 1 200px;
}

    .site-footer__trust-item svg[b-78qhtbxsim] {
        flex-shrink: 0;
        color: var(--footer-accent);
    }

/* ===== LICENSES / بج‌های رسمی ===== */
.site-footer__licenses[b-78qhtbxsim] {
    border-bottom: 1px solid var(--footer-border);
}

.site-footer__licenses-inner[b-78qhtbxsim] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
}

.site-footer__license[b-78qhtbxsim] {
    display: inline-flex;
    background: #ffffff;
    border-radius: var(--radius-md);
    padding: 4px;
    line-height: 0;
    opacity: 0.92;
    transition: opacity var(--transition), transform var(--transition);
}

    .site-footer__license:hover[b-78qhtbxsim] {
        opacity: 1;
        transform: translateY(-2px);
    }

    .site-footer__license img[b-78qhtbxsim] {
        height: 46px;
        width: auto;
        display: block;
        object-fit: contain;
    }

/* ===== BOTTOM BAR ===== */
.site-footer__bottom[b-78qhtbxsim] {
    background: var(--footer-bg-bottom);
}

.site-footer__bottom-inner[b-78qhtbxsim] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
}

.site-footer__copyright[b-78qhtbxsim] {
    font-size: 0.8rem;
    color: var(--footer-text-muted);
}

.site-footer__payment[b-78qhtbxsim] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    color: var(--footer-text-muted);
}

    .site-footer__payment svg[b-78qhtbxsim] {
        color: var(--footer-text-muted);
    }

/* ===== RESPONSIVE ===== */
@media (max-width: 1300px) {
    .site-footer__grid[b-78qhtbxsim] {
        grid-template-columns: repeat(3, 1fr);
    }

    .site-footer__col--brand[b-78qhtbxsim] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .site-footer__inner[b-78qhtbxsim] {
        padding: 0 1rem;
    }

    .site-footer__main[b-78qhtbxsim] {
        padding: 2.25rem 0 1.5rem;
    }

    .site-footer__grid[b-78qhtbxsim] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.75rem;
    }

    .site-footer__col--brand[b-78qhtbxsim] {
        grid-column: 1 / -1;
    }

    .site-footer__trust-inner[b-78qhtbxsim] {
        justify-content: flex-start;
    }

    .site-footer__bottom-inner[b-78qhtbxsim] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .site-footer__grid[b-78qhtbxsim] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/IconPicker.razor.rz.scp.css */
.icon-picker[b-ruv8qvrrp0] {
    position: relative;
    display: inline-block;
}

.icon-picker__trigger[b-ruv8qvrrp0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: var(--radius, 8px);
    padding: 0.5rem 0.85rem;
    font-family: inherit;
    font-size: 0.85rem;
    color: var(--text);
    cursor: pointer;
    transition: border-color 0.15s;
}

    .icon-picker__trigger:hover[b-ruv8qvrrp0] {
        border-color: var(--primary, #e53935);
    }

.icon-picker__chevron[b-ruv8qvrrp0] {
    margin-inline-start: auto;
    color: var(--text-muted);
}

.icon-picker__backdrop[b-ruv8qvrrp0] {
    position: fixed;
    inset: 0;
    z-index: 40;
}

.icon-picker__panel[b-ruv8qvrrp0] {
    position: absolute;
    top: calc(100% + 6px);
    inset-inline-start: 0;
    z-index: 41;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    padding: 0.6rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.35rem;
    width: 280px;
    max-height: 260px;
    overflow-y: auto;
}

.icon-picker__option[b-ruv8qvrrp0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    padding: 0.5rem 0.25rem;
    cursor: pointer;
    color: #616161;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

    .icon-picker__option span[b-ruv8qvrrp0] {
        font-size: 0.65rem;
        line-height: 1.3;
        text-align: center;
    }

    .icon-picker__option:hover[b-ruv8qvrrp0] {
        background: var(--bg-secondary);
    }

.icon-picker__option--active[b-ruv8qvrrp0] {
    border-color: var(--primary, #e53935);
    color: var(--primary, #e53935);
    background: color-mix(in srgb, var(--primary, #e53935) 8%, white);
}
/* /Components/Shared/LoyaltyPointsBanner.razor.rz.scp.css */
.loyalty-banner[b-7myuidpwt1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 1rem 0;
    padding: 0.7rem 1.1rem;
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--primary) 8%, var(--bg));
    border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border));
    text-decoration: none;
    color: var(--text);
    transition: box-shadow var(--transition), border-color var(--transition);
}

    .loyalty-banner:hover[b-7myuidpwt1] {
        box-shadow: var(--shadow);
        border-color: var(--primary);
    }

.loyalty-banner__icon[b-7myuidpwt1] {
    font-size: 1.3rem;
    flex: 0 0 auto;
}

.loyalty-banner__text[b-7myuidpwt1] {
    flex: 1 1 auto;
    font-size: 0.85rem;
    min-width: 0;
}

.loyalty-banner__value[b-7myuidpwt1] {
    color: var(--text-secondary);
    font-size: 0.78rem;
    margin-inline-start: 0.35rem;
}

.loyalty-banner__cta[b-7myuidpwt1] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--primary);
    white-space: nowrap;
    flex: 0 0 auto;
}

@media (max-width: 575px) {
    .loyalty-banner[b-7myuidpwt1] {
        flex-wrap: wrap;
    }

    .loyalty-banner__value[b-7myuidpwt1] {
        display: block;
        margin-inline-start: 0;
    }
}
/* /Components/Shared/MediaPicker.razor.rz.scp.css */
/* ===== BACKDROP ===== */
.mp-backdrop[b-vhry0rwnts] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1040;
}

/* ===== MODAL ===== */
.mp-modal[b-vhry0rwnts] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background: #ffffff;
    border-radius: var(--radius-lg);
    width: 90vw;
    max-width: 860px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

/* ===== HEADER ===== */
.mp-header[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.mp-title[b-vhry0rwnts] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.mp-close[b-vhry0rwnts] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    border-radius: var(--radius-sm);
    transition: color 0.2s, background 0.2s;
}

    .mp-close:hover[b-vhry0rwnts] {
        color: var(--text);
        background: var(--bg-secondary);
    }

/* ===== TABS ===== */
.mp-tabs[b-vhry0rwnts] {
    display: flex;
    gap: 0;
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.mp-tab[b-vhry0rwnts] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-muted);
    transition: color 0.2s, border-color 0.2s;
    margin-bottom: -1px;
}

    .mp-tab:hover[b-vhry0rwnts] {
        color: var(--primary);
    }

.mp-tab--active[b-vhry0rwnts] {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

/* ===== BODY ===== */
.mp-body[b-vhry0rwnts] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.5rem;
}

/* ===== TOOLBAR ===== */
.mp-toolbar[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

    .mp-toolbar .form-control[b-vhry0rwnts] {
        flex: 1;
    }

    .mp-toolbar .form-select[b-vhry0rwnts] {
        width: 130px;
        flex-shrink: 0;
    }

    .mp-toolbar .mp-breadcrumb[b-vhry0rwnts] {
        flex: 1;
        min-width: 100px;
    }
/* ===== LOADING / EMPTY ===== */
.mp-loading[b-vhry0rwnts],
.mp-empty[b-vhry0rwnts] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--text-muted);
    gap: 1rem;
}

/* ===== GRID ===== */
.mp-grid[b-vhry0rwnts] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 0.5rem;
}

.mp-grid--folders[b-vhry0rwnts] {
    margin-bottom: 0.75rem;
}

.mp-section-title[b-vhry0rwnts] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--text, var(--text));
    margin: 0.5rem 0 0.4rem;
}

.mp-grid--selected[b-vhry0rwnts] {
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px dashed var(--border);
}

.mp-pagination[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.mp-pagination__label[b-vhry0rwnts] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ===== ITEM (فقط برای پوشه‌ها؛ استایل کارت فایل توی MediaPickerFileCard.razor.css هست) ===== */
.mp-item[b-vhry0rwnts] {
    position: relative;
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s, transform 0.2s;
    background: var(--bg-secondary);
}

    .mp-item:hover[b-vhry0rwnts] {
        transform: translateY(-2px);
        border-color: var(--border);
    }

.mp-item__video[b-vhry0rwnts] {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    color: var(--text-muted);
    font-size: 0.7rem;
    padding: 0.25rem;
    text-align: center;
}

.mp-item__info[b-vhry0rwnts] {
    padding: 0.4rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.72rem;
    color: var(--text-muted);
    background: #ffffff;
}

.mp-item__folder-icon[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    color: #ffbb33;
}

/* ===== UPLOAD ===== */
.mp-upload[b-vhry0rwnts] {
    padding: 1rem 0;
}

.mp-quality-row[b-vhry0rwnts] {
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    background: #f9f9f9;
    border-radius: var(--radius-md);
    border: 1px solid #f0f0f0;
}

    .mp-quality-row label[b-vhry0rwnts] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--text);
        display: block;
        margin-bottom: 0.5rem;
    }

.mp-quality-slider[b-vhry0rwnts] {
    width: 100%;
    accent-color: var(--primary);
}

.mp-quality-labels[b-vhry0rwnts] {
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: var(--text-muted);
    margin-top: 0.25rem;
}

.mp-upload__area[b-vhry0rwnts] {
    position: relative;
    border: 2px dashed var(--border);
    border-radius: var(--radius-lg);
    padding: 3rem;
    text-align: center;
    color: var(--text-muted);
    transition: border-color 0.2s, background 0.2s;
    cursor: pointer;
}

    .mp-upload__area:hover[b-vhry0rwnts] {
        border-color: var(--primary);
        background: var(--primary-light);
    }

    .mp-upload__area svg[b-vhry0rwnts] {
        margin-bottom: 0.75rem;
    }

.mp-upload__input[b-vhry0rwnts] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

/* ===== FOOTER ===== */
.mp-footer[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border);
    flex-shrink: 0;
}


/* ===== BREADCRUMB ===== */
.mp-breadcrumb[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-wrap: wrap;
}

.mp-breadcrumb__item[b-vhry0rwnts] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.82rem;
    padding: 0.2rem 0.4rem;
    border-radius: var(--radius-xs);
    transition: background 0.15s, color 0.15s;
}

    .mp-breadcrumb__item:hover[b-vhry0rwnts] {
        background: var(--primary-light);
        color: var(--primary);
    }

    .mp-breadcrumb__item:last-child[b-vhry0rwnts] {
        color: var(--text);
        font-weight: 600;
    }

.mp-breadcrumb__sep[b-vhry0rwnts] {
    color: var(--border);
    font-size: 0.82rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 576px) {
    .mp-modal[b-vhry0rwnts] {
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: none;
    }

    .mp-grid[b-vhry0rwnts] {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
}
/* /Components/Shared/MediaPickerFileCard.razor.rz.scp.css */
.mp-item[b-no7tdi2f0u] {
    position: relative;
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s, transform 0.2s;
    background: var(--bg-secondary);
}

    .mp-item:hover[b-no7tdi2f0u] {
        transform: translateY(-2px);
        border-color: var(--border);
    }

.mp-item--selected[b-no7tdi2f0u] {
    border-color: var(--primary) !important;
}

.mp-item__img[b-no7tdi2f0u] {
    width: 100%;
    height: 80px;
    object-fit: cover;
    display: block;
}

.mp-item__check[b-no7tdi2f0u] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    width: 24px;
    height: 24px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.mp-item__info[b-no7tdi2f0u] {
    padding: 0.4rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.72rem;
    color: var(--text-muted);
    background: #ffffff;
}

.mp-item__delete[b-no7tdi2f0u] {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    width: 22px;
    height: 22px;
    background: rgba(255,0,0,0.8);
    border: none;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
    padding: 0;
}

.mp-item:hover .mp-item__delete[b-no7tdi2f0u] {
    opacity: 1;
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notif-bell[b-zb9inp0lri] {
    position: relative;
}

.notif-bell__btn[b-zb9inp0lri] {
    position: relative;
    background: none;
    border: none;
    color: var(--text);
    display: flex;
    align-items: center;
    padding: 0.4rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background 0.2s;
}

    .notif-bell__btn:hover[b-zb9inp0lri] {
        background: var(--bg-secondary);
        color: var(--primary);
    }

.notif-bell__badge[b-zb9inp0lri] {
    position: absolute;
    top: -2px;
    left: -2px;
    background: #e0245e;
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}

.notif-bell__backdrop[b-zb9inp0lri] {
    position: fixed;
    inset: 0;
    z-index: 40;
}

.notif-bell__dropdown[b-zb9inp0lri] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 340px;
    max-width: 90vw;
    background: #ffffff;
    border-radius: var(--radius-lg);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
    z-index: 41;
    overflow: hidden;
}

.notif-bell__header[b-zb9inp0lri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    font-size: 0.9rem;
}

.notif-bell__mark-all[b-zb9inp0lri] {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0;
}

.notif-bell__list[b-zb9inp0lri] {
    max-height: 360px;
    overflow-y: auto;
}

.notif-bell__empty[b-zb9inp0lri] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.notif-bell__item[b-zb9inp0lri] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bg-secondary);
    cursor: pointer;
    transition: background 0.15s;
}

    .notif-bell__item:hover[b-zb9inp0lri] {
        background: #f9f9f9;
    }

.notif-bell__item--unread[b-zb9inp0lri] {
    background: color-mix(in srgb, var(--primary) 6%, white);
}

.notif-bell__item-title[b-zb9inp0lri] {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--text);
}

.notif-bell__item-message[b-zb9inp0lri] {
    font-size: 0.8rem;
    color: #616161;
    margin-top: 0.15rem;
    line-height: 1.5;
}

.notif-bell__item-time[b-zb9inp0lri] {
    font-size: 0.7rem;
    color: var(--border);
    margin-top: 0.3rem;
}
/* /Components/Shared/PopularCategories.razor.rz.scp.css */
.popular-categories__section[b-qnol5dfash] {
    margin: 1.5rem 0;
    border: 1px solid var(--border);
    border-radius: 0;
    padding: 1.1rem 1.25rem;
    background: var(--bg);
}

.popular-categories__header[b-qnol5dfash] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.popular-categories__title[b-qnol5dfash] {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 0.15rem;
    color: var(--text);
}

.popular-categories__subtitle[b-qnol5dfash] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    margin: 0;
}

.popular-categories__see-all-link[b-qnol5dfash] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
    text-decoration: none;
    white-space: nowrap;
    padding: 0.3rem 0.6rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    transition: color var(--transition), border-color var(--transition);
}

    .popular-categories__see-all-link:hover[b-qnol5dfash] {
        color: var(--primary);
        border-color: var(--primary);
    }

/* ===== ردیف قابل‌اسکرول + دکمه‌های ناوبری شناور (همون الگوی BestSellers) ===== */
.popular-categories-wrap[b-qnol5dfash] {
    position: relative;
    padding-inline: 2.25rem;
}

.popular-categories__nav[b-qnol5dfash] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    padding: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition), background var(--transition), color var(--transition);
}

.popular-categories-wrap.is-overflowing:hover .popular-categories__nav[b-qnol5dfash] {
    opacity: 1;
    pointer-events: auto;
}

.popular-categories__nav:hover[b-qnol5dfash] {
    background: var(--primary);
    color: #fff;
}

.popular-categories__nav--next[b-qnol5dfash] {
    inset-inline-end: 0;
}

.popular-categories__nav--prev[b-qnol5dfash] {
    inset-inline-start: 0;
}

@media (max-width: 767px) {
    .popular-categories-wrap[b-qnol5dfash] {
        padding-inline: 1.5rem;
    }

    .popular-categories__nav[b-qnol5dfash] {
        width: 26px;
        height: 26px;
    }

    .popular-categories-wrap.is-overflowing .popular-categories__nav[b-qnol5dfash] {
        opacity: 1;
        pointer-events: auto;
    }
}

.popular-categories__grid[b-qnol5dfash] {
    display: flex;
    gap: 0.85rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 0.15rem 0.1rem;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

    .popular-categories__grid[b-qnol5dfash]::-webkit-scrollbar {
        display: none;
    }

    .popular-categories__grid.is-dragging[b-qnol5dfash] {
        cursor: grabbing;
        scroll-snap-type: none;
        scroll-behavior: auto;
    }

.popular-categories__item[b-qnol5dfash] {
    flex: 0 0 auto;
    width: 160px;
    scroll-snap-align: start;
}

/* ===== کارت «مشاهده همه» — آخرین آیتم داخل خود ردیف؛ فقط وقتی که واقعاً
   محتوا سرریز داره و کاربر تا انتهای اسکرول/درگ رفته باشه نمایش داده می‌شه ===== */
.popular-categories__see-all-card[b-qnol5dfash] {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    text-decoration: none;
    border: 1px dashed var(--border);
    border-radius: var(--radius);
    color: var(--text-secondary);
    transition: color var(--transition), border-color var(--transition), background var(--transition);
}

.popular-categories-wrap.is-overflowing.is-at-end .popular-categories__see-all-card[b-qnol5dfash] {
    display: flex;
}

    .popular-categories__see-all-card:hover[b-qnol5dfash] {
        color: var(--primary);
        border-color: var(--primary);
        background: var(--bg-secondary);
    }

.popular-categories__see-all-circle[b-qnol5dfash] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--bg-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.popular-categories__see-all-card:hover .popular-categories__see-all-circle[b-qnol5dfash] {
    background: var(--primary);
    color: #fff;
}

.popular-categories__see-all-card-text[b-qnol5dfash] {
    font-size: 0.8rem;
    font-weight: 600;
}

@media (max-width: 767px) {
    .popular-categories__item[b-qnol5dfash] {
        width: 130px;
    }
}

/* ===== اسکلتون ===== */
.popular-categories__title-skeleton[b-qnol5dfash] {
    width: 160px;
    height: 22px;
    border-radius: var(--radius-xs);
    background: var(--bg-secondary);
    margin-bottom: 0.85rem;
    animation: popular-categories-pulse-b-qnol5dfash 1.4s ease-in-out infinite;
}

.popular-categories__card-skeleton[b-qnol5dfash] {
    height: 210px;
    width: 160px;
    flex: 0 0 auto;
    border-radius: var(--radius);
    background: var(--bg-secondary);
    animation: popular-categories-pulse-b-qnol5dfash 1.4s ease-in-out infinite;
}

@keyframes popular-categories-pulse-b-qnol5dfash {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}
/* /Components/Shared/ProductCard.razor.rz.scp.css */
/* Components/Shared/ProductCard.razor.css */
/* Components/Shared/ProductCard.razor.css */
.product-card[b-qvi1raroll] {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    position: relative;
    min-width: 0;
}

    .product-card:hover[b-qvi1raroll] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.1);
        border-color: var(--primary);
    }

.product-card__img-wrap[b-qvi1raroll] {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: #f9f9f9;
    position: relative;
}

.product-card__img[b-qvi1raroll] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.product-card:hover .product-card__img[b-qvi1raroll] {
    transform: scale(1.05);
}

.product-card__img-placeholder[b-qvi1raroll] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--border);
    background: var(--bg-secondary);
}

.product-card__badge[b-qvi1raroll] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: var(--primary);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
}

.product-card__link[b-qvi1raroll] {
    display: block;
    text-decoration: none;
    color: inherit;
}

.product-card__body[b-qvi1raroll] {
    padding: 0.85rem;
    padding-bottom: 2.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.product-card__brand[b-qvi1raroll] {
    font-size: 0.72rem;
    color: var(--text-muted);
    font-weight: 500;
    line-height: 1.3;
    flex-shrink: 0;
}

.product-card__title[b-qvi1raroll] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text);
    margin: 0;
    line-height: 1.4;
    height: 2.52em !important;
    min-height: 2.52em !important;
    max-height: 2.52em !important;
    flex-shrink: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
}

.product-card__price-row[b-qvi1raroll] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-top: 0.4rem;
}

.product-card__old-price[b-qvi1raroll] {
    font-size: 0.78rem;
    color: var(--text-muted);
    text-decoration: line-through;
}

.product-card__price[b-qvi1raroll] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary);
}

.product-card__price--unavailable[b-qvi1raroll] {
    color: var(--text-muted);
    font-size: 0.85rem;
}

.product-card__price--contact[b-qvi1raroll] {
    color: var(--primary);
    font-size: 0.85rem;
    font-weight: 700;
}

/* ✅ دکمه‌ی افزودن سریع - جدا از لینک محصول تا کلیکش صفحه رو عوض نکنه */
.product-card__add-btn[b-qvi1raroll] {
    position: absolute;
    inset-inline-end: 0.85rem;
    bottom: 0.85rem;
    z-index: 2;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.35);
    transition: background 0.2s, transform 0.2s;
}

    .product-card__add-btn:hover[b-qvi1raroll] {
        background: var(--primary-dark);
        transform: scale(1.08);
    }

.product-card__qty-box[b-qvi1raroll] {
    position: absolute;
    inset-inline: 0.85rem;
    bottom: 0.85rem;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 6px 18px -6px rgba(0, 0, 0, 0.3);
    padding: 0.3rem;
}

.product-card__qty-btn[b-qvi1raroll] {
    width: 26px;
    height: 26px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
}

    .product-card__qty-btn:disabled[b-qvi1raroll] {
        opacity: 0.4;
        cursor: not-allowed;
    }

.product-card__qty-value[b-qvi1raroll] {
    flex: 1 1 auto;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--text);
}

.product-card__qty-confirm[b-qvi1raroll] {
    flex: 0 0 auto;
    border: none;
    border-radius: var(--radius-sm);
    background: var(--primary);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.4rem 0.55rem;
    cursor: pointer;
    white-space: nowrap;
}

    .product-card__qty-confirm:disabled[b-qvi1raroll] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ❤️ دکمه‌ی افزودن به علاقه‌مندی‌ها */
.product-card__wish-btn[b-qvi1raroll] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 2;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #ffffff;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.25);
    transition: color 0.2s, transform 0.2s;
}

    .product-card__wish-btn:hover[b-qvi1raroll] {
        transform: scale(1.08);
    }

    .product-card__wish-btn:disabled[b-qvi1raroll] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.product-card__wish-btn--active[b-qvi1raroll] {
    color: #e0245e;
}

.product-card__model[b-qvi1raroll] {
    font-size: 0.75em;
    font-weight: 400;
    margin-inline-start: 0.25rem;
}
/* /Components/Shared/ProductCarousel.razor.rz.scp.css */
.product-carousel[b-5km80mgep1] {
    margin: 1.5rem 0;
    border: 1px solid var(--border);
    border-radius: 0;
    padding: 1.1rem 1.25rem;
    background: var(--bg);
}

.product-carousel__header[b-5km80mgep1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.product-carousel__title[b-5km80mgep1] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: var(--text);
}

.product-carousel__see-all[b-5km80mgep1] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
    transition: opacity var(--transition);
}

    .product-carousel__see-all:hover[b-5km80mgep1] {
        color: var(--primary);
        opacity: 0.75;
    }

/* ===== ردیف قابل‌اسکرول + دکمه‌های ناوبری ===== */
.product-carousel-wrap[b-5km80mgep1] {
    position: relative;
    padding-inline: 2.25rem;
}

.product-carousel__nav[b-5km80mgep1] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    padding: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition), background var(--transition), color var(--transition);
}

.product-carousel-wrap.is-overflowing:hover .product-carousel__nav[b-5km80mgep1] {
    opacity: 1;
    pointer-events: auto;
}

.product-carousel__nav:hover[b-5km80mgep1] {
    background: var(--primary);
    color: #fff;
}

.product-carousel__nav--next[b-5km80mgep1] {
    inset-inline-end: 0;
}

.product-carousel__nav--prev[b-5km80mgep1] {
    inset-inline-start: 0;
}

@media (max-width: 767px) {
    .product-carousel-wrap[b-5km80mgep1] {
        padding-inline: 1.5rem;
    }

    .product-carousel__nav[b-5km80mgep1] {
        width: 26px;
        height: 26px;
    }

    .product-carousel-wrap.is-overflowing .product-carousel__nav[b-5km80mgep1] {
        opacity: 1;
        pointer-events: auto;
    }
}

.product-carousel__grid[b-5km80mgep1] {
    display: flex;
    gap: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 0.35rem 0.1rem;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

    .product-carousel__grid[b-5km80mgep1]::-webkit-scrollbar {
        display: none;
    }

    .product-carousel__grid.is-dragging[b-5km80mgep1] {
        cursor: grabbing;
        scroll-snap-type: none;
        scroll-behavior: auto;
    }

.product-carousel__item[b-5km80mgep1] {
    flex: 0 0 auto;
    width: 165px;
    min-width: 0;
    scroll-snap-align: start;
}

/* حالت جایگزین: گرید ۳ردیفه با اسکرول افقی بین «صفحه»های ستونی (مثلاً پرفروش‌ترین‌ها) */
.product-carousel__grid--paged-3row[b-5km80mgep1] {
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    grid-auto-columns: minmax(230px, 1fr);
    column-gap: 1.75rem;
    row-gap: 0.15rem;
}

    .product-carousel__grid--paged-3row .product-carousel__item[b-5km80mgep1] {
        width: auto;
    }

@media (max-width: 991px) {
    .product-carousel__grid--paged-3row[b-5km80mgep1] {
        grid-auto-columns: minmax(200px, 1fr);
    }
}

@media (max-width: 575px) {
    .product-carousel__grid--paged-3row[b-5km80mgep1] {
        grid-auto-columns: minmax(170px, 1fr);
        column-gap: 1rem;
    }
}

    /* ✅ فقط مخصوص همین بخشه، روی جاهای دیگه‌ای که از ProductCard استفاده می‌کنن اثر نمی‌ذاره */
    .product-carousel__item[b-5km80mgep1]  .product-card {
        border-radius: 0;
    }

        .product-carousel__item[b-5km80mgep1]  .product-card:hover {
            transform: none;
            box-shadow: none;
            border-color: var(--primary);
        }

            .product-carousel__item[b-5km80mgep1]  .product-card:hover .product-card__img {
                transform: none;
            }

@media (min-width: 768px) {
    .product-carousel__item[b-5km80mgep1] {
        width: 190px;
    }
}

/* ===== اسکلتون هنگام لود ===== */
.product-carousel__title-skeleton[b-5km80mgep1] {
    width: 150px;
    height: 24px;
    border-radius: var(--radius-xs);
    background: var(--bg-secondary);
    animation: product-carousel-pulse-b-5km80mgep1 1.4s ease-in-out infinite;
}

.product-carousel__card-skeleton[b-5km80mgep1] {
    flex: 0 0 165px;
    aspect-ratio: 3 / 4;
    border-radius: var(--radius);
    background: var(--bg-secondary);
    animation: product-carousel-pulse-b-5km80mgep1 1.4s ease-in-out infinite;
}

@keyframes product-carousel-pulse-b-5km80mgep1 {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}
/* /Components/Shared/ProductGalleryModal.razor.rz.scp.css */
/* Components/Shared/ProductGalleryModal.razor.css */
.gallery-modal-backdrop[b-pn9g4q0l4f] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 1040;
}

.gallery-modal[b-pn9g4q0l4f] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    width: 90vw;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.gallery-modal__close[b-pn9g4q0l4f] {
    position: absolute;
    top: -40px;
    left: 0;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0.4rem;
}

.gallery-modal__main[b-pn9g4q0l4f] {
    position: relative;
    width: 100%;
    height: 60vh;
    background: #000;
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .gallery-modal__main img[b-pn9g4q0l4f],
    .gallery-modal__main video[b-pn9g4q0l4f] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.gallery-modal__nav[b-pn9g4q0l4f] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s;
}

    .gallery-modal__nav:hover[b-pn9g4q0l4f] {
        background: rgba(255,255,255,0.3);
    }

.gallery-modal__nav--prev[b-pn9g4q0l4f] {
    right: 1rem;
}

.gallery-modal__nav--next[b-pn9g4q0l4f] {
    left: 1rem;
}

.gallery-modal__thumbs[b-pn9g4q0l4f] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    overflow-x: auto;
    padding-bottom: 0.4rem;
}

.gallery-modal__thumb[b-pn9g4q0l4f] {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-md);
    border: 2px solid transparent;
    overflow: hidden;
    flex-shrink: 0;
    padding: 0;
    cursor: pointer;
    background: #222;
}

    .gallery-modal__thumb img[b-pn9g4q0l4f] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.gallery-modal__thumb--active[b-pn9g4q0l4f] {
    border-color: var(--primary);
}

.gallery-modal__thumb-video[b-pn9g4q0l4f] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

@media (max-width: 600px) {
    .gallery-modal__main[b-pn9g4q0l4f] {
        height: 45vh;
    }
}
/* /Components/Shared/PromoBannerGrid.razor.rz.scp.css */
.promo-grid[b-ai8gehcws7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.promo-grid__card[b-ai8gehcws7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 170px;
    padding: 1.5rem;
    border-radius: var(--radius-lg, 16px);
    text-decoration: none;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition, 0.2s ease), box-shadow var(--transition, 0.2s ease);
}

    .promo-grid__card:hover[b-ai8gehcws7] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-md);
    }

.promo-grid__text[b-ai8gehcws7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 58%;
    z-index: 1;
}

.promo-grid__title[b-ai8gehcws7] {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.4;
}

.promo-grid__subtitle[b-ai8gehcws7] {
    font-size: 0.85rem;
    opacity: 0.85;
    line-height: 1.6;
}

.promo-grid__cta[b-ai8gehcws7] {
    display: inline-block;
    width: fit-content;
    margin-top: 0.4rem;
    padding: 0.45rem 1.1rem;
    border: 1.5px solid;
    border-radius: var(--radius-pill, 999px);
    font-size: 0.8rem;
    font-weight: 700;
}

.promo-grid__img[b-ai8gehcws7] {
    max-height: 130px;
    max-width: 42%;
    object-fit: contain;
    flex-shrink: 0;
}

@media (max-width: 576px) {
    .promo-grid[b-ai8gehcws7] {
        grid-template-columns: 1fr;
    }

    .promo-grid__card[b-ai8gehcws7] {
        min-height: 140px;
        padding: 1.1rem;
    }

    .promo-grid__img[b-ai8gehcws7] {
        max-height: 95px;
    }
}
/* /Components/Shared/RecentReviews.razor.rz.scp.css */
.recent-reviews[b-fy72jx2iy8] {
    margin: 1.5rem 0;
    border: 1px solid var(--border);
    border-radius: 0;
    padding: 1.1rem 1.25rem;
    background: var(--bg);
}

.recent-reviews__header[b-fy72jx2iy8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.recent-reviews__title[b-fy72jx2iy8] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    color: var(--text);
}

.recent-reviews-wrap[b-fy72jx2iy8] {
    position: relative;
    padding-inline: 2.25rem;
}

.recent-reviews__nav[b-fy72jx2iy8] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    padding: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition), background var(--transition), color var(--transition);
}

.recent-reviews-wrap.is-overflowing:hover .recent-reviews__nav[b-fy72jx2iy8] {
    opacity: 1;
    pointer-events: auto;
}

.recent-reviews__nav:hover[b-fy72jx2iy8] {
    background: var(--primary);
    color: #fff;
}

.recent-reviews__nav--next[b-fy72jx2iy8] {
    inset-inline-end: 0;
}

.recent-reviews__nav--prev[b-fy72jx2iy8] {
    inset-inline-start: 0;
}

@media (max-width: 767px) {
    .recent-reviews-wrap[b-fy72jx2iy8] {
        padding-inline: 1.5rem;
    }

    .recent-reviews__nav[b-fy72jx2iy8] {
        width: 26px;
        height: 26px;
    }

    .recent-reviews-wrap.is-overflowing .recent-reviews__nav[b-fy72jx2iy8] {
        opacity: 1;
        pointer-events: auto;
    }
}

.recent-reviews__grid[b-fy72jx2iy8] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 0.35rem 0.1rem;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

    .recent-reviews__grid[b-fy72jx2iy8]::-webkit-scrollbar {
        display: none;
    }

    .recent-reviews__grid.is-dragging[b-fy72jx2iy8] {
        cursor: grabbing;
        scroll-snap-type: none;
        scroll-behavior: auto;
    }

.recent-reviews__card[b-fy72jx2iy8] {
    flex: 0 0 auto;
    width: 280px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 0.9rem;
    transition: box-shadow var(--transition), border-color var(--transition);
}

    .recent-reviews__card:hover[b-fy72jx2iy8] {
        box-shadow: var(--shadow);
        border-color: var(--primary);
    }

.recent-reviews__card-header[b-fy72jx2iy8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.recent-reviews__product-thumb[b-fy72jx2iy8],
.recent-reviews__product-thumb-placeholder[b-fy72jx2iy8] {
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md);
    object-fit: cover;
    background: var(--bg-secondary);
    flex: 0 0 auto;
}

.recent-reviews__card-header-text[b-fy72jx2iy8] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.recent-reviews__product-name[b-fy72jx2iy8] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
}

.recent-reviews__stars[b-fy72jx2iy8] {
    font-size: 0.72rem;
}

.recent-reviews__star--filled[b-fy72jx2iy8] {
    color: #f5b301;
}

.recent-reviews__star[b-fy72jx2iy8] {
    color: var(--border);
}

.recent-reviews__comment-title[b-fy72jx2iy8] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 0.3rem;
}

.recent-reviews__comment[b-fy72jx2iy8] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 0.6rem;
    flex: 1 1 auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recent-reviews__footer[b-fy72jx2iy8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.72rem;
    color: var(--text-secondary);
}

.recent-reviews__verified[b-fy72jx2iy8] {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-xs);
    white-space: nowrap;
}

@media (max-width: 575px) {
    .recent-reviews__card[b-fy72jx2iy8] {
        width: 230px;
    }
}

/* ===== اسکلتون ===== */
.recent-reviews__title-skeleton[b-fy72jx2iy8] {
    width: 200px;
    height: 24px;
    border-radius: var(--radius-xs);
    background: var(--bg-secondary);
    margin-bottom: 0.85rem;
    animation: recent-reviews-pulse-b-fy72jx2iy8 1.4s ease-in-out infinite;
}

.recent-reviews__card-skeleton[b-fy72jx2iy8] {
    height: 190px;
    width: 280px;
    flex: 0 0 auto;
    border-radius: var(--radius);
    background: var(--bg-secondary);
    animation: recent-reviews-pulse-b-fy72jx2iy8 1.4s ease-in-out infinite;
}

@keyframes recent-reviews-pulse-b-fy72jx2iy8 {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}
/* /Components/Shared/ToastContainer.razor.rz.scp.css */
.toast-wrapper[b-9v0t72amgf] {
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    pointer-events: none;
}

.toast-wrapper--bottom-right[b-9v0t72amgf] {
    bottom: 1.5rem;
    right: 1.5rem;
}

.toast-wrapper--bottom-left[b-9v0t72amgf] {
    bottom: 1.5rem;
    left: 1.5rem;
}

.toast-wrapper--top-right[b-9v0t72amgf] {
    top: 1.5rem;
    right: 1.5rem;
}

.toast-wrapper--top-left[b-9v0t72amgf] {
    top: 1.5rem;
    left: 1.5rem;
}

.toast[b-9v0t72amgf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: var(--radius);
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    min-width: 280px;
    max-width: 380px;
    pointer-events: all;
    opacity: 0;
    transform: translateX(120%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    color: #ffffff;
}

.toast--show[b-9v0t72amgf] {
    opacity: 1;
    transform: translateX(0);
}

.toast--success[b-9v0t72amgf] {
    background: #00C851;
}

.toast--error[b-9v0t72amgf] {
    background: #ff4444;
}

.toast--warning[b-9v0t72amgf] {
    background: #ffbb33;
    color: var(--text);
}

.toast--info[b-9v0t72amgf] {
    background: #33b5e5;
}

.toast__icon[b-9v0t72amgf] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.toast__message[b-9v0t72amgf] {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.4;
}

.toast__close[b-9v0t72amgf] {
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.8);
    padding: 0.2rem;
    display: flex;
    align-items: center;
    border-radius: var(--radius-xs);
    flex-shrink: 0;
    transition: color var(--transition), background var(--transition);
}

.toast--warning .toast__close[b-9v0t72amgf] {
    color: rgba(0,0,0,0.5);
}

    .toast--warning .toast__close:hover[b-9v0t72amgf] {
        color: var(--text);
        background: rgba(0,0,0,0.08);
    }

.toast__close:hover[b-9v0t72amgf] {
    color: #ffffff;
    background: rgba(255,255,255,0.15);
}

@media (max-width: 480px) {
    .toast-wrapper[b-9v0t72amgf] {
        right: 1rem;
        left: 1rem;
        bottom: 1rem;
    }

    .toast[b-9v0t72amgf] {
        min-width: unset;
        max-width: 100%;
    }
}
/* /Components/Shared/TopAnnouncementBar.razor.rz.scp.css */
.ad-bar[b-93yojzrmfi] {
    background: var(--primary);
    color: #ffffff;
    text-align: center;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
}

    .ad-bar span[b-93yojzrmfi] {
        display: inline-block;
        animation: ad-bar-fade-in-b-93yojzrmfi 0.4s ease;
    }

@keyframes ad-bar-fade-in-b-93yojzrmfi {
    from {
        opacity: 0;
        transform: translateY(3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ad-bar__link[b-93yojzrmfi] {
    color: inherit;
    text-decoration: none;
}

    .ad-bar__link:hover[b-93yojzrmfi] {
        color: inherit;
        text-decoration: underline;
    }

@media (max-width: 480px) {
    .ad-bar[b-93yojzrmfi] {
        font-size: 0.75rem;
        padding: 0.4rem 0.75rem;
    }
}