@import '_content/Ashti.UI/Ashti.UI.c5sh845o1b.bundle.scp.css';

/* /Components/Pages/AboutUs.razor.rz.scp.css */

.color[b-8urqagidij] {
   background-color: mistyrose
}
/* /Components/Pages/Chatbot/ChatbotChat.razor.rz.scp.css */
/* ─── Messages Area ─── */
.chat-messages[b-lgen51tnki] {
    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-lgen51tnki] {
    display: flex;
    justify-content: center;
    padding: 8px 0;
}

.chat-date-separator span[b-lgen51tnki] {
    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-lgen51tnki] {
    display: flex;
    justify-content: center;
    padding: 4px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ─── Input Bar ─── */
.chat-input-bar[b-lgen51tnki] {
    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-lgen51tnki] .chat-input-field {
    flex: 1;
}

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

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

/* ─── Product Suggestions ─── */
.chat-product-suggestions[b-lgen51tnki] {
    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-lgen51tnki] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 4px;
}

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

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

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

.chatbot-bg-pattern[b-y11q89zrty] {
    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-y11q89zrty] {
    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-y11q89zrty] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

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

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

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

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

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

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

.chatbot-chip[b-y11q89zrty]::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-y11q89zrty] {
    position: relative;
    z-index: 1;
    font-size: 10px;
    line-height: 14px;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
}

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

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

.chatbot-card[b-y11q89zrty] {
    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-y11q89zrty] {
    border: 1px solid white;
    position: relative;
}

.chatbot-card-questionnaire[b-y11q89zrty]::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-y11q89zrty] {
    position: relative;
    z-index: 1;
}

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

.chatbot-card-pattern-overlay[b-y11q89zrty] {
    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-y11q89zrty] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

/* ─── Badge ─── */
.chatbot-card-badge[b-y11q89zrty] {
    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-y11q89zrty] {
    width: 100%;
    cursor: pointer;
}

.chatbot-cta-inner[b-y11q89zrty] {
    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-y11q89zrty] {
    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-y11q89zrty] {
    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-35gbybd4vs] {
    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-35gbybd4vs] {
    border-bottom: none;
}

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

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

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

/* ─── Bottom Action Bar ─── */
.checkout-bottom-bar[b-35gbybd4vs] {
    position: fixed;
    bottom: 0;
    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-35gbybd4vs] {
    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-8mh7d4nvre] {
    display: flex;
    flex-direction: column;
}

.order-detail-row[b-8mh7d4nvre] {
    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-8mh7d4nvre] {
    border-bottom: none;
}

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

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

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

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

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

.order-detail-badge--pending[b-8mh7d4nvre] {
    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-ua693e1r0q] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 60vh;
}

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

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

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

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

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

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

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

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

/* ─── Total Row ─── */
.order-card-total[b-ua693e1r0q] {
    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-ua693e1r0q] {
    display: flex;
    align-items: center;
    gap: 4px;
}
/* /Components/Pages/Commerce/PaymentResult.razor.rz.scp.css */
/* ─── Payment Result Page ─── */
.payment-result-page[b-wyjncqc8xe] {
    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-wyjncqc8xe] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 344px;
    pointer-events: none;
    z-index: 0;
}

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

.payment-result-gradient--error[b-wyjncqc8xe] {
    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-wyjncqc8xe] {
    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-wyjncqc8xe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

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

.payment-result-row[b-wyjncqc8xe] {
    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-wyjncqc8xe] {
    border-bottom: none;
}

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

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

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

/* ─── Bottom Bar ─── */
.payment-result-bottom-bar[b-wyjncqc8xe] {
    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-wyjncqc8xe] {
    display: flex;
    gap: 16px;
    width: 100%;
}
/* /Components/Pages/Commerce/ShoppingCart.razor.rz.scp.css */
/* ─── Cart Item ─── */
.cart-item[b-d6a9je0v8o] {
    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-d6a9je0v8o] {
    border-bottom: none;
}

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

/* ─── Bottom Action Bar ─── */
.shopping-cart-bottom-bar[b-d6a9je0v8o] {
    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-d6a9je0v8o] {
    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-oqylp8jxr2] {
    position: relative;
    overflow: hidden;
}

/* --- Background --- */

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

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

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

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

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

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

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

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

.hero-content[b-oqylp8jxr2] {
    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-oqylp8jxr2] {
    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-oqylp8jxr2] {
    color: var(--ui-primary);
}

.hero-description[b-oqylp8jxr2] {
    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-oqylp8jxr2] {
    display: flex;
    gap: var(--space-4);
    width: 100%;
}

[b-oqylp8jxr2] .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-oqylp8jxr2] .hero-btn--outline {
    border-color: var(--ui-border) !important;
    color: var(--ui-text-toned) !important;
}

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

/* --- Mascot --- */

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

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

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

.hero-stats[b-oqylp8jxr2] {
    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-oqylp8jxr2] {
    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-oqylp8jxr2] {
    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-oqylp8jxr2] {
    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-oqylp8jxr2] {
    width: 100%;
    overflow: hidden;
    padding: var(--space-4) var(--space-5);
    direction: ltr;
}

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

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

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

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

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

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

.logo-item img[b-oqylp8jxr2] {
    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-oqylp8jxr2] {
        filter: grayscale(100%);
        opacity: 0.6;
    }

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

@media (prefers-reduced-motion: reduce) {
    .logo-track[b-oqylp8jxr2] {
        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-phdr71t1c3] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--ui-bg);
}

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

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

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

.notification-item--unread[b-phdr71t1c3] {
    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-phdr71t1c3] {
    border-bottom: 1px solid var(--ui-border-accented);
    padding: 16px 0;
}

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

/* ── Avatar ── */
.notification-item__avatar[b-phdr71t1c3] {
    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-phdr71t1c3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

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

.notification-item__title[b-phdr71t1c3] {
    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-phdr71t1c3] {
    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-phdr71t1c3] {
    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-phdr71t1c3] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.notification-action-btn[b-phdr71t1c3] {
    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-phdr71t1c3] {
    opacity: 0.85;
}

.notification-action-btn:active[b-phdr71t1c3] {
    opacity: 0.7;
}
/* /Components/Pages/Shop/ChapterSessions/ChapterSessions.razor.rz.scp.css */
/* ─── Chapter Player ─── */
.chapter-player[b-xvw4ngs2wf] {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #000;
}

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

/* ─── Session Item ─── */
.session-item[b-xvw4ngs2wf] {
    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-xvw4ngs2wf] {
    border-color: var(--ui-primary);
}

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

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

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

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

[b-5l6ng9lpzv] .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-t6to9ys5mh] {
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background-color: var(--ui-primary);
    border: 1px solid var(--ui-bg);
    flex-shrink: 0;
}

.count-badge[b-t6to9ys5mh] {
    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-t6to9ys5mh] {
    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-t6to9ys5mh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

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

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

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

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

.reviews-scroll[b-t6to9ys5mh] {
    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-t6to9ys5mh]::-webkit-scrollbar {
    display: none;
}

/* ── Individual review card ── */

.review-card[b-t6to9ys5mh] {
    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-t6to9ys5mh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
}

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

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

/* "خریدار" chip — 8px font from Figma */
.review-chip[b-t6to9ys5mh] {
    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-t6to9ys5mh] {
    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-t6to9ys5mh] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* ── Write review row ── */

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

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

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

.action-bar-content[b-t6to9ys5mh] {
    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-sv1en8uj31] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--ui-bg);
}

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

.product-list-search__input-wrapper[b-sv1en8uj31] {
    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-sv1en8uj31] {
    flex-shrink: 0;
    color: var(--ui-text-toned);
}

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

.product-list-search__input[b-sv1en8uj31] {
    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-sv1en8uj31]::placeholder {
    color: var(--ui-text-dimmed);
}

[b-sv1en8uj31] .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-sv1en8uj31] {
    background-color: var(--ui-bg);
}

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

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

.product-list-filters__inner[b-sv1en8uj31] {
    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-sv1en8uj31]::-webkit-scrollbar {
    display: none;
}

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

/* Sort Button */
.product-list-filters__sort-btn[b-sv1en8uj31] {
    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-sv1en8uj31] {
    width: 1px;
    height: 20px;
    min-width: 1px;
    background-color: var(--ui-border);
}

/* Filter Chip */
.product-list-filters__chip[b-sv1en8uj31] {
    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-sv1en8uj31] {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

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

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

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

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

/* Badge on filter chip */
.product-list-filters__badge[b-sv1en8uj31] {
    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-sv1en8uj31] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 8px 20px 100px;
}


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

[b-zrpdst815u] .wishlist-grid .mud-paper-outlined {
    width: 100% !important;
}
/* /Components/Pages/User/Components/SpiritStatusItem.razor.rz.scp.css */
.spirit-status-icon-block[b-vll4juujlb] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.spirit-progress-ring[b-vll4juujlb] {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.spirit-progress-ring__svg[b-vll4juujlb] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.spirit-progress-ring__content[b-vll4juujlb] {
    position: relative;
    z-index: 0;
}
/* /Components/Shared/CategoryBottomSheet.razor.rz.scp.css */
/* /Components/Shared/MiniPlayer.razor.rz.scp.css */
.media-player-host--full[b-f0i58ksetl],
.media-player-host--full .global-media-player[b-f0i58ksetl] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

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

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

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

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

.mini-player__content[b-f0i58ksetl] {
    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-f0i58ksetl] {
    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-f0i58ksetl] {
    width: 100%;
    height: 100%;
    border-radius: 1000px;
    overflow: hidden;
    background: var(--ui-bg);
}

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

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

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

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

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

.mini-player__btn[b-f0i58ksetl] {
    flex-shrink: 0;
    border-radius: 1000px;
    padding: 8px;
}
/* /Components/Shared/ReviewBottomSheet.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   ReviewBottomSheet — Scoped CSS
   Based on Figma node 1194:16867
   ═══════════════════════════════════════════════════════ */

.rating-input-section[b-fgo9xt5xnu] {
    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-fgo9xt5xnu] .direction-ltr .mud-rating-item {
    padding: 0 4px;
}

[b-fgo9xt5xnu] .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-p6fhsnanwu] {
    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;
}