/* /Components/Account/AccountNavigation.razor.rz.scp.css */
.account-nav[b-qatqe6ektm] {
    width: 250px;
    flex-shrink: 0;
}

.account-nav-user[b-qatqe6ektm] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.user-avatar[b-qatqe6ektm] {
    font-size: 2.5rem;
    color: var(--bs-primary);
    margin-right: 1rem;
}

.user-info h3[b-qatqe6ektm] {
    font-size: 1.1rem;
    margin: 0 0 0.25rem 0;
    color: var(--bs-dark);
}

.user-role[b-qatqe6ektm] {
    font-size: 0.85rem;
    color: var(--bs-secondary);
}

.account-nav-menu[b-qatqe6ektm] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.nav-link[b-qatqe6ektm], .nav-link-button[b-qatqe6ektm] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    color: var(--bs-dark);
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.nav-link:hover[b-qatqe6ektm], .nav-link-button:hover[b-qatqe6ektm] {
    background-color: #f8f9fa;
    color: var(--bs-primary);
}

.nav-link.active[b-qatqe6ektm] {
    border-left-color: var(--bs-primary);
    background-color: rgba(13, 110, 253, 0.05);
    color: var(--bs-primary);
    font-weight: 500;
}

.nav-link i[b-qatqe6ektm], .nav-link-button i[b-qatqe6ektm] {
    font-size: 1.2rem;
    margin-right: 0.75rem;
    width: 1.5rem;
    text-align: center;
}

.nav-divider[b-qatqe6ektm] {
    height: 1px;
    background-color: #eee;
    margin: 0.5rem 0;
}

.nav-link-button[b-qatqe6ektm] {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

/* Responsive */
@media (max-width: 992px) {
    .account-nav[b-qatqe6ektm] {
        width: 100%;
        margin-bottom: 2rem;
    }
    
    .account-nav-menu[b-qatqe6ektm] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .nav-link[b-qatqe6ektm], .nav-link-button[b-qatqe6ektm] {
        padding: 0.75rem 1rem;
        border-left: none;
        border-bottom: 3px solid transparent;
    }
    
    .nav-link.active[b-qatqe6ektm] {
        border-left-color: transparent;
        border-bottom-color: var(--bs-primary);
    }
    
    .nav-link i[b-qatqe6ektm], .nav-link-button i[b-qatqe6ektm] {
        margin-right: 0.5rem;
    }
    
    .nav-divider[b-qatqe6ektm] {
        display: none;
    }
}

@media (max-width: 576px) {
    .account-nav-menu[b-qatqe6ektm] {
        flex-direction: column;
    }
    
    .nav-link[b-qatqe6ektm], .nav-link-button[b-qatqe6ektm] {
        border-left: 3px solid transparent;
        border-bottom: none;
    }
    
    .nav-link.active[b-qatqe6ektm] {
        border-left-color: var(--bs-primary);
        border-bottom-color: transparent;
    }
    
    .nav-divider[b-qatqe6ektm] {
        display: block;
    }
} 
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-5cz86v6455] { display: flex; flex-direction: column; min-height: 100vh; }
main[b-5cz86v6455] { flex: 1; padding: 1.25rem 0; }
.container[b-5cz86v6455] { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 1.5rem; }
.site-header[b-5cz86v6455] { background: #fff; border-bottom: 1px solid var(--depot-border); padding: .65rem 0; }
.header-content[b-5cz86v6455] { position: relative; display: flex; align-items: center; gap: 1.5rem; }
.logo[b-5cz86v6455] { flex: 0 0 auto; }
.logo a[b-5cz86v6455] { display: flex; align-items: center; gap: .5rem; text-decoration: none; }
.brand-icon[b-5cz86v6455] { width: 48px; height: 52px; object-fit: contain; }
.brand-name[b-5cz86v6455] { width: 165px; height: 44px; object-fit: contain; }
.search-bar-flex[b-5cz86v6455] { flex: 1; min-width: 140px; }
.search-bar-inner[b-5cz86v6455] { width: 100%; }
.user-actions[b-5cz86v6455] { display: flex; align-items: center; gap: .65rem; }
.user-actions .btn[b-5cz86v6455] { white-space: nowrap; margin: 0 !important; }
.header-menu[b-5cz86v6455] { position: relative; }
.header-menu summary[b-5cz86v6455], .category-dropdown summary[b-5cz86v6455] { display: flex; align-items: center; gap: .5rem; list-style: none; cursor: pointer; font-weight: 600; }
.header-menu summary[b-5cz86v6455]::-webkit-details-marker, .category-dropdown summary[b-5cz86v6455]::-webkit-details-marker { display: none; }
.header-menu summary[b-5cz86v6455] { padding: .6rem .65rem; border-radius: var(--depot-radius); white-space: nowrap; }
.header-menu summary:hover[b-5cz86v6455], .header-menu[open] summary[b-5cz86v6455] { background: var(--depot-accent-soft); }
.header-menu summary .bi-chevron-down[b-5cz86v6455], .category-dropdown summary .bi-chevron-down[b-5cz86v6455] { font-size: .7rem; }
.header-menu-panel[b-5cz86v6455], .subcategory-menu[b-5cz86v6455] { position: absolute; top: calc(100% + .5rem); z-index: 1050; min-width: 210px; padding: .5rem; background: #fff; border: 1px solid var(--depot-border); border-radius: var(--depot-radius); box-shadow: var(--depot-shadow); }
.header-menu-panel[b-5cz86v6455] { right: 0; }
.header-menu-panel a[b-5cz86v6455], .header-menu-panel button[b-5cz86v6455], .subcategory-menu a[b-5cz86v6455] { display: block; width: 100%; padding: .65rem .8rem; color: var(--depot-ink); text-decoration: none; text-align: left; border: 0; background: transparent; border-radius: .4rem; }
.header-menu-panel a:hover[b-5cz86v6455], .header-menu-panel button:hover[b-5cz86v6455], .subcategory-menu a:hover[b-5cz86v6455] { background: var(--depot-accent-soft); color: var(--depot-accent); }
.account-name[b-5cz86v6455] { display: block; max-width: 260px; overflow-wrap: anywhere; padding: .65rem .8rem; color: var(--depot-muted); font-size: .8rem; border-bottom: 1px solid var(--depot-border); }
.header-menu-panel .logout-button[b-5cz86v6455] { color: #b42332; }
.cart-icon[b-5cz86v6455] { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 42px; height: 42px; font-size: 1.4rem; color: var(--depot-ink); text-decoration: none; border: 1px solid var(--depot-border); border-radius: var(--depot-radius); }
.cart-badge[b-5cz86v6455] { position: absolute; top: -6px; right: -6px; min-width: 19px; height: 19px; padding: 0 4px; display: flex; align-items: center; justify-content: center; border-radius: 99px; background: var(--depot-accent); color: #fff; font-size: .7rem; font-weight: 700; }
.category-nav[b-5cz86v6455] { background: linear-gradient(110deg, #f0f5fc, #f8fafc); border-bottom: 1px solid #d6e1f0; }
.category-menu[b-5cz86v6455] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; list-style: none; padding: .3rem 0; margin: 0; }
.category-item[b-5cz86v6455] { position: relative; }
.category-nav[b-5cz86v6455]  .category-link, .category-dropdown summary[b-5cz86v6455] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 34px;
    max-width: 100%;
    padding: .2rem .65rem .2rem .3rem;
    border: 1px solid #cbd9ec;
    border-radius: .55rem;
    background: #fff;
    color: #213b61;
    font-size: .9rem;
    font-weight: 650;
    text-decoration: none;
    box-shadow: 0 2px 4px rgb(20 36 62 / 4%);
    transition: background-color .15s, border-color .15s, color .15s;
}
.category-item[b-5cz86v6455] { max-width: 100%; }
.category-label[b-5cz86v6455] { display: inline-flex; align-items: center; gap: .45rem; min-width: 0; }
.category-label span[b-5cz86v6455], .category-nav[b-5cz86v6455]  .category-link > span { overflow-wrap: anywhere; }
.category-nav[b-5cz86v6455]  .category-visual { width: 22px; height: 22px; border-radius: .35rem; background: #e7f0ff; color: #0964d9; font-size: .95rem; }
.category-nav[b-5cz86v6455]  .category-link:hover, .category-nav[b-5cz86v6455]  .category-link.active,
.category-dropdown summary:hover[b-5cz86v6455], .category-dropdown[open] summary[b-5cz86v6455] { background: #142b49; color: #fff; border-color: #294f7d; }
.category-nav[b-5cz86v6455]  .category-link:focus-visible, .category-dropdown summary:focus-visible[b-5cz86v6455] { outline: 3px solid var(--depot-accent); outline-offset: 2px; }
.category-dropdown[open] summary .bi-chevron-down[b-5cz86v6455] { transform: rotate(180deg); }
.subcategory-menu[b-5cz86v6455] { top: calc(100% + .35rem); left: 0; }
.subcategory-menu[b-5cz86v6455]  a { display: block; width: 100%; padding: .65rem .8rem; color: var(--depot-ink); text-decoration: none; border-radius: .4rem; }
.subcategory-menu[b-5cz86v6455]  a:hover, .subcategory-menu[b-5cz86v6455]  a.active { background: var(--depot-accent-soft); color: var(--depot-accent); }
.site-footer[b-5cz86v6455] { background: var(--depot-ink); color: #fff; padding: 2rem 0 1rem; margin-top: 1rem; }
.footer-content[b-5cz86v6455] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-bottom: 2rem; }
.footer-section h3[b-5cz86v6455] { font-size: 1rem; font-weight: 600; margin-bottom: 1rem; color: #fff; }
.footer-section ul[b-5cz86v6455] { list-style: none; padding: 0; margin: 0; }
.footer-section li[b-5cz86v6455] { margin-bottom: .6rem; }
.footer-section a[b-5cz86v6455] { color: #c4cfdf; text-decoration: none; font-size: .9rem; }
.footer-section a:hover[b-5cz86v6455] { color: #fff; text-decoration: underline; }
.footer-bottom[b-5cz86v6455] { text-align: center; padding-top: 1.5rem; border-top: 1px solid #34445d; color: #c4cfdf; font-size: .8rem; }
#blazor-error-ui[b-5cz86v6455] { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px #0003; display: none; left: 0; padding: .6rem 1.25rem; position: fixed; width: 100%; z-index: 1100; }
#blazor-error-ui .dismiss[b-5cz86v6455] { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }
@media (max-width: 1000px) {
    .header-content[b-5cz86v6455] { flex-wrap: wrap; gap: .75rem; }
    .logo[b-5cz86v6455] { margin-right: auto; }
    .user-actions[b-5cz86v6455] { margin-left: auto; }
    .search-bar-flex[b-5cz86v6455] { order: 3; flex-basis: 100%; }
}
@media (max-width: 560px) {
    .container[b-5cz86v6455] { padding: 0 1rem; }
    main[b-5cz86v6455] { padding: 1rem 0; }
    .brand-icon[b-5cz86v6455] { width: 34px; height: 38px; }
    .brand-name[b-5cz86v6455] { width: 120px; height: 34px; }
    .header-content[b-5cz86v6455] { gap: .5rem; }
    .user-actions[b-5cz86v6455] { flex-wrap: wrap; gap: .35rem; }
    .header-menu summary[b-5cz86v6455] { padding: .5rem .35rem; font-size: .85rem; }
    .header-menu[b-5cz86v6455] { position: static; }
    .header-menu-panel[b-5cz86v6455] { top: 100%; right: 0; max-width: 100%; }
    .account-menu summary .bi-person-circle[b-5cz86v6455] { display: none; }
    .category-menu[b-5cz86v6455] { gap: .45rem; }
    .subcategory-menu[b-5cz86v6455] { min-width: 180px; max-width: calc(100vw - 2rem); }
    .category-item[b-5cz86v6455] { position: static; }
    .category-nav .container[b-5cz86v6455] { position: relative; }
    .subcategory-menu[b-5cz86v6455] { left: 1rem; }
    .footer-content[b-5cz86v6455] { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
    .category-nav[b-5cz86v6455]  .category-link, .category-dropdown summary[b-5cz86v6455] { transition: none; }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-jdaov4hfxn] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-jdaov4hfxn] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-jdaov4hfxn] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-jdaov4hfxn] {
    font-size: 1.1rem;
}

.bi[b-jdaov4hfxn] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.bi-house-door-fill-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-jdaov4hfxn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-jdaov4hfxn] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-jdaov4hfxn] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-jdaov4hfxn] {
        padding-bottom: 1rem;
    }

    .nav-item[b-jdaov4hfxn]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-jdaov4hfxn]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-jdaov4hfxn]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-jdaov4hfxn] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-jdaov4hfxn] {
    display: block;
}

/* Dropdown Menus */
.categories-dropdown[b-jdaov4hfxn],
.account-dropdown[b-jdaov4hfxn],
.dashboard-dropdown[b-jdaov4hfxn] {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    cursor: pointer;
}

.categories-dropdown:hover[b-jdaov4hfxn],
.account-dropdown:hover[b-jdaov4hfxn],
.dashboard-dropdown:hover[b-jdaov4hfxn] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.categories-submenu[b-jdaov4hfxn],
.account-submenu[b-jdaov4hfxn],
.dashboard-submenu[b-jdaov4hfxn] {
    margin-left: 1rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.submenu-link[b-jdaov4hfxn] {
    padding-left: 1rem !important;
    height: 2.5rem !important;
    line-height: 2.5rem !important;
}

.loading-categories[b-jdaov4hfxn],
.no-categories[b-jdaov4hfxn] {
    color: #d7d7d7;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
}

/* Logout Button */
.nav-item[b-jdaov4hfxn]  form button {
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
    background: none;
    color: #d7d7d7;
    border-radius: 4px;
    height: 2.5rem;
    display: flex;
    align-items: center;
    line-height: 2.5rem;
}

.nav-item[b-jdaov4hfxn]  form button:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-jdaov4hfxn] {
        display: none;
    }

    .collapse[b-jdaov4hfxn] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-jdaov4hfxn] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-container[b-m50ud9zuw1] {
    display: grid;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.about-header[b-m50ud9zuw1], .about-section[b-m50ud9zuw1], .cta-section[b-m50ud9zuw1] {
    border: 1px solid #263e60;
    border-radius: 1rem;
    color: #c3d1e5;
    overflow: hidden;
    background: linear-gradient(120deg, #101e34, #0b1525);
}

.about-header[b-m50ud9zuw1], .cta-section[b-m50ud9zuw1] {
    position: relative;
    isolation: isolate;
    background: radial-gradient(ellipse at 88% 18%, #173c67 0, transparent 65%),
        linear-gradient(120deg, #101e34, #0b1525);
    box-shadow: 0 12px 28px rgb(10 24 44 / 10%);
}

.about-header[b-m50ud9zuw1]::before, .cta-section[b-m50ud9zuw1]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .18;
    background-image: linear-gradient(#5986b5 1px, transparent 1px),
        linear-gradient(90deg, #5986b5 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(110deg, transparent 15%, #000);
}

.about-header[b-m50ud9zuw1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.about-intro[b-m50ud9zuw1] { min-width: 0; max-width: 780px; }
.eyebrow[b-m50ud9zuw1] { color: #8fc8ff; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1[b-m50ud9zuw1], h2[b-m50ud9zuw1] { color: #f5f8ff; text-wrap: balance; }
h1[b-m50ud9zuw1] { font-size: clamp(2rem, 4vw, 3rem); font-weight: 750; line-height: 1.12; margin: .55rem 0 .85rem; }
h2[b-m50ud9zuw1] { font-size: clamp(1.5rem, 2.5vw, 1.85rem); margin: .4rem 0 .85rem; }
.lead[b-m50ud9zuw1] { font-size: 1.1rem; line-height: 1.6; max-width: 58ch; margin: 0; color: #c3d1e5; }
.resource-labels[b-m50ud9zuw1] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.resource-labels span[b-m50ud9zuw1] { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid #365274; border-radius: 2rem; padding: .25rem .65rem; font-size: .8rem; color: #d2e8ff; background: rgb(13 30 52 / 70%); }
.resource-labels i[b-m50ud9zuw1] { color: #8fc8ff; }
.about-brand[b-m50ud9zuw1] { flex-shrink: 0; margin-right: 1rem; border: 1px solid #456086; border-radius: 1.5rem; padding: .65rem; background: #0a1321; box-shadow: 0 0 42px rgb(58 139 240 / 22%); transform: rotate(6deg); }
.about-brand img[b-m50ud9zuw1] { display: block; width: 112px; height: 112px; }

.about-section[b-m50ud9zuw1] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1.25rem, 3vw, 2rem); align-items: center; padding: clamp(1.25rem, 3vw, 2rem); }
.section-content[b-m50ud9zuw1] { min-width: 0; }
.section-content p[b-m50ud9zuw1] { line-height: 1.7; margin: 0 0 .85rem; }
.section-content p:last-child[b-m50ud9zuw1] { margin-bottom: 0; }
.reverse[b-m50ud9zuw1] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
.reverse .section-content[b-m50ud9zuw1] { order: 2; }
.reverse .section-image[b-m50ud9zuw1] { order: 1; }
.section-image[b-m50ud9zuw1] { min-width: 0; padding: .4rem; border: 1px solid #456086; border-radius: .85rem; background: #0a1321; box-shadow: 0 8px 24px rgb(0 0 0 / 20%); }
.section-image img[b-m50ud9zuw1] { display: block; width: 100%; height: auto; border-radius: .45rem; }

.values-section[b-m50ud9zuw1] { padding: .4rem 0; }
.section-heading[b-m50ud9zuw1] { margin-bottom: 1rem; }
.section-heading .eyebrow[b-m50ud9zuw1] { color: var(--depot-accent); }
.section-heading h2[b-m50ud9zuw1] { color: var(--depot-ink); margin-bottom: 0; }
.values-grid[b-m50ud9zuw1] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.value-card[b-m50ud9zuw1] { min-width: 0; padding: 1.25rem; background: #fff; border: 1px solid var(--depot-border); border-radius: var(--depot-radius); }
.value-icon[b-m50ud9zuw1] { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--depot-accent); background: var(--depot-accent-soft); border-radius: .7rem; font-size: 1.35rem; margin-bottom: .85rem; }
.value-card h3[b-m50ud9zuw1] { font-size: 1.15rem; color: var(--depot-ink); margin: 0 0 .5rem; }
.value-card p[b-m50ud9zuw1] { color: var(--depot-muted); font-size: .9rem; line-height: 1.65; margin: 0; }

.cta-section[b-m50ud9zuw1] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: clamp(1.25rem, 3vw, 2rem); }
.cta-section p[b-m50ud9zuw1] { max-width: 65ch; margin: 0; line-height: 1.7; }
.cta-buttons[b-m50ud9zuw1] { display: flex; flex-direction: column; align-items: stretch; flex-shrink: 0; gap: .65rem; }
.cta-buttons .btn[b-m50ud9zuw1] { padding: .65rem 1rem; text-align: center; }
.cta-buttons .btn-primary[b-m50ud9zuw1] { border-color: #4597ff; box-shadow: 0 4px 18px rgb(9 100 217 / 26%); }
.cta-buttons .btn-primary i[b-m50ud9zuw1] { margin-left: .5rem; }
.contributor-button[b-m50ud9zuw1] { color: #d2e8ff; border: 1px solid #6a8eb6; background: rgb(13 30 52 / 70%); }
.contributor-button:hover[b-m50ud9zuw1] { color: #fff; border-color: #b6ddff; background: #173c67; }
.cta-buttons .btn:focus-visible[b-m50ud9zuw1] { outline: 3px solid #b6ddff; outline-offset: 4px; }

@media (max-width: 991px) {
    .about-brand[b-m50ud9zuw1] { margin-right: 0; }
    .about-brand img[b-m50ud9zuw1] { width: 80px; height: 80px; }
    .values-grid[b-m50ud9zuw1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cta-section[b-m50ud9zuw1] { align-items: flex-start; flex-direction: column; }
    .cta-buttons[b-m50ud9zuw1] { flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 767px) {
    .about-header[b-m50ud9zuw1] { align-items: flex-start; }
    .about-brand[b-m50ud9zuw1] { display: none; }
    .about-section[b-m50ud9zuw1], .reverse[b-m50ud9zuw1] { grid-template-columns: minmax(0, 1fr); }
    .reverse .section-content[b-m50ud9zuw1], .reverse .section-image[b-m50ud9zuw1] { order: initial; }
}

@media (max-width: 479px) {
    .values-grid[b-m50ud9zuw1] { grid-template-columns: minmax(0, 1fr); }
    .cta-buttons[b-m50ud9zuw1] { width: 100%; flex-direction: column; }
}
/* /Components/Pages/Account/Downloads.razor.rz.scp.css */
/* Account Container and Layout styles are inherited from Profile.razor.css */

/* Empty Downloads */
.empty-downloads[b-9x9wtj2qt6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.empty-icon[b-9x9wtj2qt6] {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1.5rem;
}

.empty-downloads h2[b-9x9wtj2qt6] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.empty-downloads p[b-9x9wtj2qt6] {
    color: var(--bs-secondary);
    margin-bottom: 1.5rem;
    max-width: 500px;
}

/* Downloads Filters */
.downloads-filters[b-9x9wtj2qt6] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.search-box[b-9x9wtj2qt6] {
    flex: 1;
    position: relative;
}

.search-box input[b-9x9wtj2qt6] {
    padding-right: 2.5rem;
}

.search-box i[b-9x9wtj2qt6] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bs-secondary);
}

.filter-dropdown[b-9x9wtj2qt6] {
    width: 180px;
}

/* Downloads List */
.downloads-list[b-9x9wtj2qt6] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.download-card[b-9x9wtj2qt6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.download-info[b-9x9wtj2qt6] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.product-image[b-9x9wtj2qt6] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 1.25rem;
    flex-shrink: 0;
}

.product-image img[b-9x9wtj2qt6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-image[b-9x9wtj2qt6] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    color: #adb5bd;
    font-size: 2rem;
}

.product-details[b-9x9wtj2qt6] {
    flex: 1;
    min-width: 0;
}

.product-details h3[b-9x9wtj2qt6] {
    font-size: 1.1rem;
    margin: 0 0 0.5rem 0;
    color: var(--bs-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-meta[b-9x9wtj2qt6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    color: var(--bs-secondary);
}

.update-badge[b-9x9wtj2qt6] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
}

.update-badge i[b-9x9wtj2qt6] {
    margin-right: 0.25rem;
}

.download-actions[b-9x9wtj2qt6] {
    display: flex;
    gap: 0.75rem;
    margin-left: 1.5rem;
}

/* No Results */
.no-results[b-9x9wtj2qt6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    text-align: center;
    margin-top: 2rem;
}

.no-results i[b-9x9wtj2qt6] {
    font-size: 3rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-results h3[b-9x9wtj2qt6] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: var(--bs-dark);
}

.no-results p[b-9x9wtj2qt6] {
    color: var(--bs-secondary);
    margin-bottom: 1.5rem;
}

/* Responsive */
@media (max-width: 992px) {
    .downloads-filters[b-9x9wtj2qt6] {
        flex-direction: column;
    }
    
    .filter-dropdown[b-9x9wtj2qt6] {
        width: 100%;
    }
    
    .download-card[b-9x9wtj2qt6] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .download-info[b-9x9wtj2qt6] {
        margin-bottom: 1.5rem;
    }
    
    .download-actions[b-9x9wtj2qt6] {
        margin-left: 0;
        justify-content: flex-end;
    }
}

@media (max-width: 576px) {
    .download-info[b-9x9wtj2qt6] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .product-image[b-9x9wtj2qt6] {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    
    .product-meta[b-9x9wtj2qt6] {
        justify-content: center;
    }
    
    .download-actions[b-9x9wtj2qt6] {
        flex-direction: column;
        width: 100%;
    }
    
    .download-actions .btn[b-9x9wtj2qt6] {
        width: 100%;
    }
} 
/* /Components/Pages/Account/Profile.razor.rz.scp.css */
/* Account Container */
.account-container[b-cl5no6m8y4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.account-header[b-cl5no6m8y4] {
    margin-bottom: 2rem;
    text-align: center;
}

.account-header h1[b-cl5no6m8y4] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: var(--bs-dark);
}

.account-header p[b-cl5no6m8y4] {
    color: var(--bs-secondary);
}

/* Account Layout */
.account-layout[b-cl5no6m8y4] {
    display: flex;
    gap: 2rem;
}

.account-content[b-cl5no6m8y4] {
    flex: 1;
    min-width: 0;
}

/* Loading Container */
.loading-container[b-cl5no6m8y4] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Profile Sections */
.profile-section[b-cl5no6m8y4] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.section-header[b-cl5no6m8y4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.section-header h2[b-cl5no6m8y4] {
    font-size: 1.2rem;
    margin: 0;
    color: var(--bs-dark);
}

/* Profile Info Display */
.profile-info[b-cl5no6m8y4] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.info-group[b-cl5no6m8y4] {
    flex: 1;
    min-width: 250px;
}

.info-item[b-cl5no6m8y4] {
    margin-bottom: 1.5rem;
}

.info-label[b-cl5no6m8y4] {
    display: block;
    font-size: 0.9rem;
    color: var(--bs-secondary);
    margin-bottom: 0.25rem;
}

.info-value[b-cl5no6m8y4] {
    font-weight: 500;
    color: var(--bs-dark);
}

/* Form Styles */
.form-label[b-cl5no6m8y4] {
    font-weight: 500;
    color: var(--bs-dark);
}

.form-control[b-cl5no6m8y4], .form-select[b-cl5no6m8y4] {
    padding: 0.5rem 0.75rem;
    border-color: #ddd;
}

.form-control:focus[b-cl5no6m8y4], .form-select:focus[b-cl5no6m8y4] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.validation-message[b-cl5no6m8y4] {
    color: var(--bs-danger);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Security Options */
.security-options[b-cl5no6m8y4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.security-option[b-cl5no6m8y4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.option-info h3[b-cl5no6m8y4] {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    color: var(--bs-dark);
}

.option-info p[b-cl5no6m8y4] {
    margin: 0;
    color: var(--bs-secondary);
    font-size: 0.9rem;
}

/* Notification Options */
.notification-options[b-cl5no6m8y4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-check-label[b-cl5no6m8y4] {
    font-weight: 500;
    color: var(--bs-dark);
}

.form-check-input[b-cl5no6m8y4] {
    margin-right: 0.75rem;
}

.form-check-input:checked[b-cl5no6m8y4] {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.text-muted[b-cl5no6m8y4] {
    font-weight: normal;
    margin-top: 0.25rem;
}

/* Responsive */
@media (max-width: 992px) {
    .account-layout[b-cl5no6m8y4] {
        flex-direction: column;
    }
    
    .security-option[b-cl5no6m8y4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .security-option .btn[b-cl5no6m8y4] {
        align-self: flex-start;
    }
} 
/* /Components/Pages/Account/Purchases.razor.rz.scp.css */
/* Account Container and Layout styles are inherited from Profile.razor.css */

/* Empty Purchases */
.empty-purchases[b-57v4e5acu3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.empty-icon[b-57v4e5acu3] {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1.5rem;
}

.empty-purchases h2[b-57v4e5acu3] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.empty-purchases p[b-57v4e5acu3] {
    color: var(--bs-secondary);
    margin-bottom: 1.5rem;
    max-width: 500px;
}

/* Purchases Filters */
.purchases-filters[b-57v4e5acu3] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.search-box[b-57v4e5acu3] {
    flex: 1;
    position: relative;
}

.search-box input[b-57v4e5acu3] {
    padding-right: 2.5rem;
}

.search-box i[b-57v4e5acu3] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bs-secondary);
}

.filter-dropdown[b-57v4e5acu3] {
    width: 180px;
}

/* Purchases List */
.purchases-list[b-57v4e5acu3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.purchase-card[b-57v4e5acu3] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.purchase-header[b-57v4e5acu3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    background-color: #f8f9fa;
    border-bottom: 1px solid #eee;
}

.purchase-info[b-57v4e5acu3] {
    display: flex;
    gap: 2rem;
}

.order-number[b-57v4e5acu3], .order-date[b-57v4e5acu3] {
    display: flex;
    flex-direction: column;
}

.label[b-57v4e5acu3] {
    font-size: 0.85rem;
    color: var(--bs-secondary);
    margin-bottom: 0.25rem;
}

.value[b-57v4e5acu3] {
    font-weight: 500;
    color: var(--bs-dark);
}

.purchase-status .status-badge[b-57v4e5acu3] {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status-completed[b-57v4e5acu3] {
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.status-processing[b-57v4e5acu3] {
    background-color: rgba(255, 193, 7, 0.1);
    color: #fd7e14;
}

.status-cancelled[b-57v4e5acu3] {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.purchase-items[b-57v4e5acu3] {
    padding: 1.25rem;
}

.purchase-item[b-57v4e5acu3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #eee;
}

.purchase-item:last-child[b-57v4e5acu3] {
    border-bottom: none;
}

.item-info h4[b-57v4e5acu3] {
    font-size: 1rem;
    margin: 0 0 0.25rem 0;
    color: var(--bs-dark);
}

.item-meta[b-57v4e5acu3] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: var(--bs-secondary);
}

.item-price[b-57v4e5acu3] {
    font-weight: 500;
    color: var(--bs-dark);
}

.more-items[b-57v4e5acu3] {
    text-align: center;
    padding: 0.5rem;
    font-size: 0.9rem;
    color: var(--bs-secondary);
    background-color: #f8f9fa;
    border-radius: 4px;
    margin-top: 0.75rem;
}

.purchase-footer[b-57v4e5acu3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
}

.purchase-total[b-57v4e5acu3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.purchase-total .value[b-57v4e5acu3] {
    font-size: 1.1rem;
    color: var(--bs-primary);
}

.purchase-actions[b-57v4e5acu3] {
    display: flex;
    gap: 0.75rem;
}

/* No Results */
.no-results[b-57v4e5acu3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    text-align: center;
    margin-top: 2rem;
}

.no-results i[b-57v4e5acu3] {
    font-size: 3rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-results h3[b-57v4e5acu3] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: var(--bs-dark);
}

.no-results p[b-57v4e5acu3] {
    color: var(--bs-secondary);
    margin-bottom: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .purchases-filters[b-57v4e5acu3] {
        flex-direction: column;
    }
    
    .filter-dropdown[b-57v4e5acu3] {
        width: 100%;
    }
    
    .purchase-header[b-57v4e5acu3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .purchase-info[b-57v4e5acu3] {
        width: 100%;
        justify-content: space-between;
    }
    
    .purchase-footer[b-57v4e5acu3] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .purchase-actions[b-57v4e5acu3] {
        width: 100%;
        justify-content: flex-end;
    }
} 
/* /Components/Pages/Admin/Categories.razor.rz.scp.css */
h1[b-97lwtjw9s4] { font-size: 1.75rem; margin-bottom: 1rem; }
h2[b-97lwtjw9s4], legend[b-97lwtjw9s4] { font-size: 1.15rem; font-weight: 650; }
.category-form[b-97lwtjw9s4] { padding: 1rem; background: #fff; border: 1px solid var(--depot-border); border-radius: var(--depot-radius); }
.form-fields[b-97lwtjw9s4] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-label[b-97lwtjw9s4] { font-size: .9rem; font-weight: 600; margin-bottom: .25rem; }
.icon-settings[b-97lwtjw9s4] { margin-top: .75rem; }
.icon-picker[b-97lwtjw9s4] { display: flex; flex-wrap: wrap; gap: .4rem; }
.icon-choice[b-97lwtjw9s4] { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid var(--depot-border); border-radius: .5rem; color: var(--depot-muted); background: #fff; font-size: 1.3rem; }
.icon-choice:hover[b-97lwtjw9s4], .icon-choice[aria-pressed="true"][b-97lwtjw9s4] { background: var(--depot-accent-soft); color: var(--depot-accent); border-color: var(--depot-accent); }
.icon-preview[b-97lwtjw9s4], .category-row[b-97lwtjw9s4] { display: flex; align-items: center; gap: .75rem; }
.icon-preview[b-97lwtjw9s4] { flex-wrap: wrap; margin-top: .75rem; font-size: .9rem; }
.category-actions[b-97lwtjw9s4] { display: flex; gap: .5rem; flex-shrink: 0; }
.category-description[b-97lwtjw9s4] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.category-description p[b-97lwtjw9s4] { font-size: .9rem; }
@media (max-width: 560px) {
    .form-fields[b-97lwtjw9s4] { grid-template-columns: 1fr; gap: .5rem; }
    .category-row[b-97lwtjw9s4] { flex-wrap: wrap; }
    .category-description[b-97lwtjw9s4] { flex-basis: calc(100% - 65px); }
    .category-row .category-actions[b-97lwtjw9s4] { margin-left: auto; }
}
/* /Components/Pages/Admin/GlobalSettingsAdmin.razor.rz.scp.css */
.settings-label[b-zpkox320b0] {
    display: block;
    margin: 1.25rem 0 .5rem;
    font-size: 1.3rem;
    font-weight: 650;
    color: var(--depot-ink);
}

.hero-settings[b-zpkox320b0] {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid var(--depot-border);
    border-radius: var(--depot-radius);
    background: #fff;
}

.hero-settings legend[b-zpkox320b0] { float: none; width: auto; margin: 0; padding: 0 .25rem; }
.hero-image-preview[b-zpkox320b0] { display: block; max-width: 100%; width: 360px; max-height: 240px; object-fit: contain; margin: .75rem 0; border-radius: .5rem; border: 1px solid var(--depot-border); }
.legacy-content[b-zpkox320b0] { padding: .75rem; background: var(--depot-accent-soft); border-radius: .5rem; }
.legacy-content summary[b-zpkox320b0] { cursor: pointer; font-weight: 600; }
.legacy-content[b-zpkox320b0]  img { max-width: 100%; height: auto; }
/* /Components/Pages/CartPage.razor.rz.scp.css */
/* Cart Container */
.cart-container[b-ovrnwqbc6p] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.cart-title[b-ovrnwqbc6p] {
    text-align: center;
    margin-bottom: 2rem;
    color: var(--bs-dark);
}

/* Loading Container */
.loading-container[b-ovrnwqbc6p] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Empty Cart */
.empty-cart[b-ovrnwqbc6p] {
    text-align: center;
    padding: 3rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    max-width: 600px;
    margin: 0 auto;
}

.empty-cart-icon[b-ovrnwqbc6p] {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.empty-cart h2[b-ovrnwqbc6p] {
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.empty-cart p[b-ovrnwqbc6p] {
    margin-bottom: 1.5rem;
    color: var(--bs-secondary);
}

/* Cart Layout */
.cart-layout[b-ovrnwqbc6p] {
    display: flex;
    gap: 2rem;
}

.cart-items[b-ovrnwqbc6p] {
    flex: 1;
}

.cart-summary[b-ovrnwqbc6p] {
    width: 350px;
    flex-shrink: 0;
}

/* Cart Item */
.cart-item[b-ovrnwqbc6p] {
    display: flex;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}

.item-image[b-ovrnwqbc6p] {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8f9fa;
    flex-shrink: 0;
}

.item-image img[b-ovrnwqbc6p] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-image[b-ovrnwqbc6p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    color: #aaa;
}

.placeholder-image i[b-ovrnwqbc6p] {
    font-size: 2rem;
}

.item-details[b-ovrnwqbc6p] {
    flex: 1;
    padding-left: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item-info[b-ovrnwqbc6p] {
    margin-bottom: 1rem;
}

.item-name[b-ovrnwqbc6p] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.item-name a[b-ovrnwqbc6p] {
    color: var(--bs-dark);
    text-decoration: none;
}

.item-name a:hover[b-ovrnwqbc6p] {
    color: var(--bs-primary);
}

.item-meta[b-ovrnwqbc6p] {
    color: var(--bs-secondary);
    font-size: 0.9rem;
}

.item-actions[b-ovrnwqbc6p] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.quantity-control[b-ovrnwqbc6p] {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
}

.quantity-btn[b-ovrnwqbc6p] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

.quantity-btn:hover:not(:disabled)[b-ovrnwqbc6p] {
    background-color: #f8f9fa;
}

.quantity-btn:disabled[b-ovrnwqbc6p] {
    opacity: 0.5;
    cursor: not-allowed;
}

.quantity[b-ovrnwqbc6p] {
    width: 40px;
    text-align: center;
    font-weight: 500;
}

.remove-btn[b-ovrnwqbc6p] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    color: var(--bs-secondary);
}

.remove-btn:hover[b-ovrnwqbc6p] {
    background-color: #f8d7da;
    color: #dc3545;
    border-color: #f5c2c7;
}

.item-price[b-ovrnwqbc6p] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.price[b-ovrnwqbc6p] {
    font-weight: 600;
    color: var(--bs-primary);
    font-size: 1.2rem;
}

.total-price[b-ovrnwqbc6p] {
    color: var(--bs-secondary);
    font-size: 0.9rem;
}

/* Summary Card */
.summary-card[b-ovrnwqbc6p], .promo-code-card[b-ovrnwqbc6p] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.summary-title[b-ovrnwqbc6p] {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: var(--bs-dark);
}

.summary-items[b-ovrnwqbc6p] {
    margin-bottom: 1.5rem;
}

.summary-item[b-ovrnwqbc6p] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.item-label[b-ovrnwqbc6p] {
    color: var(--bs-secondary);
}

.item-value[b-ovrnwqbc6p] {
    font-weight: 500;
}

.summary-item.discount .item-value[b-ovrnwqbc6p] {
    color: #28a745;
}

.summary-total[b-ovrnwqbc6p] {
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
    margin-bottom: 1.5rem;
}

.total-label[b-ovrnwqbc6p] {
    font-weight: 600;
    font-size: 1.1rem;
}

.total-value[b-ovrnwqbc6p] {
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--bs-primary);
}

.summary-actions[b-ovrnwqbc6p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.continue-shopping[b-ovrnwqbc6p] {
    text-align: center;
    color: var(--bs-secondary);
    text-decoration: none;
}

.continue-shopping:hover[b-ovrnwqbc6p] {
    color: var(--bs-primary);
}

/* Promo Code */
.promo-code-card h4[b-ovrnwqbc6p] {
    font-size: 1rem;
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.promo-code-message[b-ovrnwqbc6p] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

.promo-code-message.success[b-ovrnwqbc6p] {
    color: #28a745;
}

.promo-code-message.error[b-ovrnwqbc6p] {
    color: #dc3545;
}

/* Responsive */
@media (max-width: 992px) {
    .cart-layout[b-ovrnwqbc6p] {
        flex-direction: column;
    }
    
    .cart-summary[b-ovrnwqbc6p] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .cart-item[b-ovrnwqbc6p] {
        flex-direction: column;
    }
    
    .item-image[b-ovrnwqbc6p] {
        width: 100%;
        height: 200px;
        margin-bottom: 1rem;
    }
    
    .item-details[b-ovrnwqbc6p] {
        padding-left: 0;
    }
    
    .item-price[b-ovrnwqbc6p] {
        align-items: flex-start;
        margin-top: 1rem;
    }
} 
/* /Components/Pages/Checkout.razor.rz.scp.css */
/* Checkout Container */
.checkout-container[b-bl7bm8jyf3] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.checkout-title[b-bl7bm8jyf3] {
    text-align: center;
    margin-bottom: 2rem;
    color: var(--bs-dark);
}

/* Loading Container */
.loading-container[b-bl7bm8jyf3] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Empty Checkout */
.empty-checkout[b-bl7bm8jyf3] {
    text-align: center;
    padding: 3rem;
    background-color: #f8f9fa;
    border-radius: 8px;
    max-width: 600px;
    margin: 0 auto;
}

.empty-checkout-icon[b-bl7bm8jyf3] {
    font-size: 4rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.empty-checkout h2[b-bl7bm8jyf3] {
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.empty-checkout p[b-bl7bm8jyf3] {
    margin-bottom: 1.5rem;
    color: var(--bs-secondary);
}

/* Checkout Layout */
.checkout-layout[b-bl7bm8jyf3] {
    display: flex;
    gap: 2rem;
}

.checkout-main[b-bl7bm8jyf3] {
    flex: 1;
}

.checkout-sidebar[b-bl7bm8jyf3] {
    width: 350px;
    flex-shrink: 0;
}

/* Checkout Sections */
.checkout-section[b-bl7bm8jyf3] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.section-title[b-bl7bm8jyf3] {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: var(--bs-dark);
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eee;
}

/* Form Styles */
.form-label[b-bl7bm8jyf3] {
    font-weight: 500;
    color: var(--bs-dark);
}

.form-control[b-bl7bm8jyf3], .form-select[b-bl7bm8jyf3] {
    padding: 0.75rem;
    border-color: #dee2e6;
}

.form-control:focus[b-bl7bm8jyf3], .form-select:focus[b-bl7bm8jyf3] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.validation-message[b-bl7bm8jyf3] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Payment Methods */
.payment-methods[b-bl7bm8jyf3] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.payment-method[b-bl7bm8jyf3] {
    flex: 1;
    min-width: 200px;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.payment-method:hover[b-bl7bm8jyf3] {
    background-color: #f8f9fa;
}

.payment-method .form-check-input[b-bl7bm8jyf3] {
    margin-right: 0.75rem;
}

.payment-method .form-check-label[b-bl7bm8jyf3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.credit-card-form[b-bl7bm8jyf3] {
    margin-top: 1.5rem;
}

#card-element[b-bl7bm8jyf3] {
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    background-color: white;
}

/* Checkout Actions */
.checkout-actions[b-bl7bm8jyf3] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.checkout-actions .btn[b-bl7bm8jyf3] {
    padding: 0.75rem 1.5rem;
}

/* Order Summary */
.order-summary[b-bl7bm8jyf3] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.summary-title[b-bl7bm8jyf3] {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: var(--bs-dark);
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

.summary-items[b-bl7bm8jyf3] {
    margin-bottom: 1.5rem;
}

.summary-item[b-bl7bm8jyf3] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.item-info[b-bl7bm8jyf3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.item-quantity[b-bl7bm8jyf3] {
    color: var(--bs-secondary);
}

.item-name[b-bl7bm8jyf3] {
    font-weight: 500;
}

.item-price[b-bl7bm8jyf3] {
    font-weight: 500;
}

.summary-totals[b-bl7bm8jyf3] {
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}

.summary-row[b-bl7bm8jyf3] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.row-label[b-bl7bm8jyf3] {
    color: var(--bs-secondary);
}

.row-value[b-bl7bm8jyf3] {
    font-weight: 500;
}

.summary-row.discount .row-value[b-bl7bm8jyf3] {
    color: #28a745;
}

.summary-row.total[b-bl7bm8jyf3] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}

.summary-row.total .row-label[b-bl7bm8jyf3] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--bs-dark);
}

.summary-row.total .row-value[b-bl7bm8jyf3] {
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--bs-primary);
}

/* Secure Checkout */
.secure-checkout[b-bl7bm8jyf3] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.secure-icon[b-bl7bm8jyf3] {
    font-size: 2rem;
    color: #28a745;
}

.secure-text h4[b-bl7bm8jyf3] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    color: var(--bs-dark);
}

.secure-text p[b-bl7bm8jyf3] {
    font-size: 0.9rem;
    color: var(--bs-secondary);
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .checkout-layout[b-bl7bm8jyf3] {
        flex-direction: column;
    }
    
    .checkout-sidebar[b-bl7bm8jyf3] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .checkout-actions[b-bl7bm8jyf3] {
        flex-direction: column;
    }
} 
/* /Components/Pages/Contributor/ProductForm.razor.rz.scp.css */
.form-page[b-0r000cg9mj] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-0r000cg9mj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.loading-spinner[b-0r000cg9mj] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.form-section[b-0r000cg9mj] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.form-section h2[b-0r000cg9mj] {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    color: var(--bs-dark);
}

.category-selection[b-0r000cg9mj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.compatible-devices[b-0r000cg9mj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.device-input[b-0r000cg9mj] {
    display: flex;
    gap: 0.5rem;
}

.form-actions[b-0r000cg9mj] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .form-page[b-0r000cg9mj] {
        padding: 1rem;
    }
    
    .category-selection[b-0r000cg9mj] {
        grid-template-columns: 1fr;
    }
    
    .form-actions[b-0r000cg9mj] {
        flex-direction: column;
    }
    
    .form-actions .btn[b-0r000cg9mj] {
        width: 100%;
    }
}
/* /Components/Pages/FreeAccess.razor.rz.scp.css */
h1[b-4xybuf5gy8] { font-size: 1.75rem; }
h2[b-4xybuf5gy8] { font-size: 1.2rem; }
h3[b-4xybuf5gy8] { font-size: 1rem; margin: 1rem 0 .4rem; }
.free-access-summary[b-4xybuf5gy8] { margin: .75rem 0; }
.free-access-terms[b-4xybuf5gy8] { padding: 1rem; border: 1px solid var(--depot-border); border-radius: var(--depot-radius); background: #fff; }
.free-access-terms[b-4xybuf5gy8]  img { max-width: 100%; height: auto; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* Section Headers */
.section-header[b-5n4aunm91y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.section-header h2[b-5n4aunm91y] {
    font-size: 1.8rem;
    color: var(--depot-ink);
    margin: 0;
}

.view-all[b-5n4aunm91y] {
    color: var(--depot-accent);
    text-decoration: none;
    font-weight: 500;
}

.view-all:hover[b-5n4aunm91y] {
    text-decoration: underline;
}

/* Featured Categories */
.featured-categories[b-5n4aunm91y] {
    margin-bottom: 1.25rem;
}

.category-grid[b-5n4aunm91y] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
    gap: 1rem;
}

.category-card[b-5n4aunm91y] {
    background-color: #fff;
    border-radius: var(--depot-radius);
    border: 1px solid var(--depot-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.category-card:hover[b-5n4aunm91y] {
    transform: translateY(-2px);
    box-shadow: var(--depot-shadow);
}

.category-card a[b-5n4aunm91y] {
    display: block;
    height: 100%;
    padding: 1rem;
    text-decoration: none;
    color: inherit;
}

.category-icon[b-5n4aunm91y] {
    margin-bottom: .65rem;
}

.category-card:focus-within[b-5n4aunm91y] {
    outline: 3px solid var(--depot-accent);
    outline-offset: 3px;
}

.category-card h3[b-5n4aunm91y] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: var(--depot-ink);
}

.category-card p[b-5n4aunm91y] {
    color: var(--depot-muted);
    margin: 0;
    font-size: 0.9rem;
}

/* Featured Products */
.featured-products[b-5n4aunm91y] {
    margin-bottom: 1.25rem;
}

.product-grid[b-5n4aunm91y] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
    gap: 1rem;
}

/* How It Works */
.how-it-works[b-5n4aunm91y] {
    margin-bottom: 1.25rem;
}

.steps-container[b-5n4aunm91y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    text-align: center;
}

.step[b-5n4aunm91y] {
    padding: 1rem;
}

.step-icon[b-5n4aunm91y] {
    font-size: 3rem;
    color: var(--depot-accent);
    margin-bottom: 1rem;
}

.step h3[b-5n4aunm91y] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: var(--depot-ink);
}

.step p[b-5n4aunm91y] {
    color: var(--depot-muted);
    margin: 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .section-header h2[b-5n4aunm91y] {
        font-size: 1.5rem;
    }

    .steps-container[b-5n4aunm91y] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
/* /Components/Pages/OrderConfirmation.razor.rz.scp.css */
/* Confirmation Container */
.confirmation-container[b-lr8x7lotsw] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Loading and Error States */
.loading-container[b-lr8x7lotsw], .error-container[b-lr8x7lotsw] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.error-container .alert[b-lr8x7lotsw] {
    max-width: 600px;
}

/* Confirmation Header */
.confirmation-header[b-lr8x7lotsw] {
    text-align: center;
    margin-bottom: 3rem;
}

.success-icon[b-lr8x7lotsw] {
    font-size: 4rem;
    color: #28a745;
    margin-bottom: 1rem;
}

.confirmation-header h1[b-lr8x7lotsw] {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.confirmation-message[b-lr8x7lotsw] {
    font-size: 1.1rem;
    color: var(--bs-secondary);
}

/* Order Details */
.order-details[b-lr8x7lotsw] {
    display: flex;
    gap: 2rem;
    margin-bottom: 3rem;
}

.order-info[b-lr8x7lotsw], .shipping-info[b-lr8x7lotsw] {
    flex: 1;
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
}

.order-details h2[b-lr8x7lotsw] {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: var(--bs-dark);
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

.info-grid[b-lr8x7lotsw] {
    display: grid;
    gap: 1rem;
}

.info-item[b-lr8x7lotsw] {
    display: flex;
    flex-direction: column;
}

.info-label[b-lr8x7lotsw] {
    color: var(--bs-secondary);
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.info-value[b-lr8x7lotsw] {
    font-weight: 500;
}

.status-completed[b-lr8x7lotsw] {
    color: #28a745;
}

.status-processing[b-lr8x7lotsw] {
    color: #fd7e14;
}

.status-cancelled[b-lr8x7lotsw] {
    color: #dc3545;
}

.shipping-info address[b-lr8x7lotsw] {
    line-height: 1.6;
    margin-bottom: 0;
}

.shipping-info address a[b-lr8x7lotsw] {
    color: var(--bs-primary);
    text-decoration: none;
}

.shipping-info address a:hover[b-lr8x7lotsw] {
    text-decoration: underline;
}

/* Order Summary */
.order-summary[b-lr8x7lotsw] {
    margin-bottom: 3rem;
}

.order-summary h2[b-lr8x7lotsw] {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: var(--bs-dark);
}

.order-items[b-lr8x7lotsw] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.table[b-lr8x7lotsw] {
    margin-bottom: 0;
}

.table th[b-lr8x7lotsw] {
    background-color: #f8f9fa;
    font-weight: 600;
    color: var(--bs-dark);
}

.table td[b-lr8x7lotsw], .table th[b-lr8x7lotsw] {
    padding: 1rem;
    vertical-align: middle;
}

.product-info[b-lr8x7lotsw] {
    display: flex;
    flex-direction: column;
}

.product-info a[b-lr8x7lotsw] {
    color: var(--bs-dark);
    text-decoration: none;
    font-weight: 500;
}

.product-info a:hover[b-lr8x7lotsw] {
    color: var(--bs-primary);
}

.product-info .developer[b-lr8x7lotsw] {
    color: var(--bs-secondary);
    font-size: 0.9rem;
    margin-top: 0.25rem;
}

.table tfoot tr[b-lr8x7lotsw] {
    background-color: #f8f9fa;
}

.table tfoot td[b-lr8x7lotsw] {
    font-weight: 500;
}

.total-row[b-lr8x7lotsw] {
    font-weight: 600;
}

.total-row td[b-lr8x7lotsw] {
    color: var(--bs-primary);
    font-size: 1.1rem;
}

/* Confirmation Actions */
.confirmation-actions[b-lr8x7lotsw] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 3rem;
}

/* Support Info */
.support-info[b-lr8x7lotsw] {
    text-align: center;
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 2rem;
}

.support-info h3[b-lr8x7lotsw] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.support-info p[b-lr8x7lotsw] {
    color: var(--bs-secondary);
    margin-bottom: 1.5rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .order-details[b-lr8x7lotsw] {
        flex-direction: column;
    }
    
    .confirmation-actions[b-lr8x7lotsw] {
        flex-direction: column;
    }
} 
/* /Components/Pages/ProductDetail.razor.rz.scp.css */
.loading-container[b-crxuqpnx7j], .error-container[b-crxuqpnx7j] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
}
.product-hero[b-crxuqpnx7j], .product-detail-page > .row[b-crxuqpnx7j] {
    --depot-ink: #f5f8ff;
    --depot-muted: #c3d1e5;
    --depot-border: #456086;
    --depot-rating-stars: #f4c773;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    align-items: start;
    gap: clamp(1.25rem, 3vw, 2rem);
    padding: clamp(1.25rem, 3vw, 2rem);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid #263e60;
    border-radius: 1rem;
    color: #c3d1e5;
    background: radial-gradient(ellipse at 88% 18%, #173c67 0, transparent 65%),
        linear-gradient(120deg, #101e34, #0b1525);
    box-shadow: 0 12px 28px rgb(10 24 44 / 10%);
}
.product-hero[b-crxuqpnx7j]::before, .product-detail-page > .row[b-crxuqpnx7j]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .18;
    background-image: linear-gradient(#5986b5 1px, transparent 1px),
        linear-gradient(90deg, #5986b5 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(110deg, transparent 15%, #000);
}
.product-gallery[b-crxuqpnx7j], .product-summary[b-crxuqpnx7j] { min-width: 0; }
/* Keep the complete panel styled while an existing circuit still has the earlier row markup. */
.product-detail-page > .row[b-crxuqpnx7j] { margin: 0; --bs-gutter-x: 0; }
.product-detail-page > .row > div[b-crxuqpnx7j] { min-width: 0; width: auto; padding: 0; overflow-wrap: anywhere; }
.product-summary[b-crxuqpnx7j] { overflow-wrap: anywhere; }
:is(.product-hero, .product-detail-page > .row) .form-text[b-crxuqpnx7j], :is(.product-hero, .product-detail-page > .row) .text-muted[b-crxuqpnx7j] { color: #c3d1e5 !important; }
:is(.product-hero, .product-detail-page > .row) .text-success[b-crxuqpnx7j] { color: #6ee7b7 !important; }
:is(.product-hero, .product-detail-page > .row) .btn-primary[b-crxuqpnx7j] { border-color: #4597ff; box-shadow: 0 4px 18px rgb(9 100 217 / 26%); }
:is(.product-hero, .product-detail-page > .row) :is(a, button):focus-visible[b-crxuqpnx7j] { outline: 3px solid #b6ddff; outline-offset: 3px; }
.product-title[b-crxuqpnx7j] {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 700;
    margin: 0 0 .5rem;
}
.product-meta[b-crxuqpnx7j] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    color: var(--depot-muted);
    font-size: .9rem;
}
.product-rating[b-crxuqpnx7j] { display: flex; align-items: center; font-size: .9rem; }
.stars[b-crxuqpnx7j] { display: inline-flex; gap: .15rem; color: #a96900; }
.price[b-crxuqpnx7j] { font-size: 1.65rem; font-weight: 700; color: var(--depot-ink); }
.product-description[b-crxuqpnx7j] { margin-top: .75rem; }
.product-description h4[b-crxuqpnx7j] { font-size: 1rem; font-weight: 600; margin-bottom: .35rem; }
.description-content[b-crxuqpnx7j] { color: var(--depot-muted); }
.product-description h4[b-crxuqpnx7j] { color: var(--depot-ink); }
.description-content[b-crxuqpnx7j] { overflow-wrap: anywhere; }
/* Rich-text descriptions may have pasted light-theme colors. Theme their display only. */
.description-content[b-crxuqpnx7j]  * { color: inherit !important; background-color: transparent !important; }
.description-content[b-crxuqpnx7j]  a { color: #8fc8ff !important; text-decoration: underline; }
.description-content[b-crxuqpnx7j]  img { max-width: 100%; height: auto; }
.description-content[b-crxuqpnx7j]  a:focus-visible { outline: 3px solid #b6ddff; outline-offset: 3px; }
.product-details[b-crxuqpnx7j] { margin-top: 1rem; }
.nav-tabs[b-crxuqpnx7j] { gap: .25rem; margin: 0; padding: .25rem; border: 1px solid #cbd9ec; border-radius: .65rem .65rem 0 0; background: #edf3fb; }
.nav-tabs .nav-link[b-crxuqpnx7j] { padding: .35rem .65rem; margin-bottom: 0; color: #213b61; font-size: .875rem; font-weight: 600; border: 1px solid #cbd9ec; border-radius: .4rem; background: #fff; }
.nav-tabs .nav-link:hover:not(.active)[b-crxuqpnx7j] { color: #0b4fa6; border-color: #90b5e3; background: #dceaff; }
.nav-tabs .nav-link.active[b-crxuqpnx7j] { color: #fff; border-color: #294f7d; background: #142b49; box-shadow: 0 2px 5px rgb(20 43 73 / 15%); }
.nav-tabs .nav-link:focus-visible[b-crxuqpnx7j] { position: relative; z-index: 1; outline: 3px solid var(--depot-accent); outline-offset: 2px; }
.product-tab-panel[b-crxuqpnx7j] { background: #fff; padding: 1rem; border: 1px solid var(--depot-border); border-top: 0; border-radius: 0 0 var(--depot-radius) var(--depot-radius); }
.product-tab-panel[hidden][b-crxuqpnx7j] { display: none; }
.product-tab-panel[b-crxuqpnx7j]  img { max-width: 100%; height: auto; }
.product-tab-panel[b-crxuqpnx7j]  table { margin-bottom: .75rem; }
.carousel[b-crxuqpnx7j] { border: 1px solid var(--depot-border); border-radius: var(--depot-radius); background: #0a1321; overflow: hidden; box-shadow: 0 0 32px rgb(58 139 240 / 16%); }
.image-enlarge[b-crxuqpnx7j] { display: block; position: relative; width: 100%; padding: .5rem; background: #0a1321; border: 0; cursor: zoom-in; }
.image-enlarge img[b-crxuqpnx7j] { width: 100%; height: 310px; object-fit: contain; }
.enlarge-hint[b-crxuqpnx7j] { position: absolute; bottom: .75rem; right: .75rem; display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .65rem; border: 1px solid var(--depot-border); border-radius: 99px; background: #0b1525ed; color: var(--depot-ink); font-size: .8rem; }
.image-caption[b-crxuqpnx7j] { padding: .25rem .75rem .5rem; color: var(--depot-muted); text-align: center; }
.image-caption[b-crxuqpnx7j] { overflow-wrap: anywhere; }
.carousel-control-prev[b-crxuqpnx7j], .carousel-control-next[b-crxuqpnx7j] { width: 34px; height: 40px; top: 135px; bottom: auto; background: #173c67; border: 1px solid #6a8eb6; border-radius: .4rem; opacity: 1; }
.carousel-control-prev[b-crxuqpnx7j] { left: .5rem; }
.carousel-control-next[b-crxuqpnx7j] { right: .5rem; }
.carousel-control-prev-icon[b-crxuqpnx7j], .carousel-control-next-icon[b-crxuqpnx7j] { width: 1rem; height: 1rem; }
.carousel-indicators[b-crxuqpnx7j] { position: static; flex-wrap: wrap; margin: .25rem .5rem; gap: .35rem; }
.carousel-indicators [data-bs-target][b-crxuqpnx7j] { box-sizing: border-box; width: 28px; height: 28px; margin: 0; border: 1px solid var(--depot-border); border-radius: .35rem; text-indent: 0; background: #12243c; color: var(--depot-muted); opacity: 1; font-size: .8rem; }
.carousel-indicators .active[b-crxuqpnx7j] { background: var(--depot-accent); border-color: var(--depot-accent); color: #fff; }
.gallery-count[b-crxuqpnx7j] { display: block; text-align: center; font-size: .75rem; color: var(--depot-muted); padding-bottom: .5rem; }
.gallery-empty[b-crxuqpnx7j] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; min-height: 240px; margin-bottom: 1rem; border: 1px solid var(--depot-border); border-radius: var(--depot-radius); background: #0a1321; color: var(--depot-muted); }
.gallery-empty i[b-crxuqpnx7j] { font-size: 2.5rem; opacity: .5; }
@media (max-width: 767px) {
    .product-hero[b-crxuqpnx7j], .product-detail-page > .row[b-crxuqpnx7j] { grid-template-columns: minmax(0, 1fr); }
    .image-enlarge img[b-crxuqpnx7j] { height: 250px; }
    .carousel-control-prev[b-crxuqpnx7j], .carousel-control-next[b-crxuqpnx7j] { top: 110px; }
    .nav-tabs .nav-link[b-crxuqpnx7j] { padding: .3rem .55rem; font-size: .825rem; }
    .product-tab-panel[b-crxuqpnx7j] { padding: .75rem; }
}
/* /Components/Pages/Products.razor.rz.scp.css */
/* Products Container */
.products-container[b-ueqxw8aw7t] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.products-header[b-ueqxw8aw7t] {
    margin-bottom: 1.25rem;
    text-align: center;
}

.products-header h1[b-ueqxw8aw7t] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: var(--depot-accent);
}

.products-header p[b-ueqxw8aw7t] {
    color: var(--depot-muted);
    max-width: 800px;
    margin: 0 auto;
}

/* Layout */
.products-layout[b-ueqxw8aw7t] {
    display: flex;
    gap: 1.25rem;
}

/* Filters Sidebar */
.filters-sidebar[b-ueqxw8aw7t] {
    width: 250px;
    flex-shrink: 0;
}

.filter-section[b-ueqxw8aw7t] {
    margin-bottom: 1.25rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--depot-border);
}

.filter-section h3[b-ueqxw8aw7t] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: var(--depot-ink);
}

.category-list[b-ueqxw8aw7t], .subcategory-list[b-ueqxw8aw7t] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list li[b-ueqxw8aw7t] {
    margin-bottom: 0.5rem;
}

.category-list a[b-ueqxw8aw7t] {
    display: block;
    padding: 0.5rem 0;
    color: var(--depot-ink);
    text-decoration: none;
    transition: color 0.2s;
}

.category-list a:hover[b-ueqxw8aw7t], .category-list a.active[b-ueqxw8aw7t] {
    color: var(--depot-accent);
    font-weight: 500;
}

.subcategory-list[b-ueqxw8aw7t] {
    margin-left: 1rem;
    margin-top: 0.5rem;
}

.subcategory-list a[b-ueqxw8aw7t] {
    padding: 0.3rem 0;
    font-size: 0.9rem;
}

.sort-options[b-ueqxw8aw7t] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-check[b-ueqxw8aw7t] {
    display: flex;
    align-items: center;
}

.form-check-input[b-ueqxw8aw7t] {
    margin-right: 0.5rem;
}

/* Products Grid */
.products-grid[b-ueqxw8aw7t] {
    flex: 1;
    min-width: 0;
    align-content: start;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    gap: 1rem;
}

/* No Products */
.no-products[b-ueqxw8aw7t] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.no-products i[b-ueqxw8aw7t] {
    font-size: 3rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-products h3[b-ueqxw8aw7t] {
    margin-bottom: 0.5rem;
    color: var(--depot-ink);
}

.no-products p[b-ueqxw8aw7t] {
    color: var(--depot-muted);
}

/* Responsive */
@media (max-width: 768px) {
    .products-layout[b-ueqxw8aw7t] {
        flex-direction: column;
    }

    .filters-sidebar[b-ueqxw8aw7t] {
        width: 100%;
        margin-bottom: 1.25rem;
    }

    .products-grid[b-ueqxw8aw7t] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-container[b-xqiy4q1rc5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.support-header[b-xqiy4q1rc5] {
    text-align: center;
    margin-bottom: 3rem;
}

.support-header h1[b-xqiy4q1rc5] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.support-header .lead[b-xqiy4q1rc5] {
    font-size: 1.25rem;
    color: var(--bs-secondary);
    max-width: 800px;
    margin: 0 auto;
}

/* Support Layout */
.support-layout[b-xqiy4q1rc5] {
    display: flex;
    gap: 2rem;
}

.support-main[b-xqiy4q1rc5] {
    flex: 1;
}

.support-sidebar[b-xqiy4q1rc5] {
    width: 300px;
    flex-shrink: 0;
}

/* Contact Section */
.contact-section[b-xqiy4q1rc5] {
    margin-bottom: 3rem;
}

.contact-section h2[b-xqiy4q1rc5] {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: var(--bs-primary);
}

.contact-methods[b-xqiy4q1rc5] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 2rem;
}

.contact-method[b-xqiy4q1rc5] {
    flex: 1;
    min-width: 250px;
    display: flex;
    align-items: flex-start;
    padding: 1.5rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.method-icon[b-xqiy4q1rc5] {
    font-size: 2rem;
    color: var(--bs-primary);
    margin-right: 1rem;
    flex-shrink: 0;
}

.method-details h3[b-xqiy4q1rc5] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: var(--bs-dark);
}

.method-details p[b-xqiy4q1rc5] {
    color: var(--bs-secondary);
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.method-details a[b-xqiy4q1rc5] {
    color: var(--bs-primary);
    text-decoration: none;
    font-weight: 500;
}

.method-details a:hover[b-xqiy4q1rc5] {
    text-decoration: underline;
}

/* Contact Form Section */
.contact-form-section[b-xqiy4q1rc5] {
    margin-bottom: 3rem;
    background-color: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.contact-form-section h2[b-xqiy4q1rc5] {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: var(--bs-primary);
}

.form-label[b-xqiy4q1rc5] {
    font-weight: 500;
    color: var(--bs-dark);
}

.form-control[b-xqiy4q1rc5] {
    padding: 0.75rem;
    border-color: #ddd;
}

.form-control:focus[b-xqiy4q1rc5] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.validation-message[b-xqiy4q1rc5] {
    color: var(--bs-danger);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* FAQ Section */
.faq-section[b-xqiy4q1rc5] {
    margin-bottom: 3rem;
}

.faq-section h2[b-xqiy4q1rc5] {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    color: var(--bs-primary);
}

.accordion-item[b-xqiy4q1rc5] {
    margin-bottom: 1rem;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.accordion-button[b-xqiy4q1rc5] {
    font-weight: 500;
    padding: 1.25rem;
    background-color: white;
    color: var(--bs-dark);
}

.accordion-button:not(.collapsed)[b-xqiy4q1rc5] {
    background-color: var(--bs-primary);
    color: white;
}

.accordion-button:focus[b-xqiy4q1rc5] {
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.125);
}

.accordion-button[b-xqiy4q1rc5]::after {
    background-size: 1.25rem;
}

.accordion-body[b-xqiy4q1rc5] {
    padding: 1.5rem;
    background-color: white;
}

.accordion-body p[b-xqiy4q1rc5], .accordion-body ul[b-xqiy4q1rc5], .accordion-body ol[b-xqiy4q1rc5] {
    margin-bottom: 1rem;
}

.accordion-body ul[b-xqiy4q1rc5], .accordion-body ol[b-xqiy4q1rc5] {
    padding-left: 1.5rem;
}

.accordion-body li[b-xqiy4q1rc5] {
    margin-bottom: 0.5rem;
}

/* Resources Section */
.resources-section[b-xqiy4q1rc5] {
    background-color: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.resources-section h3[b-xqiy4q1rc5] {
    font-size: 1.2rem;
    margin-bottom: 1.25rem;
    color: var(--bs-dark);
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eee;
}

.resources-list[b-xqiy4q1rc5] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.resources-list li[b-xqiy4q1rc5] {
    margin-bottom: 0.75rem;
}

.resources-list a[b-xqiy4q1rc5] {
    display: flex;
    align-items: center;
    color: var(--bs-dark);
    text-decoration: none;
    padding: 0.5rem 0;
    transition: color 0.2s;
}

.resources-list a:hover[b-xqiy4q1rc5] {
    color: var(--bs-primary);
}

.resources-list i[b-xqiy4q1rc5] {
    font-size: 1.25rem;
    margin-right: 0.75rem;
    color: var(--bs-primary);
}

/* Business Hours */
.business-hours[b-xqiy4q1rc5] {
    background-color: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.business-hours h3[b-xqiy4q1rc5] {
    font-size: 1.2rem;
    margin-bottom: 1.25rem;
    color: var(--bs-dark);
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eee;
}

.hours-list[b-xqiy4q1rc5] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
}

.hours-list li[b-xqiy4q1rc5] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #eee;
}

.hours-list li:last-child[b-xqiy4q1rc5] {
    border-bottom: none;
}

.day[b-xqiy4q1rc5] {
    font-weight: 500;
    color: var(--bs-dark);
}

.hours[b-xqiy4q1rc5] {
    color: var(--bs-secondary);
}

.note[b-xqiy4q1rc5] {
    font-size: 0.85rem;
    color: var(--bs-secondary);
    font-style: italic;
}

/* Responsive */
@media (max-width: 992px) {
    .support-layout[b-xqiy4q1rc5] {
        flex-direction: column;
    }
    
    .support-sidebar[b-xqiy4q1rc5] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .contact-method[b-xqiy4q1rc5] {
        min-width: 100%;
    }
    
    .support-header h1[b-xqiy4q1rc5] {
        font-size: 2rem;
    }
    
    .support-header .lead[b-xqiy4q1rc5] {
        font-size: 1.1rem;
    }
    
    .contact-section h2[b-xqiy4q1rc5], .contact-form-section h2[b-xqiy4q1rc5], .faq-section h2[b-xqiy4q1rc5] {
        font-size: 1.5rem;
    }
} 
/* /Components/Shared/CategoryIcon.razor.rz.scp.css */
.svg-icon[b-b2ry3v0lqw] {
    display: inline-block;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: var(--category-icon) center / contain no-repeat;
    mask: var(--category-icon) center / contain no-repeat;
}

@media (forced-colors: active) {
    .svg-icon[b-b2ry3v0lqw] { background-color: CanvasText; forced-color-adjust: none; }
}
/* /Components/Shared/CategoryVisual.razor.rz.scp.css */
.category-visual[b-8t9qw3mgge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: .7rem;
    background: var(--depot-accent-soft);
    color: var(--depot-accent);
    font-size: 1.65rem;
    line-height: 1;
    overflow: hidden;
}

img[b-8t9qw3mgge] { width: 100%; height: 100%; object-fit: contain; padding: .2rem; }
/* /Components/Shared/HomeHero.razor.rz.scp.css */
.hero[b-kdb9ox76th] {
    margin-bottom: 1.5rem;
    border: 1px solid var(--depot-border);
    border-radius: 1rem;
    overflow: hidden;
}

.project-hero[b-kdb9ox76th] {
    position: relative;
    isolation: isolate;
    color: #f3f7ff;
    border-color: #263e60;
    background: radial-gradient(ellipse at 88% 18%, #173c67 0, transparent 60%),
        linear-gradient(120deg, #101e34, #0b1525);
    box-shadow: 0 12px 28px rgb(10 24 44 / 10%);
}

.project-hero[b-kdb9ox76th]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .18;
    background-image: linear-gradient(#5986b5 1px, transparent 1px),
        linear-gradient(90deg, #5986b5 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(110deg, transparent 15%, #000);
}

.hero-main[b-kdb9ox76th] { padding: clamp(1.25rem, 3vw, 2rem); }
.has-image .hero-main[b-kdb9ox76th] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1.25rem, 3vw, 2.5rem);
}

.hero-copy[b-kdb9ox76th] { max-width: 700px; min-width: 0; }
.hero-eyebrow[b-kdb9ox76th] { color: #8fc8ff; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
h1[b-kdb9ox76th] { color: #f5f8ff; margin: .6rem 0 .85rem; font-size: clamp(1.8rem, 3.3vw, 3rem); font-weight: 750; line-height: 1.12; text-wrap: balance; }
.hero-description[b-kdb9ox76th] { margin: 0 0 1.25rem; color: #c3d1e5; font-size: 1.05rem; max-width: 60ch; }
.hero-button[b-kdb9ox76th] {
    display: inline-flex;
    align-items: center;
    gap: .85rem;
    padding: .7rem 1.05rem;
    color: #fff;
    background: #0964d9;
    border-color: #4597ff;
    box-shadow: 0 4px 18px rgb(9 100 217 / 26%);
    text-decoration: none;
}
.hero-button:hover[b-kdb9ox76th] { color: #fff; background: #0758bf; border-color: #8fc8ff; }
.hero-button:focus-visible[b-kdb9ox76th] { outline: 3px solid #b6ddff; outline-offset: 4px; }

.hero-visual[b-kdb9ox76th] {
    min-width: 0;
    padding: .45rem;
    background: #0a1321;
    border: 1px solid #456086;
    border-radius: .85rem;
    box-shadow: 0 0 42px rgb(58 139 240 / 22%), 0 15px 30px rgb(0 0 0 / 28%);
}
.hero-visual img[b-kdb9ox76th] { display: block; width: 100%; height: clamp(220px, 28vw, 340px); object-fit: contain; border-radius: .45rem; }

.hero-announcement[b-kdb9ox76th] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    padding: .85rem clamp(1.25rem, 3vw, 2rem);
    border-top: 1px solid #314660;
    background: rgb(6 15 29 / 65%);
    color: #c3d1e5;
    font-size: .85rem;
}
.hero-announcement i[b-kdb9ox76th] { color: #8fc8ff; flex: 0 0 auto; }
.hero-announcement p[b-kdb9ox76th] { margin: 0; overflow-wrap: anywhere; }

.legacy-hero[b-kdb9ox76th] { padding: clamp(1.25rem, 3vw, 2rem); background: linear-gradient(120deg, #edf4ff, #f3f6f5); text-align: center; }
.legacy-hero[b-kdb9ox76th]  img { max-width: 100%; height: auto; }

@media (max-width: 767px) {
    .has-image .hero-main[b-kdb9ox76th] { grid-template-columns: 1fr; gap: 1.25rem; }
    .hero-visual img[b-kdb9ox76th] { height: auto; max-height: 300px; }
}
/* /Components/Shared/ImageZoomModal.razor.rz.scp.css */
.zoom-backdrop[b-d7x42039v9] { position: fixed; inset: 0; z-index: 1080; display: flex; align-items: center; justify-content: center; padding: 1rem; background: #0d172bd9; }
.zoom-dialog[b-d7x42039v9] { width: min(1200px, 100%); max-height: calc(100dvh - 2rem); display: flex; flex-direction: column; background: #fff; border-radius: var(--depot-radius); box-shadow: var(--depot-shadow); overflow: hidden; }
.zoom-header[b-d7x42039v9], .zoom-toolbar[b-d7x42039v9] { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding: .65rem .85rem; }
.zoom-header[b-d7x42039v9] { border-bottom: 1px solid var(--depot-border); }
h2[b-d7x42039v9] { font-size: 1rem; font-weight: 650; margin: 0; }
.zoom-stage[b-d7x42039v9] { height: min(70dvh, 720px); min-height: 0; overflow: auto; background: #f3f5f7; touch-action: none; overscroll-behavior: contain; }
.zoom-canvas[b-d7x42039v9] { width: 100%; height: 100%; }
.zoom-canvas img[b-d7x42039v9] { display: block; width: 100%; height: 100%; object-fit: contain; user-select: none; }
.zoom-toolbar[b-d7x42039v9] { border-top: 1px solid var(--depot-border); }
.zoom-actions[b-d7x42039v9] { display: flex; align-items: center; gap: .5rem; }
.zoom-actions .btn[b-d7x42039v9] { min-width: 42px; min-height: 42px; }
output[b-d7x42039v9] { min-width: 4ch; text-align: center; font-size: .85rem; }
.zoom-help[b-d7x42039v9] { font-size: .75rem; color: var(--depot-muted); }
@media (max-width: 560px) {
    .zoom-backdrop[b-d7x42039v9] { padding: .5rem; }
    .zoom-dialog[b-d7x42039v9] { max-height: calc(100dvh - 1rem); }
    .zoom-header[b-d7x42039v9], .zoom-toolbar[b-d7x42039v9] { padding: .5rem; }
    .zoom-stage[b-d7x42039v9] { height: 65dvh; }
}
/* /Components/Shared/ProductCard.razor.rz.scp.css */
.store-product-card[b-rbbjnqh77w] {
    min-width: 0;
    height: 100%;
    border: 1px solid var(--depot-border);
    border-radius: var(--depot-radius);
    background: #fff;
    transition: transform .18s ease, box-shadow .18s ease;
}

.store-product-card:hover[b-rbbjnqh77w] { transform: translateY(-2px); box-shadow: var(--depot-shadow); }
.store-product-card:focus-within[b-rbbjnqh77w] { outline: 3px solid var(--depot-accent); outline-offset: 3px; }
a[b-rbbjnqh77w] { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; border-radius: inherit; }
.card-image[b-rbbjnqh77w] { aspect-ratio: 4 / 3; border-radius: var(--depot-radius) var(--depot-radius) 0 0; overflow: hidden; background: #f3f5f7; }
.card-image img[b-rbbjnqh77w] { display: block; width: 100%; height: 100%; object-fit: contain; }
.image-placeholder[b-rbbjnqh77w] { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .35rem; width: 100%; height: 100%; color: var(--depot-muted); font-size: .8rem; }
.image-placeholder i[b-rbbjnqh77w] { font-size: 2rem; opacity: .5; }
.product-card-body[b-rbbjnqh77w] { display: flex; flex: 1; flex-direction: column; gap: .4rem; padding: .9rem; min-width: 0; }
h3[b-rbbjnqh77w] { margin: 0; color: var(--depot-ink); font-weight: 650; font-size: 1.05rem; line-height: 1.35; overflow-wrap: anywhere; }
.card-meta[b-rbbjnqh77w] { display: flex; flex-wrap: wrap; gap: .25rem .65rem; color: var(--depot-muted); font-size: .75rem; overflow-wrap: anywhere; }
.card-summary[b-rbbjnqh77w] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: var(--depot-muted); font-size: .85rem; line-height: 1.5; overflow-wrap: anywhere; }
.offering-tags[b-rbbjnqh77w] { display: flex; flex-wrap: wrap; gap: .3rem; margin: .1rem 0; }
.offering-tags span[b-rbbjnqh77w] { background: var(--depot-accent-soft); color: #195299; border-radius: .35rem; padding: .15rem .4rem; font-size: .7rem; font-weight: 600; }
.product-card-footer[b-rbbjnqh77w] { margin-top: auto; padding-top: .6rem; }
.card-price[b-rbbjnqh77w] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .3rem; }
.card-price strong[b-rbbjnqh77w] { font-size: 1.1rem; color: var(--depot-ink); }
.card-price i[b-rbbjnqh77w] { color: var(--depot-accent); }
@media (prefers-reduced-motion: reduce) {
    .store-product-card[b-rbbjnqh77w] { transition: none; }
    .store-product-card:hover[b-rbbjnqh77w] { transform: none; }
}
/* /Components/Shared/ProductIncludes.razor.rz.scp.css */
.offering-summary[b-7iq47wlmwb] { display: grid; gap: .15rem; margin: .5rem 0 .75rem; font-size: .9rem; color: var(--depot-ink); }
small[b-7iq47wlmwb] { color: var(--depot-muted); font-size: .8rem; }
/* /Components/Shared/ProductRating.razor.rz.scp.css */
.rating-display[b-hfezrnjsho] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    color: var(--depot-muted);
    font-size: .8rem;
}

.rating-stars[b-hfezrnjsho] {
    display: inline-flex;
    gap: .1rem;
    color: var(--depot-rating-stars, #a96900);
}

.rating-empty[b-hfezrnjsho] {
    font-size: .8rem;
    color: var(--depot-muted);
}
/* /Components/Shared/SearchInput.razor.rz.scp.css */
/* SearchInput styles migrated from MainLayout.razor.css */
.search-area[b-gmem8vqzop] {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
}
.search-form[b-gmem8vqzop] {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
}
.search-form input[type="search"][b-gmem8vqzop] {
    flex: 1 1 100%;
    min-width: 0;
    border-radius: .75rem 0 0 .75rem;
    border: 1px solid var(--depot-border);
    background: #f7f9fc;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    height: 2.75rem;
    box-shadow: none;
}
.search-form button[b-gmem8vqzop] {
    border-radius: 0 .75rem .75rem 0;
    border: 1px solid var(--depot-accent);
    border-left: none;
    background: var(--depot-accent);
    color: #fff;
    padding: 0.5rem 1.2rem;
    font-size: 1rem;
    height: 2.75rem;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-form button:hover[b-gmem8vqzop] {
    background: #0056b3;
}
.search-area.mt-3[b-gmem8vqzop] {
    margin-top: 0 !important;
}