/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-yjocwf6vhh],
.components-reconnect-repeated-attempt-visible[b-yjocwf6vhh],
.components-reconnect-failed-visible[b-yjocwf6vhh],
.components-pause-visible[b-yjocwf6vhh],
.components-resume-failed-visible[b-yjocwf6vhh],
.components-rejoining-animation[b-yjocwf6vhh] {
    display: none;
}

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


#components-reconnect-modal[b-yjocwf6vhh] {
    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-yjocwf6vhh 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-yjocwf6vhh {
    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/AboutUs.razor.rz.scp.css */

.color[b-4mu72d4f34] {
   background-color: mistyrose
}
/* /Components/Pages/Chatbot/ChatbotChat.razor.rz.scp.css */
/* ─── Messages Area ─── */
.chat-messages[b-ika3ux3u4j] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 0 120px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 87vh;
    max-height: 87vh;
    background: linear-gradient(177deg, #d6e7dd 0%, #d9e8e2 30%, #d9e8e2 60%, #ffe4c5 100%);
}

/* ─── Date Separator ─── */
.chat-date-separator[b-ika3ux3u4j] {
    display: flex;
    justify-content: center;
    padding: 8px 0;
}

.chat-date-separator span[b-ika3ux3u4j] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    padding: 4px 16px;
    border-radius: 12px;
}

/* ─── Load More ─── */
.chat-load-more[b-ika3ux3u4j] {
    display: flex;
    justify-content: center;
    padding: 4px 0;
}

/* ─── Bubbles ─── */
.chat-bubble[b-ika3ux3u4j] {
    max-width: 80%;
    padding: 12px 16px;
    border-radius: 16px;
    position: relative;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.chat-bubble-user[b-ika3ux3u4j] {
    background: rgba(255, 255, 255, 0.70);
}

.chat-bubble-bot[b-ika3ux3u4j] {
    background-color: #3E3E3E;
}

[b-ika3ux3u4j] .chat-bubble-text {
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

/* ─── Bubble Meta (time + check) ─── */
.chat-bubble-meta[b-ika3ux3u4j] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    justify-content: flex-end;
}

.chat-bubble-time[b-ika3ux3u4j] {
    font-size: 11px;
    opacity: 0.7;
}

.chat-bubble-user .chat-bubble-time[b-ika3ux3u4j] {
    color: rgba(255, 255, 255, 0.7);
}

.chat-bubble-bot .chat-bubble-time[b-ika3ux3u4j] {
    color: var(--mud-palette-text-secondary);
}

[b-ika3ux3u4j] .chat-bubble-check {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6);
}

/* ─── Typing Indicator ─── */
.chat-typing-indicator[b-ika3ux3u4j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    align-self: flex-start;
}

.chat-bubble-typing[b-ika3ux3u4j] {
    padding: 12px 20px;
}

.typing-dots[b-ika3ux3u4j],
.typing-dots-bubble[b-ika3ux3u4j],
.typing-dots-inline[b-ika3ux3u4j] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.typing-dots span[b-ika3ux3u4j],
.typing-dots-bubble span[b-ika3ux3u4j],
.typing-dots-inline span[b-ika3ux3u4j] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--mud-palette-text-secondary);
    animation: typing-bounce-b-ika3ux3u4j 1.4s infinite ease-in-out;
}

.typing-dots span:nth-child(2)[b-ika3ux3u4j],
.typing-dots-bubble span:nth-child(2)[b-ika3ux3u4j],
.typing-dots-inline span:nth-child(2)[b-ika3ux3u4j] {
    animation-delay: 0.2s;
}

.typing-dots span:nth-child(3)[b-ika3ux3u4j],
.typing-dots-bubble span:nth-child(3)[b-ika3ux3u4j],
.typing-dots-inline span:nth-child(3)[b-ika3ux3u4j] {
    animation-delay: 0.4s;
}

@keyframes typing-bounce-b-ika3ux3u4j {
    0%, 60%, 100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-6px);
    }
}

/* ─── Input Bar ─── */
.chat-input-bar[b-ika3ux3u4j] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background-color: transparent;
    z-index: 100;
}

[b-ika3ux3u4j] .chat-input-field {
    flex: 1;
}

[b-ika3ux3u4j] .chat-input-field .mud-input-root {
    font-size: 14px;
}

[b-ika3ux3u4j] .chat-send-btn {
    min-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}

/* ─── Product Suggestions ─── */
.chat-product-suggestions[b-ika3ux3u4j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.chat-product-scroll[b-ika3ux3u4j] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 4px;
}

.chat-product-scroll[b-ika3ux3u4j]::-webkit-scrollbar {
    display: none;
}
/* /Components/Pages/Chatbot/ChatbotHome.razor.rz.scp.css */
/* ─── Wrapper ─── */
.chatbot-home-wrapper[b-2lyjbyfxzt] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 12px;
    min-height: calc(100vh - 140px);
}

/* ─── Main Container (rounded card) ─── */
.chatbot-home-container[b-2lyjbyfxzt] {
    flex: 1;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

/* ─── Background Layers ─── */
.chatbot-bg-gradient[b-2lyjbyfxzt] {
    position: absolute;
    inset: 0;
    background: linear-gradient(215deg, #d6e7dd 0%, #d9e8e2 30%, #fcf2e5 60%, #ffe4c5 100%);
    z-index: 0;
}

.chatbot-bg-pattern[b-2lyjbyfxzt] {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 376px;
    height: 339px;
    background-image: url('/images/chatbot-bg-pattern.png');
    background-size: cover;
    background-position: center;
    opacity: 0.3;
    z-index: 0;
}

/* ─── Content ─── */
.chatbot-content[b-2lyjbyfxzt] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 16px;
    height: 100%;
    gap: 16px;
}

/* ─── Hero Section ─── */
.chatbot-hero-section[b-2lyjbyfxzt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

[b-2lyjbyfxzt] .chatbot-mascot {
    border-radius: 0;
}

.chatbot-hero-text[b-2lyjbyfxzt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 100%;
}

[b-2lyjbyfxzt] .chatbot-title {
    text-align: center;
    line-height: 30px !important;
}

/* ─── Chips ─── */
.chatbot-chips-area[b-2lyjbyfxzt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    width: 100%;
}

.chatbot-chips-row[b-2lyjbyfxzt] {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.chatbot-chip[b-2lyjbyfxzt] {
    position: relative;
    padding: 4px 12px;
    border-radius: 16px;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.15s;
}

.chatbot-chip[b-2lyjbyfxzt]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    mix-blend-mode: screen;
    border-radius: 16px;
    pointer-events: none;
}

.chatbot-chip span[b-2lyjbyfxzt] {
    position: relative;
    z-index: 1;
    font-size: 10px;
    line-height: 14px;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
}

.chatbot-chip:active[b-2lyjbyfxzt] {
    transform: scale(0.95);
}

/* ─── Cards ─── */
.chatbot-cards[b-2lyjbyfxzt] {
    display: flex;
    gap: 12px;
    width: 100%;
    max-width: 320px;
    height: 117px;
    margin-top: auto;
}

.chatbot-card[b-2lyjbyfxzt] {
    flex: 1;
    border-radius: 16px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* ─── Questionnaire Card (glass) ─── */
.chatbot-card-questionnaire[b-2lyjbyfxzt] {
    border: 1px solid white;
    position: relative;
}

.chatbot-card-questionnaire[b-2lyjbyfxzt]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.8);
    mix-blend-mode: screen;
    border-radius: 16px;
    pointer-events: none;
}

.chatbot-card-questionnaire > *[b-2lyjbyfxzt] {
    position: relative;
    z-index: 1;
}

/* ─── Guide Card (solid orange) ─── */
.chatbot-card-guide[b-2lyjbyfxzt] {
    background-color: var(--mud-palette-primary);
}

.chatbot-card-pattern-overlay[b-2lyjbyfxzt] {
    position: absolute;
    inset: 0;
    background-image: url('/images/chatbot-card-pattern.png');
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    mix-blend-mode: overlay;
    pointer-events: none;
}

/* ─── Card Icons ─── */
.chatbot-card-icon[b-2lyjbyfxzt] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chatbot-card-icon-orange[b-2lyjbyfxzt] {
    background: rgba(255, 162, 54, 0.1);
}

.chatbot-card-icon-white[b-2lyjbyfxzt] {
    background: rgba(255, 255, 255, 0.2);
}

/* ─── Badge ─── */
.chatbot-card-badge[b-2lyjbyfxzt] {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.1);
    color: var(--mud-palette-error);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 8px;
    border-radius: 9999px;
}

/* ─── CTA ─── */
.chatbot-cta[b-2lyjbyfxzt] {
    width: 100%;
    cursor: pointer;
}

.chatbot-cta-inner[b-2lyjbyfxzt] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: white;
    border-radius: 9999px;
    padding: 4px 12px 4px 4px;
    box-shadow: 0 -40px 53px 52px rgba(255, 162, 54, 0.15);
}

.chatbot-cta-btn[b-2lyjbyfxzt] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.chatbot-cta:active .chatbot-cta-inner[b-2lyjbyfxzt] {
    box-shadow: 0 -40px 53px 52px rgba(255, 162, 54, 0.25);
}
/* /Components/Pages/Commerce/Checkout.razor.rz.scp.css */
/* ─── Cart Item ─── */
.cart-item[b-zeajpd3bx6] {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--ui-border-accented);
}

.cart-item:last-child[b-zeajpd3bx6] {
    border-bottom: none;
}

.cart-item__image[b-zeajpd3bx6] {
    flex-shrink: 0;
    width: 88px;
    height: 88px;
    border-radius: 8px;
    overflow: hidden;
}

/* ─── Coupon Input ─── */
.coupon-input[b-zeajpd3bx6] {
    display: flex;
    align-items: center;
    border: 1px solid var(--ui-border);
    border-radius: 1000px;
    overflow: hidden;
    padding-right: 16px;
}

.coupon-input__field[b-zeajpd3bx6] {
    flex: 1;
    min-width: 0;
}

/* ─── Bottom Action Bar ─── */
.checkout-bottom-bar[b-zeajpd3bx6] {
    position: fixed;
    bottom: 96px;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, var(--ui-gradient-body, rgba(255, 255, 255, 0.00)) 30.66%, var(--ui-bg) 100%);
}

.checkout-bottom-bar__content[b-zeajpd3bx6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 12px 12px 24px;
    background: var(--ui-bg);
    border: 1px solid var(--ui-border-accented);
    border-radius: 1000px;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.12);
    margin: 8px;
}
/* /Components/Pages/Commerce/OrderDetail.razor.rz.scp.css */
/* ─── Detail Table ─── */
.order-detail-table[b-1nxod32gq0] {
    display: flex;
    flex-direction: column;
}

.order-detail-row[b-1nxod32gq0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--ui-border-accented);
    text-align: right;
}

.order-detail-row--last[b-1nxod32gq0] {
    border-bottom: none;
}

/* ─── Products Grid ─── */
.order-detail-products[b-1nxod32gq0] {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.order-detail-products[b-1nxod32gq0]::-webkit-scrollbar {
    display: none;
}

/* ─── Transaction Badge ─── */
.order-detail-badge[b-1nxod32gq0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    height: 24px;
    border-radius: 9999px;
}

.order-detail-badge--success[b-1nxod32gq0] {
    background: rgba(0, 193, 106, 0.1);
    border: 1px solid rgba(0, 193, 106, 0.1);
}

.order-detail-badge--error[b-1nxod32gq0] {
    background: rgba(232, 72, 72, 0.1);
    border: 1px solid rgba(232, 72, 72, 0.1);
}

.order-detail-badge--pending[b-1nxod32gq0] {
    background: rgba(244, 244, 245, 0.5);
    border: 1px solid var(--ui-border-accented);
}
/* /Components/Pages/Commerce/Orders.razor.rz.scp.css */

/* ─── Empty State ─── */
.orders-empty[b-u32r5qxzeb] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 60vh;
}

/* ─── Product Images ─── */
.order-product-images[b-u32r5qxzeb] {
    display: flex;
    flex-direction: row-reverse;
    gap: -8px;
}

.order-product-image[b-u32r5qxzeb] {
    border-radius: 8px;
    border: 1px solid var(--ui-border-accented);
    flex-shrink: 0;
}

/* ─── Items List ─── */
.order-card-items[b-u32r5qxzeb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.order-card-items-list[b-u32r5qxzeb] {
    border: 1px solid var(--ui-border-accented);
    border-radius: 8px;
    padding: 0 12px;
}

.order-item-row[b-u32r5qxzeb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    text-align: right;
}

.order-item-row + .order-item-row[b-u32r5qxzeb] {
    border-top: 1px solid var(--ui-border-accented);
}

.order-item-title[b-u32r5qxzeb] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.order-item-price[b-u32r5qxzeb] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* ─── Total Row ─── */
.order-card-total[b-u32r5qxzeb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    background: rgba(244, 244, 245, 0.5);
    border: 1px solid var(--ui-border-accented);
    border-radius: 8px;
    text-align: right;
}

.order-total-price[b-u32r5qxzeb] {
    display: flex;
    align-items: center;
    gap: 4px;
}
/* /Components/Pages/Commerce/PaymentResult.razor.rz.scp.css */
/* ─── Payment Result Page ─── */
.payment-result-page[b-nltgaotxvc] {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--ui-bg, white);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ─── Gradient Overlay (top) ─── */
.payment-result-gradient[b-nltgaotxvc] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 344px;
    pointer-events: none;
    z-index: 0;
}

.payment-result-gradient--success[b-nltgaotxvc] {
    background: linear-gradient(to bottom, rgba(0, 193, 106, 0.1) 0%, rgba(0, 193, 106, 0) 100%);
}

.payment-result-gradient--error[b-nltgaotxvc] {
    background: linear-gradient(to bottom, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0) 100%);
}

/* ─── Main Content (vertically centered) ─── */
.payment-result-content[b-nltgaotxvc] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    gap: 42px;
}

/* ─── Hero Section (Mascot + Title) ─── */
.payment-result-hero[b-nltgaotxvc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

/* ─── Details Table ─── */
.payment-result-details[b-nltgaotxvc] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.payment-result-row[b-nltgaotxvc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid var(--ui-border-accented, #f4f4f5);
}

.payment-result-row--last[b-nltgaotxvc] {
    border-bottom: none;
}

/* ─── Status Badge ─── */
.payment-result-badge[b-nltgaotxvc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 8px;
    border-radius: 9999px;
    gap: 4px;
}

.payment-result-badge--success[b-nltgaotxvc] {
    background: rgba(0, 193, 106, 0.1);
    border: 1px solid rgba(0, 193, 106, 0.1);
}

.payment-result-badge--error[b-nltgaotxvc] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.1);
}

/* ─── Bottom Bar ─── */
.payment-result-bottom-bar[b-nltgaotxvc] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: var(--ui-bg, white);
    padding: 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}

.payment-result-button-group[b-nltgaotxvc] {
    display: flex;
    gap: 16px;
    width: 100%;
}
/* /Components/Pages/Commerce/ShoppingCart.razor.rz.scp.css */
/* ─── Cart Item ─── */
.cart-item[b-9ydu3lj9xs] {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--ui-border-accented);
}

.cart-item:last-child[b-9ydu3lj9xs] {
    border-bottom: none;
}

.cart-item__image[b-9ydu3lj9xs] {
    flex-shrink: 0;
    width: 88px;
    height: 88px;
    border-radius: 8px;
    overflow: hidden;
}

/* ─── Bottom Action Bar ─── */
.shopping-cart-bottom-bar[b-9ydu3lj9xs] {
    position: fixed;
    bottom: 96px;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, var(--ui-gradient-body, rgba(255, 255, 255, 0.00)) 30.66%, var(--ui-bg) 100%);
}

.shopping-cart-bottom-bar__content[b-9ydu3lj9xs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 12px 12px 24px;
    background: var(--ui-bg);
    border: 1px solid var(--ui-border-accented);
    border-radius: 1000px;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.12);
    margin: 8px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ==========================================================================
   Hero Section
   ========================================================================== */

.hero-section[b-ukv8l7e0ju] {
    position: relative;
    overflow: hidden;
}

/* --- Background --- */

.hero-bg[b-ukv8l7e0ju] {
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 549px;
    pointer-events: none;
}

.hero-bg-ellipse[b-ukv8l7e0ju] {
    position: absolute;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 333px;
    height: 161px;
}

.hero-cloud[b-ukv8l7e0ju] {
    position: absolute;
    pointer-events: none;
}

.hero-cloud--top-left[b-ukv8l7e0ju] {
    top: 53px;
    left: -20px;
    width: 142px;
    height: 82px;
}

.hero-cloud--top-right[b-ukv8l7e0ju] {
    top: 115px;
    right: -20px;
    width: 140px;
    height: 81px;    
}

.hero-cloud--bottom-right[b-ukv8l7e0ju] {
    bottom: 120px;
    right: -20px;
    width: 156px;
    height: 90px;    
}

.hero-cloud--bottom-left[b-ukv8l7e0ju] {
    bottom: 100px;
    left: -20px;
    width: 138px;
    height: 80px;
}

/* --- Content (Title + Description + Buttons) --- */

.hero-content[b-ukv8l7e0ju] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-10);
    padding: var(--space-7) var(--space-5) 0;
    text-align: center;
}

.hero-title[b-ukv8l7e0ju] {
    font-family: var(--font-family-fa);
    font-size: var(--font-size-display3);
    font-weight: var(--font-weight-extrabold);
    line-height: 1.5;
    color: var(--ui-text-highlighted);
    margin: 0;
}

.hero-title--accent[b-ukv8l7e0ju] {
    color: var(--ui-primary);
}

.hero-description[b-ukv8l7e0ju] {
    font-family: var(--font-family-fa);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-h5);
    color: var(--ui-text-dimmed);
    margin: 0;
    margin-top: calc(-1 * var(--space-6));
}

/* --- Action Buttons --- */

.hero-actions[b-ukv8l7e0ju] {
    display: flex;
    gap: var(--space-4);
    width: 100%;
}

[b-ukv8l7e0ju] .hero-btn {
    border-radius: var(--radius-full) !important;
    padding: var(--space-3) var(--space-4) !important;
    font-family: var(--font-family-fa) !important;
    font-size: var(--font-size-h4) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: var(--line-height-h4) !important;
    text-transform: none !important;
    min-height: 48px !important;
}

[b-ukv8l7e0ju] .hero-btn--outline {
    border-color: var(--ui-border) !important;
    color: var(--ui-text-toned) !important;
}

[b-ukv8l7e0ju] .hero-btn--filled {
    background-color: var(--ui-primary) !important;
    color: var(--ui-text-white) !important;
}

/* --- Mascot --- */

.hero-mascot[b-ukv8l7e0ju] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin-top: var(--space-6);
}

.hero-mascot__img[b-ukv8l7e0ju] {
    width: 206px;
    height: 232px;
    object-fit: contain;
}

/* --- Stats Cards --- */

.hero-stats[b-ukv8l7e0ju] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: var(--space-4);
    padding: 0 var(--space-5);
    margin-top: var(--space-3);
}

.hero-stat-card[b-ukv8l7e0ju] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-4);
    background: var(--ui-bg-90);
    border-radius: var(--radius-lg);
    box-shadow: 0 6px 83.5px 0 rgba(0, 0, 0, 0.08);
    min-width: 116px;
}

.hero-stat-card__label[b-ukv8l7e0ju] {
    font-family: var(--font-family-fa);
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-h6);
    color: var(--ui-text-dimmed);
}

.hero-stat-card__value[b-ukv8l7e0ju] {
    font-family: var(--font-family-fa);
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h4);
    color: var(--ui-text);
}

/* لوگوهای همکار — الگوی یک ردیف flex + دو بار همان مجموعه + translateX(-50%) */

.logo-slider[b-ukv8l7e0ju] {
    width: 100%;
    overflow: hidden;
    padding: var(--space-4) var(--space-5);
    direction: ltr;
}

.logo-track[b-ukv8l7e0ju] {
    display: flex;
    width: fit-content;
    animation: logo-scroll-b-ukv8l7e0ju 80s linear infinite;
}

.logo-track:hover[b-ukv8l7e0ju] {
    animation-play-state: paused;
}

@keyframes logo-scroll-b-ukv8l7e0ju {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.logo-item[b-ukv8l7e0ju] {
    flex-shrink: 0;
    margin-inline: var(--space-5);
}

.logo-item a[b-ukv8l7e0ju],
.logo-item span[b-ukv8l7e0ju] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.logo-item img[b-ukv8l7e0ju] {
    height: 40px;
    width: auto;
    max-width: 120px;
    display: block;
    object-fit: contain;
    transition: opacity 0.3s, filter 0.3s;
}

@media (min-width: 768px) {
    .logo-item img[b-ukv8l7e0ju] {
        filter: grayscale(100%);
        opacity: 0.6;
    }

    .logo-item:hover img[b-ukv8l7e0ju] {
        filter: grayscale(0%);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .logo-track[b-ukv8l7e0ju] {
        animation: none;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }
}


/* /Components/Pages/Notifications/Notifications.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   Notifications Page — Scoped Styles
   ═══════════════════════════════════════════ */

/* ── Page Container ── */
.notifications-page[b-p32leh6yg2] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--ui-bg);
}

/* ── Header ── */
.notifications-header[b-p32leh6yg2] {
    border-bottom: 1px solid var(--ui-border-accented);
    background-color: var(--ui-bg);
}

/* ── Notification List ── */
.notification-list[b-p32leh6yg2] {
    display: flex;
    flex-direction: column;
}

/* ── Notification Item ── */
.notification-item[b-p32leh6yg2] {
    padding: 0 24px;
    background-color: var(--ui-bg);
}

.notification-item--unread[b-p32leh6yg2] {
    background: linear-gradient(0deg, rgba(0, 162, 158, 0.05) 0%, rgba(0, 162, 158, 0.05) 100%), var(--ui-bg);
}

.notification-item__inner[b-p32leh6yg2] {
    border-bottom: 1px solid var(--ui-border-accented);
    padding: 16px 0;
}

.notification-item__row[b-p32leh6yg2] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

/* ── Avatar ── */
.notification-item__avatar[b-p32leh6yg2] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background-color: var(--ui-primary-10);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Content ── */
.notification-item__content[b-p32leh6yg2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

/* ── Title + Date Row ── */
.notification-item__header[b-p32leh6yg2] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.notification-item__title[b-p32leh6yg2] {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--ui-text-highlighted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-item__date[b-p32leh6yg2] {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: var(--ui-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Description ── */
.notification-item__description[b-p32leh6yg2] {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: var(--ui-text-toned);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: start;
}

/* ── Actions ── */
.notification-item__actions[b-p32leh6yg2] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.notification-action-btn[b-p32leh6yg2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid var(--ui-border-accented);
    border-radius: 1000px;
    background: linear-gradient(
            90deg,
            rgba(244, 244, 245, 0.75) 0%,
            rgba(244, 244, 245, 0.75) 100%
        ),
        var(--ui-bg);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--ui-text);
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    transition: opacity 0.15s ease;
}

.notification-action-btn:hover[b-p32leh6yg2] {
    opacity: 0.85;
}

.notification-action-btn:active[b-p32leh6yg2] {
    opacity: 0.7;
}
/* /Components/Pages/Questionnaire/QuestionnaireComplete.razor.rz.scp.css */
/* ─── QuestionnaireComplete — Scoped CSS ─── */

.complete-bottom-actions[b-a5uyemk70i] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 20px;
    background: var(--ui-bg);
    border-top: 1px solid var(--ui-border-muted);
    z-index: 10;
}
/* /Components/Pages/Questionnaire/QuestionnaireIntro.razor.rz.scp.css */
/* ─── QuestionnaireIntro — Scoped CSS ─── */

.intro-bottom-action[b-yx8ztoixvp] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 20px;
    background: var(--ui-bg);
    border-top: 1px solid var(--ui-border-muted);
    z-index: 10;
}
/* /Components/Pages/Questionnaire/QuestionnaireList.razor.rz.scp.css */
/* ─── QuestionnaireList — Scoped CSS ─── */

.questionnaire-empty[b-xxsuiid95h] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 60vh;
}
/* /Components/Pages/Questionnaire/QuestionnaireQuestion.razor.rz.scp.css */
/* ─── QuestionnaireQuestion — Scoped CSS ─── */

.question-bottom-actions[b-kf4qzewxcy] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 20px;
    background: var(--ui-bg);
    z-index: 10;
}
/* /Components/Pages/Questionnaire/QuestionnaireResult.razor.rz.scp.css */
/* ─── QuestionnaireResult — Scoped CSS ─── */

.result-bottom-action[b-zg1fnqorxo] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 20px;
    background: var(--ui-bg);
    z-index: 10;
}

.answer-value[b-zg1fnqorxo] {
    padding-right: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
/* /Components/Pages/Shop/ChapterSessions/ChapterSessions.razor.rz.scp.css */
/* ─── Chapter Player ─── */
.chapter-player[b-usl7p4285f] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #000;
}

.chapter-player__video[b-usl7p4285f] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 16px;
}

/* ─── Session Item ─── */
.session-item[b-usl7p4285f] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid var(--ui-border-accented);
    background: var(--ui-bg);
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.session-item:hover[b-usl7p4285f] {
    border-color: var(--ui-primary);
}

.session-item--active[b-usl7p4285f] {
    border-color: var(--ui-primary);
    background: var(--ui-bg-elevated);
}

.session-item--locked[b-usl7p4285f] {
    opacity: 0.55;
    cursor: default;
}

.session-item--locked:hover[b-usl7p4285f] {
    border-color: var(--ui-border-accented);
}

.session-item__image[b-usl7p4285f] {
    flex-shrink: 0;
    width: 68px;
    height: 68px;
    border-radius: 10px;
    overflow: hidden;
}
/* /Components/Pages/Shop/ContinueLearning.razor.rz.scp.css */
.learning-grid[b-pgwbrzguld] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

[b-pgwbrzguld] .learning-grid .mud-paper-outlined {
    width: 100% !important;
}
/* /Components/Pages/Shop/ProductDetail.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   ProductDetail — Review Section (Scoped CSS)
   Based on Figma node 1227:82126
   ═══════════════════════════════════════════════════════ */

/* ── Section title elements ── */

.dot-badge[b-ovdpwibwg1] {
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background-color: var(--ui-primary);
    border: 1px solid var(--ui-bg);
    flex-shrink: 0;
}

.count-badge[b-ovdpwibwg1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ui-primary);
    color: white;
    font-family: var(--font-fa);
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    padding: 3px 4px 1px;
    border-radius: 9999px;
    white-space: nowrap;
}

/* ── Rating summary card — orange gradient ── */

.rating-summary-card[b-ovdpwibwg1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid var(--ui-secondary-10);
    background: linear-gradient(180deg, var(--ui-secondary-10) 0%, transparent 100%);
    overflow: hidden;
    width: 100%;
}

.rating-info-row[b-ovdpwibwg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* 12px star icons — override MudRating Size.Small default */

[b-ovdpwibwg1] .rating-stars .mud-rating-item {
    padding: 0 1px;
}

[b-ovdpwibwg1] .rating-stars .mud-icon-root {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
}

/* ── Horizontally scrolling review cards ── */

.reviews-scroll[b-ovdpwibwg1] {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-inline: 0 -12px;
    padding-bottom: 4px;
}

.reviews-scroll[b-ovdpwibwg1]::-webkit-scrollbar {
    display: none;
}

/* ── Individual review card ── */

.review-card[b-ovdpwibwg1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 12px;
    min-width: 256px;
    max-width: 256px;
    border-radius: 12px;
    background-color: var(--ui-bg);
    border: 1px solid var(--ui-border-accented);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
    scroll-snap-align: start;
}

.review-card__header[b-ovdpwibwg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.review-card__user[b-ovdpwibwg1] {
    display: flex;
    flex: 1 0 0;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.review-card__rating[b-ovdpwibwg1] {
    display: flex;
    gap: 2px;
    align-items: center;
    flex-shrink: 0;
}

/* "خریدار" chip — 8px font from Figma */
.review-chip[b-ovdpwibwg1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2.5px 5px;
    border-radius: 9999px;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
    white-space: nowrap;
}

/* Review body text — 10px with line clamp */
.review-card__text[b-ovdpwibwg1] {
    margin: 0;
    text-align: right;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Review card footer */
.review-card__footer[b-ovdpwibwg1] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* ── Write review row ── */

.write-review-row[b-ovdpwibwg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ═══════════════════════════════════════════════════════
   Bottom Action Bar - Cart & Price
   Fixed at bottom, pill-shaped container
   ═══════════════════════════════════════════════════════ */

.bottom-action-bar[b-ovdpwibwg1] {
    position: fixed;
    bottom: 96px;
    left: 0;
    right: 0;
    padding: 8px;
    background-color: var(--ui-bg);
    z-index: 100;
}

.action-bar-content[b-ovdpwibwg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 12px 12px 24px;
    border-radius: 9999px;
    border: 1px solid var(--ui-border-accented);
    background-color: var(--ui-bg);
    box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.08);
}
/* /Components/Pages/Shop/ProductList/ProductList.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   ProductList Page — Scoped Styles
   ═══════════════════════════════════════════ */

/* ── Page Container ── */
.product-list-page[b-ew4rumc7ws] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--ui-bg);
}

/* ═══════════════════════════════════════════
   Search Bar (State 1: Search Active)
   ═══════════════════════════════════════════ */
.product-list-search[b-ew4rumc7ws] {
    padding: 4px 20px;
}

.product-list-search__input-wrapper[b-ew4rumc7ws] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1.5px solid var(--ui-primary);
    border-radius: 9999px;
    padding: 8px 12px;
    background-color: var(--ui-bg);
}

.product-list-search__icon[b-ew4rumc7ws] {
    flex-shrink: 0;
    color: var(--ui-text-toned);
}

[b-ew4rumc7ws] .product-list-search__icon .mud-icon-root {
    font-size: 20px !important;
}

.product-list-search__input[b-ew4rumc7ws] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    color: var(--ui-text);
    line-height: 20px;
}

.product-list-search__input[b-ew4rumc7ws]::placeholder {
    color: var(--ui-text-dimmed);
}

[b-ew4rumc7ws] .product-list-search__close .mud-icon-root {
    font-size: 16px !important;
    color: var(--ui-text-dimmed);
}

/* ═══════════════════════════════════════════
   Secondary Header (State 2: Category Browsing)
   ═══════════════════════════════════════════ */
.product-list-header[b-ew4rumc7ws] {
    background-color: var(--ui-bg);
}

.product-list-header__inner[b-ew4rumc7ws] {
    padding: 4px 20px;
}

/* ═══════════════════════════════════════════
   Filter Chips Bar
   ═══════════════════════════════════════════ */
.product-list-filters[b-ew4rumc7ws] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background-color: var(--ui-bg);
}

.product-list-filters__inner[b-ew4rumc7ws] {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex: 1;
    min-width: 0;
}

.product-list-filters__inner[b-ew4rumc7ws]::-webkit-scrollbar {
    display: none;
}

/* Fixed sort section */
.product-list-filters__sort[b-ew4rumc7ws] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Sort Button */
.product-list-filters__sort-btn[b-ew4rumc7ws] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 1px solid var(--ui-border);
    border-radius: 9999px;
    background: transparent;
    cursor: pointer;
    color: var(--ui-text-highlighted);
    padding: 0;
}

/* Divider between filter sections */
.product-list-filters__divider[b-ew4rumc7ws] {
    width: 1px;
    height: 20px;
    min-width: 1px;
    background-color: var(--ui-border);
}

/* Filter Chip */
.product-list-filters__chip[b-ew4rumc7ws] {
    display: flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
    border: 1px solid var(--ui-border);
    border-radius: 9999px;
    padding: 4px 8px;
    background: transparent;
    cursor: pointer;
    color: var(--ui-text-highlighted);
}

.product-list-filters__chip-text[b-ew4rumc7ws] {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

/* Filter chip with Tuning2 icon variant */
.product-list-filters__chip--filter[b-ew4rumc7ws] {
    gap: 4px;
}

/* Active filter chip */
.product-list-filters__chip--active[b-ew4rumc7ws] {
    border-color: var(--ui-primary);
    background-color: var(--ui-primary-container);
    color: var(--ui-primary);
}

/* Close button inside active chip */
[b-ew4rumc7ws] .product-list-filters__chip-close .mud-icon-root {
    font-size: 16px !important;
    color: var(--ui-primary);
}

.product-list-filters__chip-text[b-ew4rumc7ws] {
    cursor: pointer;
}

/* Badge on filter chip */
.product-list-filters__badge[b-ew4rumc7ws] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 9999px;
    background-color: var(--ui-primary);
    color: white;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    padding: 0 4px;
}

/* ═══════════════════════════════════════════
   Product Grid
   ═══════════════════════════════════════════ */
.product-list-grid[b-ew4rumc7ws] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 8px 20px 100px;
}


/* /Components/Pages/Shop/Wishlist.razor.rz.scp.css */
.wishlist-grid[b-lff7ftj7ah] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

[b-lff7ftj7ah] .wishlist-grid .mud-paper-outlined {
    width: 100% !important;
}
/* /Components/Shared/CategoryBottomSheet.razor.rz.scp.css */
/* /Components/Shared/FeedbackBottomSheet.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   FeedbackBottomSheet — Scoped CSS
   Based on Figma nodes 1184:93227 & 1227:81485
   ═══════════════════════════════════════════════════════ */

.feedback-gradient-section[b-df8x30z6tn] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
    width: 100%;
}

.emoji-row[b-df8x30z6tn] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
}

.emoji-item[b-df8x30z6tn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.emoji-circle[b-df8x30z6tn] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid var(--ui-border-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    background: var(--ui-bg);
}

.emoji-circle.selected[b-df8x30z6tn] {
    border-color: var(--secondary-secondary, #FFA236);
    background: rgba(255, 162, 54, 0.08);
    box-shadow: 0 0 0 3px rgba(255, 162, 54, 0.15);
}

.emoji-icon[b-df8x30z6tn] {
    font-size: 28px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 8px;
}

.emoji-label[b-df8x30z6tn] {
    font-size: 11px;
    font-weight: 500;
    color: var(--ui-text-toned);
    text-align: center;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.emoji-label.label-selected[b-df8x30z6tn] {
    color: var(--secondary-secondary, #FFA236);
    font-weight: 700;
    background: rgba(255, 162, 54, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
}
/* /Components/Shared/MiniPlayer.razor.rz.scp.css */
.media-player-host--full[b-0eohet2cti],
.media-player-host--full .global-media-player[b-0eohet2cti] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.media-player-host--full .global-media-player[b-0eohet2cti] {
    display: block;
    object-fit: contain;
    background: #000;
}

.media-player-host--mini[b-0eohet2cti] {
    position: fixed;
    bottom: 92px;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.media-player-host--mini-collapsed[b-0eohet2cti] {
    display: none;
}

.media-player-host--mini .global-media-player[b-0eohet2cti] {
    display: none;
}

.mini-player__content[b-0eohet2cti] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 8px 8px 20px;
    background: var(--ui-bg);
    border-radius: 1000px;
    box-shadow: 0px -4px 24px 0px rgba(32, 20, 0, 0.06);
    direction: rtl;
}

.mini-player__thumbnail[b-0eohet2cti] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    padding: 3px;
    background: conic-gradient(
        var(--ui-primary) var(--progress, 0%),
        var(--ui-border-accented) var(--progress, 0%)
    );
}

.mini-player__thumbnail-inner[b-0eohet2cti] {
    width: 100%;
    height: 100%;
    border-radius: 1000px;
    overflow: hidden;
    background: var(--ui-bg);
}

.mini-player__thumbnail-img[b-0eohet2cti] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1000px;
}

.mini-player__info[b-0eohet2cti] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-align: right;
    line-height: 0;
}

.mini-player__title[b-0eohet2cti] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.mini-player__info-footer[b-0eohet2cti] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.mini-player__play-btn[b-0eohet2cti] {
    flex-shrink: 0;
    color: var(--ui-text);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.mini-player__btn[b-0eohet2cti] {
    flex-shrink: 0;
    border-radius: 1000px;
    padding: 8px;
}
/* /Components/Shared/Questionnaire/ScaleSelector.razor.rz.scp.css */
.scale-selector-grid[b-qog22tn3f9] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

[b-qog22tn3f9] .scale-btn {
    min-width: unset !important;
    width: 100%;
    height: 44px;
    font-size: 14px;
    border-radius: 12px !important;
}
/* /Components/Shared/ReviewBottomSheet.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   ReviewBottomSheet — Scoped CSS
   Based on Figma node 1194:16867
   ═══════════════════════════════════════════════════════ */

.rating-input-section[b-eyrhil25be] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px 12px;
    border-radius: var(--12, 12px);
    border: 1px solid var(--secondary-secondary-10, rgba(255, 162, 54, 0.1));
    background: linear-gradient(180deg, rgba(255, 162, 54, 0.1) 0%, rgba(255, 162, 54, 0) 100%);
    overflow: hidden;
}

/* بزرگتر کردن ستاره‌ها در حالت input */
[b-eyrhil25be] .direction-ltr .mud-rating-item {
    padding: 0 4px;
}

[b-eyrhil25be] .direction-ltr .mud-icon-root {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
}
/* /Components/Shared/SectionHeader.razor.rz.scp.css */
.count-badge[b-qmsn2znx4i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ui-primary);
    color: white;
    font-family: var(--font-fa);
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    padding: 3px 4px 1px;
    border-radius: 9999px;
    white-space: nowrap;
}
/* /Components/UIkits/AshAlert/AshAlert.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════
   AshAlert — Scoped Styles
   ══════════════════════════════════════════════════════ */

/* ---- Base layout ---- */

.ash-alert[b-2orbp9elwr] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);              /* 8px */
    border-radius: var(--radius-md);  /* 8px */
    width: 100%;
}

/* Icon & close wrappers — keep them 20px-aligned with the text line */

.ash-alert__icon-wrap[b-2orbp9elwr] {
    display: flex;
    align-items: flex-start;
    padding-block: 2px;
    flex-shrink: 0;
}

.ash-alert__close-btn[b-2orbp9elwr] {
    all: unset;
    display: flex;
    align-items: flex-start;
    padding-block: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

/* Body — fills the remaining space */

.ash-alert__body[b-2orbp9elwr] {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);              /* 4px */
}

.ash-alert__text[b-2orbp9elwr] {
    font-family: var(--font-family-fa);
    font-size: var(--font-size-h5);   /* 14px */
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    padding-block: var(--space-0-5);  /* 2px */
    margin: 0;
    word-break: break-word;
}


/* ══════════════════════════════════════════════════════
   Variant: Text  (Type 1 — inline, no chrome)
   ══════════════════════════════════════════════════════ */

.ash-alert--text[b-2orbp9elwr] {
    padding-block: var(--space-1);    /* 4px */
}


/* ══════════════════════════════════════════════════════
   Variant: Outlined  (Type 2 — neutral bg + border)
   ══════════════════════════════════════════════════════ */

.ash-alert--outlined[b-2orbp9elwr] {
    background-color: var(--ui-bg);
    border: 1px solid var(--ui-border-accented);
    padding: var(--space-3);          /* 12px */
}


/* ══════════════════════════════════════════════════════
   Variant: Filled  (Type 3 — tinted bg + tinted border)
   ══════════════════════════════════════════════════════ */

.ash-alert--filled[b-2orbp9elwr] {
    padding: var(--space-3);          /* 12px */
    border: 1px solid transparent;
}

/* Error */
.ash-alert--filled.ash-alert--error[b-2orbp9elwr] {
    background-color: var(--ui-error-10);
    border-color: var(--ui-error-10);
}

/* Warning */
.ash-alert--filled.ash-alert--warning[b-2orbp9elwr] {
    background-color: var(--ui-warning-10);
    border-color: var(--ui-warning-10);
}

/* Success */
.ash-alert--filled.ash-alert--success[b-2orbp9elwr] {
    background-color: var(--ui-success-10);
    border-color: var(--ui-success-10);
}

/* Info */
.ash-alert--filled.ash-alert--info[b-2orbp9elwr] {
    background-color: var(--ui-primary-10);
    border-color: var(--ui-primary-10);
}
/* /Components/UIkits/AshButton/AshButton.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════
   AshButton — Scoped Styles
   Ashti Design System — Button Component

   Styles : Primary · TonalSecondary · TonalPrimary · Outline · Text · Link
   Sizes  : XL(56) · LG(48) · MD(40) · SM(32) · XS(28)
   States : Default · Hover · Loading · Disabled
   ══════════════════════════════════════════════════════ */


/* ──────────────────────────────────────────────────
   1. BASE LAYOUT
   ────────────────────────────────────────────────── */

a.ash-btn[b-0fbfpwbcho] {
    text-decoration: none;
    color: inherit;
}

a.ash-btn:visited[b-0fbfpwbcho] {
    color: inherit;
}

.ash-btn[b-0fbfpwbcho] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px; /* pill / full */
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;    
    direction: rtl;
    position: relative;
}

.ash-btn__text[b-0fbfpwbcho] {
    flex-shrink: 0;
    line-height: 1;
}

.ash-btn__icon[b-0fbfpwbcho] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ash-btn__spinner[b-0fbfpwbcho] {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ──────────────────────────────────────────────────
   2. SIZE PRESETS
   ────────────────────────────────────────────────── */

/* Extra Large — 56px */
.ash-btn--xl[b-0fbfpwbcho] {
    padding: 14px 20px;
    gap: 8px;
    font-size: var(--font-size-h3);       /* 18px */
    line-height: 28px;
}
.ash-btn--xl .ash-btn__text[b-0fbfpwbcho] { line-height: 28px; }
.ash-btn--xl.ash-btn--icon-only[b-0fbfpwbcho] { padding: 16px; }

/* Large — 48px */
.ash-btn--lg[b-0fbfpwbcho] {
    padding: 12px 16px;
    gap: 8px;
}
.ash-btn--lg .ash-btn__text[b-0fbfpwbcho] { line-height: 24px; }
.ash-btn--lg.ash-btn--icon-only[b-0fbfpwbcho] { padding: 12px; }

/* Medium — 40px (default) */
.ash-btn--md[b-0fbfpwbcho] {
    padding: 10px 16px;
    gap: 6px;
    font-size: var(--font-size-h5);       /* 14px */
    line-height: 20px;
}
.ash-btn--md .ash-btn__text[b-0fbfpwbcho] { line-height: 20px; }
.ash-btn--md.ash-btn--icon-only[b-0fbfpwbcho] { padding: 10px; }

/* Small — 32px */
.ash-btn--sm[b-0fbfpwbcho] {
    padding: 6px 10px;
    gap: 4px;
    font-size: var(--font-size-h5);       /* 14px */
    line-height: 20px;
}
.ash-btn--sm .ash-btn__text[b-0fbfpwbcho] { line-height: 20px; }
.ash-btn--sm.ash-btn--icon-only[b-0fbfpwbcho] { padding: 8px; }

/* Extra Small — 28px */
.ash-btn--xs[b-0fbfpwbcho] {
    padding: 5px 8px;
    gap: 4px;
    font-size: var(--font-size-h6);       /* 12px */
    line-height: 18px;
}
.ash-btn--xs .ash-btn__text[b-0fbfpwbcho] { line-height: 18px; }
.ash-btn--xs.ash-btn--icon-only[b-0fbfpwbcho] { padding: 6px; }

/* Full-width modifier */
.ash-btn--full-width[b-0fbfpwbcho] { width: 100%; }

/* ══════════════════════════════════════════════════════
   3. STYLE: PRIMARY
   Solid primary background, white text
   ══════════════════════════════════════════════════════ */

.ash-btn--primary[b-0fbfpwbcho] {
    background-color: var(--ui-primary);
    color: white;
}

.ash-btn--primary:hover:not(.ash-btn--disabled)[b-0fbfpwbcho] {
    background-color: var(--ui-primary-content);
}

.ash-btn--primary.ash-btn--loading[b-0fbfpwbcho] {
    background-color: var(--ui-primary-75, rgba(0, 162, 158, 0.75));
}

.ash-btn--primary.ash-btn--disabled[b-0fbfpwbcho] {
    background-color: var(--ui-bg-elevated);
    color: var(--ui-text-dimmed);
}


/* ══════════════════════════════════════════════════════
   4. STYLE: TONAL SECONDARY
   Subtle gray background + accented border
   ══════════════════════════════════════════════════════ */

.ash-btn--tonal-secondary[b-0fbfpwbcho] {
    background: linear-gradient(90deg, rgba(244, 244, 245, 0.75) 0%, rgba(244, 244, 245, 0.75) 100%),
                linear-gradient(90deg, #fff 0%, #fff 100%);
    border: 1px solid var(--ui-border-accented);
    color: var(--ui-text);
}

.ash-btn--tonal-secondary:hover:not(.ash-btn--disabled)[b-0fbfpwbcho] {
    background: var(--ui-bg-elevated);
}

.ash-btn--tonal-secondary.ash-btn--loading[b-0fbfpwbcho] {
    opacity: 0.65;
}

.ash-btn--tonal-secondary.ash-btn--disabled[b-0fbfpwbcho] {
    background: var(--ui-bg-elevated);
    border-color: var(--ui-border-accented);
    color: var(--ui-text-dimmed);
}


/* ══════════════════════════════════════════════════════
   5. STYLE: TONAL PRIMARY
   Subtle primary tint background + primary tint border
   ══════════════════════════════════════════════════════ */

.ash-btn--tonal-primary[b-0fbfpwbcho] {
    background: linear-gradient(90deg, rgba(0, 162, 158, 0.05) 0%, rgba(0, 162, 158, 0.05) 100%),
                linear-gradient(90deg, #fff 0%, #fff 100%);
    border: 1px solid var(--ui-primary-15, rgba(0, 162, 158, 0.15));
    color: var(--ui-primary);
}

.ash-btn--tonal-primary:hover:not(.ash-btn--disabled)[b-0fbfpwbcho] {
    background: linear-gradient(90deg, rgba(0, 162, 158, 0.1) 0%, rgba(0, 162, 158, 0.1) 100%),
                linear-gradient(90deg, #fff 0%, #fff 100%);
}

.ash-btn--tonal-primary.ash-btn--loading[b-0fbfpwbcho] {
    opacity: 0.65;
}

.ash-btn--tonal-primary.ash-btn--disabled[b-0fbfpwbcho] {
    background: var(--ui-bg-elevated);
    border-color: var(--ui-border-accented);
    color: var(--ui-text-dimmed);
}


/* ══════════════════════════════════════════════════════
   6. STYLE: OUTLINE
   Transparent background + border
   ══════════════════════════════════════════════════════ */

.ash-btn--outline[b-0fbfpwbcho] {
    background-color: transparent;
    border: 1px solid var(--ui-border);
    color: var(--ui-text-toned);
}

.ash-btn--outline:hover:not(.ash-btn--disabled)[b-0fbfpwbcho] {
    color: var(--ui-text-highlighted);
    border-color: var(--ui-border);
}

.ash-btn--outline.ash-btn--loading[b-0fbfpwbcho] {
    opacity: 0.65;
}

.ash-btn--outline.ash-btn--disabled[b-0fbfpwbcho] {
    background-color: var(--ui-bg-elevated);
    border-color: var(--ui-border-accented);
    color: var(--ui-text-dimmed);
}


/* ══════════════════════════════════════════════════════
   7. STYLE: TEXT
   No background, no border — text only
   ══════════════════════════════════════════════════════ */

.ash-btn--text[b-0fbfpwbcho] {
    background-color: transparent;
    border: none;
    color: var(--ui-text-toned);
}

.ash-btn--text:hover:not(.ash-btn--disabled)[b-0fbfpwbcho] {
    color: var(--ui-text-highlighted);
}

.ash-btn--text.ash-btn--loading[b-0fbfpwbcho] {
    opacity: 0.65;
}

.ash-btn--text.ash-btn--disabled[b-0fbfpwbcho] {
    color: var(--ui-text-dimmed);
}


/* ══════════════════════════════════════════════════════
   8. STYLE: LINK
   Primary color text, no chrome
   ══════════════════════════════════════════════════════ */

.ash-btn--link[b-0fbfpwbcho] {
    background-color: transparent;
    border: none;
    color: var(--ui-primary);
}

.ash-btn--link:hover:not(.ash-btn--disabled)[b-0fbfpwbcho] {
    color: var(--ui-primary-content);
    text-decoration: underline;
}

.ash-btn--link.ash-btn--loading[b-0fbfpwbcho] {
    opacity: 0.65;
}

.ash-btn--link.ash-btn--disabled[b-0fbfpwbcho] {
    color: var(--ui-text-dimmed);
}


/* ══════════════════════════════════════════════════════
   9. DISABLED STATE — universal cursor
   ══════════════════════════════════════════════════════ */

.ash-btn--disabled[b-0fbfpwbcho] {
    cursor: not-allowed !important;
    pointer-events: auto; /* keep cursor visible even though <button disabled> */
}

/* Loading state — keep pointer but no interaction */
.ash-btn--loading[b-0fbfpwbcho] {
    cursor: wait !important;
}
/* /Components/UIkits/AshText/AshText.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════
   AshText — Scoped Styles
   Typography tokens live in ashti_design_system.css
   ══════════════════════════════════════════════════════ */

.ash-text[b-qq1cmdkd29] {
    margin: 0;
    padding: 0;
}

.ash-text--align-start[b-qq1cmdkd29] {
    text-align: start;
}

.ash-text--align-center[b-qq1cmdkd29] {
    text-align: center;
}

.ash-text--align-end[b-qq1cmdkd29] {
    text-align: end;
}

.ash-text--align-justify[b-qq1cmdkd29] {
    text-align: justify;
}

.ash-text--truncate[b-qq1cmdkd29] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 100%;
}

.ash-text--nowrap[b-qq1cmdkd29] {
    white-space: nowrap;
}