@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: var(--bg-secondary, #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: var(--card-bg, #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;
    background: var(--bg);
}

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

/* ===== STICKY HEADER WRAPPER ===== */
.sticky-header[b-55oel87i2n] {
    position: sticky;
    top: 0;
    z-index: 200;
    background: var(--header-bg, #ffffff);
    box-shadow: 0 1px 0 var(--border);
}

/* ===== MAIN HEADER ===== */
.main-header[b-55oel87i2n] {
    background: var(--header-bg, #ffffff);
}

.main-header__inner[b-55oel87i2n] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    max-width: var(--header-footer-max-width, 1400px);
    width: calc(100% - (var(--header-footer-margin-x, 0px) * 2));
    margin: 0 auto;
    padding: 0.95rem 1.5rem;
}

/* ===== LOGO ===== */
.main-header__logo[b-55oel87i2n] {
    order: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text);
    flex-shrink: 0;
    letter-spacing: -0.02em;
    text-decoration: none;
    transition: opacity 0.2s;
}

    .main-header__logo[b-55oel87i2n]::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 3px;
        background: var(--primary);
        flex-shrink: 0;
    }

    .main-header__logo:hover[b-55oel87i2n] {
        opacity: 0.82;
    }

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

/* اگه لوگوی تصویری هست، نقطه‌ی تزئینی کنار متن رو نشون نده */
.main-header__logo:has(.main-header__logo-img)[b-55oel87i2n]::before {
    display: none;
}

/* ===== SEARCH ===== */
.main-header__search[b-55oel87i2n] {
    order: 3;
    flex: 1;
    display: flex;
    align-items: center;
    max-width: 620px;
    margin-inline: auto;
    background: var(--bg-secondary, #f4f3ef);
    border-radius: var(--radius-pill, 999px);
    border: 1.5px solid transparent;
    overflow: hidden;
    transition: border-color 0.2s, background 0.2s;
}

    .main-header__search:focus-within[b-55oel87i2n] {
        border-color: var(--primary);
        background: #ffffff;
    }

    .main-header__search .form-control[b-55oel87i2n] {
        border: none;
        background: transparent;
        border-radius: 0;
        padding-inline-start: 1.25rem;
        height: 44px;
        font-size: 0.9rem;
        box-shadow: none !important;
    }

.main-header__search-btn[b-55oel87i2n] {
    background: transparent;
    border: none;
    color: var(--text-muted, #757575);
    padding: 0 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    transition: color 0.2s;
    flex-shrink: 0;
    cursor: pointer;
}

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

/* ===== ACTIONS ===== */
.main-header__actions[b-55oel87i2n] {
    order: 4;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

/* ===== CATEGORY BAR ===== */
.category-bar[b-55oel87i2n] {
    background: var(--header-bg, #ffffff);
    border-top: 1px solid var(--border);
    box-shadow: inset 0 -2px 0 var(--primary);
}

.category-bar__inner[b-55oel87i2n] {
    display: flex;
    align-items: stretch;
}

    .category-bar__inner > .cmenu[b-55oel87i2n] {
        flex: 1;
        min-width: 0;
    }

.category-bar__extra[b-55oel87i2n] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 1.25rem;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    white-space: nowrap;
    border-inline-start: 1px solid var(--border);
    transition: color 0.15s ease;
}

    .category-bar__extra:hover[b-55oel87i2n] {
        color: var(--primary);
    }

@media (max-width: 767px) {
    .category-bar__extra span[b-55oel87i2n],
    .category-bar__extra[b-55oel87i2n] {
        font-size: 0.8rem;
        padding: 0 0.85rem;
    }
}

/* ===== 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.6rem;
        max-width: var(--header-footer-max-width-mobile, 1400px);
        width: calc(100% - (var(--header-footer-margin-x-mobile, 0px) * 2));
    }

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

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

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

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

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

@media (max-width: 480px) {
    .main-header__logo[b-55oel87i2n] {
        font-size: 1.15rem;
    }
}
/* /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/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;
}

/* ============================================================
   کارت هر بخش (ردیف + پیکر سبک نمایش زیرش)
   ============================================================ */
.section-card[b-32ldzq052h] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.section-card .section-row[b-32ldzq052h] {
    border: none;
    border-radius: 0;
}

.section-card .variant-picker[b-32ldzq052h] {
    border-top: 1px solid #eee;
    background: #fafafa;
    padding: 0.65rem 0.75rem;
}

.variant-picker__label[b-32ldzq052h] {
    display: block;
    font-size: 0.76rem;
    color: #8a8a8a;
    margin-bottom: 0.5rem;
}

.variant-picker__options[b-32ldzq052h] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.variant-picker__option[b-32ldzq052h] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.6rem 0.4rem;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.variant-picker__option:hover[b-32ldzq052h] {
    border-color: #b9b9b9;
}

.variant-picker__option--active[b-32ldzq052h] {
    border-color: var(--primary, #5b3df6);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #5b3df6) 15%, transparent);
}

.variant-picker__name[b-32ldzq052h] {
    font-size: 0.74rem;
    color: #444;
    white-space: nowrap;
}

.variant-picker__check[b-32ldzq052h] {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--primary, #5b3df6);
    color: #fff;
    font-size: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* پیش‌نمایش انتزاعی هر سبک، ساخته‌شده با CSS به‌جای اسکرین‌شات واقعی */
.variant-preview[b-32ldzq052h] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    padding: 8px 10px;
    background: #f0f0f2;
    border-radius: 6px;
}

.variant-preview .vp-item[b-32ldzq052h] {
    width: 15px;
    height: 15px;
    background: #c6c6cc;
}

.variant-preview--IconGrid .vp-item[b-32ldzq052h],
.variant-preview--IconGridEnd .vp-item[b-32ldzq052h] {
    border-radius: 4px;
    background: #fff;
    border: 1.5px solid #b3b3b3;
}

.variant-preview--Circle .vp-item[b-32ldzq052h] {
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid #b3b3b3;
}

.variant-preview--PillRow[b-32ldzq052h] {
    align-items: center;
    gap: 3px;
}

.variant-preview--PillRow .vp-item[b-32ldzq052h] {
    width: 20px;
    height: 10px;
    border-radius: 999px;
    background: #fff;
    border: 1.5px solid #b3b3b3;
}

.variant-preview--ShowcaseBar[b-32ldzq052h],
.variant-preview--ShowcaseCardBar[b-32ldzq052h] {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 2px;
    gap: 2px;
}

.variant-preview--ShowcaseBar .vp-item[b-32ldzq052h],
.variant-preview--ShowcaseCardBar .vp-item[b-32ldzq052h] {
    background: #f2f2f2;
}

    .variant-preview--ShowcaseBar .vp-item:last-child[b-32ldzq052h],
    .variant-preview--ShowcaseCardBar .vp-item:last-child[b-32ldzq052h] {
        background: #101b33;
    }

.variant-preview--Ribbon .vp-item[b-32ldzq052h] {
    border-radius: 4px;
    background: #fff;
    border: 1.5px solid #b3b3b3;
    position: relative;
}

    .variant-preview--Ribbon .vp-item[b-32ldzq052h]::before {
        content: "";
        position: absolute;
        top: -4px;
        left: -1.5px;
        right: -1.5px;
        height: 4px;
        background: #d43f3f;
    }

.variant-preview--ImageBadge[b-32ldzq052h] {
    border: none;
    padding: 8px 4px;
}

.variant-preview--ImageBadge .vp-item[b-32ldzq052h] {
    border-radius: 4px;
    background: #fff;
    border: 1.5px solid #b3b3b3;
    position: relative;
}

    .variant-preview--ImageBadge .vp-item[b-32ldzq052h]::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 6px;
        height: 6px;
        border-radius: 2px;
        background: #d43f3f;
    }

.variant-preview--Compact[b-32ldzq052h] {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 2px;
    gap: 2px;
}

.variant-preview--Compact .vp-item[b-32ldzq052h] {
    background: #f2f2f2;
}

    .variant-preview--Compact .vp-item:last-child[b-32ldzq052h] {
        background: #101b33;
    }

.variant-preview--CompactLight[b-32ldzq052h] {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 3px;
    gap: 3px;
    background: #f7f5ff;
}

.variant-preview--CompactLight .vp-item[b-32ldzq052h] {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
}

    .variant-preview--CompactLight .vp-item:last-child[b-32ldzq052h] {
        background: #101b33;
        border-color: #101b33;
    }

.depth-input[b-32ldzq052h] {
    width: 90px;
}

.hero-settings[b-32ldzq052h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    gap: 1rem 1.25rem;
    max-width: 720px;
}

    .hero-settings__field[b-32ldzq052h] {
        display: flex;
        flex-direction: column;
    }

    .hero-settings__field label[b-32ldzq052h] {
        display: block;
        font-size: 0.8rem;
        color: var(--text-muted);
        margin-bottom: 0.35rem;
        font-weight: 600;
        line-height: 1.4;
        min-height: 2.1em;
    }

    .hero-settings__field input[b-32ldzq052h] {
        margin-top: auto;
    }

@media (max-width: 576px) {
    .hero-settings[b-32ldzq052h] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.section-card--footer[b-32ldzq052h] {
    margin-bottom: 1.1rem;
    border-bottom: 2px solid var(--border);
    padding-bottom: 1rem;
}

.hero-devicetabs[b-32ldzq052h] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.1rem;
}

.hero-devicetab[b-32ldzq052h] {
    border: 1px solid var(--border);
    background: #fff;
    border-radius: var(--radius-pill, 999px);
    padding: 0.4rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

    .hero-devicetab--active[b-32ldzq052h] {
        background: var(--primary);
        color: #fff;
        border-color: var(--primary);
    }

.hero-group[b-32ldzq052h] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 12px);
    background: var(--bg-secondary, #f9f9f9);
    margin-bottom: 1.1rem;
}

.hero-group__title[b-32ldzq052h] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.9rem;
}
/* /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);
    }

/* ===== حالتِ مودال (Embedded) — هدر موقعِ اسکرولِ مودال بالا می‌مونه تا دکمه‌ی «بستن» همیشه در دسترس باشه ===== */
.pe-embedded[b-a91k5ypsaa] {
    padding: 0 1.25rem 1.25rem;
}

.pe-embedded__header[b-a91k5ypsaa] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 -1.25rem 1rem;
    padding: 0.85rem 1.25rem;
    background: var(--surface, #fff);
    border-bottom: 1px solid var(--border);
}
/* /Components/Pages/Admin/PromoBanners/Index.razor.rz.scp.css */
.promo-admin-grid[b-yocxad2jra] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.promo-admin-item[b-yocxad2jra] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.promo-admin-card[b-yocxad2jra] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 170px;
    padding: 1.5rem;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.promo-admin-card--has-image[b-yocxad2jra] {
    padding: 0;
    align-items: flex-end;
}

.promo-admin-card__bg-img[b-yocxad2jra] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.promo-admin-card--has-image .promo-admin-card__text[b-yocxad2jra] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    padding: 2.5rem 1.25rem 1.25rem;
    background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.38) 60%, transparent 100%);
    color: #fff;
}

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

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

.promo-admin-card__inactive[b-yocxad2jra] {
    position: absolute;
    top: 0.6rem;
    left: 0.6rem;
    z-index: 2;
    background: rgba(0,0,0,.65);
    color: #fff;
    font-size: 0.7rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}

.promo-admin-item__meta[b-yocxad2jra] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

    .promo-admin-item__meta .badge[b-yocxad2jra] {
        font-weight: 500;
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (max-width: 576px) {
    .promo-admin-grid[b-yocxad2jra] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/QuickEdit/Index.razor.rz.scp.css */
.qe-hub[b-i85r2g6k24] {
    padding: 1.5rem;
}

.qe-hub__title[b-i85r2g6k24] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.3rem;
}

.qe-hub__note[b-i85r2g6k24] {
    color: var(--text-muted);
    font-size: 0.82rem;
    margin: 0 0 1.4rem;
}

.qe-hub__grid[b-i85r2g6k24] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

.qe-hub__card[b-i85r2g6k24] {
    display: block;
    background: var(--bg, #ffffff);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 1.1rem;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s, transform 0.15s;
}

    .qe-hub__card:hover[b-i85r2g6k24] {
        border-color: var(--primary);
        transform: translateY(-2px);
    }

    .qe-hub__card h3[b-i85r2g6k24] {
        margin: 0 0 0.35rem;
        font-size: 0.95rem;
    }

    .qe-hub__card p[b-i85r2g6k24] {
        margin: 0;
        font-size: 0.78rem;
        color: var(--text-muted);
        line-height: 1.6;
    }

.qe-hub__card--disabled[b-i85r2g6k24] {
    cursor: not-allowed;
    opacity: 0.55;
}

    .qe-hub__card--disabled:hover[b-i85r2g6k24] {
        border-color: var(--border);
        transform: none;
    }

.qe-hub__soon[b-i85r2g6k24] {
    display: inline-block;
    font-size: 0.65rem;
    background: var(--bg-secondary);
    color: var(--text-muted);
    border-radius: 999px;
    padding: 0.1rem 0.5rem;
    margin-inline-start: 0.4rem;
    font-weight: 400;
}
/* /Components/Pages/Admin/QuickEdit/ProductsGrid.razor.rz.scp.css */
.qe-back[b-lsy96gmoia] {
    display: block;
    font-size: 0.76rem;
    color: var(--primary);
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.qe-toolbar[b-lsy96gmoia] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
}

.qe-search[b-lsy96gmoia] {
    max-width: 320px;
    border-radius: 4px;
}

.qe-filter[b-lsy96gmoia] {
    width: auto;
    min-width: 150px;
    max-width: 220px;
    border-radius: 4px;
}

.qe-count[b-lsy96gmoia] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.qe-savebar[b-lsy96gmoia] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-inline-start: auto;
}

.qe-savebar__info[b-lsy96gmoia] {
    font-size: 0.78rem;
    color: var(--text-muted);
    white-space: nowrap;
}

.qe-table-wrap[b-lsy96gmoia] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg, #fff);
}

.qe-table[b-lsy96gmoia] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

    .qe-table th[b-lsy96gmoia] {
        text-align: right;
        font-size: 0.72rem;
        color: var(--text-muted);
        font-weight: 700;
        padding: 0.6rem 0.6rem;
        background: var(--bg-secondary, #f7f6f2);
        border-bottom: 1px solid var(--border);
        white-space: nowrap;
    }

    .qe-table td[b-lsy96gmoia] {
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid var(--border);
        vertical-align: middle;
    }

.qe-empty[b-lsy96gmoia] {
    text-align: center;
    color: var(--text-muted);
    padding: 2rem 0 !important;
}

.qe-group td[b-lsy96gmoia] {
    background: var(--bg-secondary, #f7f6f2);
    font-size: 0.85rem;
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
    /* خطِ جداکننده‌ی ضخیم‌تر بالای هر محصول */
    border-top: 2px solid color-mix(in srgb, var(--primary) 35%, var(--border));
}

/* نوارِ رنگیِ باریک در ابتدای هر محصول (سمتِ شروع = راست در RTL)؛ ردیف‌های متغیر نسخه‌ی کم‌رنگ‌ترش رو دارن */
.qe-group td:first-child[b-lsy96gmoia] {
    border-inline-start: 4px solid var(--primary);
}

.qe-row td:first-child[b-lsy96gmoia],
.qe-detail td:first-child[b-lsy96gmoia] {
    border-inline-start: 4px solid color-mix(in srgb, var(--primary) 30%, transparent);
}

/* محصولاتِ یکی‌درمیون: تیرگیِ ملایم روی ردیفِ عنوان و ردیف‌های متغیرِ همان محصول */
.qe-group.qe-alt td[b-lsy96gmoia] {
    background: color-mix(in srgb, var(--primary) 9%, var(--bg-secondary, #f7f6f2));
}

.qe-row.qe-alt td[b-lsy96gmoia] {
    background: color-mix(in srgb, var(--primary) 4%, var(--bg, #fff));
}

.qe-row.qe-alt:hover td[b-lsy96gmoia] {
    background: color-mix(in srgb, var(--primary) 8%, var(--bg, #fff));
}

.qe-group__meta[b-lsy96gmoia] {
    color: var(--text-muted);
    font-size: 0.74rem;
    margin-inline-start: 0.4rem;
}

    .qe-group__meta a[b-lsy96gmoia] {
        color: var(--primary);
    }

.qe-row:hover[b-lsy96gmoia] {
    background: color-mix(in srgb, var(--primary) 4%, transparent);
}

.qe-row--inactive[b-lsy96gmoia] {
    opacity: 0.55;
}

.qe-variant[b-lsy96gmoia] {
    color: var(--text-muted);
    padding-inline-start: 1rem !important;
}

.qe-sku[b-lsy96gmoia] {
    color: var(--text-muted);
    font-size: 0.76rem;
}

.qe-cell[b-lsy96gmoia] {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
    font-family: inherit;
    background: var(--bg, #fff);
    color: var(--text);
}

    .qe-cell:focus[b-lsy96gmoia] {
        outline: none;
        border-color: var(--primary);
    }

    .qe-cell.is-dirty[b-lsy96gmoia] {
        border-color: #d4a017;
        background: #fffbea;
    }

.qe-price[b-lsy96gmoia] {
    width: 130px;
    text-align: left;
}

.qe-expand[b-lsy96gmoia] {
    width: 22px;
    height: 22px;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--bg, #fff);
    color: var(--text-muted);
    font-size: 0.7rem;
    cursor: pointer;
    transition: transform 0.15s, color 0.15s, border-color 0.15s;
}

    .qe-expand.is-open[b-lsy96gmoia] {
        transform: rotate(180deg);
        color: var(--primary);
        border-color: var(--primary);
    }

.qe-stock[b-lsy96gmoia] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.qe-stock__btn[b-lsy96gmoia] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: var(--bg, #fff);
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
}

    .qe-stock__btn:disabled[b-lsy96gmoia] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.qe-stock__val[b-lsy96gmoia] {
    min-width: 1.8rem;
    text-align: center;
    font-weight: 700;
}

    .qe-stock__val.is-zero[b-lsy96gmoia] {
        color: #c0392b;
    }

.qe-toggle[b-lsy96gmoia] {
    width: 34px;
    height: 19px;
    border-radius: 999px;
    background: var(--border);
    position: relative;
    cursor: pointer;
    border: none;
    padding: 0;
}

    .qe-toggle.is-on[b-lsy96gmoia] {
        background: var(--primary);
    }

    .qe-toggle.is-dirty[b-lsy96gmoia] {
        box-shadow: 0 0 0 2px #d4a017;
    }

    .qe-toggle[b-lsy96gmoia]::after {
        content: "";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #fff;
        transition: transform 0.15s;
    }

    .qe-toggle.is-on[b-lsy96gmoia]::after {
        transform: translateX(-15px);
    }

.qe-detail td[b-lsy96gmoia] {
    background: var(--bg-secondary, #f7f6f2);
    padding: 1rem 1.2rem !important;
}

.qe-muted[b-lsy96gmoia] {
    color: var(--text-muted);
    font-size: 0.8rem;
}

.qe-detail__grid[b-lsy96gmoia] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.4rem;
}

    .qe-detail__grid h6[b-lsy96gmoia] {
        font-size: 0.78rem;
        color: var(--text-muted);
        margin: 0 0 0.5rem;
    }

.qe-spec[b-lsy96gmoia] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    padding: 0.3rem 0;
    border-bottom: 1px dashed var(--border);
}

.qe-detail__foot[b-lsy96gmoia] {
    margin-top: 0.8rem;
    font-size: 0.78rem;
}

    .qe-detail__foot a[b-lsy96gmoia] {
        color: var(--primary);
    }

.qe-footer[b-lsy96gmoia] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.qe-pager[b-lsy96gmoia] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* دیالوگِ موجودی */
.qe-backdrop[b-lsy96gmoia] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 100;
}

.qe-modal[b-lsy96gmoia] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    background: var(--bg, #fff);
    border-radius: 8px;
    padding: 1.2rem;
    width: 90%;
    max-width: 320px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
}

.qe-modal__title[b-lsy96gmoia] {
    margin: 0 0 0.2rem;
    font-size: 0.92rem;
}

.qe-modal__sub[b-lsy96gmoia] {
    font-size: 0.74rem;
    color: var(--text-muted);
    margin-bottom: 0.8rem;
}

.qe-label[b-lsy96gmoia] {
    display: block;
    font-size: 0.74rem;
    color: var(--text-muted);
    margin: 0.5rem 0 0.2rem;
}

.qe-modal__actions[b-lsy96gmoia] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

    .qe-modal__actions .btn[b-lsy96gmoia] {
        flex: 1;
    }

@media (max-width: 700px) {
    .qe-detail__grid[b-lsy96gmoia] {
        grid-template-columns: 1fr;
    }

    .qe-savebar[b-lsy96gmoia] {
        margin-inline-start: 0;
        width: 100%;
        justify-content: flex-end;
    }
}

/* دکمه‌ای که شکلِ لینک داره (باز کردنِ فرمِ کامل به‌جای رفتن به صفحه‌ی دیگه) */
.qe-link[b-lsy96gmoia] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--primary);
    cursor: pointer;
}

/* ===== فرمِ کاملِ محصول به‌صورت مودال ===== */
.qe-editor-overlay[b-lsy96gmoia] {
    position: fixed;
    inset: 0;
    /* بالاتر از سایدبار و نوارِ بالای ادمین؛ MediaPicker و بقیه‌ی پنجره‌های داخلِ فرم توی همین لایه بالاتر می‌شینن و Toast (9999) هم روشه */
    z-index: 1045;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(0, 0, 0, 0.5);
    animation: qe-editor-fade-b-lsy96gmoia 0.15s ease-out;
}

/* عمداً transform/filter/backdrop-filter نداریم: هرکدوم باعث می‌شه پنجره‌های position:fixed داخلِ فرم (مثل MediaPicker) نسبت به این قاب چیده بشن، نه صفحه */
.qe-editor-dialog[b-lsy96gmoia] {
    width: min(1200px, 100%);
    max-height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--surface, #fff);
    color: var(--text);
    border-radius: var(--radius-lg, 14px);
    box-shadow: var(--shadow-lg, 0 12px 32px rgba(0, 0, 0, 0.25));
}

@keyframes qe-editor-fade-b-lsy96gmoia {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .qe-editor-overlay[b-lsy96gmoia] {
        animation: none;
    }
}

@media (max-width: 700px) {
    .qe-editor-overlay[b-lsy96gmoia] {
        padding: 0;
    }

    .qe-editor-dialog[b-lsy96gmoia] {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}
/* /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);
    }


/* =========================================================
   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));
    }

}

/* ----- موبایل ----- */
@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;
    }

}
/* /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/ContentDetails.razor.rz.scp.css */
.content-detail[b-ehtvf7w3q7] {
    padding: 2rem 0 3.5rem;
}

.content-detail__inner[b-ehtvf7w3q7] {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 1rem;
}

.content-detail__notfound[b-ehtvf7w3q7] {
    text-align: center;
    padding: 4rem 1rem;
    color: var(--text-muted);
}

    .content-detail__notfound a[b-ehtvf7w3q7] {
        color: var(--primary);
    }

.content-detail__breadcrumb[b-ehtvf7w3q7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: var(--text-muted);
    margin-bottom: 1rem;
}

    .content-detail__breadcrumb a[b-ehtvf7w3q7] {
        color: var(--text-muted);
        text-decoration: none;
    }

    .content-detail__breadcrumb a:hover[b-ehtvf7w3q7] {
        color: var(--primary);
    }

/* ===== نشان نوع محتوا ===== */
.content-detail__type-badge[b-ehtvf7w3q7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: #fff;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    margin-bottom: 0.9rem;
}

.content-detail__type-badge--article[b-ehtvf7w3q7] { background: #2563eb; }
.content-detail__type-badge--tutorial[b-ehtvf7w3q7] { background: #059669; }
.content-detail__type-badge--buying-guide[b-ehtvf7w3q7] { background: #d97706; }
.content-detail__type-badge--magazine[b-ehtvf7w3q7] { background: #7c3aed; }
.content-detail__type-badge--news[b-ehtvf7w3q7] { background: #dc2626; }
.content-detail__type-badge--video[b-ehtvf7w3q7] { background: #111827; }

.content-detail__title[b-ehtvf7w3q7] {
    font-size: 1.85rem;
    font-weight: var(--heading-weight, 800);
    letter-spacing: var(--heading-tracking, normal);
    color: var(--text);
    line-height: 1.5;
    margin-bottom: 0.9rem;
}

.content-detail__meta[b-ehtvf7w3q7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: 0.83rem;
    color: var(--text-muted);
    margin-bottom: 1.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border);
}

.content-detail__meta-item[b-ehtvf7w3q7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

    .content-detail__meta-item svg[b-ehtvf7w3q7] {
        opacity: 0.7;
        flex-shrink: 0;
    }

/* ===== تصویر کاور: نسبت ثابت + کراپ، تا عکس‌های خیلی بزرگ/کشیده صفحه رو به‌هم نریزن ===== */
.content-detail__cover[b-ehtvf7w3q7] {
    width: 100%;
    aspect-ratio: 16 / 8;
    border-radius: var(--radius-lg, 14px);
    overflow: hidden;
    background: var(--bg-secondary);
    margin-bottom: 1.85rem;
}

    .content-detail__cover img[b-ehtvf7w3q7] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* ===== ویدیوی اصلی پست (نوع محتوا = ویدیو) ===== */
.content-detail__video[b-ehtvf7w3q7] {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    border-radius: var(--radius-lg, 14px);
    overflow: hidden;
    background: #000;
    margin-bottom: 1.85rem;
}

    .content-detail__video iframe[b-ehtvf7w3q7],
    .content-detail__video video[b-ehtvf7w3q7] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* ===== بدنه‌ی محتوا (HTML رندرشده از ویرایشگر متن غنی) ===== */
.content-detail__body[b-ehtvf7w3q7] {
    font-size: 1rem;
    line-height: 1.95;
    color: var(--text);
}

    .content-detail__body p[b-ehtvf7w3q7] {
        margin: 0 0 1.15rem;
    }

    .content-detail__body h2[b-ehtvf7w3q7],
    .content-detail__body h3[b-ehtvf7w3q7] {
        font-weight: 700;
        color: var(--text);
        margin: 1.85rem 0 0.9rem;
    }

    .content-detail__body h2[b-ehtvf7w3q7] {
        font-size: 1.3rem;
    }

    .content-detail__body h3[b-ehtvf7w3q7] {
        font-size: 1.12rem;
    }

    /* عکس‌های داخل متن (از ویرایشگر، با درصد عرض) - سقفِ عرض و ارتفاعِ خودکار
       همیشه رعایت می‌شه، حتی اگه فایل اصلی خیلی بزرگ باشه */
    .content-detail__body img[b-ehtvf7w3q7] {
        max-width: 100%;
        height: auto;
        border-radius: var(--radius-md);
        margin: 1rem 0;
    }

    /* ویدیوی آپلودی داخل متن */
    .content-detail__body video[b-ehtvf7w3q7] {
        max-width: 100%;
        height: auto;
        border-radius: var(--radius-md);
        margin: 1rem 0;
        background: #000;
    }

    /* پوششِ نسبت‌تصویرِ ویدیوی خارجی (iframe) که از داخل ویرایشگر اضافه می‌شه؛
       خودِ ویرایشگر position:relative + padding-top:56.25% رو inline ست می‌کنه،
       این‌جا فقط گردی گوشه و فاصله رو تضمین می‌کنیم و برای اطمینان محدودش می‌کنیم */
    .content-detail__body div:has(> iframe)[b-ehtvf7w3q7] {
        max-width: 100%;
        border-radius: var(--radius-md);
        overflow: hidden;
        margin: 1.15rem 0;
    }

    .content-detail__body iframe[b-ehtvf7w3q7] {
        max-width: 100%;
        border: 0;
    }

    .content-detail__body ul[b-ehtvf7w3q7],
    .content-detail__body ol[b-ehtvf7w3q7] {
        margin: 0 0 1.15rem;
        padding-inline-start: 1.5rem;
    }

    .content-detail__body li[b-ehtvf7w3q7] {
        margin-bottom: 0.4rem;
    }

    .content-detail__body a[b-ehtvf7w3q7] {
        color: var(--primary);
    }

    .content-detail__body blockquote[b-ehtvf7w3q7] {
        border-inline-start: 3px solid var(--primary);
        padding-inline-start: 1rem;
        margin: 1.25rem 0;
        color: var(--text-muted);
    }

/* ===== محصولات مرتبط ===== */
.content-detail__related[b-ehtvf7w3q7] {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid var(--border);
}

.content-detail__related-title[b-ehtvf7w3q7] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 1.1rem;
}

.content-detail__related-grid[b-ehtvf7w3q7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.25rem;
}

/* ===== بازگشت ===== */
.content-detail__back[b-ehtvf7w3q7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 2.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-muted);
    text-decoration: none;
}

    .content-detail__back:hover[b-ehtvf7w3q7] {
        color: var(--primary);
    }

/* ===== SKELETON (حالت لودینگ) ===== */
.content-detail__skeleton-line[b-ehtvf7w3q7] {
    background: var(--bg-secondary);
    border-radius: 5px;
    animation: content-detail-pulse-b-ehtvf7w3q7 1.4s ease-in-out infinite;
}

.content-detail__skeleton-cover[b-ehtvf7w3q7] {
    width: 100%;
    aspect-ratio: 16 / 8;
    border-radius: var(--radius-lg, 14px);
    background: var(--bg-secondary);
    margin-top: 1.5rem;
    animation: content-detail-pulse-b-ehtvf7w3q7 1.4s ease-in-out infinite;
}

@keyframes content-detail-pulse-b-ehtvf7w3q7 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}

@media (max-width: 480px) {
    .content-detail__title[b-ehtvf7w3q7] {
        font-size: 1.4rem;
    }

    .content-detail__cover[b-ehtvf7w3q7],
    .content-detail__skeleton-cover[b-ehtvf7w3q7] {
        aspect-ratio: 4 / 3;
    }

    .content-detail__related-grid[b-ehtvf7w3q7] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
}
/* /Components/Pages/ContentHub.razor.rz.scp.css */
.content-hub[b-6grkn9ogvx] {
    padding-bottom: 3rem;
}

.content-hub__inner[b-6grkn9ogvx] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ===== HERO ===== */
.content-hub__hero[b-6grkn9ogvx] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 7%, var(--bg)) 0%, var(--bg) 100%);
    border-bottom: 1px solid var(--border);
    padding: 2.5rem 0 1.5rem;
    margin-bottom: 2rem;
}

.content-hub__header[b-6grkn9ogvx] {
    text-align: center;
    margin-bottom: 1.75rem;
}

.content-hub__title[b-6grkn9ogvx] {
    font-size: 1.9rem;
    font-weight: var(--heading-weight, 800);
    letter-spacing: var(--heading-tracking, normal);
    color: var(--text);
    margin-bottom: 0.5rem;
}

.content-hub__subtitle[b-6grkn9ogvx] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin: 0;
    max-width: 560px;
    margin-inline: auto;
}

.content-hub__empty[b-6grkn9ogvx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
    color: var(--text-muted);
    padding: 4rem 0;
}

    .content-hub__empty svg[b-6grkn9ogvx] {
        opacity: 0.4;
    }

/* ===== تب‌های نوع محتوا ===== */
.content-hub__tabs[b-6grkn9ogvx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.content-hub__tab[b-6grkn9ogvx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--bg);
    border: 1px solid var(--border);
    color: var(--text-muted);
    border-radius: var(--radius-pill);
    padding: 0.5rem 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), box-shadow var(--transition);
}

    .content-hub__tab:hover[b-6grkn9ogvx] {
        border-color: var(--primary);
        color: var(--primary);
    }

.content-hub__tab--active[b-6grkn9ogvx] {
    background: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 35%, transparent);
}

    .content-hub__tab--active:hover[b-6grkn9ogvx] {
        color: #ffffff;
    }

/* ===== گرید کارت‌ها ===== */
.content-hub__grid[b-6grkn9ogvx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
}

.content-hub__card[b-6grkn9ogvx] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 14px);
    overflow: hidden;
    background: var(--bg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: box-shadow var(--transition), transform var(--transition), border-color var(--transition);
}

.content-hub__card:hover[b-6grkn9ogvx] {
    box-shadow: var(--shadow-lg, 0 10px 28px rgba(0, 0, 0, 0.1));
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--primary) 25%, var(--border));
}

.content-hub__card-img[b-6grkn9ogvx] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: var(--bg-secondary);
    overflow: hidden;
}

    .content-hub__card-img img[b-6grkn9ogvx] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

.content-hub__card:hover .content-hub__card-img img[b-6grkn9ogvx] {
    transform: scale(1.06);
}

.content-hub__card-scrim[b-6grkn9ogvx] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.35) 100%);
    pointer-events: none;
}

.content-hub__card-placeholder[b-6grkn9ogvx] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    opacity: 0.5;
}

.content-hub__play[b-6grkn9ogvx] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

    .content-hub__play svg[b-6grkn9ogvx] {
        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
    }

.content-hub__badge[b-6grkn9ogvx] {
    position: absolute;
    top: 0.65rem;
    inset-inline-start: 0.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    backdrop-filter: blur(2px);
}

/* رنگ‌بندی جدا برای هر نوع محتوا، تا از توی گرید هم سریع تشخیص داده بشه */
.content-hub__badge--article[b-6grkn9ogvx] { background: rgba(37, 99, 235, 0.82); }
.content-hub__badge--tutorial[b-6grkn9ogvx] { background: rgba(5, 150, 105, 0.82); }
.content-hub__badge--buying-guide[b-6grkn9ogvx] { background: rgba(217, 119, 6, 0.85); }
.content-hub__badge--magazine[b-6grkn9ogvx] { background: rgba(124, 58, 237, 0.82); }
.content-hub__badge--news[b-6grkn9ogvx] { background: rgba(220, 38, 38, 0.82); }
.content-hub__badge--video[b-6grkn9ogvx] { background: rgba(0, 0, 0, 0.68); }

.content-hub__card-body[b-6grkn9ogvx] {
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

.content-hub__card-title[b-6grkn9ogvx] {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.45;
    transition: color var(--transition);
}

.content-hub__card:hover .content-hub__card-title[b-6grkn9ogvx] {
    color: var(--primary);
}

.content-hub__card-summary[b-6grkn9ogvx] {
    font-size: 0.83rem;
    color: var(--text-muted);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.content-hub__card-meta[b-6grkn9ogvx] {
    margin-top: auto;
    padding-top: 0.35rem;
    font-size: 0.76rem;
    color: var(--text-muted);
}

.content-hub__dot[b-6grkn9ogvx] {
    margin: 0 0.3rem;
}

/* ===== SKELETON (حالت لودینگ) ===== */
.content-hub__skeleton[b-6grkn9ogvx] {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 14px);
    overflow: hidden;
    background: var(--bg);
}

.content-hub__skeleton-img[b-6grkn9ogvx] {
    width: 100%;
    aspect-ratio: 16 / 10;
    background: var(--bg-secondary);
}

.content-hub__skeleton-line[b-6grkn9ogvx] {
    height: 10px;
    margin: 0.9rem 1.1rem;
    border-radius: 5px;
    background: var(--bg-secondary);
}

.content-hub__skeleton-line--title[b-6grkn9ogvx] {
    width: 75%;
    height: 13px;
}

.content-hub__skeleton-img[b-6grkn9ogvx],
.content-hub__skeleton-line[b-6grkn9ogvx] {
    animation: content-hub-pulse-b-6grkn9ogvx 1.4s ease-in-out infinite;
}

@keyframes content-hub-pulse-b-6grkn9ogvx {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}

@media (max-width: 480px) {
    .content-hub__hero[b-6grkn9ogvx] {
        padding: 1.75rem 0 1.25rem;
    }

    .content-hub__title[b-6grkn9ogvx] {
        font-size: 1.4rem;
    }

    .content-hub__grid[b-6grkn9ogvx] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 1rem;
    }
}
/* /Components/Pages/DesignPreviews/NavyGoldPreview.razor.rz.scp.css */
/* متغیرهای سیستم طراحی — روی خودِ ریشه‌ی این صفحه تعریف شدن (نه :root سراسری)
   تا با متغیرهای تم اصلی سایت تداخل نکنه؛ این صرفاً یه پیش‌نمایش مستقله */
.hp[b-1zzhfqdo81] {
    --color-primary: #101B3D;
    --color-primary-dark: #0B1430;
    --color-accent: #F0A825;
    --color-accent-hover: #D6941D;
    --color-info: #3FA9C9;
    --color-bg-light: #F5F6FA;
    --color-bg-white: #FFFFFF;
    --color-text-primary: #101B3D;
    --color-text-secondary: #6B7280;
    --color-border: #E5E7EB;
    --color-star: #F0A825;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-full: 50%;

    --shadow-card: 0 2px 8px rgba(16, 27, 61, 0.06);
    --shadow-card-hover: 0 4px 16px rgba(16, 27, 61, 0.1);

    --space-section: 48px;
    --space-card-gap: 20px;

    font-family: 'Vazirmatn', sans-serif;
    background: var(--color-bg-light);
    color: var(--color-text-primary);
    direction: rtl;
}

.hp *[b-1zzhfqdo81] {
    box-sizing: border-box;
}

.hp a[b-1zzhfqdo81] {
    color: inherit;
    text-decoration: none;
}

.hp button[b-1zzhfqdo81] {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

/* ===== ۱. نوار بالای صفحه ===== */
.hp-utility[b-1zzhfqdo81] {
    background: var(--color-primary-dark);
    color: #ffffff;
    font-size: 0.78rem;
    padding-block: 0.45rem;
}

.hp-utility__inner[b-1zzhfqdo81] {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hp-utility__list[b-1zzhfqdo81] {
    display: flex;
    gap: 1.25rem;
    list-style: none;
    margin: 0;
    padding: 0;
    opacity: 0.85;
}

.hp-utility__phone[b-1zzhfqdo81] {
    opacity: 0.85;
}

/* ===== ۲. هدر اصلی ===== */
.hp-header[b-1zzhfqdo81] {
    background: var(--color-bg-white);
    border-block-end: 1px solid var(--color-border);
    padding-block: 1rem;
}

.hp-header__inner[b-1zzhfqdo81] {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.hp-header__logo[b-1zzhfqdo81] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 800;
    font-size: 1.15rem;
    color: var(--color-primary);
    flex-shrink: 0;
}

.hp-header__logo-badge[b-1zzhfqdo81] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: var(--color-primary);
    color: var(--color-accent);
}

.hp-header__search[b-1zzhfqdo81] {
    flex: 1;
    display: flex;
    align-items: stretch;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    max-width: 640px;
    margin-inline: auto;
}

    .hp-header__search select[b-1zzhfqdo81] {
        border: none;
        background: var(--color-bg-light);
        padding-inline: 0.75rem;
        font-size: 0.8rem;
        color: var(--color-text-secondary);
        border-inline-end: 1px solid var(--color-border);
    }

    .hp-header__search input[b-1zzhfqdo81] {
        flex: 1;
        border: none;
        padding-inline: 0.9rem;
        font-family: inherit;
        font-size: 0.9rem;
    }

        .hp-header__search input:focus[b-1zzhfqdo81] {
            outline: none;
        }

    .hp-header__search button[b-1zzhfqdo81] {
        background: var(--color-primary);
        color: #ffffff;
        padding-inline: 1.1rem;
        display: flex;
        align-items: center;
    }

.hp-header__actions[b-1zzhfqdo81] {
    display: flex;
    gap: 1.25rem;
    flex-shrink: 0;
}

.hp-header__action[b-1zzhfqdo81] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.72rem;
    color: var(--color-text-secondary);
}

    .hp-header__action:hover[b-1zzhfqdo81] {
        color: var(--color-primary);
    }

/* ===== ۳. نوار ناوبری ===== */
.hp-nav[b-1zzhfqdo81] {
    background: var(--color-bg-white);
    border-block-end: 1px solid var(--color-border);
}

.hp-nav__inner[b-1zzhfqdo81] {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 1.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.hp-nav__cat-btn[b-1zzhfqdo81] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--color-primary);
    color: #ffffff;
    padding: 0.65rem 1.1rem;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    font-size: 0.85rem;
    font-weight: 600;
    flex-shrink: 0;
}

.hp-nav__links[b-1zzhfqdo81] {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.85rem;
    flex-wrap: wrap;
}

    .hp-nav__links a:hover[b-1zzhfqdo81] {
        color: var(--color-accent-hover);
    }

/* ===== ۴. هیرو ===== */
.hp-hero[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: 1.5rem auto 0;
    padding-inline: 1.5rem;
}

.hp-hero__slide[b-1zzhfqdo81] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    background: linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    border-radius: var(--radius-lg);
    padding: 3rem;
    min-height: 320px;
    overflow: hidden;
}

.hp-hero__text[b-1zzhfqdo81] {
    max-width: 50%;
    z-index: 1;
}

.hp-hero__title[b-1zzhfqdo81] {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 0 0 0.75rem;
}

.hp-hero__highlight[b-1zzhfqdo81] {
    color: var(--color-accent);
}

.hp-hero__desc[b-1zzhfqdo81] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
    margin: 0 0 1.5rem;
}

.hp-hero__cta[b-1zzhfqdo81] {
    background: var(--color-accent);
    color: var(--color-primary-dark);
    font-weight: 700;
    padding: 0.75rem 1.75rem;
    border-radius: var(--radius-sm);
    font-size: 0.9rem;
}

    .hp-hero__cta:hover[b-1zzhfqdo81] {
        background: var(--color-accent-hover);
    }

.hp-hero__image-wrap[b-1zzhfqdo81] {
    flex-shrink: 0;
}

.hp-hero__image-placeholder[b-1zzhfqdo81] {
    width: 280px;
    height: 220px;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.08);
    border: 1px dashed rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
}

.hp-hero__nav[b-1zzhfqdo81] {
    position: absolute;
    inset-block: 0;
    margin-block: auto;
    width: 38px;
    height: 38px;
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-hero__nav--prev[b-1zzhfqdo81] {
    inset-inline-start: 1.5rem;
}

.hp-hero__nav--next[b-1zzhfqdo81] {
    inset-inline-end: 1.5rem;
}

.hp-hero__dots[b-1zzhfqdo81] {
    position: absolute;
    inset-block-end: 1.25rem;
    inset-inline: 0;
    display: flex;
    justify-content: center;
    gap: 0.4rem;
}

.hp-hero__dot[b-1zzhfqdo81] {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.4);
}

.hp-hero__dot--active[b-1zzhfqdo81] {
    background: var(--color-accent);
    width: 18px;
    border-radius: var(--radius-sm);
}

/* ===== ۵. ویژگی‌ها ===== */
.hp-features[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: var(--space-section) auto 0;
    padding-inline: 1.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-card-gap);
}

.hp-features__item[b-1zzhfqdo81] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    background: var(--color-bg-white);
    padding: 1.1rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
}

.hp-features__icon[b-1zzhfqdo81] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--color-info) 15%, white);
    color: var(--color-info);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-features__title[b-1zzhfqdo81] {
    display: block;
    font-size: 0.9rem;
    margin-block-end: 0.2rem;
}

.hp-features__desc[b-1zzhfqdo81] {
    font-size: 0.78rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* ===== ۶. اسکرول دسته‌بندی‌ها ===== */
.hp-categories[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: var(--space-section) auto 0;
    padding-inline: 1.5rem;
}

.hp-categories__scroll[b-1zzhfqdo81] {
    display: flex;
    gap: 1.25rem;
    overflow-x: auto;
    padding-block-end: 0.5rem;
}

.hp-categories__item[b-1zzhfqdo81] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 84px;
}

.hp-categories__icon[b-1zzhfqdo81] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-full);
    background: var(--color-bg-light);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-categories__label[b-1zzhfqdo81] {
    font-size: 0.78rem;
    text-align: center;
    color: var(--color-text-secondary);
}

.hp-categories__item--cta[b-1zzhfqdo81] {
    justify-content: center;
    background: var(--color-primary);
    color: #ffffff;
    border-radius: var(--radius-md);
    height: 64px;
    font-size: 0.75rem;
    text-align: center;
    padding: 0.5rem;
}

/* ===== ۷. گرید محصولات / عنوان بخش‌های مشترک ===== */
.hp-products[b-1zzhfqdo81],
.hp-articles[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: var(--space-section) auto 0;
    padding-inline: 1.5rem;
}

.hp-products__header[b-1zzhfqdo81] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 1.25rem;
}

.hp-products__title[b-1zzhfqdo81] {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
}

.hp-products__see-all[b-1zzhfqdo81] {
    font-size: 0.82rem;
    color: var(--color-info);
    font-weight: 600;
}

.hp-products__wrap[b-1zzhfqdo81] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.hp-products__nav[b-1zzhfqdo81] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-full);
    border: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.hp-products__grid[b-1zzhfqdo81] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--space-card-gap);
}

.hp-product-card[b-1zzhfqdo81] {
    background: var(--color-bg-white);
    border-radius: var(--radius-md);
    padding: 0.9rem;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .hp-product-card:hover[b-1zzhfqdo81] {
        box-shadow: var(--shadow-card-hover);
    }

.hp-product-card__img-wrap[b-1zzhfqdo81] {
    position: relative;
    height: 130px;
    border-radius: var(--radius-sm);
    background: var(--color-bg-light);
    margin-block-end: 0.6rem;
}

.hp-product-card__add-btn[b-1zzhfqdo81] {
    position: absolute;
    inset-block-end: 0.5rem;
    inset-inline-end: 0.5rem;
    width: 30px;
    height: 30px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-product-card__brand[b-1zzhfqdo81] {
    font-size: 0.7rem;
    color: var(--color-text-secondary);
}

.hp-product-card__title[b-1zzhfqdo81] {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.5;
}

.hp-product-card__rating[b-1zzhfqdo81] {
    color: var(--color-star);
    font-size: 0.75rem;
    letter-spacing: 1px;
}

.hp-product-card__price[b-1zzhfqdo81] {
    font-weight: 800;
    font-size: 0.95rem;
    margin-block-start: 0.2rem;
}

    .hp-product-card__price small[b-1zzhfqdo81] {
        font-weight: 400;
        color: var(--color-text-secondary);
        font-size: 0.72rem;
    }

/* ===== ۸. برندها ===== */
.hp-brands[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: var(--space-section) auto 0;
    padding-inline: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.hp-brands__row[b-1zzhfqdo81] {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: wrap;
    color: var(--color-text-secondary);
    font-weight: 700;
}

.hp-brands__cta[b-1zzhfqdo81] {
    background: var(--color-primary);
    color: #ffffff;
    padding: 0.6rem 1.3rem;
    border-radius: var(--radius-sm);
    font-size: 0.82rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* ===== ۹. گرید پروموشن ===== */
.hp-promo[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: var(--space-section) auto 0;
    padding-inline: 1.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-card-gap);
}

.hp-promo__box[b-1zzhfqdo81] {
    border-radius: var(--radius-md);
    padding: 1.5rem;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.6rem;
}

.hp-promo__box--image[b-1zzhfqdo81] {
    background: linear-gradient(160deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color: #ffffff;
}

.hp-promo__box--white[b-1zzhfqdo81] {
    background: var(--color-bg-white);
    box-shadow: var(--shadow-card);
    color: var(--color-text-primary);
}

.hp-promo__title[b-1zzhfqdo81] {
    font-weight: 700;
    font-size: 0.95rem;
}

.hp-promo__cta[b-1zzhfqdo81] {
    width: fit-content;
    background: var(--color-accent);
    color: var(--color-primary-dark);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.35rem 0.9rem;
    border-radius: var(--radius-sm);
}

/* ===== ۱۰. مقالات ===== */
.hp-articles__grid[b-1zzhfqdo81] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-card-gap);
}

.hp-article-card[b-1zzhfqdo81] {
    background: var(--color-bg-white);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
}

.hp-article-card__img[b-1zzhfqdo81] {
    position: relative;
    height: 110px;
    background: var(--color-bg-light);
}

.hp-article-card__tag[b-1zzhfqdo81] {
    position: absolute;
    inset-block-start: 0.5rem;
    inset-inline-start: 0.5rem;
    background: var(--color-info);
    color: #ffffff;
    font-size: 0.68rem;
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-full);
}

.hp-article-card__title[b-1zzhfqdo81] {
    font-size: 0.82rem;
    padding: 0.75rem 0.75rem 0.2rem;
    line-height: 1.6;
}

.hp-article-card__date[b-1zzhfqdo81] {
    font-size: 0.7rem;
    color: var(--color-text-secondary);
    padding: 0 0.75rem 0.75rem;
}

.hp-article-card--cta[b-1zzhfqdo81] {
    background: var(--color-primary);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.75rem;
    padding: 1rem;
}

.hp-article-card__cta-title[b-1zzhfqdo81] {
    font-weight: 700;
    font-size: 0.9rem;
}

/* ===== ۱۱. بج‌های اعتماد ===== */
.hp-trust[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: var(--space-section) auto 0;
    padding-inline: 1.5rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-card-gap);
}

.hp-trust__item[b-1zzhfqdo81] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
}

.hp-trust__icon[b-1zzhfqdo81] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: var(--color-bg-light);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-trust__title[b-1zzhfqdo81] {
    display: block;
    font-size: 0.82rem;
    margin-block-end: 0.15rem;
}

.hp-trust__desc[b-1zzhfqdo81] {
    font-size: 0.74rem;
    color: var(--color-text-secondary);
    margin: 0;
}

/* ===== ۱۲. فوتر ===== */
.hp-footer[b-1zzhfqdo81] {
    background: var(--color-primary-dark);
    color: rgba(255, 255, 255, 0.85);
    margin-block-start: var(--space-section);
    padding-block-start: 2rem;
}

.hp-footer__newsletter[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: 0 auto 2rem;
    padding-inline: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding-block-end: 2rem;
    border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}

.hp-footer__newsletter-form[b-1zzhfqdo81] {
    display: flex;
    border-radius: var(--radius-full);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
}

    .hp-footer__newsletter-form input[b-1zzhfqdo81] {
        border: none;
        background: transparent;
        color: #ffffff;
        padding-inline: 1.25rem;
        font-family: inherit;
        min-width: 240px;
    }

        .hp-footer__newsletter-form input[b-1zzhfqdo81]::placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

    .hp-footer__newsletter-form button[b-1zzhfqdo81] {
        background: var(--color-accent);
        color: var(--color-primary-dark);
        font-weight: 700;
        padding-inline: 1.5rem;
    }

.hp-footer__columns[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: 0 auto;
    padding-inline: 1.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.hp-footer__col[b-1zzhfqdo81] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    font-size: 0.82rem;
}

    .hp-footer__col h4[b-1zzhfqdo81] {
        color: #ffffff;
        font-size: 0.9rem;
        margin: 0 0 0.4rem;
    }

    .hp-footer__col a:hover[b-1zzhfqdo81] {
        color: var(--color-accent);
    }

.hp-footer__social[b-1zzhfqdo81] {
    max-width: 1280px;
    margin: 2rem auto 0;
    padding-inline: 1.5rem;
    display: flex;
    gap: 0.6rem;
}

.hp-footer__social-icon[b-1zzhfqdo81] {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
}

.hp-footer__bottom[b-1zzhfqdo81] {
    margin-block-start: 1.5rem;
    padding-block: 1.25rem;
    border-block-start: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 1.5rem;
    font-size: 0.75rem;
    opacity: 0.7;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* ===== ریسپانسیو ===== */
@media (max-width: 1024px) {
    .hp-features[b-1zzhfqdo81],
    .hp-promo[b-1zzhfqdo81] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hp-products__grid[b-1zzhfqdo81] {
        grid-template-columns: repeat(3, 1fr);
    }

    .hp-articles__grid[b-1zzhfqdo81] {
        grid-template-columns: repeat(3, 1fr);
    }

    .hp-trust[b-1zzhfqdo81] {
        grid-template-columns: repeat(3, 1fr);
    }

    .hp-footer__columns[b-1zzhfqdo81] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hp-utility__list[b-1zzhfqdo81] {
        display: none;
    }

    .hp-header__inner[b-1zzhfqdo81] {
        flex-wrap: wrap;
    }

    .hp-header__search[b-1zzhfqdo81] {
        order: 3;
        width: 100%;
        max-width: none;
    }

    .hp-nav__links[b-1zzhfqdo81] {
        display: none;
    }

    .hp-hero__slide[b-1zzhfqdo81] {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1.25rem;
    }

    .hp-hero__text[b-1zzhfqdo81] {
        max-width: 100%;
    }

    .hp-hero__nav[b-1zzhfqdo81] {
        display: none;
    }

    .hp-features[b-1zzhfqdo81] {
        grid-template-columns: 1fr;
    }

    .hp-products__nav[b-1zzhfqdo81] {
        display: none;
    }

    .hp-products__grid[b-1zzhfqdo81] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hp-promo[b-1zzhfqdo81] {
        grid-template-columns: 1fr;
    }

    .hp-articles__grid[b-1zzhfqdo81] {
        grid-template-columns: 1fr 1fr;
    }

    .hp-trust[b-1zzhfqdo81] {
        grid-template-columns: 1fr;
    }

    .hp-footer__columns[b-1zzhfqdo81] {
        grid-template-columns: 1fr;
    }
}
/* /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/Home.razor.rz.scp.css */
/* فاصله‌ی عمودی بین بخش‌های صفحه‌ی اصلی — از روی «فاصله‌ی بخش‌ها» توی
   ویرایش تم رنگی (SectionSpacing) قابل تنظیمه؛ هر بخش (هر فرزند مستقیم)
   همین مقدار فاصله رو از بخش بعدی می‌گیره. */
.home-sections > *[b-tsajw7xdj8] {
    margin-bottom: var(--section-spacing, 32px);
}

    .home-sections > *:last-child[b-tsajw7xdj8] {
        margin-bottom: 0;
    }

/* حداکثر عرض یکسان برای همه‌ی بخش‌های صفحه‌ی اصلی — از «حداکثر عرض بخش‌های
   صفحه‌ی اصلی» توی سفارشی‌ساز ظاهر قابل تنظیمه. کادر تبلیغاتی (هیرو)
   تنظیمات مستقل خودش رو داره. */
.home-sections .container-fluid[b-tsajw7xdj8] {
    width: calc(100% - (var(--home-margin-x, 0px) * 2));
    max-width: var(--home-max-width, 1400px);
    margin-inline: auto;
}

@media (max-width: 768px) {
    .home-sections .container-fluid[b-tsajw7xdj8] {
        width: calc(100% - (var(--home-margin-x-mobile, 0px) * 2));
        max-width: var(--home-max-width-mobile, 1400px);
    }
}

/* نوار اعتماد (ارسال رایگان/ضمانت اصالت/...) فاصله‌ی کمتری از بخش‌های
   اطرافش داشته باشه، مستقل از فاصله‌ی عمومی بین بخش‌ها */
.home-sections > .container-fluid:has(.trust-strip)[b-tsajw7xdj8] {
    margin-bottom: calc(var(--section-spacing, 36px) * 0.45) !important;
}
/* /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(--discount-color, var(--primary));
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-sm);
}

.product-page__discount-timer[b-yfy8hrxf18] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.6rem;
    color: var(--discount-color, var(--primary));
    background: color-mix(in srgb, var(--discount-color, var(--primary)) 10%, white);
    border: 1px solid color-mix(in srgb, var(--discount-color, var(--primary)) 25%, transparent);
    border-radius: var(--radius-sm);
    padding: 0.22rem 0.55rem;
    font-size: 0.78rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

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

.product-page__price-breakdown[b-yfy8hrxf18] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    margin-top: 0.5rem;
    color: var(--text-muted);
    background: var(--bg-secondary, #f4f3ef);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 0.4rem 0.6rem;
    font-size: 0.78rem;
    line-height: 1.6;
}

    .product-page__price-breakdown svg[b-yfy8hrxf18] {
        flex: none;
        margin-top: 0.15rem;
        opacity: 0.7;
    }

.product-page__optional-services[b-yfy8hrxf18] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
}

.product-page__optional-services-title[b-yfy8hrxf18] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text-muted);
}

.product-page__optional-service[b-yfy8hrxf18] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    cursor: pointer;
}

    .product-page__optional-service input[type="checkbox"][b-yfy8hrxf18] {
        width: 1.05rem;
        height: 1.05rem;
        cursor: pointer;
        accent-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;
}

/* ===== مشخصات (گروه‌بندی‌شده) ===== */
.product-page__specs-group-title[b-yfy8hrxf18] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text, #1a1a1a);
    margin: 1.5rem 0 0.75rem;
}

    .product-page__specs-group-title:first-child[b-yfy8hrxf18] {
        margin-top: 0;
    }

.product-page__specs-table tr.product-page__specs-group-row td[b-yfy8hrxf18] {
    padding: 1rem 0.75rem 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text, #1a1a1a);
    border-bottom: none;
}

    .product-page__specs-table tr.product-page__specs-group-row:first-child td[b-yfy8hrxf18] {
        padding-top: 0;
    }

.product-page__specs-table[b-yfy8hrxf18] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
    margin-inline-start: 0.5rem;
}

    .product-page__specs-table tr[b-yfy8hrxf18] {
        border-bottom: 1px solid #f0f0f0;
    }

    .product-page__specs-table tr:last-child[b-yfy8hrxf18] {
        border-bottom: none;
    }

    .product-page__specs-table th[b-yfy8hrxf18],
    .product-page__specs-table td[b-yfy8hrxf18] {
        padding: 0.7rem 0.9rem;
        text-align: start;
        vertical-align: top;
    }

    .product-page__specs-table th[b-yfy8hrxf18] {
        width: 1%;
        padding-inline-end: 1.5rem;
        color: #757575;
        font-weight: 500;
        white-space: nowrap;
    }

    .product-page__specs-table td[b-yfy8hrxf18] {
        color: #262626;
        font-weight: 500;
    }

.product-page__specs-list[b-yfy8hrxf18] {
    margin: 0;
    padding-inline-start: 1.1rem;
}

    .product-page__specs-list li[b-yfy8hrxf18] {
        margin-bottom: 0.25rem;
    }

    .product-page__specs-list li:last-child[b-yfy8hrxf18] {
        margin-bottom: 0;
    }

@media (max-width: 480px) {
    .product-page__specs-table th[b-yfy8hrxf18] {
        padding-inline-end: 1rem;
    }
}

/* ===== 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__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;
}
/* /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;
    box-sizing: border-box;
    width: calc(100% - (var(--hero-margin-x, 0px) * 2));
    max-width: var(--hero-max-width, none);
    margin-inline: auto;
    /* aspect-ratio به‌جای ارتفاع بر پایه‌ی vw: چون عرض واقعی کادر می‌تونه با
       max-width/margin-x کوچیک‌تر از عرض صفحه بشه، ارتفاعی که فقط به vw
       وابسته باشه دیگه با عرض واقعی هم‌خوان نیست و نامنظم به‌نظر می‌رسه. */
    aspect-ratio: 16 / 4.5;
    max-height: 320px;
    min-height: 150px;
    border-radius: var(--hero-radius, var(--radius-xl, 20px));
    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);
    /* این ۲ مقدار فاصله‌ی عمودی کادر از بالا/پایینه؛ افقی همیشه وسط‌چینه
       (با عرضی که بالا تعیین کردی) */
    margin-top: var(--hero-pad-top, 16px);
    margin-bottom: var(--hero-pad-bottom, 0px);
}

.advertisement-skeleton[b-s1xxlijqka] {
    /* aspect-ratio به‌جای ارتفاع بر پایه‌ی vw: چون عرض واقعی کادر می‌تونه با
       max-width/margin-x کوچیک‌تر از عرض صفحه بشه، ارتفاعی که فقط به vw
       وابسته باشه دیگه با عرض واقعی هم‌خوان نیست و نامنظم به‌نظر می‌رسه. */
    aspect-ratio: 16 / 4.5;
    max-height: 320px;
    min-height: 150px;
    border-radius: var(--radius-xl, 20px);
    margin-top: 1rem;
    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-bg[b-s1xxlijqka] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(26px) brightness(0.6) saturate(1.15);
    transform: scale(1.15);
    z-index: 0;
}

.slide-image[b-s1xxlijqka] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* حالت پیش‌فرض (Contain): عکس باید کامل و بدون افتادگی/برش داخل قاب دیده
       بشه؛ فضای خالی دورش رو همون بک‌گراند بلورشده (slide-image-bg) پر می‌کنه */
    object-fit: contain;
    object-position: center;
    display: block;
}

/* حالت دوم (Stretch): اگه عکس اندازه‌ی قاب نیست، کشیده می‌شه تا دقیقاً قاب رو
   پر کنه (بدون فضای خالی)؛ کل تصویر همچنان دیده می‌شه، فقط ممکنه نسبتش به‌هم بخوره */
.slide-image--stretch[b-s1xxlijqka] {
    object-fit: fill;
}

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

.slide-overlay__title[b-s1xxlijqka] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    max-width: 90%;
    line-height: 1.35;
}

.slide-overlay__subtitle[b-s1xxlijqka] {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.88);
    max-width: 85%;
    line-height: 1.6;
}

.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] {
        aspect-ratio: 16 / 7;
        max-height: 190px;
        min-height: 120px;
    }

    .advertisement-slider[b-s1xxlijqka] {
        border-radius: var(--hero-radius-mobile, 14px);
        width: calc(100% - (var(--hero-margin-x-mobile, 0px) * 2));
        max-width: var(--hero-max-width-mobile, none);
        margin-top: var(--hero-pad-top-mobile, 10px);
        margin-bottom: var(--hero-pad-bottom-mobile, 0px);
    }

    .slide-overlay[b-s1xxlijqka] {
        padding: 1.1rem 1.25rem;
        gap: 0.35rem;
    }

    .slide-overlay__title[b-s1xxlijqka] {
        font-size: 1.15rem;
        max-width: 100%;
        line-height: 1.4;
    }

    .slide-overlay__subtitle[b-s1xxlijqka] {
        font-size: 0.8rem;
        max-width: 100%;
        line-height: 1.5;
    }

    .slide-overlay__cta[b-s1xxlijqka] {
        margin-top: 0.3rem;
        padding: 0.4rem 1.1rem;
        font-size: 0.78rem;
    }

    .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] {
        transition: 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);
}

/* ===== پنل ثابت (خارج از اسکرول)، رنگش از رنگ اختصاصیِ «تخفیف» تم ساخته می‌شه ===== */
.amazing-offers__side[b-5mngxq3clq] {
    flex: 0 0 150px;
    background: linear-gradient(160deg, color-mix(in srgb, var(--discount-color, var(--primary)) 55%, black) 0%, color-mix(in srgb, var(--discount-color, 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(--discount-color, 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: var(--card-bg, #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: var(--card-bg, #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(--discount-color, 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] {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: var(--bg-secondary, #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: var(--text-muted);
    opacity: 0.6;
}

.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: var(--text);
    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(--discount-color, var(--primary)) 12%, white);
    color: var(--discount-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: var(--price-color, var(--text));
}

    .offer-card__price small[b-5mngxq3clq] {
        font-size: 0.65rem;
        font-weight: 500;
        color: var(--text-muted);
    }

/* ✅ دکمه‌ی «+» شناور، جدا از لینک محصول تا کلیکش صفحه رو عوض نکنه */
.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: var(--card-bg, #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: var(--card-bg, #fff);
    color: var(--text);
    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: var(--text);
}

.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;
}

/* ============================================================
   حالت ImageBadge: بدون کادر بغل «پیشنهاد شگفت‌انگیز»،
   درصد تخفیف به‌صورت بج روی خودِ عکس محصول
   ============================================================ */
.amazing-offers--image-badge[b-5mngxq3clq] {
    flex-direction: column;
    box-shadow: none;
    background: transparent;
}

.amazing-offers__bare-header[b-5mngxq3clq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.15rem 0.6rem;
}

.amazing-offers__bare-title-group[b-5mngxq3clq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.amazing-offers__bare-icon[b-5mngxq3clq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--discount-color, var(--primary)) 14%, white);
    color: var(--discount-color, var(--primary));
    font-size: 0.78rem;
    font-weight: 800;
}

.amazing-offers__bare-title[b-5mngxq3clq] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--text);
    margin: 0;
}

.amazing-offers__see-all--bare[b-5mngxq3clq] {
    color: var(--discount-color, var(--primary));
}

    .amazing-offers__see-all--bare:hover[b-5mngxq3clq] {
        color: var(--discount-color, var(--primary));
    }

.amazing-offers--image-badge .amazing-offers-wrap[b-5mngxq3clq] {
    background: transparent;
    padding-inline: 2.25rem;
}

/* بج تخفیف روی گوشه‌ی بالا-راستِ عکس محصول */
.offer-card__discount-badge[b-5mngxq3clq] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    background: var(--discount-color, var(--primary));
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    padding: 0.28rem 0.4rem;
    border-radius: var(--radius-xs);
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.35);
}

/* زمان‌سنج ریز، بالا-چپِ عکس - از right/left فیزیکی استفاده می‌کنیم (نه inset-inline)
   چون این المان خودش direction:ltr داره و اگه از خاصیت‌های منطقی استفاده بشه،
   جهتِ خودِ المان حساب می‌شه نه جهت صفحه، و دقیقاً روی بج تخفیف می‌افته */
.offer-card__mini-timer[b-5mngxq3clq] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 2;
    background: color-mix(in srgb, var(--discount-color, var(--primary)) 80%, black);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    direction: ltr;
    padding: 0.16rem 0.32rem;
    border-radius: var(--radius-xs);
}

@media (max-width: 767px) {
    .amazing-offers--image-badge .amazing-offers-wrap[b-5mngxq3clq] {
        padding-inline: 1.5rem;
    }
}

/* ============================================================
   حالت Compact: بدون ریبون بزرگ روی کارت‌ها، با یک زمان‌سنج
   ریز و مشترک داخل پنل کناری (مطابق نمونه‌ی ارسالی)
   ============================================================ */
/* ============================================================
   حالت Compact: یک کادر واحد دورِ همه‌ی پیشنهادها (تمام‌عرض صفحه)،
   بدون ریبون روی کارت‌ها، با جداکننده‌ی خط باریک بین محصولات
   ============================================================ */
.amazing-offers--compact[b-5mngxq3clq] {
    box-shadow: none;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 14px);
    background: var(--card-bg, #fff);
}

.amazing-offers--compact .amazing-offers-wrap[b-5mngxq3clq] {
    background: var(--card-bg, #fff);
}

.amazing-offers--compact .amazing-offers__grid[b-5mngxq3clq] {
    padding-block: 0.9rem;
}

.amazing-offers--compact .offer-card[b-5mngxq3clq] {
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    border-inline-start: 1px solid var(--border);
}

    .amazing-offers--compact .offer-card:first-child[b-5mngxq3clq] {
        border-inline-start: none;
    }

.amazing-offers--compact .offer-card:hover[b-5mngxq3clq] {
    box-shadow: none;
    background: color-mix(in srgb, var(--primary) 5%, transparent);
}

@media (max-width: 767px) {
    .amazing-offers--compact[b-5mngxq3clq] {
        border-radius: var(--radius-md, 10px);
    }
}

/* ============================================================
   حالت CompactLight: یک رنگ یکدست و ملایم برای کل کادر (حتی پنل
   «شگفت‌انگیز»، بدون گرادیان)، جداکننده‌ها هم‌رنگ با همون تم،
   هر محصول داخل «پنجره»ی جدا، و پدینگ کمتر دو طرف
   ============================================================ */
.amazing-offers--compact-light[b-5mngxq3clq] {
    /* رنگ پس‌زمینه از رنگ اصلی تمِ انتخاب‌شده (--primary) ساخته می‌شه، نه رنگِ
       اختصاصیِ تخفیف؛ چون این حالت قراره «هم‌رنگ تم سایت» باشه نه هشدار/تخفیف */
    --col-tint: color-mix(in srgb, var(--primary) 7%, white);
    --col-divider: color-mix(in srgb, var(--primary) 22%, white);
    box-shadow: none;
    border: 1px solid var(--col-divider);
    border-radius: var(--radius-lg, 14px);
    background: var(--col-tint);
}

/* پنل کناری هم دقیقاً همون رنگِ یکدست کادر رو می‌گیره، بدون گرادیان */
.amazing-offers--compact-light .amazing-offers__side[b-5mngxq3clq] {
    background: var(--col-tint);
    border-inline-end: 1px solid var(--col-divider);
}

.amazing-offers--compact-light .amazing-offers__side-icon[b-5mngxq3clq] {
    color: var(--primary);
}

.amazing-offers--compact-light .amazing-offers__side-badge[b-5mngxq3clq] {
    background: var(--primary);
    color: #fff;
}

.amazing-offers--compact-light .amazing-offers__title[b-5mngxq3clq] {
    color: var(--primary);
}

.amazing-offers--compact-light .amazing-offers__see-all[b-5mngxq3clq] {
    color: var(--primary);
    opacity: 0.85;
}

    .amazing-offers--compact-light .amazing-offers__see-all:hover[b-5mngxq3clq] {
        color: var(--primary);
        opacity: 1;
    }

.amazing-offers--compact-light .amazing-offers-wrap[b-5mngxq3clq] {
    background: transparent;
    padding-inline: 0.85rem;
}

.amazing-offers--compact-light .amazing-offers__grid[b-5mngxq3clq] {
    padding-block: 0.9rem;
    gap: 0.55rem;
}

.amazing-offers--compact-light .offer-card[b-5mngxq3clq] {
    box-shadow: none;
    border-inline-start: none;
    background: var(--card-bg, #fff);
    border: 1px solid var(--col-divider);
    border-radius: var(--radius-md);
}

.amazing-offers--compact-light .offer-card:hover[b-5mngxq3clq] {
    box-shadow: 0 4px 14px -6px color-mix(in srgb, var(--primary) 35%, transparent);
    border-color: var(--primary);
}

/* بج تخفیف بالا-راستِ عکس، زمان‌سنج برعکسش بالا-چپ (ارث‌بری از حالت پایه) */
.amazing-offers--compact-light .offer-card__discount-badge[b-5mngxq3clq] {
    top: 0.45rem;
    right: 0.45rem;
}

.amazing-offers--compact-light .offer-card__mini-timer[b-5mngxq3clq] {
    top: 0.45rem;
    left: 0.45rem;
}

@media (max-width: 767px) {
    .amazing-offers--compact-light[b-5mngxq3clq] {
        border-radius: var(--radius-md, 10px);
    }

    .amazing-offers--compact-light .amazing-offers__side[b-5mngxq3clq] {
        border-inline-end: none;
        border-block-end: 1px solid var(--col-divider);
    }

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

    .amazing-offers--compact-light .amazing-offers__grid[b-5mngxq3clq] {
        gap: 0.4rem;
    }
}
/* /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/CartDrawer.razor.rz.scp.css */
/* Components/Shared/CartDrawer.razor.css */

.cart-drawer__backdrop[b-wol9e79gqu] {
    position: fixed;
    inset: 0;
    background: rgba(20, 20, 20, 0.5);
    backdrop-filter: blur(2px);
    z-index: 899;
    animation: cart-drawer-fade-b-wol9e79gqu 0.2s ease;
}

@keyframes cart-drawer-fade-b-wol9e79gqu {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* پنل از سمت چپ صفحه باز می‌شه، چون آیکون سبد خرید در این هدر (RTL) سمت چپه */
.cart-drawer[b-wol9e79gqu] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 420px;
    max-width: 92vw;
    background: #ffffff;
    box-shadow: var(--shadow-lg, 0 12px 32px rgba(0,0,0,0.14));
    z-index: 900;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.cart-drawer--open[b-wol9e79gqu] {
    transform: translateX(0);
}

/* ===== HEADER ===== */
.cart-drawer__header[b-wol9e79gqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--border, #e0e0e0);
    flex-shrink: 0;
}

.cart-drawer__title[b-wol9e79gqu] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.cart-drawer__count[b-wol9e79gqu] {
    background: var(--bg-secondary, #f5f5f5);
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.1rem 0.55rem;
    border-radius: var(--radius-pill, 999px);
}

.cart-drawer__close[b-wol9e79gqu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

    .cart-drawer__close:hover[b-wol9e79gqu] {
        background: var(--bg-secondary, #f5f5f5);
        color: var(--text);
    }

/* ===== BODY ===== */
.cart-drawer__body[b-wol9e79gqu] {
    flex: 1;
    overflow-y: auto;
    padding: 1.1rem 1.25rem;
}

.cart-drawer__loading[b-wol9e79gqu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}

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

    .cart-drawer__empty svg[b-wol9e79gqu] {
        opacity: 0.35;
        margin-bottom: 0.5rem;
    }

.cart-drawer__notice[b-wol9e79gqu] {
    background: #fff3e0;
    color: #e65100;
    font-size: 0.8rem;
    padding: 0.6rem 0.85rem;
    border-radius: var(--radius-md, 10px);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.cart-drawer__notice--muted[b-wol9e79gqu] {
    background: var(--bg-secondary, #f5f5f5);
    color: var(--text-muted);
}

.cart-drawer__items[b-wol9e79gqu] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

/* ===== ITEM ROW ===== */
.cd-item[b-wol9e79gqu] {
    position: relative;
    display: flex;
    gap: 0.75rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #f2f2f2;
}

    .cd-item:last-child[b-wol9e79gqu] {
        border-bottom: none;
        padding-bottom: 0;
    }

.cd-item--unavailable[b-wol9e79gqu] {
    opacity: 0.55;
}

.cd-item__img[b-wol9e79gqu] {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    border-radius: var(--radius-md, 10px);
    overflow: hidden;
    background: var(--bg-secondary, #f5f5f5);
    display: block;
}

    .cd-item__img img[b-wol9e79gqu] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.cd-item__img-placeholder[b-wol9e79gqu] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--border, #e0e0e0);
}

.cd-item__info[b-wol9e79gqu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.cd-item__name[b-wol9e79gqu] {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.cd-item__attrs[b-wol9e79gqu] {
    font-size: 0.74rem;
    color: var(--text-muted);
}

.cd-item__unavailable-msg[b-wol9e79gqu] {
    font-size: 0.74rem;
    color: #c62828;
    font-weight: 600;
}

.cd-item__bottom[b-wol9e79gqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.4rem;
}

.cd-item__qty[b-wol9e79gqu] {
    display: flex;
    align-items: center;
    border: 1px solid var(--border, #e0e0e0);
    border-radius: var(--radius-md, 10px);
    overflow: hidden;
}

    .cd-item__qty button[b-wol9e79gqu] {
        width: 26px;
        height: 26px;
        background: var(--bg-secondary, #f5f5f5);
        border: none;
        font-size: 0.9rem;
        cursor: pointer;
        line-height: 1;
    }

        .cd-item__qty button:disabled[b-wol9e79gqu] {
            opacity: 0.4;
            cursor: not-allowed;
        }

    .cd-item__qty span[b-wol9e79gqu] {
        display: inline-block;
        width: 30px;
        text-align: center;
        font-size: 0.8rem;
        font-weight: 600;
    }

.cd-item__price[b-wol9e79gqu] {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--primary);
    white-space: nowrap;
}

.cd-item__remove[b-wol9e79gqu] {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.3rem;
    border-radius: var(--radius-sm, 6px);
    transition: background 0.15s, color 0.15s;
}

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

/* ===== FOOTER ===== */
.cart-drawer__footer[b-wol9e79gqu] {
    flex-shrink: 0;
    padding: 1.1rem 1.25rem 1.25rem;
    border-top: 1px solid var(--border, #e0e0e0);
    background: #fff;
}

.cart-drawer__total-row[b-wol9e79gqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 0.9rem;
}

.cart-drawer__total-amount[b-wol9e79gqu] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--primary);
}

.cart-drawer__warning-text[b-wol9e79gqu] {
    font-size: 0.76rem;
    color: #c62828;
    text-align: center;
    margin-top: 0.5rem;
}

.cart-drawer__view-all[b-wol9e79gqu] {
    display: block;
    text-align: center;
    font-size: 0.82rem;
    color: var(--text-muted);
    text-decoration: none;
    margin-top: 0.85rem;
}

    .cart-drawer__view-all:hover[b-wol9e79gqu] {
        color: var(--primary);
    }

/* ===== MOBILE ===== */
@media (max-width: 480px) {
    .cart-drawer[b-wol9e79gqu] {
        width: 100vw;
        max-width: 100vw;
    }
}
/* /Components/Shared/CartIcon.razor.rz.scp.css */
/* Components/Shared/CartIcon.razor.css */
.hicon__icon-wrap[b-mjouc2xm01] {
    position: relative;
    display: flex;
}

.cart-icon__badge[b-mjouc2xm01] {
    position: absolute;
    top: -6px;
    left: -8px;
    background: var(--discount-color, var(--primary));
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 700;
    min-width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border: 1.5px solid var(--header-bg, #fff);
}
/* /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: 1rem;
    margin: 0;
}

.cat-shortcuts[b-y0ig5uhlrt] {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding: 0.85rem 0.35rem 1.1rem;
    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-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;
    }
}

/* ============================================================
   سبک ۱: مستطیلی — کارت‌های آیکون‌دار با کادر (IconGrid / IconGridEnd)
   ============================================================ */
.cat-shortcuts-wrap--icon-grid .cat-shortcuts[b-y0ig5uhlrt] {
    gap: 0.9rem;
}

.cat-shortcuts-wrap--icon-grid .cat-shortcuts__item[b-y0ig5uhlrt] {
    width: 118px;
}

.cat-shortcuts-wrap--icon-grid .cat-shortcuts__box[b-y0ig5uhlrt] {
    width: 100%;
    height: 68px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

.cat-shortcuts-wrap--icon-grid .cat-shortcuts__item:hover .cat-shortcuts__box[b-y0ig5uhlrt] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
    transform: translateY(-2px);
}

.cat-shortcuts-wrap--icon-grid .cat-shortcuts__icon[b-y0ig5uhlrt] {
    font-size: 2.1rem;
    color: var(--primary);
}

.cat-shortcuts-wrap--icon-grid .cat-shortcuts__box-img[b-y0ig5uhlrt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-md);
}

.cat-shortcuts-wrap--icon-grid .cat-shortcuts__item--viewall .cat-shortcuts__box[b-y0ig5uhlrt] {
    background: var(--primary-light);
    border-color: transparent;
}

.cat-shortcuts-wrap--icon-grid .cat-shortcuts__label[b-y0ig5uhlrt] {
    margin-top: 0.4rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    .cat-shortcuts-wrap--icon-grid .cat-shortcuts__item[b-y0ig5uhlrt] {
        width: 140px;
    }

    .cat-shortcuts-wrap--icon-grid .cat-shortcuts__box[b-y0ig5uhlrt] {
        height: 78px;
    }

    .cat-shortcuts-wrap--icon-grid .cat-shortcuts__icon[b-y0ig5uhlrt] {
        font-size: 2.4rem;
    }
}

/* ============================================================
   سبک ۲: دایره‌ای — ساده و تمیز (Circle)
   ============================================================ */
.cat-shortcuts-wrap--circle .cat-shortcuts__item[b-y0ig5uhlrt] {
    width: 84px;
}

.cat-shortcuts__circle[b-y0ig5uhlrt] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1.5px solid var(--border);
    background: var(--card-bg, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

.cat-shortcuts-wrap--circle .cat-shortcuts__item:hover .cat-shortcuts__circle[b-y0ig5uhlrt] {
    border-color: var(--primary);
    box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--primary) 45%, transparent);
    transform: translateY(-3px);
}

.cat-shortcuts__circle .cat-shortcuts__icon[b-y0ig5uhlrt] {
    font-size: 1.65rem;
    color: var(--primary);
}

.cat-shortcuts__circle .cat-shortcuts__box-img[b-y0ig5uhlrt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cat-shortcuts-wrap--circle .cat-shortcuts__item--viewall .cat-shortcuts__circle[b-y0ig5uhlrt] {
    background: var(--primary);
}

    .cat-shortcuts-wrap--circle .cat-shortcuts__item--viewall .cat-shortcuts__circle .cat-shortcuts__icon[b-y0ig5uhlrt] {
        color: #ffffff;
    }

.cat-shortcuts-wrap--circle .cat-shortcuts__label[b-y0ig5uhlrt] {
    font-weight: 600;
}

@media (min-width: 768px) {
    .cat-shortcuts-wrap--circle .cat-shortcuts__item[b-y0ig5uhlrt] {
        width: 96px;
    }

    .cat-shortcuts__circle[b-y0ig5uhlrt] {
        width: 84px;
        height: 84px;
    }

    .cat-shortcuts__circle .cat-shortcuts__icon[b-y0ig5uhlrt] {
        font-size: 1.9rem;
    }
}

/* ============================================================
   سبک ۳: برچسبی جمع‌وجور — آیکون و متن کنار هم (PillRow)
   ============================================================ */
.cat-shortcuts-wrap--pill-row .cat-shortcuts[b-y0ig5uhlrt] {
    gap: 0.6rem;
}

.cat-shortcuts-wrap--pill-row .cat-shortcuts__item[b-y0ig5uhlrt] {
    width: auto;
}

.cat-shortcuts__pill[b-y0ig5uhlrt] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    height: 42px;
    padding: 0 1rem;
    border-radius: var(--radius-pill, 999px);
    background: var(--surface);
    border: 1px solid var(--border);
    white-space: nowrap;
    transition: background var(--transition), border-color var(--transition), color var(--transition);
}

.cat-shortcuts__pill-icon[b-y0ig5uhlrt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--primary);
    font-size: 0.95rem;
}

    .cat-shortcuts__pill-icon .cat-shortcuts__box-img[b-y0ig5uhlrt] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.cat-shortcuts__pill-label[b-y0ig5uhlrt] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text);
}

.cat-shortcuts-wrap--pill-row .cat-shortcuts__item:hover .cat-shortcuts__pill[b-y0ig5uhlrt] {
    background: var(--primary);
    border-color: var(--primary);
}

    .cat-shortcuts-wrap--pill-row .cat-shortcuts__item:hover .cat-shortcuts__pill-icon[b-y0ig5uhlrt],
    .cat-shortcuts-wrap--pill-row .cat-shortcuts__item:hover .cat-shortcuts__pill-label[b-y0ig5uhlrt] {
        color: #ffffff;
    }

.cat-shortcuts-wrap--pill-row .cat-shortcuts__item--viewall .cat-shortcuts__box[b-y0ig5uhlrt] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.cat-shortcuts-wrap--pill-row .cat-shortcuts__item--viewall .cat-shortcuts__label[b-y0ig5uhlrt] {
    display: none;
}

@media (max-width: 767px) {
    .cat-shortcuts__pill[b-y0ig5uhlrt] {
        height: 36px;
        padding: 0 0.8rem;
    }

    .cat-shortcuts__pill-label[b-y0ig5uhlrt] {
        font-size: 0.78rem;
    }
}

/* ============================================================
   سبک جدید: نوار کادردار با کارت تیره‌ی پایانی (ShowcaseBar)
   قابل‌درگ (مثل بقیه‌ی سبک‌ها) وقتی تعداد دسته‌ها از عرض بیشتر بشه.
   ============================================================ */
.showcase-bar[b-y0ig5uhlrt] {
    direction: rtl;
    display: flex;
    align-items: stretch;
    width: 100%;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 14px);
    overflow: hidden;
}

.showcase-bar__items[b-y0ig5uhlrt] {
    direction: rtl;
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0 0.5rem;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
}

    .showcase-bar__items[b-y0ig5uhlrt]::-webkit-scrollbar {
        display: none;
    }

    .showcase-bar__items.is-dragging[b-y0ig5uhlrt] {
        cursor: grabbing;
        scroll-behavior: auto;
    }

.showcase-bar__item[b-y0ig5uhlrt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    text-decoration: none;
    color: inherit;
    min-width: 108px;
    flex: 0 0 auto;
    padding: 0.9rem 1.1rem;
    border-inline-start: 1px solid var(--border);
}

    .showcase-bar__item:first-child[b-y0ig5uhlrt] {
        border-inline-start: none;
    }

.showcase-bar__icon[b-y0ig5uhlrt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    font-size: 2.3rem;
    color: var(--primary);
    transition: transform var(--transition);
}

    .showcase-bar__icon img[b-y0ig5uhlrt] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        pointer-events: none;
    }

.showcase-bar__label[b-y0ig5uhlrt] {
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--text);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.showcase-bar__item:hover .showcase-bar__icon[b-y0ig5uhlrt] {
    transform: translateY(-2px);
}

/* کارت پایانی — تیره‌ی هم‌رنگ با تم فعال، تمام‌ارتفاع، تا لبه‌ی گوشه‌ی گرد ادامه داره */
.showcase-bar__all[b-y0ig5uhlrt] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 150px;
    padding: 1rem 1.1rem;
    background: linear-gradient(160deg, color-mix(in srgb, var(--primary) 58%, black) 0%, color-mix(in srgb, var(--primary) 32%, black) 100%);
    text-decoration: none;
    transition: opacity var(--transition);
}

    .showcase-bar__all:hover[b-y0ig5uhlrt] {
        opacity: 0.92;
    }

.showcase-bar__all-icon[b-y0ig5uhlrt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 1.05rem;
    margin-bottom: 0.15rem;
}

.showcase-bar__all-title[b-y0ig5uhlrt] {
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 700;
    text-align: center;
}

.showcase-bar__all-subtitle[b-y0ig5uhlrt] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.68rem;
    text-align: center;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .showcase-bar[b-y0ig5uhlrt] {
        border-radius: var(--radius-md, 10px);
    }

    .showcase-bar__items[b-y0ig5uhlrt] {
        padding: 0 0.35rem;
    }

    .showcase-bar__item[b-y0ig5uhlrt] {
        min-width: 68px;
        padding: 0.65rem 0.65rem;
    }

    .showcase-bar__icon[b-y0ig5uhlrt] {
        width: 48px;
        height: 48px;
        font-size: 1.7rem;
    }

    .showcase-bar__all[b-y0ig5uhlrt] {
        width: 96px;
        padding: 0.75rem 0.6rem;
    }

    .showcase-bar__all-title[b-y0ig5uhlrt] {
        font-size: 0.72rem;
    }

    .showcase-bar__all-subtitle[b-y0ig5uhlrt] {
        font-size: 0.6rem;
    }
}

/* ============================================================
   نسخه‌ی «کارت‌های آیکون‌دار بزرگ» از ShowcaseBar (ShowcaseCardBar)
   همون کادر بیرونی + کارت تیره، ولی آیتم‌ها به‌جای آیکون ساده،
   کارت‌های مجزای بلندتر (ارتفاع بیشتر از سبک مستطیلی معمولی) هستن.
   ============================================================ */
.showcase-bar--card .showcase-bar__items[b-y0ig5uhlrt] {
    padding: 0.75rem;
    gap: 0.7rem;
}

.showcase-bar--card .showcase-bar__item[b-y0ig5uhlrt] {
    border-inline-start: none;
    padding: 0;
    min-width: 104px;
    position: relative;
}

/* خط جداکننده‌ی کمرنگ بین کارت‌ها، هم‌راستا با نسخه‌ی ساده‌ی نوار (ShowcaseBar) */
.showcase-bar--card .showcase-bar__item:not(:first-child)[b-y0ig5uhlrt]::before {
    content: "";
    position: absolute;
    inset-inline-start: -0.36rem;
    top: 14%;
    bottom: 14%;
    width: 1px;
    background: var(--border);
    opacity: 0.6;
}

.showcase-bar__box[b-y0ig5uhlrt] {
    width: 100%;
    height: 100px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.3rem;
    color: var(--primary);
    transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

    .showcase-bar__box img[b-y0ig5uhlrt] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: var(--radius-md);
    }

.showcase-bar--card .showcase-bar__item:hover .showcase-bar__box[b-y0ig5uhlrt] {
    border-color: var(--primary);
    box-shadow: var(--shadow-sm);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .showcase-bar--card .showcase-bar__item[b-y0ig5uhlrt] {
        min-width: 84px;
    }

    .showcase-bar__box[b-y0ig5uhlrt] {
        height: 78px;
        font-size: 1.8rem;
    }
}
/* /Components/Shared/ComboBox.razor.rz.scp.css */
.combobox[b-cejkh1c18b] {
    position: relative;
}

.combobox__dropdown[b-cejkh1c18b] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    margin-top: 2px;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.combobox__option[b-cejkh1c18b] {
    padding: 0.4rem 0.65rem;
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .combobox__option:hover[b-cejkh1c18b] {
        background: #f1f3ff;
        color: #3b4ba8;
    }
/* /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/ContentHighlights.razor.rz.scp.css */
.content-box[b-dewkb7vsmi] {
    margin: 1.5rem 0;
    border: 1px solid var(--border);
    padding: 1.1rem 1.25rem;
    background: var(--bg);
}

.content-box__header[b-dewkb7vsmi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

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

.content-box__viewall[b-dewkb7vsmi] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--primary);
    text-decoration: none;
    transition: gap var(--transition);
}

    .content-box__viewall svg[b-dewkb7vsmi] {
        transform: rotate(180deg);
    }

    .content-box__viewall:hover[b-dewkb7vsmi] {
        gap: 0.45rem;
        color: var(--primary-dark);
    }

/* ===== ردیف قابل‌اسکرول + دکمه‌های ناوبری ===== */
.content-box-wrap[b-dewkb7vsmi] {
    position: relative;
    padding-inline: 2.25rem;
}

.content-box__nav[b-dewkb7vsmi] {
    position: absolute;
    top: 42%;
    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);
}

.content-box-wrap.is-overflowing:hover .content-box__nav[b-dewkb7vsmi] {
    opacity: 1;
    pointer-events: auto;
}

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

.content-box__nav--next[b-dewkb7vsmi] {
    inset-inline-end: 0;
}

.content-box__nav--prev[b-dewkb7vsmi] {
    inset-inline-start: 0;
}

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

    .content-box__nav[b-dewkb7vsmi] {
        width: 26px;
        height: 26px;
    }

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

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

    .content-box__grid[b-dewkb7vsmi]::-webkit-scrollbar {
        display: none;
    }

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

.content-box__item[b-dewkb7vsmi] {
    flex: 0 0 auto;
    width: 200px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

.content-box__img-wrap[b-dewkb7vsmi] {
    position: relative;
    width: 100%;
    height: 128px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--bg-secondary);
}

    .content-box__img-wrap img[b-dewkb7vsmi] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform var(--transition);
    }

.content-box__item:hover .content-box__img-wrap img[b-dewkb7vsmi] {
    transform: scale(1.05);
}

.content-box__img-placeholder[b-dewkb7vsmi] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}

.content-box__badge[b-dewkb7vsmi] {
    position: absolute;
    top: 0.5rem;
    inset-inline-start: 0.5rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    backdrop-filter: blur(2px);
}

.content-box__play[b-dewkb7vsmi] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.18);
}

    .content-box__play svg[b-dewkb7vsmi] {
        filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));
    }

.content-box__item-title[b-dewkb7vsmi] {
    margin-top: 0.6rem;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

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

.content-box__item-skeleton[b-dewkb7vsmi] {
    flex: 0 0 auto;
    width: 200px;
    height: 128px;
    border-radius: var(--radius-md);
    background: var(--bg-secondary);
    animation: content-box-pulse-b-dewkb7vsmi 1.4s ease-in-out infinite;
}

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

    50% {
        opacity: 1;
    }
}
/* /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/FilterCombobox.razor.rz.scp.css */
.fcb[b-utjeoj2401] {
    position: relative;
    margin-bottom: 0.75rem;
}

.fcb__trigger[b-utjeoj2401] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    background: var(--bg, #ffffff);
    border: 1.5px solid var(--border, #ddd);
    border-radius: 4px;
    padding: 0.55rem 0.8rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text, var(--text));
    cursor: pointer;
    font-family: inherit;
    text-align: right;
}

    .fcb__trigger.is-open[b-utjeoj2401] {
        border-color: var(--primary);
    }

    .fcb__trigger span:first-child[b-utjeoj2401] {
        flex: 1;
    }

.fcb__count[b-utjeoj2401] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 999px;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.35rem;
}

.fcb__chevron[b-utjeoj2401] {
    flex-shrink: 0;
    transition: transform 0.15s;
}

.fcb__trigger.is-open .fcb__chevron[b-utjeoj2401] {
    transform: rotate(180deg);
}

.fcb__backdrop[b-utjeoj2401] {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: transparent;
}

.fcb__dropdown[b-utjeoj2401] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    left: 0;
    z-index: 31;
    background: var(--bg, #ffffff);
    border: 1px solid var(--border, #eee);
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
    padding: 0.7rem;
}

.fcb__search[b-utjeoj2401] {
    width: 100%;
    border: 1px solid var(--border, #ddd);
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
    font-size: 0.82rem;
    margin-bottom: 0.5rem;
    font-family: inherit;
}

.fcb__actions[b-utjeoj2401] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

    .fcb__actions button[b-utjeoj2401] {
        background: transparent;
        border: none;
        color: var(--primary);
        font-size: 0.76rem;
        font-weight: 600;
        cursor: pointer;
        padding: 0;
        font-family: inherit;
    }

.fcb__list[b-utjeoj2401] {
    max-height: 220px;
    overflow-y: auto;
}

.fcb__item[b-utjeoj2401] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.83rem;
    color: var(--text, var(--text));
    cursor: pointer;
    padding: 0.3rem 0.15rem;
}

    .fcb__item input[b-utjeoj2401] {
        cursor: pointer;
        flex-shrink: 0;
    }

.fcb__empty[b-utjeoj2401] {
    font-size: 0.8rem;
    color: var(--text-muted, var(--text-muted));
    text-align: center;
    padding: 0.75rem 0;
}

/* موبایل: به‌جای دراپ‌داونِ شناور، همون‌جا باز می‌شه (چون خودِ پنل هم تو موبایل Bottom Sheetِ از قبل اسکرول‌شونده‌ست) */
@media (max-width: 900px) {
    .fcb__backdrop[b-utjeoj2401] {
        display: none;
    }

    .fcb__dropdown[b-utjeoj2401] {
        position: static;
        box-shadow: none;
        margin-top: 0.5rem;
        padding: 0.6rem;
    }
}
/* /Components/Shared/Footer.razor.rz.scp.css */
/* ===== ROOT & COLOR TOKENS (تیرهٔ هماهنگ با --primary) ===== */
.site-footer[b-78qhtbxsim] {
    --footer-bg: var(--footer-bg-color, color-mix(in srgb, var(--primary) 8%, #14171a));
    --footer-bg-bottom: color-mix(in srgb, black 20%, var(--footer-bg));
    --footer-heading: #ffffff;
    --footer-text: #c9c9c9;
    --footer-text-muted: #87888c;
    --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: var(--header-footer-max-width, 1400px);
    width: calc(100% - (var(--header-footer-margin-x, 0px) * 2));
    margin: 0 auto;
    padding: 0 1.5rem;
}

.ltr-inline[b-78qhtbxsim] {
    unicode-bidi: plaintext;
}

/* ===== MAIN GRID ===== */
.site-footer__main[b-78qhtbxsim] {
    padding: 3.25rem 0 2.25rem;
}

.site-footer__grid[b-78qhtbxsim] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr 1.2fr;
    gap: 2.25rem;
}

.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: 1rem;
    text-decoration: none;
}

.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.4rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.site-footer__about[b-78qhtbxsim] {
    font-size: 0.85rem;
    line-height: 1.9;
    color: var(--footer-text-muted);
    margin-bottom: 1.4rem;
    max-width: 34ch;
}

/* ===== 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.9rem;
    font-weight: 700;
    color: var(--footer-heading);
    margin-bottom: 1.2rem;
    position: relative;
    padding-inline-start: 0.7rem;
}

    .site-footer__heading[b-78qhtbxsim]::before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        top: 0.15em;
        bottom: 0.15em;
        width: 3px;
        border-radius: 99px;
        background: var(--footer-accent);
    }

.site-footer__links[b-78qhtbxsim] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

    .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.8rem;
}

    .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);
        }

/* ===== خبرنامه ===== */
.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] {
    max-width: var(--header-footer-max-width, 1400px);
    width: calc(100% - (var(--header-footer-margin-x, 0px) * 2));
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 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;
        border-radius: var(--radius-pill, 999px);
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.14);
        color: #fff;
    }

        .site-footer__newsletter-form input[b-78qhtbxsim]::placeholder {
            color: var(--footer-text-muted);
        }

    .site-footer__newsletter-form .btn[b-78qhtbxsim] {
        border-radius: var(--radius-pill, 999px);
    }

@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] {
    max-width: var(--header-footer-max-width, 1400px);
    width: calc(100% - (var(--header-footer-margin-x, 0px) * 2));
    margin-inline: auto;
    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);
    }

/* ===== مجوزها و نمادهای رسمی ===== */
.site-footer__licenses[b-78qhtbxsim] {
    border-bottom: 1px solid var(--footer-border);
}

.site-footer__licenses-inner[b-78qhtbxsim] {
    max-width: var(--header-footer-max-width, 1400px);
    width: calc(100% - (var(--header-footer-margin-x, 0px) * 2));
    margin-inline: auto;
    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;
    }

    /* کد کامل نماد (MarkupString) — عناصر داخلش attribute مربوط به scope ندارن، پس ::deep لازمه */
    .site-footer__license--html[b-78qhtbxsim]  a {
        display: block;
        line-height: 0;
    }

    .site-footer__license--html[b-78qhtbxsim]  img {
        height: 46px;
        width: auto;
        display: block;
        object-fit: contain;
    }

/* ===== نوار پایینی ===== */
.site-footer__bottom[b-78qhtbxsim] {
    background: var(--footer-bg-bottom);
}

.site-footer__bottom-inner[b-78qhtbxsim] {
    max-width: var(--header-footer-max-width, 1400px);
    width: calc(100% - (var(--header-footer-margin-x, 0px) * 2));
    margin-inline: auto;
    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],
    .site-footer__newsletter-inner[b-78qhtbxsim],
    .site-footer__trust-inner[b-78qhtbxsim],
    .site-footer__licenses-inner[b-78qhtbxsim],
    .site-footer__bottom-inner[b-78qhtbxsim] {
        max-width: var(--header-footer-max-width-mobile, 1400px);
        width: calc(100% - (var(--header-footer-margin-x-mobile, 0px) * 2));
    }

    .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/ImageUrlPicker.razor.rz.scp.css */
.iup__preview[b-bl0xxih1w8] {
    position: relative;
    display: inline-block;
    margin-bottom: 0.4rem;
}

    .iup__preview img[b-bl0xxih1w8] {
        width: 56px;
        height: 56px;
        object-fit: cover;
        border-radius: 6px;
        border: 1px solid var(--border, #ddd);
    }

.iup__remove[b-bl0xxih1w8] {
    position: absolute;
    top: -6px;
    inset-inline-end: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #dc2626;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.iup__row[b-bl0xxih1w8] {
    display: flex;
    gap: 0.4rem;
}

    .iup__row input[b-bl0xxih1w8] {
        flex: 1;
        min-width: 0;
    }
/* /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-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%;
}

/* ===== نوار پیشرفتِ آپلود (عکس/ویدیو) ===== */
.mp-progress-info[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

.mp-progress-percent[b-vhry0rwnts] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--primary);
    font-variant-numeric: tabular-nums;
}

.mp-progress[b-vhry0rwnts] {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: var(--border);
    overflow: hidden;
}

.mp-progress__bar[b-vhry0rwnts] {
    height: 100%;
    background: var(--primary);
    border-radius: 999px;
    transition: width 0.15s ease;
}

/* ===== پنل تنظیم عکس قبل از آپلود (ابعاد/فرمت/کیفیت + قبل‌وبعد) ===== */
.mp-pending-list[b-vhry0rwnts] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.mp-pending-card[b-vhry0rwnts] {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.85rem 1rem;
    background: #fafafa;
}

.mp-pending-card__head[b-vhry0rwnts] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.mp-pending-card__name[b-vhry0rwnts] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mp-pending-card__stats[b-vhry0rwnts] {
    display: flex;
    gap: 1rem;
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-bottom: 0.75rem;
}

.mp-pending-card__controls[b-vhry0rwnts] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
}

.mp-pending-field[b-vhry0rwnts] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .mp-pending-field label[b-vhry0rwnts] {
        font-size: 0.74rem;
        color: var(--text-muted);
        white-space: nowrap;
    }

    .mp-pending-field input[type="number"][b-vhry0rwnts] {
        width: 90px;
    }

.mp-pending-field--check[b-vhry0rwnts] {
    flex-direction: row;
    align-items: center;
}

    .mp-pending-field--check label[b-vhry0rwnts] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.8rem;
        color: var(--text);
        cursor: pointer;
        white-space: nowrap;
    }

.mp-pending-field--quality[b-vhry0rwnts] {
    flex: 1;
    min-width: 160px;
}

    .mp-pending-field--quality input[type="range"][b-vhry0rwnts] {
        width: 100%;
        accent-color: var(--primary);
    }

.mp-pending-card__preview[b-vhry0rwnts] {
    padding-top: 0.5rem;
    border-top: 1px dashed var(--border);
    font-size: 0.8rem;
}

.mp-pending-card__after[b-vhry0rwnts] {
    color: var(--text);
    font-weight: 600;
}

.mp-pending-card__saved[b-vhry0rwnts] {
    color: #198754;
    font-weight: 700;
    margin-inline-start: 0.35rem;
}

.mp-pending-actions[b-vhry0rwnts] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

/* ===== 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/PersianDatePicker.razor.rz.scp.css */
.pdp[b-rebxuxkvc4] {
    display: flex;
    gap: 0.4rem;
}

.pdp__select[b-rebxuxkvc4] {
    flex: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.5rem;
    font-size: 0.9rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: #fff;
    color: #212529;
}

    .pdp__select:focus[b-rebxuxkvc4] {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

.pdp__select--year[b-rebxuxkvc4] {
    flex: 1.2;
}
/* /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 */
.product-card[b-qvi1raroll] {
    display: flex;
    flex-direction: column;
    background: var(--card-bg, #ffffff);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    text-decoration: none;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    position: relative;
    min-width: 0;
}

    .product-card:hover[b-qvi1raroll] {
        transform: translateY(-3px);
        box-shadow: var(--shadow-lg, 0 12px 28px rgba(0,0,0,0.1));
        border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
    }

.product-card__img-wrap[b-qvi1raroll] {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--bg-secondary, #f4f3ef);
    position: relative;
}

.product-card__img[b-qvi1raroll] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-card:hover .product-card__img[b-qvi1raroll] {
    transform: scale(1.06);
}

.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.6rem;
    right: 0.6rem;
    background: var(--discount-color, var(--primary));
    color: #ffffff;
    font-size: clamp(0.62rem, 1.7vw, 0.72rem);
    font-weight: 700;
    padding: 0.22rem 0.6rem;
    border-radius: var(--radius-pill, 999px);
    letter-spacing: -0.01em;
}

.product-card__link[b-qvi1raroll] {
    display: block;
    text-decoration: none;
    color: inherit;
}

.product-card__body[b-qvi1raroll] {
    padding: 0.9rem;
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.product-card__brand[b-qvi1raroll] {
    font-size: clamp(0.68rem, 1.7vw, 0.78rem);
    color: var(--text-muted);
    font-weight: 600;
    line-height: 1.3;
    flex-shrink: 0;
}

.product-card__title[b-qvi1raroll] {
    font-size: clamp(0.82rem, 2vw, 0.96rem);
    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;
    justify-content: flex-end;
    gap: 0.15rem;
    margin-top: 0.5rem;
    /* ارتفاع ثابت برای ردیف قیمت، صرف‌نظر از وجود یا عدم‌وجود قیمت قبل از
       تخفیف — تا کارت‌های تخفیف‌دار و بدون تخفیف کنار هم هم‌قد بمونن */
    min-height: 2.7rem;
}

.product-card__old-price[b-qvi1raroll] {
    font-size: clamp(0.72rem, 1.7vw, 0.82rem);
    color: var(--text-muted);
    text-decoration: line-through;
    opacity: 0.8;
}

.product-card__price[b-qvi1raroll] {
    font-size: clamp(0.95rem, 2.4vw, 1.15rem);
    font-weight: 800;
    color: var(--price-color, var(--text));
    font-variant-numeric: tabular-nums;
}

.product-card__price--unavailable[b-qvi1raroll] {
    color: var(--text-muted);
    font-size: clamp(0.78rem, 1.9vw, 0.9rem);
    font-weight: 600;
}

.product-card__price--contact[b-qvi1raroll] {
    color: var(--primary);
    font-size: clamp(0.78rem, 1.9vw, 0.9rem);
    font-weight: 700;
}

/* دکمه‌ی افزودن سریع - جدا از لینک محصول تا کلیکش صفحه رو عوض نکنه */
.product-card__add-btn[b-qvi1raroll] {
    position: absolute;
    inset-inline-end: 0.9rem;
    bottom: 0.9rem;
    z-index: 2;
    width: clamp(30px, 7vw, 38px);
    height: clamp(30px, 7vw, 38px);
    border: none;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px -3px color-mix(in srgb, var(--primary) 60%, transparent);
    transition: background 0.2s, transform 0.2s;
}

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

    /* آیکونِ + هم با خودِ دکمه (که با clamp اندازه‌ش عوض می‌شه) متناسب بمونه؛
       این‌جا override می‌کنه اتریبیوت‌های width/height خودِ svg رو */
    .product-card__add-btn svg[b-qvi1raroll] {
        width: 45%;
        height: 45%;
    }

.product-card__qty-box[b-qvi1raroll] {
    position: absolute;
    inset-inline: 0.9rem;
    bottom: 0.9rem;
    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: var(--shadow-lg, 0 6px 18px -6px rgba(0,0,0,0.3));
    padding: 0.3rem;
}

.product-card__qty-btn[b-qvi1raroll] {
    width: clamp(22px, 5.5vw, 28px);
    height: clamp(22px, 5.5vw, 28px);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--text);
    font-size: clamp(0.85rem, 2.2vw, 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: clamp(0.78rem, 2vw, 0.92rem);
    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: clamp(0.62rem, 1.6vw, 0.72rem);
    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.6rem;
    left: 0.6rem;
    z-index: 2;
    width: clamp(28px, 6.5vw, 36px);
    height: clamp(28px, 6.5vw, 36px);
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    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.2);
    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 svg[b-qvi1raroll] {
        width: 50%;
        height: 50%;
    }

.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;
}

/* موبایل: فاصله‌ها/خط‌فاصله‌ها جمع‌تر بشن تا متن‌ها تو کارتِ کوچیک شلوغ/ولو به‌نظر نرسن */
@media (max-width: 640px) {
    .product-card__body[b-qvi1raroll] {
        padding: 0.6rem;
        padding-bottom: 2.6rem;
        gap: 0.15rem;
    }

    .product-card__brand[b-qvi1raroll] {
        line-height: 1.2;
    }

    .product-card__title[b-qvi1raroll] {
        line-height: 1.25;
        height: 2.3em !important;
        min-height: 2.3em !important;
        max-height: 2.3em !important;
    }

    .product-card__price-row[b-qvi1raroll] {
        margin-top: 0.3rem;
        min-height: 2.2rem;
        gap: 0.05rem;
    }
}
/* /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;
    display: flex;
}

    .product-carousel__item .product-card[b-5km80mgep1] {
        width: 100%;
    }

/* حالت جایگزین: گرید ۳ردیفه با اسکرول افقی بین «صفحه»های ستونی (مثلاً پرفروش‌ترین‌ها) */
.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/ProductCollectionView.razor.rz.scp.css */
.pcv__hero[b-qclp6erw1o] {
    position: relative;
    height: 260px;
    background-size: cover;
    background-position: center;
    border-radius: var(--radius-xl, 20px);
    max-width: 1400px;
    margin: 0 auto 1.5rem;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.pcv__hero-overlay[b-qclp6erw1o] {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(10, 8, 6, 0.72) 0%, rgba(10, 8, 6, 0.25) 55%, rgba(10, 8, 6, 0.05) 100%);
}

.pcv__header--on-hero[b-qclp6erw1o] {
    position: relative;
    z-index: 1;
    padding: 2.25rem;
    max-width: 640px;
}

    .pcv__header--on-hero .pcv__title[b-qclp6erw1o] {
        color: #ffffff;
        font-size: 1.85rem;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
    }

    .pcv__header--on-hero .pcv__desc[b-qclp6erw1o] {
        color: rgba(255, 255, 255, 0.88);
    }

.pcv__eyebrow[b-qclp6erw1o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #ffffff;
    background: color-mix(in srgb, var(--primary) 75%, transparent);
    backdrop-filter: blur(4px);
    padding: 0.3rem 0.9rem;
    border-radius: var(--radius-pill, 999px);
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

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

.pcv__title[b-qclp6erw1o] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text, var(--text));
    margin: 0 0 0.35rem;
    position: relative;
    padding-inline-start: 0.85rem;
}

    .pcv__header:not(.pcv__header--on-hero) .pcv__title[b-qclp6erw1o]::before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        top: 0.15em;
        bottom: 0.15em;
        width: 4px;
        border-radius: 99px;
        background: var(--primary);
    }

    .pcv__header--on-hero .pcv__title[b-qclp6erw1o] {
        padding-inline-start: 0;
    }

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

@media (max-width: 640px) {
    .pcv__hero[b-qclp6erw1o] {
        height: 190px;
        border-radius: var(--radius-lg, 14px);
    }

    .pcv__header--on-hero[b-qclp6erw1o] {
        padding: 1.25rem;
    }

        .pcv__header--on-hero .pcv__title[b-qclp6erw1o] {
            font-size: 1.35rem;
        }
}

.pcv__empty[b-qclp6erw1o] {
    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-qclp6erw1o] {
    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-qclp6erw1o] {
    font-size: 0.85rem;
    color: var(--text-muted, var(--text-muted));
    white-space: nowrap;
    flex-shrink: 0;
}

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

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

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

.pcv__inline-label[b-qclp6erw1o] {
    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-qclp6erw1o] {
    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-qclp6erw1o] {
        color: var(--text, var(--text));
    }

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

.pcv__trigger[b-qclp6erw1o] {
    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-qclp6erw1o] {
        color: var(--primary);
        font-weight: 700;
    }

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

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

.pcv__load-more-btn[b-qclp6erw1o] {
    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-qclp6erw1o] {
        background: var(--primary);
        color: #ffffff;
    }

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

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

.sort-sheet[b-qclp6erw1o] {
    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-qclp6erw1o 0.22s ease-out;
}

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

    to {
        transform: translateY(0);
    }
}

.sort-sheet__header[b-qclp6erw1o] {
    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-qclp6erw1o] {
    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-qclp6erw1o] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text, var(--text));
    margin: 0;
}

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

.sort-sheet__item[b-qclp6erw1o] {
    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-qclp6erw1o] {
        color: var(--primary);
        flex-shrink: 0;
    }

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

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

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

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

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

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

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

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

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

    .pcv__load-more-btn[b-qclp6erw1o] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/ProductContentEditor.razor.rz.scp.css */
.pce__list[b-xje7vyaseh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.pce__item-order[b-xje7vyaseh] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.pce__item-title[b-xje7vyaseh] {
    flex: 1;
    font-weight: 600;
    font-size: 0.9rem;
}

.pce__item-switch[b-xje7vyaseh] {
    margin: 0;
}

.pce__editor[b-xje7vyaseh] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem;
    background: #fafafa;
}

.pce__item-type[b-xje7vyaseh] {
    font-weight: 500;
    font-size: 0.72rem;
}

/* ===== ردیف‌های «موارد مختلف» ===== */
.pce__rows[b-xje7vyaseh] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.pce__row[b-xje7vyaseh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.35rem 0.5rem;
    border: 1px solid #eee;
    border-radius: 6px;
    background: #fff;
}

.pce__row-text[b-xje7vyaseh] {
    flex: 1;
    font-size: 0.85rem;
}

.pce__row-editor[b-xje7vyaseh] {
    border: 1px solid #dcdfe3;
    border-radius: 6px;
    padding: 0.6rem;
    background: #fff;
}

.pce__group-title[b-xje7vyaseh] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #555;
    margin: 0.5rem 0 0.15rem;
}

    .pce__group-title:first-child[b-xje7vyaseh] {
        margin-top: 0;
    }

.pce__value-wrap[b-xje7vyaseh] {
    position: relative;
}

/* ===== ورودی چندمقداره به‌شکل چیپ ===== */
.pce__chips[b-xje7vyaseh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: #fff;
}

.pce__chip[b-xje7vyaseh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    background: #eef2ff;
    color: #3b4ba8;
    border-radius: 999px;
    font-size: 0.78rem;
    white-space: nowrap;
}

.pce__chip-remove[b-xje7vyaseh] {
    background: none;
    border: none;
    color: inherit;
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.pce__chip-input[b-xje7vyaseh] {
    flex: 1;
    min-width: 140px;
    border: none;
    outline: none;
    font-size: 0.85rem;
    padding: 0.15rem 0;
}
/* /Components/Shared/ProductFilterPanel.razor.rz.scp.css */
/* دسکتاپ: یه سایدبار ساده و همیشه‌نمایان */
.pfp[b-l8kfiogyai] {
    width: 260px;
    flex-shrink: 0;
}

@media (min-width: 901px) {
    .pfp[b-l8kfiogyai] {
        margin-top: 2rem;
    }
}

/* اینپوت‌های Bootstrapی (جستجو، از/تا قیمت) داخلِ پنل - گردیِ کمتر، هم‌خونی با FilterCombobox */
.pfp__group input.form-control[b-l8kfiogyai] {
    border-radius: 4px;
}

.pfp__mobile-trigger[b-l8kfiogyai] {
    display: none;
}

.pfp__backdrop[b-l8kfiogyai] {
    display: none;
}

.pfp__panel[b-l8kfiogyai] {
    position: static;
}

.pfp__panel-header[b-l8kfiogyai] {
    display: none;
}

.pfp__panel-body[b-l8kfiogyai] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.pfp__panel-footer[b-l8kfiogyai] {
    display: none;
}

.pfp__clear[b-l8kfiogyai] {
    align-self: flex-start;
    background: transparent;
    border: none;
    color: var(--primary);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    font-family: inherit;
}

.pfp__group[b-l8kfiogyai] {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--border, #eee);
}

    .pfp__group:last-child[b-l8kfiogyai] {
        border-bottom: none;
        padding-bottom: 0;
    }

.pfp__group-title[b-l8kfiogyai] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text, var(--text));
    margin: 0 0 0.65rem;
}

.pfp__group-loading[b-l8kfiogyai] {
    font-size: 0.78rem;
    color: var(--text-muted, var(--text-muted));
    margin-top: 0.5rem;
}

.pfp__checkbox[b-l8kfiogyai] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--text, var(--text));
    cursor: pointer;
    padding: 0.3rem 0;
}

    .pfp__checkbox input[b-l8kfiogyai] {
        cursor: pointer;
        flex-shrink: 0;
    }

.pfp__price-inputs[b-l8kfiogyai] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .pfp__price-inputs input[b-l8kfiogyai] {
        min-width: 0;
    }

    .pfp__price-inputs span[b-l8kfiogyai] {
        font-size: 0.8rem;
        color: var(--text-muted, var(--text-muted));
        flex-shrink: 0;
    }

.pfp__swatches[b-l8kfiogyai] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.pfp__swatch[b-l8kfiogyai] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--border, #ddd);
    cursor: pointer;
    padding: 0;
}

    .pfp__swatch.is-selected[b-l8kfiogyai] {
        border-color: var(--primary);
        box-shadow: 0 0 0 2px var(--bg, #fff), 0 0 0 4px var(--primary);
    }

.pfp__badge[b-l8kfiogyai] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 999px;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.35rem;
    margin-inline-start: 0.2rem;
}

/* موبایل: سایدبار جاش رو به یه دکمه‌ی محرک + Bottom Sheet می‌ده (هم‌خانواده‌ی sort-sheet توی ProductCollectionView) */
@media (max-width: 900px) {
    .pfp[b-l8kfiogyai] {
        width: auto;
    }

    .pfp__mobile-trigger[b-l8kfiogyai] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        background: var(--bg, #ffffff);
        border: 1.5px solid var(--border, #ddd);
        border-radius: var(--radius-pill, 999px);
        padding: 0.55rem 1.1rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--text, var(--text));
        cursor: pointer;
        font-family: inherit;
        margin-bottom: 1rem;
    }

    .pfp__panel[b-l8kfiogyai] {
        position: fixed;
        bottom: 0;
        inset-inline: 0;
        max-height: 85vh;
        background: var(--bg, #ffffff);
        border-radius: var(--radius-xl, 20px) var(--radius-xl, 20px) 0 0;
        z-index: 1001;
        transform: translateY(100%);
        transition: transform 0.25s ease-out;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
    }

    .pfp--mobile-open .pfp__panel[b-l8kfiogyai] {
        transform: translateY(0);
    }

    .pfp--mobile-open .pfp__backdrop[b-l8kfiogyai] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1000;
    }

    .pfp__panel-header[b-l8kfiogyai] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 1.1rem;
        border-bottom: 1px solid var(--border, #eee);
        flex-shrink: 0;
    }

        .pfp__panel-header h3[b-l8kfiogyai] {
            font-size: 1rem;
            font-weight: 700;
            margin: 0;
            color: var(--text, var(--text));
        }

    .pfp__close[b-l8kfiogyai] {
        background: transparent;
        border: none;
        color: var(--text, var(--text));
        cursor: pointer;
        padding: 0.2rem;
        display: flex;
    }

    .pfp__panel-body[b-l8kfiogyai] {
        padding: 1rem 1.1rem;
        overflow-y: auto;
        flex: 1;
    }

    .pfp__panel-footer[b-l8kfiogyai] {
        display: block;
        padding: 0.85rem 1.1rem;
        border-top: 1px solid var(--border, #eee);
        flex-shrink: 0;
    }
}
/* /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;
}

/* وقتی با Fullscreen API واقعی مرورگر باز شده، دیگه محدودیت‌های عرض/ارتفاع
   بالا نباید اعمال بشه - باید کل صفحه رو پر کنه، نه همون اندازه‌ی قبلی */
.gallery-modal:fullscreen[b-pn9g4q0l4f],
.gallery-modal:-webkit-full-screen[b-pn9g4q0l4f] {
    top: 0;
    left: 0;
    transform: none;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    background: #000;
    justify-content: center;
    padding: 2rem;
    box-sizing: border-box;
}

    .gallery-modal:fullscreen .gallery-modal__main[b-pn9g4q0l4f],
    .gallery-modal:-webkit-full-screen .gallery-modal__main[b-pn9g4q0l4f] {
        height: 100%;
        border-radius: 0;
    }

    .gallery-modal:fullscreen .gallery-modal__thumbs[b-pn9g4q0l4f],
    .gallery-modal:-webkit-full-screen .gallery-modal__thumbs[b-pn9g4q0l4f] {
        flex-shrink: 0;
    }

.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__main img[b-pn9g4q0l4f] {
        cursor: zoom-in;
        transition: transform 0.15s ease-out;
        will-change: transform;
    }

.gallery-modal__img--zoomed[b-pn9g4q0l4f] {
    max-width: none !important;
    max-height: none !important;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(2.2);
    cursor: zoom-out;
}

/* دکمه‌های ابزار (زوم/تمام‌صفحه) - بالای عکس، جدا از دکمه‌های قبلی/بعدی که وسط کناره‌ها هستن */
.gallery-modal__tool[b-pn9g4q0l4f] {
    position: absolute;
    top: 0.75rem;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

    .gallery-modal__tool:hover[b-pn9g4q0l4f] {
        background: rgba(255, 255, 255, 0.3);
    }

.gallery-modal__tool--zoom[b-pn9g4q0l4f] {
    inset-inline-start: 0.75rem;
}

.gallery-modal__tool--fullscreen[b-pn9g4q0l4f] {
    inset-inline-end: 0.75rem;
}

.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] {
    left: 1rem;
}

.gallery-modal__nav--next[b-pn9g4q0l4f] {
    right: 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/ProductPicker.razor.rz.scp.css */
.product-picker[b-roitno4ena] {
    border: 1px solid #e2e5e9;
    border-radius: 10px;
    padding: 0.9rem;
    background: #fafbfc;
}

.product-picker__filters[b-roitno4ena] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 0.6rem;
}

    .product-picker__filters > input[type="text"][b-roitno4ena] {
        grid-column: 1 / -1;
    }

.product-picker__bulk[b-roitno4ena] {
    margin-bottom: 0.6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px dashed #dde1e6;
}

.product-picker__bulk-row[b-roitno4ena] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .product-picker__bulk-row:not(:last-child)[b-roitno4ena] {
        margin-bottom: 0.5rem;
    }

.product-picker__bulk-row--between[b-roitno4ena] {
    justify-content: space-between;
}

.product-picker__list[b-roitno4ena] {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #e2e5e9;
    border-radius: 8px;
    background: #fff;
}

.product-picker__item[b-roitno4ena] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #f1f2f4;
    cursor: pointer;
    margin: 0;
}

    .product-picker__item:last-child[b-roitno4ena] {
        border-bottom: none;
    }

    .product-picker__item:hover[b-roitno4ena] {
        background: #f7f8fa;
    }

.product-picker__item-name[b-roitno4ena] {
    flex: 1;
    font-size: 0.85rem;
}

.product-picker__item-brand[b-roitno4ena] {
    font-size: 0.72rem;
    color: #8a8f98;
}

.product-picker__pagination[b-roitno4ena] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 0.6rem;
}

.product-picker__selected[b-roitno4ena] {
    margin-top: 0.6rem;
}

    .product-picker__selected summary[b-roitno4ena] {
        cursor: pointer;
        font-size: 0.8rem;
        color: #495057;
    }

.product-picker__chips[b-roitno4ena] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.5rem;
}

@media (max-width: 576px) {
    .product-picker__filters[b-roitno4ena] {
        grid-template-columns: 1fr;
    }

    .product-picker__bulk-row--between[b-roitno4ena] {
        flex-wrap: wrap;
        row-gap: 0.4rem;
    }
}
/* /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);
    }

/* حالتی که عکس داره: عکس کل قاب رو پر می‌کنه، متن/دکمه (اگه باشه) overlay پایین کارته */
.promo-grid__card--has-image[b-ai8gehcws7] {
    padding: 0;
    align-items: flex-end;
}

.promo-grid__bg-img[b-ai8gehcws7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.promo-grid__card--has-image .promo-grid__text[b-ai8gehcws7] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    padding: 2.5rem 1.25rem 1.25rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .38) 60%, transparent 100%);
    color: #fff;
}

.promo-grid__card--has-image .promo-grid__cta[b-ai8gehcws7] {
    border-color: rgba(255, 255, 255, .85);
}

/* حالتی که عکس نیست: چیدمان قبلی، رنگ پس‌زمینه + متن کنار هم */
.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;
}

@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__card--has-image .promo-grid__text[b-ai8gehcws7] {
        padding: 1.75rem 1rem 1rem;
    }
}
/* /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/RichTextEditor.razor.rz.scp.css */
.rte[b-3au4mipssv] {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    overflow: hidden;
}

.rte__toolbar[b-3au4mipssv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    background: #f8f9fa;
    border-bottom: 1px solid #ced4da;
}

.rte__group[b-3au4mipssv] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding-inline-end: 0.6rem;
    border-inline-end: 1px solid #dee2e6;
}

    .rte__group:last-child[b-3au4mipssv] {
        border-inline-end: none;
        padding-inline-end: 0;
    }

.rte__btn[b-3au4mipssv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 0.4rem;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #333;
    font-family: inherit;
    font-size: 0.85rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

    .rte__btn:hover[b-3au4mipssv] {
        background: #eef0f2;
        border-color: #dcdfe3;
    }

    .rte__btn:active[b-3au4mipssv] {
        background: #e3e5e8;
    }

.rte__btn--active[b-3au4mipssv] {
    background: #dce6ff;
    border-color: #8ab0ff;
    color: #0d47d9;
}

    .rte__btn--active:hover[b-3au4mipssv] {
        background: #cddaff;
    }

.rte__btn--bold[b-3au4mipssv] {
    font-weight: 700;
}

.rte__btn--italic[b-3au4mipssv] {
    font-style: italic;
}

.rte__btn--underline[b-3au4mipssv] {
    text-decoration: underline;
}

.rte__btn--text[b-3au4mipssv] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0 0.55rem;
    white-space: nowrap;
}

.rte__select[b-3au4mipssv] {
    height: 30px;
    font-size: 0.78rem;
    border: 1px solid #dcdfe3;
    border-radius: 5px;
    background: #fff;
    padding: 0 0.4rem;
    color: #333;
    max-width: 110px;
}

.rte__color[b-3au4mipssv] {
    width: 30px;
    height: 30px;
    padding: 2px;
    border: 1px solid #dcdfe3;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}

/* ===== ناحیه‌ی قابل‌ویرایش ===== */
.rte__editor[b-3au4mipssv] {
    min-height: 260px;
    max-height: 560px;
    overflow-y: auto;
    padding: 0.85rem 1rem;
    font-size: 0.95rem;
    line-height: 1.85;
    color: #1a1a1a;
    background: #fff;
    outline: none;
}

    .rte__editor:empty[b-3au4mipssv]::before {
        content: "متن محتوا را اینجا بنویس...";
        color: #adb5bd;
        pointer-events: none;
    }

    /* محتوای داخل ویرایشگر (تایپ‌شده یا با جاوااسکریپت درج‌شده) توسط Blazor
       رندر نمی‌شه، پس برای استایل‌دهی به فرزندانش باید ::deep استفاده کرد */
    .rte__editor[b-3au4mipssv]  img,
    .rte__editor[b-3au4mipssv]  video {
        max-width: 100%;
        border-radius: 8px;
    }

    .rte__editor[b-3au4mipssv]  a {
        color: #0d6efd;
    }

    .rte__editor[b-3au4mipssv]  p {
        margin: 0 0 0.85rem;
    }

/* عکس/ویدیوی انتخاب‌شده (برای تغییر اندازه) */
.rte__editor[b-3au4mipssv]  .rte-media-selected {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
    cursor: pointer;
}

/* دکمه‌های کوچیک - / + که بعد از عکس/ویدیوی انتخاب‌شده ظاهر می‌شن */
.rte__editor[b-3au4mipssv]  .rte-resize-ctrl {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    margin: 0.3rem 0.4rem;
    padding: 0.2rem 0.4rem;
    background: #1a1a1a;
    border-radius: 8px;
    vertical-align: middle;
    user-select: none;
}

.rte__editor[b-3au4mipssv]  .rte-resize-ctrl__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: #333;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
}

    .rte__editor[b-3au4mipssv]  .rte-resize-ctrl__btn:hover {
        background: #0d6efd;
    }

.rte__editor[b-3au4mipssv]  .rte-resize-ctrl__label {
    font-size: 0.7rem;
    color: #fff;
    min-width: 28px;
    text-align: center;
}

.rte__editor[b-3au4mipssv]  .rte-resize-ctrl__input {
    width: 46px;
    height: 22px;
    font-size: 0.7rem;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    padding: 0 2px;
}

.rte__editor[b-3au4mipssv]  .rte-resize-ctrl__x {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.7rem;
}

.rte__select--size[b-3au4mipssv] {
    width: 72px;
}

.rte__editor[b-3au4mipssv]  .rte-resize-ctrl__sep {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.25);
    flex: 0 0 auto;
}

.rte__editor[b-3au4mipssv]  .rte-resize-ctrl__btn--active {
    background: #0d6efd;
}

.rte__editor[b-3au4mipssv]  .rte-resize-ctrl__btn--danger:hover {
    background: #dc3545;
}
/* /Components/Shared/SearchableSelect.razor.rz.scp.css */
.combobox[b-ln8dlt99cg] {
    position: relative;
}

.combobox__input-wrap[b-ln8dlt99cg] {
    position: relative;
}

    .combobox__input-wrap input[b-ln8dlt99cg] {
        padding-left: 1.8rem;
    }

.combobox__clear[b-ln8dlt99cg] {
    position: absolute;
    left: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #8a8f98;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.1rem 0.3rem;
}

    .combobox__clear:hover[b-ln8dlt99cg] {
        color: #dc3545;
    }

.combobox__dropdown[b-ln8dlt99cg] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    margin-top: 2px;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.combobox__option[b-ln8dlt99cg] {
    padding: 0.4rem 0.65rem;
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .combobox__option:hover[b-ln8dlt99cg] {
        background: #f1f3ff;
        color: #3b4ba8;
    }

.combobox__option--active[b-ln8dlt99cg] {
    background: #eef0ff;
    font-weight: 600;
}
/* /Components/Shared/SpecValueQuickAddModal.razor.rz.scp.css */
.svqm-backdrop[b-k2p10yrl3f] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1050;
}

.svqm-box[b-k2p10yrl3f] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1051;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.4);
    padding: 1rem;
    width: min(90vw, 340px);
}
/* /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;
    font-size: 0.8rem;
    font-weight: 500;
}

.ad-bar__inner[b-93yojzrmfi] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.5rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.ad-bar__message[b-93yojzrmfi] {
    flex-shrink: 0;
}

.ad-bar__plain[b-93yojzrmfi],
.ad-bar__link[b-93yojzrmfi] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: inherit;
    text-decoration: none;
    animation: ad-bar-fade-in-b-93yojzrmfi 0.4s ease;
}

.ad-bar__link:hover[b-93yojzrmfi] {
    color: inherit;
    text-decoration: underline;
}

@keyframes ad-bar-fade-in-b-93yojzrmfi {
    from {
        opacity: 0;
        transform: translateY(3px);
    }

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

.ad-bar__quick[b-93yojzrmfi] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    opacity: 0.92;
}

.ad-bar__links[b-93yojzrmfi] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-shrink: 0;
    padding-inline-start: 1.25rem;
    border-inline-start: 1px solid rgba(255, 255, 255, 0.25);
}

.ad-bar__quick-item[b-93yojzrmfi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.15s;
}

a.ad-bar__quick-item:hover[b-93yojzrmfi] {
    opacity: 0.75;
    color: inherit;
}

@media (max-width: 991px) {
    .ad-bar__quick[b-93yojzrmfi] {
        display: none;
    }
}

@media (max-width: 640px) {
    .ad-bar__inner[b-93yojzrmfi] {
        padding: 0.4rem 1rem;
    }

    .ad-bar[b-93yojzrmfi] {
        font-size: 0.72rem;
    }

    .ad-bar__links[b-93yojzrmfi] {
        gap: 0.85rem;
        padding-inline-start: 0.75rem;
    }

    .ad-bar__links .ad-bar__quick-item span:not(:first-child)[b-93yojzrmfi] {
        display: none;
    }
}

@media (max-width: 420px) {
    .ad-bar__links a:last-child[b-93yojzrmfi] {
        display: none;
    }
}
/* /Components/Shared/TrustBadgesStrip.razor.rz.scp.css */
.trust-strip[b-2db1sy59u0] {
}

.trust-strip__inner[b-2db1sy59u0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.trust-strip__item[b-2db1sy59u0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 1.25rem;
    border-inline-start: 1px solid var(--border);
}

    .trust-strip__item:first-child[b-2db1sy59u0] {
        border-inline-start: none;
    }

.trust-strip__icon[b-2db1sy59u0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
    flex-shrink: 0;
}

.trust-strip__text[b-2db1sy59u0] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text);
    line-height: 1.5;
}

@media (max-width: 768px) {
    .trust-strip__inner[b-2db1sy59u0] {
        grid-template-columns: repeat(2, 1fr);
    }

    .trust-strip__item[b-2db1sy59u0] {
        padding: 0.85rem 1rem;
    }

        .trust-strip__item:nth-child(2)[b-2db1sy59u0] {
            border-inline-start: 1px solid var(--border);
        }

        .trust-strip__item:nth-child(odd)[b-2db1sy59u0] {
            border-inline-start: none;
        }
}

@media (max-width: 420px) {
    .trust-strip__inner[b-2db1sy59u0] {
        grid-template-columns: 1fr;
    }

    .trust-strip__item[b-2db1sy59u0] {
        border-inline-start: none !important;
        border-top: 1px solid var(--border);
    }

        .trust-strip__item:first-child[b-2db1sy59u0] {
            border-top: none;
        }
}