@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/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/ProductSelector/Index.razor.rz.scp.css */
/* Components/Pages/Admin/ProductSelector/Index.razor.css */
.psa__search[b-1k74k9p1fg] {
    width: 220px;
    max-width: 100%;
}

.psa__thumb[b-1k74k9p1fg] {
    display: inline-block;
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid var(--border, #e6e1d5);
    background: var(--bg-secondary, #f4f3ef);
    vertical-align: middle;
}

.psa__thumb--empty[b-1k74k9p1fg] {
    background: repeating-linear-gradient(45deg, var(--bg-secondary, #f4f3ef), var(--bg-secondary, #f4f3ef) 6px, #fff 6px, #fff 12px);
}

.psa__table td[b-1k74k9p1fg] {
    vertical-align: middle;
}

@media (max-width: 768px) {
    .psa__search[b-1k74k9p1fg] {
        width: 100%;
    }
}
/* /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/ForgotPassword.razor.rz.scp.css */
.auth-wrapper[b-hdzv4me0d1] {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1rem;
    background: var(--bg-secondary);
}

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

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

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

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

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

.password-toggle[b-hdzv4me0d1] {
    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-hdzv4me0d1] {
        color: var(--primary);
    }

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

    .auth-link:hover[b-hdzv4me0d1] {
        color: var(--primary-dark);
    }
/* /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: 1.25rem 1rem;
    background: var(--bg-secondary);
}

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

.auth-title[b-ysxqhcp3y7] {
    font-size: 1.35rem;
    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: 1.25rem 1rem;
    background: var(--bg-secondary);
}

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

.auth-title[b-lzyaxr5904] {
    font-size: 1.35rem;
    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/Auth/ResetPassword.razor.rz.scp.css */
.auth-wrapper[b-ko6h7r23zy] {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1rem;
    background: var(--bg-secondary);
}

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

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

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

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

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

.password-toggle[b-ko6h7r23zy] {
    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-ko6h7r23zy] {
        color: var(--primary);
    }

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

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

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

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

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

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

@media (max-width: 480px) {
    .auth-card[b-ko6h7r23zy] {
        border-radius: var(--radius-md);
    }
}
/* /Components/Pages/BrandsPage.razor.rz.scp.css */
.brands-page[b-ri0y65sco3] {
    max-width: var(--container-width, 1280px);
    margin: 24px auto var(--section-spacing, 36px);
    padding-inline: var(--sf-gutter, 16px);
}

.brands-page__crumbs[b-ri0y65sco3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.brands-page__crumbs a[b-ri0y65sco3] {
    color: var(--text-muted);
    text-decoration: none;
}

.brands-page__crumbs a:hover[b-ri0y65sco3] {
    color: var(--primary);
}

.brands-page__title[b-ri0y65sco3] {
    margin: 0 0 20px;
    padding-inline-start: 12px;
    border-inline-start: 4px solid var(--accent);
    font-size: 1.4rem;
    font-weight: 800;
}

.brands-page__state[b-ri0y65sco3] {
    padding: 48px 0;
    color: var(--text-muted);
    text-align: center;
}

.brands-page__grid[b-ri0y65sco3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 14px;
}

.brands-page__card[b-ri0y65sco3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px 12px;
    border: 1px solid var(--border);
    border-radius: var(--card-radius, 12px);
    background: var(--card-bg);
    box-shadow: var(--shadow-sm, none);
    color: var(--text);
    text-decoration: none;
    transition: border-color var(--sf-motion-fast, 150ms) ease, box-shadow var(--sf-motion-fast, 150ms) ease;
}

.brands-page__card:hover[b-ri0y65sco3] {
    border-color: var(--accent);
    box-shadow: var(--shadow-md, none);
}

.brands-page__logo[b-ri0y65sco3] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 72px;
}

.brands-page__logo img[b-ri0y65sco3] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.brands-page__initial[b-ri0y65sco3] {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--surface);
    color: var(--primary);
    font-size: 1.4rem;
    font-weight: 800;
}

.brands-page__name[b-ri0y65sco3] {
    font-size: 0.9rem;
    font-weight: 700;
    text-align: center;
}
/* /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/Dev/StorefrontGallery.razor.rz.scp.css */
/* گالریِ تم (فقط Development): همه‌ی رنگ و اندازه‌ها از توکن‌های تم می‌آن، پس با عوض‌کردنِ theme.css نتیجه همین‌جا دیده می‌شه */

.sf-gallery[b-14dt2zoylp] {
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-family);
    padding-block: 24px 64px;
    min-height: 100vh;
}

.sf-gallery__header[b-14dt2zoylp] {
    margin-bottom: 28px;
}

.sf-gallery__title[b-14dt2zoylp] {
    margin: 0 0 6px;
    font-family: var(--sf-font-heading);
    font-size: 1.75rem;
    font-weight: 800;
}

.sf-gallery__lead[b-14dt2zoylp],
.sf-gallery__meta[b-14dt2zoylp] {
    margin: 0 0 10px;
    color: var(--text-muted);
    font-size: 0.9rem;
}

.sf-gallery__chips[b-14dt2zoylp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.sf-gallery__chip[b-14dt2zoylp] {
    padding: 6px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--card-bg);
    color: var(--text);
    font-size: 0.85rem;
    text-decoration: none;
}

.sf-gallery__chip.is-active[b-14dt2zoylp] {
    border-color: var(--primary);
    background: var(--primary);
    color: var(--btn-text);
}

.sf-gallery__block[b-14dt2zoylp] {
    margin-bottom: 36px;
}

.sf-gallery__h2[b-14dt2zoylp] {
    margin: 0 0 14px;
    font-family: var(--sf-font-heading);
    font-size: 1.1rem;
    font-weight: 700;
}

.sf-gallery__swatches[b-14dt2zoylp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.sf-gallery__swatch[b-14dt2zoylp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.75rem;
}

.sf-gallery__swatch-color[b-14dt2zoylp] {
    display: block;
    height: 44px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.sf-gallery__shapes[b-14dt2zoylp] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.sf-gallery__shape[b-14dt2zoylp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 76px;
    border: 1px solid var(--border);
    background: var(--card-bg);
    font-size: 0.7rem;
}

.sf-gallery__heading-sample[b-14dt2zoylp] {
    margin: 0 0 6px;
    font-family: var(--sf-font-heading);
    font-size: calc(1.6rem * var(--font-scale));
    font-weight: 800;
}

.sf-gallery__body-sample[b-14dt2zoylp] {
    margin: 0;
    max-width: 640px;
    line-height: 1.9;
}

.sf-gallery__card[b-14dt2zoylp] {
    width: 200px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: var(--card-radius);
    background: var(--card-bg);
    box-shadow: var(--shadow-sm);
}

.sf-gallery__card-image[b-14dt2zoylp] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: var(--sf-card-image-ratio);
    margin-bottom: 10px;
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text-muted);
    font-size: 1.5rem;
    font-weight: 700;
}

.sf-gallery__card-title[b-14dt2zoylp] {
    margin-bottom: 4px;
    font-size: 0.9rem;
    font-weight: 600;
}

.sf-gallery__card-price[b-14dt2zoylp] {
    color: var(--price-color);
    font-size: 0.85rem;
}

.sf-gallery__pill[b-14dt2zoylp] {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-pill);
    background: var(--card-bg);
    white-space: nowrap;
    font-size: 0.9rem;
}
/* /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/InfoPageView.razor.rz.scp.css */
.info-page[b-ta3itu9b8r] {
    max-width: 860px;
    margin: 24px auto var(--section-spacing, 36px);
    padding-inline: var(--sf-gutter, 16px);
}

.info-page__crumbs[b-ta3itu9b8r] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--text-muted);
    font-size: 0.85rem;
}

.info-page__crumbs a[b-ta3itu9b8r] {
    color: var(--text-muted);
    text-decoration: none;
}

.info-page__crumbs a:hover[b-ta3itu9b8r] {
    color: var(--primary);
}

.info-page__card[b-ta3itu9b8r] {
    padding: clamp(18px, 4vw, 36px);
    border: 1px solid var(--border);
    border-radius: var(--card-radius, 12px);
    background: var(--card-bg, #ffffff);
    box-shadow: var(--shadow-sm, none);
}

.info-page__state[b-ta3itu9b8r] {
    text-align: center;
}

.info-page__title[b-ta3itu9b8r] {
    margin: 0 0 18px;
    padding-inline-start: 12px;
    border-inline-start: 4px solid var(--accent);
    font-size: 1.5rem;
    font-weight: 800;
    text-align: start;
}

.info-page__body[b-ta3itu9b8r] {
    color: var(--text);
    font-size: 0.95rem;
    line-height: 2;
}

.info-page__body[b-ta3itu9b8r]  h2 {
    margin: 1.6rem 0 0.6rem;
    font-size: 1.2rem;
    font-weight: 800;
}

.info-page__body[b-ta3itu9b8r]  h3 {
    margin: 1.3rem 0 0.5rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.info-page__body[b-ta3itu9b8r]  h2:first-child,
.info-page__body[b-ta3itu9b8r]  h3:first-child {
    margin-top: 0;
}

.info-page__body[b-ta3itu9b8r]  p {
    margin: 0 0 1rem;
}

.info-page__body[b-ta3itu9b8r]  ul,
.info-page__body[b-ta3itu9b8r]  ol {
    margin: 0 0 1rem;
    padding-inline-start: 1.4rem;
}

.info-page__body[b-ta3itu9b8r]  img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.info-page__body[b-ta3itu9b8r]  a {
    color: var(--primary);
    text-decoration: underline;
}

.info-page__contact[b-ta3itu9b8r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.info-page__contact-item[b-ta3itu9b8r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 10px);
    background: var(--surface, #f6f7f9);
    color: var(--text);
    text-decoration: none;
}

a.info-page__contact-item:hover[b-ta3itu9b8r] {
    border-color: var(--accent);
}

.info-page__contact-item span[b-ta3itu9b8r] {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.info-page__contact-item strong[b-ta3itu9b8r] {
    font-size: 0.92rem;
    font-weight: 700;
    word-break: break-word;
}
/* /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 ===== */
/* برچسبِ موجودی و دکمه‌ی «موجود شد خبرم کن» (StockNotifyButton) کنار هم؛ توی عرضِ کم می‌شکنن */
.product-page__stock[b-yfy8hrxf18] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.9rem;
    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/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/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/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: 0.75rem 0;
    padding: 1.1rem 1.5rem;
}

.site-footer__trust-item[b-78qhtbxsim] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.25rem 1rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--footer-heading);
    flex: 1 1 200px;
}

    /* جداکننده‌ی کوتاهِ بینِ آیتم‌ها */
    .site-footer__trust-item + .site-footer__trust-item[b-78qhtbxsim]::before {
        content: "";
        position: absolute;
        inset-block: 15%;
        inset-inline-start: 0;
        width: 1px;
        background: var(--footer-border);
    }

.site-footer__trust-icon[b-78qhtbxsim] {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: var(--accent, var(--footer-accent));
}

@media (max-width: 768px) {
    .site-footer__trust-item + .site-footer__trust-item[b-78qhtbxsim]::before {
        display: none;
    }
}

/* ===== مجوزها و نمادهای رسمی ===== */
.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/FooterColumns.razor.rz.scp.css */
/* فوترِ پنج‌ستونه (واریانتِ columns). فقط توکن‌های تم؛ رنگِ متن روی زمینه‌ی تیره سفیدِ نیمه‌شفافه. */

/* ===== نوارِ نمادهای اعتماد: بالاترین ردیفِ خودِ فوتر (خودِ نوار از کلاس‌های سراسریِ sf-trust--dark می‌آد) ===== */
.fc__trust[b-0menez5po0] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.fc__trust .fc__inner[b-0menez5po0] {
    padding-block: 12px;
}

/* ===== فوتر ===== */
.fc[b-0menez5po0] {
    margin-top: var(--section-spacing, 30px);
    background: var(--footer-bg);
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.85rem;
}

.fc__inner[b-0menez5po0] {
    max-width: var(--container-width, 1280px);
    margin-inline: auto;
    padding-inline: var(--sf-gutter, 16px);
}

.fc__grid[b-0menez5po0] {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr 1fr 1.25fr;
    padding-block: 34px 28px;
}

.fc__col[b-0menez5po0] {
    min-width: 0;
    padding-inline: 22px;
}

.fc__col:first-child[b-0menez5po0] {
    padding-inline-start: 0;
}

.fc__col:last-child[b-0menez5po0] {
    padding-inline-end: 0;
}

.fc__col + .fc__col[b-0menez5po0] {
    border-inline-start: 1px solid rgba(255, 255, 255, 0.14);
}

.fc__heading[b-0menez5po0] {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 800;
}

.fc__links[b-0menez5po0],
.fc__contact[b-0menez5po0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fc__links a[b-0menez5po0],
.fc__contact a[b-0menez5po0] {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
}

.fc__links a:hover[b-0menez5po0],
.fc__contact a:hover[b-0menez5po0] {
    color: var(--accent);
}

/* ستونِ برند */
.fc__brand[b-0menez5po0] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 800;
    text-decoration: none;
}

.fc__logo-img[b-0menez5po0] {
    display: block;
    max-height: 44px;
    width: auto;
}

.fc__about[b-0menez5po0] {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.9;
}

.fc__contact li[b-0menez5po0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.8;
}

.fc__contact svg[b-0menez5po0] {
    flex: 0 0 auto;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.7);
}

.fc__contact .ltr-inline[b-0menez5po0] {
    direction: ltr;
    unicode-bidi: isolate;
}

.fc__social[b-0menez5po0] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.fc__social-link[b-0menez5po0] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: var(--radius-sm, 8px);
    color: #ffffff;
    transition: background-color var(--sf-motion-fast, 150ms) ease, color var(--sf-motion-fast, 150ms) ease;
}

.fc__social-link:hover[b-0menez5po0] {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--primary);
}

/* ستونِ خبرنامه: دکمه سمتِ راست، فیلد سمتِ چپ (ترتیبِ DOM: فیلد ← دکمه) */
.fc__news-text[b-0menez5po0] {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.9;
}

.fc__news-form[b-0menez5po0] {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
}

.fc__news-input[b-0menez5po0] {
    flex: 1 1 0;
    min-width: 0;
    height: 44px;
    padding-inline: 12px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: var(--radius-sm, 8px);
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font: inherit;
}

.fc__news-input[b-0menez5po0]::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.fc__news-input:focus[b-0menez5po0] {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.fc__news-btn[b-0menez5po0] {
    flex: 0 0 auto;
    height: 44px;
    padding-inline: 18px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: var(--radius-sm, 8px);
    background: transparent;
    color: #ffffff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: background-color var(--sf-motion-fast, 150ms) ease, color var(--sf-motion-fast, 150ms) ease;
}

.fc__news-btn:hover:not(:disabled)[b-0menez5po0] {
    background: #ffffff;
    color: var(--primary);
}

.fc__news-btn:disabled[b-0menez5po0] {
    opacity: 0.6;
    cursor: default;
}

/* ===== نوارِ پایین ===== */
.fc__bottom[b-0menez5po0] {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    background: color-mix(in srgb, var(--footer-bg) 82%, black);
}

.fc__bottom-inner[b-0menez5po0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-block: 14px;
}

.fc__copyright[b-0menez5po0] {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8rem;
}

.fc__licenses[b-0menez5po0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.fc__license[b-0menez5po0] {
    display: grid;
    place-items: center;
    padding: 4px 6px;
    border-radius: var(--radius-sm, 8px);
    background: #ffffff;
}

.fc__license img[b-0menez5po0] {
    display: block;
    max-height: 38px;
    width: auto;
}

.fc__license[b-0menez5po0]  img {
    max-height: 38px;
    width: auto;
}


/* ===== واریانتِ columns-contact: ترتیبِ بصری «برند | دسترسی سریع | دسته‌ها | خدمات | تماس» ===== */
.fc--contact .fc__col--brand[b-0menez5po0] { order: 0; }
.fc--contact .fc__col--quick[b-0menez5po0] { order: 1; }
.fc--contact .fc__col--cats[b-0menez5po0] { order: 2; }
.fc--contact .fc__col--services[b-0menez5po0] { order: 3; }
.fc--contact .fc__col--contact[b-0menez5po0] { order: 4; }

/* ===== ریسپانسیو ===== */
@media (max-width: 1100px) {
    .fc__grid[b-0menez5po0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 0;
    }

    .fc__col[b-0menez5po0],
    .fc__col:first-child[b-0menez5po0],
    .fc__col:last-child[b-0menez5po0] {
        padding-inline: 16px;
    }

    .fc__col + .fc__col[b-0menez5po0] {
        border-inline-start: 0;
    }

    .fc__col--brand[b-0menez5po0],
    .fc__col--news[b-0menez5po0] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .fc__grid[b-0menez5po0] {
        grid-template-columns: 1fr;
    }

    .fc__bottom-inner[b-0menez5po0] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /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/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/PersianDateTimePicker.razor.rz.scp.css */
.pdtp[b-zgrlm8q9ff] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.pdtp__row[b-zgrlm8q9ff] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.pdtp__select[b-zgrlm8q9ff] {
    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;
}

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

.pdtp__select--day[b-zgrlm8q9ff] {
    min-width: 4rem;
}

.pdtp__select--month[b-zgrlm8q9ff] {
    min-width: 6rem;
}

.pdtp__select--year[b-zgrlm8q9ff] {
    min-width: 5rem;
}

.pdtp__select--time[b-zgrlm8q9ff] {
    min-width: 4rem;
}

.pdtp__sep[b-zgrlm8q9ff] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-inline: 0.15rem;
}

.pdtp__colon[b-zgrlm8q9ff] {
    font-weight: 700;
}

.pdtp__hint[b-zgrlm8q9ff] {
    font-size: 0.8rem;
    color: #6c757d;
}
/* /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» باشه؛ قبلاً 2.52em بود و با line-height ‏1.4 (یعنی 2.8em برای دو خط)
       خط دوم نصفه بریده می‌شد */
    --title-lh: 1.4;
    line-height: var(--title-lh);
    height: calc(var(--title-lh) * 2em) !important;
    min-height: calc(var(--title-lh) * 2em) !important;
    max-height: calc(var(--title-lh) * 2em) !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] {
        --title-lh: 1.3;
    }

    .product-card__price-row[b-qvi1raroll] {
        margin-top: 0.3rem;
        min-height: 2.2rem;
        gap: 0.05rem;
    }
}

/* ===== نسخه‌ی فشرده (Dense): همون کارت پیش‌فرض ولی با فاصله و فونت کوچک‌تر ===== */
.product-card--dense .product-card__body[b-qvi1raroll] {
    padding: 0.55rem 0.6rem;
    padding-bottom: 2.3rem;
    gap: 0.1rem;
}

.product-card--dense .product-card__brand[b-qvi1raroll] {
    font-size: 0.66rem;
}

.product-card--dense .product-card__title[b-qvi1raroll] {
    --title-lh: 1.35;
    font-size: 0.78rem;
}

.product-card--dense .product-card__price-row[b-qvi1raroll] {
    margin-top: 0.15rem;
    min-height: 2.05rem;
    gap: 0;
}

.product-card--dense .product-card__old-price[b-qvi1raroll] {
    font-size: 0.68rem;
}

.product-card--dense .product-card__price[b-qvi1raroll] {
    font-size: 0.86rem;
}

.product-card--dense .product-card__price--unavailable[b-qvi1raroll],
.product-card--dense .product-card__price--contact[b-qvi1raroll] {
    font-size: 0.72rem;
}

.product-card--dense .product-card__badge[b-qvi1raroll] {
    top: 0.4rem;
    right: 0.4rem;
    font-size: 0.62rem;
    padding: 0.15rem 0.45rem;
}

.product-card--dense .product-card__wish-btn[b-qvi1raroll] {
    top: 0.4rem;
    left: 0.4rem;
    width: 26px;
    height: 26px;
}

.product-card--dense .product-card__add-btn[b-qvi1raroll] {
    inset-inline-end: 0.55rem;
    bottom: 0.55rem;
    width: 28px;
    height: 28px;
}

.product-card--dense .product-card__qty-box[b-qvi1raroll] {
    inset-inline: 0.55rem;
    bottom: 0.55rem;
}
/* /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;
    }
}

/* ===== سبک جمع‌وجور (CarouselCompact): کادر کوچک‌تر + کارت‌های فشرده ===== */
.product-carousel--compact[b-5km80mgep1] {
    margin: 1rem 0;
    padding: 0.7rem 0.85rem;
    border-radius: var(--radius-lg, 14px);
}

    .product-carousel--compact .product-carousel__header[b-5km80mgep1] {
        margin-bottom: 0.55rem;
    }

    .product-carousel--compact .product-carousel__title[b-5km80mgep1] {
        font-size: 0.92rem;
    }

    .product-carousel--compact .product-carousel__see-all[b-5km80mgep1] {
        font-size: 0.75rem;
    }

.product-carousel__grid--compact[b-5km80mgep1] {
    padding-block: 0.15rem;
}

    .product-carousel__grid--compact .product-carousel__item[b-5km80mgep1] {
        width: 140px;
        padding-inline: 0.25rem;
    }

    .product-carousel__grid--compact[b-5km80mgep1]  .compact-card {
        width: 100%;
        padding: 0.5rem;
    }

    .product-carousel__grid--compact[b-5km80mgep1]  .compact-card__title {
        font-size: 0.76rem;
        margin-bottom: 0.3rem;
    }

    .product-carousel__grid--compact[b-5km80mgep1]  .compact-card__img-wrap {
        margin-bottom: 0.4rem;
    }

/* ===== سبک فشرده (CarouselDense): همون کارت پیش‌فرض، با کادر و کارت کوچک‌تر ===== */
.product-carousel--dense[b-5km80mgep1] {
    margin: 1.1rem 0;
    padding: 0.8rem 1rem;
}

    .product-carousel--dense .product-carousel__header[b-5km80mgep1] {
        margin-bottom: 0.6rem;
    }

    .product-carousel--dense .product-carousel__title[b-5km80mgep1] {
        font-size: 0.95rem;
    }

    .product-carousel--dense .product-carousel__see-all[b-5km80mgep1] {
        font-size: 0.76rem;
    }

.product-carousel__grid--dense[b-5km80mgep1] {
    padding-block: 0.2rem;
}

    .product-carousel__grid--dense .product-carousel__item[b-5km80mgep1] {
        width: 148px;
        padding-inline: 0.2rem;
    }

/* ===== سبک گرادیانی (CarouselGradient): کادر با گرادیان رنگ تم و کارت‌های شناور ===== */
.product-carousel--gradient[b-5km80mgep1] {
    --pc-on-grad: color-mix(in srgb, var(--primary) 12%, white);
    border: none;
    border-radius: var(--radius-lg, 14px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 60%, black) 0%, color-mix(in srgb, var(--primary) 90%, black) 100%);
    box-shadow: 0 12px 30px -16px color-mix(in srgb, var(--primary) 75%, transparent);
}

    .product-carousel--gradient .product-carousel__title[b-5km80mgep1],
    .product-carousel--gradient .product-carousel__see-all[b-5km80mgep1],
    .product-carousel--gradient .product-carousel__see-all:hover[b-5km80mgep1] {
        color: var(--pc-on-grad);
    }

.product-carousel__grid--gradient[b-5km80mgep1] {
    gap: 0.6rem;
    padding-block: 0.35rem 0.5rem;
}

    .product-carousel__grid--gradient .product-carousel__item[b-5km80mgep1] {
        padding: 0;
    }

    .product-carousel__grid--gradient[b-5km80mgep1]  .product-card {
        border-color: transparent;
        box-shadow: 0 8px 18px -10px rgba(0, 0, 0, 0.55);
    }

/* ===== سبک بدون فاصله (CarouselJoined): کارت‌ها کنار هم، فقط با خط نازک جدا می‌شن ===== */
.product-carousel--joined[b-5km80mgep1] {
    padding: 0;
    overflow: hidden;
    border-radius: var(--radius-lg, 14px);
}

    .product-carousel--joined .product-carousel__header[b-5km80mgep1] {
        margin-bottom: 0;
        padding: 0.85rem 1.1rem;
        border-bottom: 1px solid var(--border);
    }

.product-carousel__grid--joined[b-5km80mgep1] {
    gap: 0;
    padding: 0;
}

    .product-carousel__grid--joined .product-carousel__item[b-5km80mgep1] {
        padding: 0;
        border-inline-start: 1px solid var(--border);
    }

        .product-carousel__grid--joined .product-carousel__item:first-child[b-5km80mgep1] {
            border-inline-start: none;
        }

    .product-carousel__grid--joined[b-5km80mgep1]  .product-card {
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    .product-carousel__grid--joined[b-5km80mgep1]  .product-card:hover {
        transform: none;
        box-shadow: none;
        background: color-mix(in srgb, var(--primary) 5%, transparent);
    }
/* /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;
    }
}

/* ===== انتخاب تعداد کالا در هر سطر ===== */
.pcv__cols[b-qclp6erw1o] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

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

.pcv__cols-label[b-qclp6erw1o] {
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-inline-end: 0.2rem;
    white-space: nowrap;
}

.pcv__cols-btn[b-qclp6erw1o] {
    min-width: 28px;
    height: 28px;
    padding: 0 0.3rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 6px);
    background: transparent;
    color: var(--text);
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}

    .pcv__cols-btn:hover[b-qclp6erw1o] {
        border-color: var(--primary);
        color: var(--primary);
    }

    .pcv__cols-btn.is-active[b-qclp6erw1o] {
        background: var(--primary);
        border-color: var(--primary);
        color: #fff;
    }

/* وقتی تعداد مشخص شده، شبکه به‌جای auto-fill از همون تعداد ستون ساخته می‌شه (دو کلاس تا همیشه برنده باشه) */
@media (min-width: 992px) {
    .pcv__grid.pcv__grid--d[b-qclp6erw1o] {
        grid-template-columns: repeat(var(--pcv-cols), minmax(0, 1fr));
    }
}

@media (min-width: 641px) and (max-width: 991px) {
    .pcv__grid.pcv__grid--d[b-qclp6erw1o] {
        grid-template-columns: repeat(var(--pcv-cols-tablet), minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .pcv__grid.pcv__grid--m[b-qclp6erw1o] {
        grid-template-columns: repeat(var(--pcv-cols-mobile), minmax(0, 1fr));
    }

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

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

    .pcv__toolbar[b-qclp6erw1o] {
        flex-wrap: wrap;
        row-gap: 0.5rem;
    }
}
/* /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;
}

/* «انتخاب همه‌ی این صفحه»: برچسب و چک‌باکس کنار هم، بدون وابستگی به .form-check بوت‌استرپ (نسخه‌ی LTR توی صفحه‌ی RTL تیک رو زیر متن می‌برد) */
.product-picker__select-page[b-roitno4ena] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.85rem;
    cursor: pointer;
    user-select: none;
}

    .product-picker__select-page input[b-roitno4ena] {
        flex: 0 0 auto;
        margin: 0;
    }

@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/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;
    }
}