/*!
 * B2 Extend — proprietary software of Sparrowhawk Cloud (sparrowhawk.cloud).
 * Licensed for use on authorised customer installations only. Unauthorised
 * copying, modification, or redistribution, in whole or in part, is prohibited.
 * (c) 2026 Sparrowhawk Cloud. All rights reserved.
 */




:root {
    


    --b2e-font-body: var(--e-global-typography-text-font-family, inherit);
    




    --b2e-color-text: #333333;
    



    --b2e-color-accent: #4a4a4a;
    --b2e-color-muted: #757575;
    --b2e-color-surface: #ffffff;
    --b2e-color-border: #e2e2e2;
    

    --b2e-color-border-faint: #f0f0f0;
    



    --b2e-color-instock: #333333;
    --b2e-color-outofstock: #a0a0a0;
    --b2e-color-discontinued: #8a8a8a;
    



    --b2e-color-price: #333333;
    




    --b2e-color-code: #333333;
    


    --b2e-color-scrim: rgba(0, 0, 0, 0.42);
    --b2e-space-1: 4px;
    --b2e-space-2: 8px;
    --b2e-space-3: 16px;
    --b2e-space-4: 24px;
    --b2e-radius: 6px;
    



    --b2e-control-radius: 0;
    






    --b2e-pill-radius: 999px;
    





















    




    --b2e-color-state: #333333;
    --b2e-color-state-tint: color-mix(in srgb, var(--b2e-color-state) 8%, transparent);
    

    --b2e-color-state-tint-strong: color-mix(in srgb, var(--b2e-color-state) 30%, transparent);
    



    --b2e-color-state-soft: color-mix(in srgb, var(--b2e-color-state) 55%, transparent);
    --b2e-color-state-contrast: #ffffff;
    




















    --b2e-color-label-recent: var(--b2e-color-state);
    --b2e-color-label-sale: var(--b2e-color-state);
    




    --b2e-color-label-text: var(--b2e-color-state-contrast);
    



    --b2e-label-radius: 3px;
    



    --b2e-label-opacity: 1;
    



    --b2e-color-surface-alt: #f2f2f2;
    





















    --b2e-thumb-size: 72px;
    




    --b2e-sheet-max-width: 1440px;
    --b2e-filter-width: 260px;
    





    



    --b2e-filter-travel: min(85vw, 300px);
    












    --b2e-filter-tab-width: 44px;
    





    --b2e-filter-tab-top: clamp(120px, 20%, 240px);
    





    --b2e-chip-row: 24px;
    --b2e-dialog-width: 640px;
    




    --b2e-z-rail: 10;
    --b2e-z-drawer: 1000;
    





    --b2e-z-tab: 150;
    







    --b2e-motion-duration: 720ms;
    

    --b2e-motion-duration-fast: 240ms;
    --b2e-motion-ease: cubic-bezier(0.4, 0, 0.2, 1);
    




    --b2e-busy-opacity: 0.55;
}





@media (prefers-reduced-motion: reduce) {
    :root {
        --b2e-motion-duration: 1ms;
        --b2e-motion-duration-fast: 1ms;
    }
}






@media (max-width: 768px) {
    :root {
        --b2e-filter-tab-top: 220px;
    }
}







@media (pointer: coarse), (max-width: 768px) {
    :root {
        --b2e-chip-row: 44px;
    }
}











.b2e-archive,
.b2e-dialog {
    --b2e-color-cta: #333333;
    --b2e-color-cta-text: #ffffff;
    --b2e-color-cta-hover: #1a1a1a;
}







@media (max-width: 768px) {
    :root {
        --b2e-filter-travel: min(85vw, 375px);
    }
}