/* /Components/ContactUsForm.razor.rz.scp.css */
/* Mobile */
@media (max-width: 576px) {


    .container[b-0vtrxgaevl], .container-fluid[b-0vtrxgaevl], .container-lg[b-0vtrxgaevl], .container-md[b-0vtrxgaevl], .container-sm[b-0vtrxgaevl], .container-xl[b-0vtrxgaevl], .container-xxl[b-0vtrxgaevl] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .section-wrapper[b-0vtrxgaevl] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/ProductPrice.razor.rz.scp.css */
.cart-price[b-zsvimqxik4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    white-space: nowrap;
    gap: .5rem;
    min-width: 6ch;
}

    .cart-price :is(h1, h2, h3, h4, .price, .amount)[b-zsvimqxik4] {
        margin: 0;
        line-height: 1;
        font-size: 1.3rem;
    }

    .cart-price .text-decoration-line-through[b-zsvimqxik4] {
        font-size: 1rem;
    }

    .cart-price .badge[b-zsvimqxik4] {
        transform: translateY(-2px);
    }



@media (max-width: 1399.98px) {
    .cart-price[b-zsvimqxik4] {
        flex: 0 0 auto;
        font-size: 1.1rem;
    }
    .cart-price :is(h1, h2, h3, h4, .price, .amount)[b-zsvimqxik4] {
        font-size: 1.1rem;
    }
}

@media (max-width: 1199.98px) {
    .cart-price[b-zsvimqxik4] {
        flex: 0 0 auto;
        font-size: 1rem;
    }

        .cart-price :is(h1, h2, h3, h4, .price, .amount)[b-zsvimqxik4] {
            font-size: 1rem;
        }
}

@media (max-width: 999.98px) {
    .cart-price :is(h1, h2, h3, h4, .price, .amount)[b-zsvimqxik4] {
        font-size: 1rem;
    }
}

@media (max-width: 991.98px) {
    .cart-price[b-zsvimqxik4] {
        grid-column: 3;
        justify-self: end;
    }
}


@media (max-width: 768px) {
}

@media (max-width: 480px) {
}
/* /Components/ProductsListing.razor.rz.scp.css */
.title-ellipsis[b-r8900d5srn] {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* max lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2; /* tune with your font */
    height: calc(1.2em * 2);
}
/* /Layout/Footer.razor.rz.scp.css */
footer[b-jkvdh78lzg] {
    color:white;
    background-color:#222;
    padding:1rem !important;
}

footer a[b-jkvdh78lzg] {
    color: white !important;
}

.footer_logo img[b-jkvdh78lzg] {
    padding-left: 15px;
}

.footer_logo_title[b-jkvdh78lzg] {
    padding-left: 15px;
    font-size:0.9rem;
}

footer .footer_col_1 h5[b-jkvdh78lzg] {
    padding-left: 10px;
    text-decoration: underline;
}


/* Default: show desktop footer, hide mobile */
footer:nth-of-type(1)[b-jkvdh78lzg] {
    display: block;
}

footer:nth-of-type(2)[b-jkvdh78lzg] {
    display: none;
}

/* When screen width ≤ 768px: hide desktop, show mobile */
@media (max-width: 768px) {
    footer:nth-of-type(1)[b-jkvdh78lzg] {
        display: none !important;
    }

    footer:nth-of-type(2)[b-jkvdh78lzg] {
        display: block !important;
    }

    footer[b-jkvdh78lzg] {
        font-size: 0.9rem;
    }

    .footer_logo_title[b-jkvdh78lzg] {
        font-size: 0.9rem;
    }
    footer h5[b-jkvdh78lzg] {
        font-size:0.9rem;
    }

}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-92j0k3cvwz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-92j0k3cvwz] {
    flex: 1;
}

.sidebar[b-92j0k3cvwz] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-92j0k3cvwz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-92j0k3cvwz]  a, .top-row[b-92j0k3cvwz]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-92j0k3cvwz]  a:hover, .top-row[b-92j0k3cvwz]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-92j0k3cvwz]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#blazor-error-ui[b-92j0k3cvwz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-92j0k3cvwz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }




@media (max-width: 640.98px) {
    .top-row[b-92j0k3cvwz] {
        justify-content: space-between;
    }

    .top-row[b-92j0k3cvwz]  a, .top-row[b-92j0k3cvwz]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-92j0k3cvwz] {
        flex-direction: row;
    }

    .sidebar[b-92j0k3cvwz] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-92j0k3cvwz] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .top-row.auth[b-92j0k3cvwz]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    article[b-92j0k3cvwz] {
        --bs-gutter-x : 0;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
}


/* /Layout/NavMenu.razor.rz.scp.css */
.navbar[b-7appiq78kf] {
    --bs-navbar-padding-y : 0;
}

.navbar-toggler[b-7appiq78kf] {
    appearance: none;
    margin-left:10px;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    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-7appiq78kf] {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .navbar-toggler:focus[b-7appiq78kf] {
        box-shadow: 0 0 0 0;
    }


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


/* NAVIGATION MENU */

.navbar-brand[b-7appiq78kf] {
    font-size: 1.1rem;
}
.navbar-brand img[b-7appiq78kf] {
    max-width:400px;
}

.navbar.section_menu[b-7appiq78kf] {
    border-top: 1px solid lightgray;
}




.menutab_ul[b-7appiq78kf] {
    background: #222;
}

.menutab[b-7appiq78kf], .tab[b-7appiq78kf] {
    font-weight: 500;
    font-size: 0.9em;
    letter-spacing: 1px;
    color: white;
    text-decoration: none;
}

    .menutab:hover[b-7appiq78kf], .tab:hover[b-7appiq78kf] {
        text-decoration: underline;
        color: white;
    }

.container-fluid[b-7appiq78kf] {
    --bs-gutter-x: 0;
}


/*Shopping cart and badge */
.shopping-cart[b-7appiq78kf] {
    font-size: 1.4rem;
}
.shopping-cart i[b-7appiq78kf] {
    color:white;
}    
    .shopping-cart i:hover[b-7appiq78kf] {
        color: #00457E; /* Branding blue */
    }

.badge[b-7appiq78kf] {
    position:absolute;
    margin-left:-10px;
    margin-top:-5px;
    font-size: 0.6rem;
    padding: 0.5em;
    color: white;
    background-color: #c31e2c; /* Branding red*/
}

.bi[b-7appiq78kf] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-7appiq78kf] {
    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-7appiq78kf] {
    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-7appiq78kf] {
    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");
}

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

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

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

    .nav-item[b-7appiq78kf]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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



/* MINIMUM WIDTH MEDIA QUERIES */

@media (min-width: 641px) {

    .nav-scrollable[b-7appiq78kf] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }


    .navbar-brand[b-7appiq78kf] {
        font-size: 1rem;
    }

        .navbar-brand img[b-7appiq78kf] {
            max-width: 300px;
        }

    .badge[b-7appiq78kf] {
        font-size: 0.6rem;
        padding: 0.5em;
    }
}




/* MAXIMUM WIDTH MEDIA QUERIES */

/* Mobile & tablet menu (under lg) */
@media (max-width: 991.98px) {
    #navbar_menutabs ul[b-7appiq78kf] {
        background: #111;
    }

    #navbar_menutabs .nav-item[b-7appiq78kf] {
        margin-bottom: 0 !important;
    }

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


    #navbar_menutabs .nav-link[b-7appiq78kf] {
        padding: 0rem;
    }

        #navbar_menutabs .nav-link .chevron[b-7appiq78kf] {
            font-size: .7rem;
            margin-left: .25rem;
        }

    .search_mobile[b-7appiq78kf] {
        width: 80%;
    }

    .nav-item[b-7appiq78kf]  .nav-link {
        width: 100%;
    }

    .menutab_ul li[b-7appiq78kf]  {
        padding-left:10px;
    }

        .menutab_ul li a span[b-7appiq78kf] {
            padding-left: 10px;
        }

        .account li a:hover[b-7appiq78kf] {
            color: #00457E !important;
        }

        .menutab_ul li a.menutabsub[b-7appiq78kf] {
            width: calc(100% - 20px);
            margin: 8px 10px 0 10px;
            display: block;
        }

    .d-lg-none [role="search"] .form-control[b-7appiq78kf] {
        width: 100%;
        min-width: 0;
    }

    .navbar-brand img[b-7appiq78kf] {
        max-width: 300px;
        height: auto;
    }

    .badge[b-7appiq78kf] {
        font-size: .62rem;
        padding: .35rem .4rem;
    }

}








/* iPad Air / (≤820px) */
@media (max-width: 820px) {


}












/* iPad Mini / (≤768px) */
@media (max-width: 768px) {

    .badge[b-7appiq78kf] {
        font-size: .63rem;
        padding: .33rem .38rem;
    }

}












/* iPhone 16 Pro Max / (≤440px) */
@media (max-width: 440px) {

    .navbar-brand img[b-7appiq78kf] {
        max-width: 300px;
    }

    .badge[b-7appiq78kf] {
        font-size: .62rem;
        padding: .32rem .37rem;
    }
}











/* iPhone 6/7/8 Plus / (≤414px) */
@media (max-width: 414px) {

    .navbar-brand img[b-7appiq78kf] {
        max-width: 275px;
    }

    .badge[b-7appiq78kf] {
        font-size: .61rem;
        padding: .31rem .36rem;
    }
}






/* iPhone 16 Pro / (≤402px) */
@media (max-width: 402px) {

    .navbar-brand img[b-7appiq78kf] {
        max-width: 250px;
    }

    .badge[b-7appiq78kf] {
        font-size: .6rem;
        padding: .3rem .35rem;
    }
}






/* iPhone 6/7/8 / (≤375px) */
@media (max-width: 375px) {

    .navbar-brand img[b-7appiq78kf] {
        max-width: 225px;
    }

    .badge[b-7appiq78kf] {
        font-size: .57rem;
        padding: .27rem .32rem;
    }

}






/* iPhone SE / ultra‑narrow phones (≤320px) */
@media (max-width: 320px) {

    .navbar-brand img[b-7appiq78kf] {
        max-width: 175px;
    }

    .badge[b-7appiq78kf] {
        font-size: .55rem;
        padding: .25rem .3rem;
    }

}
/* /Pages/Account/Achpayment.razor.rz.scp.css */
.ach-page[b-tygal1h7oj] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.ach-hero[b-tygal1h7oj] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.ach-eyebrow[b-tygal1h7oj] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ach-hero h1[b-tygal1h7oj] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.ach-hero p[b-tygal1h7oj] {
    max-width: 650px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.ach-summary-pill[b-tygal1h7oj] {
    min-width: 160px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .ach-summary-pill i[b-tygal1h7oj] {
        display: block;
        margin-bottom: 7px;
        color: #fff;
        font-size: 1.8rem;
        line-height: 1;
    }

    .ach-summary-pill small[b-tygal1h7oj] {
        display: block;
        color: #cfcfcf;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.ach-grid[b-tygal1h7oj] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.5fr);
    gap: 18px;
}

.ach-card[b-tygal1h7oj] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.ach-card-header[b-tygal1h7oj] {
    min-height: 92px;
    padding: 20px 22px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.ach-card-kicker[b-tygal1h7oj] {
    margin-bottom: 4px;
    color: #777;
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.ach-card-header h2[b-tygal1h7oj] {
    margin: 0;
    color: #191919;
    font-size: 1.18rem;
    letter-spacing: -0.02em;
}

.ach-card-icon[b-tygal1h7oj] {
    width: 42px;
    height: 42px;
    border: 1px solid #d8d8d8;
    border-radius: 14px;
    background: #242424;
    color: #fff;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ach-card-body[b-tygal1h7oj] {
    padding: 22px;
    background: #fff;
}

.ach-notice[b-tygal1h7oj] {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid #dedede;
    border-radius: 14px;
    background: #f5f5f5;
    color: #333;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

    .ach-notice i[b-tygal1h7oj] {
        margin-top: 2px;
        color: #242424;
        font-size: 1.1rem;
    }

    .ach-notice p[b-tygal1h7oj] {
        margin: 0;
        color: #555;
        font-size: 0.94rem;
        line-height: 1.45;
    }

.ach-form-grid[b-tygal1h7oj] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.ach-field[b-tygal1h7oj] {
    grid-column: span 6;
}

    .ach-field.full[b-tygal1h7oj] {
        grid-column: 1 / -1;
    }

    .ach-field.city[b-tygal1h7oj] {
        grid-column: span 6;
    }

    .ach-field.state[b-tygal1h7oj] {
        grid-column: span 3;
    }

    .ach-field.zip[b-tygal1h7oj] {
        grid-column: span 3;
    }

    .ach-field label[b-tygal1h7oj],
    .ach-label-with-action[b-tygal1h7oj] {
        margin-bottom: 5px;
        color: #626262;
        font-size: 0.78rem;
        letter-spacing: 0.07em;
        text-transform: uppercase;
    }

.ach-label-with-action[b-tygal1h7oj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ach-input[b-tygal1h7oj] {
    min-height: 44px;
    border: 1px solid #cccccc;
    border-radius: 12px;
    background: #fbfbfb;
    color: #1f1f1f;
    box-shadow: none;
}

    .ach-input:focus[b-tygal1h7oj] {
        border-color: #242424;
        box-shadow: 0 0 0 0.18rem rgba(36, 36, 36, 0.14);
    }

.ach-link-button[b-tygal1h7oj] {
    padding: 0;
    border: none;
    background: transparent;
    color: #242424;
    font-size: 0.78rem;
    text-decoration: underline;
}

    .ach-link-button:hover[b-tygal1h7oj] {
        color: #000;
    }

.ach-field-error[b-tygal1h7oj] {
    margin-top: 7px;
    padding: 8px 10px;
    border: 1px solid #d8b7b7;
    border-radius: 12px;
    background: #fff4f4;
    color: #7a1f1f;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.82rem;
}

.ach-actions[b-tygal1h7oj] {
    margin-top: 22px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ach-primary-button[b-tygal1h7oj],
.ach-secondary-button[b-tygal1h7oj] {
    min-height: 40px;
    padding: 9px 18px;
    border-radius: 999px;
    font-size: 0.92rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.ach-primary-button[b-tygal1h7oj] {
    border: 1px solid #242424;
    background: #242424;
    color: #fff;
}

    .ach-primary-button:hover[b-tygal1h7oj] {
        border-color: #000;
        background: #000;
    }

.ach-secondary-button[b-tygal1h7oj] {
    border: 1px solid #cfcfcf;
    background: #fff;
    color: #242424;
}

    .ach-secondary-button:hover[b-tygal1h7oj] {
        border-color: #242424;
        background: #f1f1f1;
    }

    .ach-primary-button:disabled[b-tygal1h7oj],
    .ach-secondary-button:disabled[b-tygal1h7oj] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.ach-tip[b-tygal1h7oj] {
    padding: 14px 0;
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

    .ach-tip:first-child[b-tygal1h7oj] {
        padding-top: 0;
    }

    .ach-tip:last-child[b-tygal1h7oj] {
        padding-bottom: 0;
        border-bottom: none;
    }

    .ach-tip i[b-tygal1h7oj] {
        margin-top: 2px;
        color: #242424;
        font-size: 1.1rem;
    }

    .ach-tip p[b-tygal1h7oj] {
        margin: 0;
        color: #333;
        font-size: 0.96rem;
        line-height: 1.45;
    }

.bullet-mask[b-tygal1h7oj] {
    -webkit-text-security: disc;
    text-security: disc;
}

@media (max-width: 992px) {
    .ach-grid[b-tygal1h7oj] {
        grid-template-columns: 1fr;
    }

    .ach-hero[b-tygal1h7oj] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ach-summary-pill[b-tygal1h7oj] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .ach-page[b-tygal1h7oj] {
        padding: 18px 10px 36px;
    }

    .ach-hero[b-tygal1h7oj] {
        padding: 22px;
    }

    .ach-card-header[b-tygal1h7oj] {
        padding: 18px;
    }

    .ach-card-body[b-tygal1h7oj] {
        padding: 18px;
    }

    .ach-form-grid[b-tygal1h7oj] {
        grid-template-columns: 1fr;
    }

    .ach-field[b-tygal1h7oj],
    .ach-field.city[b-tygal1h7oj],
    .ach-field.state[b-tygal1h7oj],
    .ach-field.zip[b-tygal1h7oj] {
        grid-column: 1 / -1;
    }

    .ach-actions[b-tygal1h7oj] {
        flex-direction: column;
    }

    .ach-primary-button[b-tygal1h7oj],
    .ach-secondary-button[b-tygal1h7oj] {
        width: 100%;
    }
}
/* /Pages/Account/Balance.razor.rz.scp.css */
.balance-page[b-0e00y96g5o] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.balance-hero[b-0e00y96g5o] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.balance-eyebrow[b-0e00y96g5o] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.balance-hero h1[b-0e00y96g5o] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.balance-hero p[b-0e00y96g5o] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.balance-summary-pill[b-0e00y96g5o] {
    min-width: 160px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .balance-summary-pill i[b-0e00y96g5o] {
        display: block;
        margin-bottom: 7px;
        color: #fff;
        font-size: 1.8rem;
        line-height: 1;
    }

    .balance-summary-pill small[b-0e00y96g5o] {
        display: block;
        color: #cfcfcf;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.balance-grid[b-0e00y96g5o] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 18px;
}

.balance-card[b-0e00y96g5o] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.balance-loading-card[b-0e00y96g5o] {
    max-width: 1180px;
    margin: 0 auto;
}

.balance-card-header[b-0e00y96g5o] {
    min-height: 92px;
    padding: 20px 22px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.balance-card-kicker[b-0e00y96g5o] {
    margin-bottom: 4px;
    color: #777;
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.balance-card-header h2[b-0e00y96g5o] {
    margin: 0;
    color: #191919;
    font-size: 1.18rem;
    letter-spacing: -0.02em;
}

.balance-card-icon[b-0e00y96g5o] {
    width: 42px;
    height: 42px;
    border: 1px solid #d8d8d8;
    border-radius: 14px;
    background: #242424;
    color: #fff;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.balance-card-body[b-0e00y96g5o] {
    padding: 22px;
    background: #fff;
}

.balance-stat-grid[b-0e00y96g5o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.balance-stat[b-0e00y96g5o] {
    padding: 18px;
    border: 1px solid #dedede;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.balance-stat-label[b-0e00y96g5o] {
    margin-bottom: 8px;
    color: #6f6f6f;
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.balance-stat-value[b-0e00y96g5o] {
    color: #111;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    line-height: 1;
    letter-spacing: -0.035em;
}

.balance-due[b-0e00y96g5o] {
    color: #222;
}

.balance-meter-wrap[b-0e00y96g5o] {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #dedede;
    border-radius: 16px;
    background: #f7f7f7;
}

.balance-meter-header[b-0e00y96g5o] {
    margin-bottom: 10px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.92rem;
}

.balance-meter[b-0e00y96g5o] {
    height: 12px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    border-radius: 999px;
    background: #e5e5e5;
}

.balance-meter-fill[b-0e00y96g5o] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #565656 0%, #222 100%);
    transition: width 0.25s ease;
}

.balance-meter-wrap p[b-0e00y96g5o] {
    margin: 10px 0 0;
    color: #666;
    font-size: 0.9rem;
}

.balance-info-row[b-0e00y96g5o] {
    padding: 14px 0;
    border-bottom: 1px solid #ececec;
}

    .balance-info-row:first-child[b-0e00y96g5o] {
        padding-top: 0;
    }

    .balance-info-row:last-child[b-0e00y96g5o] {
        padding-bottom: 0;
        border-bottom: none;
    }

    .balance-info-row span[b-0e00y96g5o] {
        display: block;
        margin-bottom: 5px;
        color: #777;
        font-size: 0.76rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .balance-info-row p[b-0e00y96g5o] {
        margin: 0;
        color: #222;
        font-size: 1rem;
        word-break: break-word;
    }

.balance-loading[b-0e00y96g5o] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
}

    .balance-loading h2[b-0e00y96g5o] {
        margin: 0;
        color: #222;
        font-size: 1.35rem;
    }

    .balance-loading p[b-0e00y96g5o] {
        margin: 6px 0 0;
        color: #686868;
    }

.balance-spinner[b-0e00y96g5o] {
    width: 46px;
    height: 46px;
    border: 4px solid #d4d4d4;
    border-top-color: #242424;
    border-radius: 50%;
    animation: balance-spin-b-0e00y96g5o 0.85s linear infinite;
}

@keyframes balance-spin-b-0e00y96g5o {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 992px) {
    .balance-grid[b-0e00y96g5o] {
        grid-template-columns: 1fr;
    }

    .balance-hero[b-0e00y96g5o] {
        align-items: flex-start;
        flex-direction: column;
    }

    .balance-summary-pill[b-0e00y96g5o] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .balance-page[b-0e00y96g5o] {
        padding: 18px 10px 36px;
    }

    .balance-hero[b-0e00y96g5o] {
        padding: 22px;
    }

    .balance-card-header[b-0e00y96g5o] {
        padding: 18px;
    }

    .balance-card-body[b-0e00y96g5o] {
        padding: 18px;
    }

    .balance-stat-grid[b-0e00y96g5o] {
        grid-template-columns: 1fr;
    }

    .balance-loading[b-0e00y96g5o] {
        flex-direction: column;
    }
}
/* /Pages/Account/Info.razor.rz.scp.css */
.account-info-page[b-afqnanc7io] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.account-info-hero[b-afqnanc7io] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.account-info-eyebrow[b-afqnanc7io] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.account-info-hero h1[b-afqnanc7io] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.account-info-hero p[b-afqnanc7io] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.account-info-summary[b-afqnanc7io] {
    min-width: 160px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .account-info-summary span[b-afqnanc7io] {
        display: block;
        color: #fff;
        font-size: 2rem;
        line-height: 1;
    }

    .account-info-summary small[b-afqnanc7io] {
        display: block;
        margin-top: 5px;
        color: #cfcfcf;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.account-info-grid[b-afqnanc7io] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.account-info-card[b-afqnanc7io] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.billing-card[b-afqnanc7io] {
    grid-column: span 2;
}

.account-info-loading-card[b-afqnanc7io] {
    max-width: 1180px;
    margin: 0 auto;
}

.account-info-card-header[b-afqnanc7io] {
    min-height: 92px;
    padding: 20px 22px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.account-info-card-kicker[b-afqnanc7io] {
    margin-bottom: 4px;
    color: #777;
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.account-info-card-header h2[b-afqnanc7io] {
    margin: 0;
    color: #191919;
    font-size: 1.18rem;
    letter-spacing: -0.02em;
}

.account-info-card-icon[b-afqnanc7io],
.account-icon-button[b-afqnanc7io] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-info-card-icon[b-afqnanc7io] {
    border: 1px solid #d8d8d8;
    background: #242424;
    color: #fff;
    font-size: 1.25rem;
}

.account-icon-button[b-afqnanc7io] {
    border: 1px solid #cfcfcf;
    background: #fff;
    color: #242424;
    font-size: 1.1rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

    .account-icon-button:hover[b-afqnanc7io] {
        border-color: #242424;
        background: #242424;
        color: #fff;
    }

.account-info-card-body[b-afqnanc7io] {
    padding: 22px;
    background: #fff;
}

.info-row[b-afqnanc7io] {
    padding: 12px 0;
    border-bottom: 1px solid #ececec;
}

    .info-row:first-child[b-afqnanc7io] {
        padding-top: 0;
    }

    .info-row:last-child[b-afqnanc7io] {
        padding-bottom: 0;
        border-bottom: none;
    }

    .info-row span[b-afqnanc7io] {
        display: block;
        margin-bottom: 4px;
        color: #777;
        font-size: 0.76rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .info-row p[b-afqnanc7io] {
        margin: 0;
        color: #222;
        font-size: 1rem;
        word-break: break-word;
    }

.billing-display p[b-afqnanc7io],
.location-address p[b-afqnanc7io] {
    margin: 0 0 8px;
    color: #242424;
    font-size: 1rem;
}

    .billing-display p:last-child[b-afqnanc7io],
    .location-address p:last-child[b-afqnanc7io] {
        margin-bottom: 0;
    }

.phone-pill[b-afqnanc7io] {
    width: fit-content;
    max-width: 100%;
    margin-top: 14px;
    padding: 8px 12px;
    border: 1px solid #d7d7d7;
    border-radius: 999px;
    background: #f2f2f2;
    color: #242424;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .phone-pill span[b-afqnanc7io] {
        word-break: break-word;
    }

.edit-form-grid[b-afqnanc7io] {
    display: grid;
    grid-template-columns: 1fr 90px 130px;
    gap: 12px;
}

.form-field.full[b-afqnanc7io] {
    grid-column: 1 / -1;
}

.form-field.city[b-afqnanc7io] {
    grid-column: span 1;
}

.form-field.state[b-afqnanc7io] {
    grid-column: span 1;
}

.form-field.zip[b-afqnanc7io] {
    grid-column: span 1;
}

.form-field label[b-afqnanc7io] {
    margin-bottom: 5px;
    color: #626262;
    font-size: 0.78rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.account-input[b-afqnanc7io] {
    min-height: 42px;
    border: 1px solid #cccccc;
    border-radius: 12px;
    background: #fbfbfb;
    color: #1f1f1f;
    box-shadow: none;
}

    .account-input:focus[b-afqnanc7io] {
        border-color: #242424;
        box-shadow: 0 0 0 0.18rem rgba(36, 36, 36, 0.14);
    }

.account-form-actions[b-afqnanc7io] {
    margin-top: 18px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.account-primary-button[b-afqnanc7io],
.account-secondary-button[b-afqnanc7io] {
    min-height: 38px;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 0.92rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.account-primary-button[b-afqnanc7io] {
    border: 1px solid #242424;
    background: #242424;
    color: #fff;
}

    .account-primary-button:hover[b-afqnanc7io] {
        border-color: #000;
        background: #000;
    }

.account-secondary-button[b-afqnanc7io] {
    border: 1px solid #cfcfcf;
    background: #fff;
    color: #242424;
}

    .account-secondary-button:hover[b-afqnanc7io] {
        border-color: #242424;
        background: #f1f1f1;
    }

    .account-primary-button:disabled[b-afqnanc7io],
    .account-secondary-button:disabled[b-afqnanc7io] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.location-name[b-afqnanc7io] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ececec;
    color: #191919;
    font-size: 1.05rem;
}

.location-address[b-afqnanc7io] {
    color: #333;
}

.account-info-loading[b-afqnanc7io] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
}

    .account-info-loading h2[b-afqnanc7io] {
        margin: 0;
        color: #222;
        font-size: 1.35rem;
    }

    .account-info-loading p[b-afqnanc7io] {
        margin: 6px 0 0;
        color: #686868;
    }

.account-info-spinner[b-afqnanc7io] {
    width: 46px;
    height: 46px;
    border: 4px solid #d4d4d4;
    border-top-color: #242424;
    border-radius: 50%;
    animation: account-info-spin-b-afqnanc7io 0.85s linear infinite;
}

@keyframes account-info-spin-b-afqnanc7io {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 992px) {
    .account-info-grid[b-afqnanc7io] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .billing-card[b-afqnanc7io] {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .account-info-page[b-afqnanc7io] {
        padding: 18px 10px 36px;
    }

    .account-info-hero[b-afqnanc7io] {
        padding: 22px;
        flex-direction: column;
        align-items: flex-start;
    }

    .account-info-summary[b-afqnanc7io] {
        width: 100%;
    }

    .account-info-grid[b-afqnanc7io] {
        grid-template-columns: 1fr;
    }

    .billing-card[b-afqnanc7io] {
        grid-column: span 1;
    }

    .account-info-card-header[b-afqnanc7io] {
        padding: 18px;
    }

    .account-info-card-body[b-afqnanc7io] {
        padding: 18px;
    }

    .edit-form-grid[b-afqnanc7io] {
        grid-template-columns: 1fr;
    }

    .form-field.city[b-afqnanc7io],
    .form-field.state[b-afqnanc7io],
    .form-field.zip[b-afqnanc7io] {
        grid-column: 1 / -1;
    }

    .account-info-loading[b-afqnanc7io] {
        flex-direction: column;
    }
}
/* /Pages/Account/Messages.razor.rz.scp.css */
.messages-page[b-1lnbi4n816] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.messages-hero[b-1lnbi4n816] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.messages-eyebrow[b-1lnbi4n816] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.messages-hero h1[b-1lnbi4n816] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.messages-hero p[b-1lnbi4n816] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.messages-summary-pill[b-1lnbi4n816] {
    min-width: 150px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .messages-summary-pill span[b-1lnbi4n816] {
        display: block;
        color: #fff;
        font-size: 2rem;
        line-height: 1;
    }

    .messages-summary-pill small[b-1lnbi4n816] {
        display: block;
        margin-top: 5px;
        color: #cfcfcf;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.messages-card[b-1lnbi4n816] {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.messages-loading-card[b-1lnbi4n816] {
    background: #f4f4f4;
}

.messages-card-header[b-1lnbi4n816] {
    padding: 22px 24px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
}

    .messages-card-header h2[b-1lnbi4n816] {
        margin: 0;
        color: #191919;
        font-size: 1.25rem;
    }

    .messages-card-header p[b-1lnbi4n816] {
        margin: 5px 0 0;
        color: #6a6a6a;
        font-size: 0.92rem;
    }

.messages-table-wrap[b-1lnbi4n816] {
    width: 100%;
    overflow-x: auto;
}

.messages-table[b-1lnbi4n816] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

    .messages-table thead th[b-1lnbi4n816] {
        padding: 14px 16px;
        border-bottom: 1px solid #d7d7d7;
        background: #242424;
        color: #f5f5f5;
        font-size: 0.78rem;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .messages-table tbody td[b-1lnbi4n816] {
        padding: 14px 16px;
        border-bottom: 1px solid #ececec;
        color: #2a2a2a;
        vertical-align: top;
    }

    .messages-table tbody tr:hover[b-1lnbi4n816] {
        background: #f5f5f5;
    }

    .messages-table tbody tr:last-child td[b-1lnbi4n816] {
        border-bottom: none;
    }

.id-col[b-1lnbi4n816] {
    width: 90px;
}

.date-col[b-1lnbi4n816] {
    width: 155px;
}

.status-col[b-1lnbi4n816] {
    width: 140px;
}

.message-id-pill[b-1lnbi4n816] {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid #d7d7d7;
    border-radius: 999px;
    background: #f2f2f2;
    color: #242424;
    font-family: Consolas, Monaco, monospace;
    font-size: 0.86rem;
    white-space: nowrap;
}

.date-cell[b-1lnbi4n816] {
    color: #555;
    white-space: nowrap;
}

.description-cell[b-1lnbi4n816] {
    min-width: 260px;
    color: #222;
    line-height: 1.45;
}

.notes-cell[b-1lnbi4n816] {
    min-width: 320px;
    color: #444;
    line-height: 1.45;
}

.status-pill[b-1lnbi4n816] {
    display: inline-flex;
    min-width: 86px;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-open[b-1lnbi4n816] {
    border: 1px solid #cfcfcf;
    background: #242424;
    color: #fff;
}

.status-closed[b-1lnbi4n816] {
    border: 1px solid #d4d4d4;
    background: #eeeeee;
    color: #333;
}

.status-waiting[b-1lnbi4n816] {
    border: 1px solid #c8c8c8;
    background: #f7f7f7;
    color: #111;
}

.status-neutral[b-1lnbi4n816] {
    border: 1px solid #d7d7d7;
    background: #f2f2f2;
    color: #444;
}

.messages-loading[b-1lnbi4n816],
.messages-empty[b-1lnbi4n816] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.messages-loading[b-1lnbi4n816] {
    gap: 18px;
}

.messages-empty[b-1lnbi4n816] {
    flex-direction: column;
}

    .messages-loading h2[b-1lnbi4n816],
    .messages-empty h2[b-1lnbi4n816] {
        margin: 0;
        color: #222;
        font-size: 1.35rem;
    }

    .messages-loading p[b-1lnbi4n816],
    .messages-empty p[b-1lnbi4n816] {
        margin: 6px 0 0;
        color: #686868;
    }

.messages-spinner[b-1lnbi4n816] {
    width: 46px;
    height: 46px;
    border: 4px solid #d4d4d4;
    border-top-color: #242424;
    border-radius: 50%;
    animation: messages-spin-b-1lnbi4n816 0.85s linear infinite;
}

.messages-empty-icon[b-1lnbi4n816] {
    width: 72px;
    height: 72px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #242424;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

@keyframes messages-spin-b-1lnbi4n816 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 992px) {
    .messages-hero[b-1lnbi4n816] {
        align-items: flex-start;
        flex-direction: column;
    }

    .messages-summary-pill[b-1lnbi4n816] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .messages-page[b-1lnbi4n816] {
        padding: 18px 10px 36px;
    }

    .messages-hero[b-1lnbi4n816] {
        padding: 22px;
    }

    .messages-card-header[b-1lnbi4n816] {
        padding: 18px;
    }

    .messages-table thead th[b-1lnbi4n816],
    .messages-table tbody td[b-1lnbi4n816] {
        padding: 12px;
    }

    .description-cell[b-1lnbi4n816] {
        min-width: 230px;
    }

    .notes-cell[b-1lnbi4n816] {
        min-width: 260px;
    }

    .messages-loading[b-1lnbi4n816] {
        flex-direction: column;
    }
}
/* /Pages/Account/Orders.razor.rz.scp.css */
.orders-page[b-qramace7hv] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.orders-hero[b-qramace7hv] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.orders-eyebrow[b-qramace7hv] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.orders-hero h1[b-qramace7hv] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.orders-hero p[b-qramace7hv] {
    max-width: 660px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.orders-summary-group[b-qramace7hv] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.orders-summary-pill[b-qramace7hv] {
    min-width: 118px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .orders-summary-pill span[b-qramace7hv] {
        display: block;
        color: #fff;
        font-size: 1.75rem;
        line-height: 1;
    }

    .orders-summary-pill small[b-qramace7hv] {
        display: block;
        margin-top: 5px;
        color: #cfcfcf;
        font-size: 0.74rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.orders-card[b-qramace7hv] {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.orders-loading-card[b-qramace7hv] {
    background: #f4f4f4;
}

.orders-card-header[b-qramace7hv] {
    padding: 22px 24px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
}

    .orders-card-header h2[b-qramace7hv] {
        margin: 0;
        color: #191919;
        font-size: 1.25rem;
    }

    .orders-card-header p[b-qramace7hv] {
        margin: 5px 0 0;
        color: #6a6a6a;
        font-size: 0.92rem;
    }

.orders-tabs[b-qramace7hv] {
    padding: 14px 18px 0;
    border-bottom: 1px solid #d8d8d8;
    background: #efefef;
    gap: 8px;
}

    .orders-tabs .nav-item[b-qramace7hv] {
        margin-bottom: -1px;
    }

    .orders-tabs .nav-link[b-qramace7hv] {
        border: 1px solid #d0d0d0;
        border-bottom-color: transparent;
        border-radius: 14px 14px 0 0;
        background: #f8f8f8;
        color: #333;
        font-size: 0.92rem;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .orders-tabs .nav-link span[b-qramace7hv] {
            min-width: 26px;
            height: 24px;
            padding: 3px 8px;
            border-radius: 999px;
            background: #242424;
            color: #fff;
            font-size: 0.76rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .orders-tabs .nav-link.active[b-qramace7hv] {
            background: #242424;
            color: #fff;
            border-color: #242424;
        }

            .orders-tabs .nav-link.active span[b-qramace7hv] {
                background: #fff;
                color: #242424;
            }

.orders-tab-content[b-qramace7hv] {
    background: #fff;
}

.orders-table-wrap[b-qramace7hv],
.line-items-table-wrap[b-qramace7hv] {
    width: 100%;
    overflow-x: auto;
}

.orders-table[b-qramace7hv],
.line-items-table[b-qramace7hv] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

    .orders-table thead th[b-qramace7hv] {
        padding: 14px 16px;
        border-bottom: 1px solid #d7d7d7;
        background: #242424;
        color: #f5f5f5;
        font-size: 0.78rem;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .orders-table tbody td[b-qramace7hv] {
        padding: 14px 16px;
        border-bottom: 1px solid #ececec;
        color: #2a2a2a;
        vertical-align: middle;
    }

    .orders-table tbody tr:not(.details-row):hover[b-qramace7hv] {
        background: #f5f5f5;
    }

.action-col[b-qramace7hv] {
    width: 90px;
}

.date-cell[b-qramace7hv] {
    color: #555;
    white-space: nowrap;
}

.order-number-pill[b-qramace7hv],
.item-number-pill[b-qramace7hv] {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid #d7d7d7;
    border-radius: 999px;
    background: #f2f2f2;
    color: #242424;
    font-family: Consolas, Monaco, monospace;
    font-size: 0.86rem;
    white-space: nowrap;
}

.amount-cell[b-qramace7hv] {
    color: #111;
    white-space: nowrap;
}

.negative-amount[b-qramace7hv] {
    color: #9b1c1c;
}

.details-toggle[b-qramace7hv] {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    border-radius: 14px;
    background: #f7f7f7;
    color: #242424;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

    .details-toggle:hover[b-qramace7hv] {
        border-color: #242424;
        background: #242424;
        color: #fff;
    }

.details-row td[b-qramace7hv] {
    padding: 0;
    background: #f4f4f4;
}

.details-panel[b-qramace7hv] {
    margin: 0;
    padding: 16px;
    background: linear-gradient(180deg, #fafafa 0%, #eeeeee 100%);
}

.line-items-table[b-qramace7hv] {
    overflow: hidden;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
}

    .line-items-table thead th[b-qramace7hv] {
        padding: 12px 14px;
        border-bottom: 1px solid #dcdcdc;
        background: #efefef;
        color: #3a3a3a;
        font-size: 0.75rem;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .line-items-table tbody td[b-qramace7hv] {
        padding: 12px 14px;
        border-bottom: 1px solid #eeeeee;
        background: #fff;
        color: #292929;
        vertical-align: middle;
    }

    .line-items-table tbody tr:last-child td[b-qramace7hv] {
        border-bottom: none;
    }

.description-cell[b-qramace7hv] {
    min-width: 300px;
}

.line-total-row td[b-qramace7hv] {
    background: #f3f3f3;
    color: #111;
}

.no-items-cell[b-qramace7hv] {
    padding: 24px 14px;
    color: #777;
}

.orders-tab-empty[b-qramace7hv],
.orders-loading[b-qramace7hv],
.orders-empty[b-qramace7hv] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.orders-tab-empty[b-qramace7hv],
.orders-empty[b-qramace7hv] {
    flex-direction: column;
}

    .orders-tab-empty i[b-qramace7hv],
    .orders-empty-icon[b-qramace7hv] {
        width: 72px;
        height: 72px;
        margin-bottom: 16px;
        border-radius: 50%;
        background: #242424;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
    }

    .orders-tab-empty p[b-qramace7hv],
    .orders-empty p[b-qramace7hv] {
        margin: 0;
        color: #686868;
        font-size: 1rem;
    }

    .orders-empty h2[b-qramace7hv],
    .orders-loading h2[b-qramace7hv] {
        margin: 0;
        color: #222;
        font-size: 1.35rem;
    }

.orders-loading p[b-qramace7hv] {
    margin: 6px 0 0;
    color: #686868;
}

.orders-loading[b-qramace7hv] {
    gap: 18px;
}

.orders-spinner[b-qramace7hv] {
    width: 46px;
    height: 46px;
    border: 4px solid #d4d4d4;
    border-top-color: #242424;
    border-radius: 50%;
    animation: orders-spin-b-qramace7hv 0.85s linear infinite;
}

@keyframes orders-spin-b-qramace7hv {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 992px) {
    .orders-hero[b-qramace7hv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .orders-summary-group[b-qramace7hv] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .orders-page[b-qramace7hv] {
        padding: 18px 10px 36px;
    }

    .orders-hero[b-qramace7hv] {
        padding: 22px;
    }

    .orders-summary-group[b-qramace7hv] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .orders-summary-pill[b-qramace7hv] {
        width: 100%;
    }

    .orders-card-header[b-qramace7hv] {
        padding: 18px;
    }

    .orders-tabs[b-qramace7hv] {
        padding: 12px 12px 0;
        display: grid;
        grid-template-columns: 1fr;
    }

        .orders-tabs .nav-link[b-qramace7hv] {
            border-radius: 12px;
            border-bottom-color: #d0d0d0;
            justify-content: space-between;
        }

            .orders-tabs .nav-link.active[b-qramace7hv] {
                border-color: #242424;
            }

    .orders-table thead th[b-qramace7hv],
    .orders-table tbody td[b-qramace7hv],
    .line-items-table thead th[b-qramace7hv],
    .line-items-table tbody td[b-qramace7hv] {
        padding: 12px;
    }

    .description-cell[b-qramace7hv] {
        min-width: 240px;
    }

    .orders-loading[b-qramace7hv] {
        flex-direction: column;
    }
}
/* /Pages/Account/Purchases.razor.rz.scp.css */
.purchase-history-page[b-shfci4xzkc] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.purchase-hero[b-shfci4xzkc] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.purchase-eyebrow[b-shfci4xzkc] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.purchase-hero h1[b-shfci4xzkc] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: 0.1em;
}

.purchase-hero p[b-shfci4xzkc] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.purchase-summary-pill[b-shfci4xzkc] {
    min-width: 150px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .purchase-summary-pill span[b-shfci4xzkc] {
        display: block;
        color: #fff;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1;
    }

    .purchase-summary-pill small[b-shfci4xzkc] {
        display: block;
        margin-top: 5px;
        color: #cfcfcf;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.purchase-card[b-shfci4xzkc] {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.purchase-card-header[b-shfci4xzkc] {
    padding: 22px 24px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
}

    .purchase-card-header h2[b-shfci4xzkc] {
        margin: 0;
        color: #191919;
        font-size: 1.25rem;
        font-weight: 800;
    }

    .purchase-card-header p[b-shfci4xzkc] {
        margin: 5px 0 0;
        color: #6a6a6a;
        font-size: 0.92rem;
    }

.purchase-table-wrap[b-shfci4xzkc] {
    width: 100%;
    overflow-x: auto;
}

.purchase-table[b-shfci4xzkc] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

    .purchase-table thead th[b-shfci4xzkc] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 14px 16px;
        border-bottom: 1px solid #d7d7d7;
        background: #242424;
        color: #f5f5f5;
        font-size: 0.78rem;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .purchase-table tbody td[b-shfci4xzkc] {
        padding: 14px 16px;
        border-bottom: 1px solid #ececec;
        color: #2a2a2a;
        vertical-align: middle;
    }

    .purchase-table tbody tr[b-shfci4xzkc] {
        transition: background-color 0.18s ease, transform 0.18s ease;
    }

        .purchase-table tbody tr:hover[b-shfci4xzkc] {
            background: #f5f5f5;
        }

        .purchase-table tbody tr:last-child td[b-shfci4xzkc] {
            border-bottom: none;
        }

.image-col[b-shfci4xzkc] {
    width: 76px;
}

.date-col[b-shfci4xzkc] {
    width: 145px;
}

.item-col[b-shfci4xzkc] {
    width: 150px;
}

.qty-col[b-shfci4xzkc] {
    width: 80px;
}

.price-col[b-shfci4xzkc] {
    width: 120px;
}

.image-cell[b-shfci4xzkc] {
    width: 76px;
}

.product-thumb[b-shfci4xzkc] {
    width: 52px;
    height: 52px;
    padding: 4px;
    border: 1px solid #dddddd;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff, #eeeeee);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product-thumb img[b-shfci4xzkc] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }

.invoice-date[b-shfci4xzkc] {
    color: #555;
    font-weight: 700;
    white-space: nowrap;
}

.item-number[b-shfci4xzkc] {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid #d7d7d7;
    border-radius: 999px;
    background: #f2f2f2;
    color: #242424;
    font-family: Consolas, Monaco, monospace;
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
}

.description-cell[b-shfci4xzkc] {
    min-width: 320px;
    color: #222;
    font-weight: 600;
}

.quantity-cell[b-shfci4xzkc] {
    color: #333;
    font-weight: 800;
}

.price-cell[b-shfci4xzkc] {
    color: #111;
    font-weight: 900;
    white-space: nowrap;
}

.purchase-loading[b-shfci4xzkc],
.purchase-empty[b-shfci4xzkc] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.purchase-loading[b-shfci4xzkc] {
    gap: 18px;
}

    .purchase-loading h2[b-shfci4xzkc],
    .purchase-empty h2[b-shfci4xzkc] {
        margin: 0;
        color: #222;
        font-size: 1.35rem;
        font-weight: 800;
    }

    .purchase-loading p[b-shfci4xzkc],
    .purchase-empty p[b-shfci4xzkc] {
        margin: 6px 0 0;
        color: #686868;
    }

.purchase-spinner[b-shfci4xzkc] {
    width: 46px;
    height: 46px;
    border: 4px solid #d4d4d4;
    border-top-color: #242424;
    border-radius: 50%;
    animation: purchase-spin-b-shfci4xzkc 0.85s linear infinite;
}

.purchase-empty[b-shfci4xzkc] {
    flex-direction: column;
}

.purchase-empty-icon[b-shfci4xzkc] {
    width: 72px;
    height: 72px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #242424;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

@keyframes purchase-spin-b-shfci4xzkc {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .purchase-history-page[b-shfci4xzkc] {
        padding: 18px 10px 36px;
    }

    .purchase-hero[b-shfci4xzkc] {
        padding: 22px;
        flex-direction: column;
        align-items: flex-start;
    }

    .purchase-summary-pill[b-shfci4xzkc] {
        width: 100%;
    }

    .purchase-card-header[b-shfci4xzkc] {
        padding: 18px;
    }

    .purchase-table thead th[b-shfci4xzkc],
    .purchase-table tbody td[b-shfci4xzkc] {
        padding: 12px;
    }

    .description-cell[b-shfci4xzkc] {
        min-width: 240px;
    }

    .purchase-loading[b-shfci4xzkc] {
        flex-direction: column;
    }
}
/* /Pages/Account/Quotes.razor.rz.scp.css */
.quotes-page[b-kigcbbts0b] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.quotes-hero[b-kigcbbts0b] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.quotes-eyebrow[b-kigcbbts0b] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.quotes-hero h1[b-kigcbbts0b] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.quotes-hero p[b-kigcbbts0b] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.quotes-summary-pill[b-kigcbbts0b] {
    min-width: 150px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .quotes-summary-pill span[b-kigcbbts0b] {
        display: block;
        color: #fff;
        font-size: 2rem;
        line-height: 1;
    }

    .quotes-summary-pill small[b-kigcbbts0b] {
        display: block;
        margin-top: 5px;
        color: #cfcfcf;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.quotes-card[b-kigcbbts0b] {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.quotes-loading-card[b-kigcbbts0b] {
    background: #f4f4f4;
}

.quotes-card-header[b-kigcbbts0b] {
    padding: 22px 24px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
}

    .quotes-card-header h2[b-kigcbbts0b] {
        margin: 0;
        color: #191919;
        font-size: 1.25rem;
    }

    .quotes-card-header p[b-kigcbbts0b] {
        margin: 5px 0 0;
        color: #6a6a6a;
        font-size: 0.92rem;
    }

.quotes-table-wrap[b-kigcbbts0b],
.line-items-table-wrap[b-kigcbbts0b] {
    width: 100%;
    overflow-x: auto;
}

.quotes-table[b-kigcbbts0b],
.line-items-table[b-kigcbbts0b] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

    .quotes-table thead th[b-kigcbbts0b] {
        padding: 14px 16px;
        border-bottom: 1px solid #d7d7d7;
        background: #242424;
        color: #f5f5f5;
        font-size: 0.78rem;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .quotes-table tbody td[b-kigcbbts0b] {
        padding: 14px 16px;
        border-bottom: 1px solid #ececec;
        color: #2a2a2a;
        vertical-align: middle;
    }

    .quotes-table tbody tr:not(.details-row):hover[b-kigcbbts0b] {
        background: #f5f5f5;
    }

    .quotes-table tbody tr:last-child td[b-kigcbbts0b] {
        border-bottom: none;
    }

.action-col[b-kigcbbts0b] {
    width: 90px;
}

.date-cell[b-kigcbbts0b] {
    color: #555;
    white-space: nowrap;
}

.quote-number-pill[b-kigcbbts0b],
.item-number-pill[b-kigcbbts0b] {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid #d7d7d7;
    border-radius: 999px;
    background: #f2f2f2;
    color: #242424;
    font-family: Consolas, Monaco, monospace;
    font-size: 0.86rem;
    white-space: nowrap;
}

.amount-cell[b-kigcbbts0b] {
    color: #111;
    white-space: nowrap;
}

.negative-amount[b-kigcbbts0b] {
    color: #9b1c1c;
}

.details-toggle[b-kigcbbts0b] {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    border-radius: 14px;
    background: #f7f7f7;
    color: #242424;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

    .details-toggle:hover[b-kigcbbts0b] {
        border-color: #242424;
        background: #242424;
        color: #fff;
    }

.details-row td[b-kigcbbts0b] {
    padding: 0;
    background: #f4f4f4;
}

.details-panel[b-kigcbbts0b] {
    margin: 0;
    padding: 16px;
    background: linear-gradient(180deg, #fafafa 0%, #eeeeee 100%);
}

.line-items-table[b-kigcbbts0b] {
    overflow: hidden;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
}

    .line-items-table thead th[b-kigcbbts0b] {
        padding: 12px 14px;
        border-bottom: 1px solid #dcdcdc;
        background: #efefef;
        color: #3a3a3a;
        font-size: 0.75rem;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .line-items-table tbody td[b-kigcbbts0b] {
        padding: 12px 14px;
        border-bottom: 1px solid #eeeeee;
        background: #fff;
        color: #292929;
        vertical-align: middle;
    }

    .line-items-table tbody tr:last-child td[b-kigcbbts0b] {
        border-bottom: none;
    }

.description-cell[b-kigcbbts0b] {
    min-width: 300px;
}

.line-total-row td[b-kigcbbts0b] {
    background: #f3f3f3;
    color: #111;
}

.no-items-cell[b-kigcbbts0b] {
    padding: 24px 14px;
    color: #777;
}

.quotes-loading[b-kigcbbts0b],
.quotes-empty[b-kigcbbts0b] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.quotes-loading[b-kigcbbts0b] {
    gap: 18px;
}

.quotes-empty[b-kigcbbts0b] {
    flex-direction: column;
}

    .quotes-loading h2[b-kigcbbts0b],
    .quotes-empty h2[b-kigcbbts0b] {
        margin: 0;
        color: #222;
        font-size: 1.35rem;
    }

    .quotes-loading p[b-kigcbbts0b],
    .quotes-empty p[b-kigcbbts0b] {
        margin: 6px 0 0;
        color: #686868;
    }

.quotes-spinner[b-kigcbbts0b] {
    width: 46px;
    height: 46px;
    border: 4px solid #d4d4d4;
    border-top-color: #242424;
    border-radius: 50%;
    animation: quotes-spin-b-kigcbbts0b 0.85s linear infinite;
}

.quotes-empty-icon[b-kigcbbts0b] {
    width: 72px;
    height: 72px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #242424;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

@keyframes quotes-spin-b-kigcbbts0b {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 992px) {
    .quotes-hero[b-kigcbbts0b] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quotes-summary-pill[b-kigcbbts0b] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .quotes-page[b-kigcbbts0b] {
        padding: 18px 10px 36px;
    }

    .quotes-hero[b-kigcbbts0b] {
        padding: 22px;
    }

    .quotes-card-header[b-kigcbbts0b] {
        padding: 18px;
    }

    .quotes-table thead th[b-kigcbbts0b],
    .quotes-table tbody td[b-kigcbbts0b],
    .line-items-table thead th[b-kigcbbts0b],
    .line-items-table tbody td[b-kigcbbts0b] {
        padding: 12px;
    }

    .description-cell[b-kigcbbts0b] {
        min-width: 240px;
    }

    .quotes-loading[b-kigcbbts0b] {
        flex-direction: column;
    }
}
/* /Pages/Account/Security.razor.rz.scp.css */
.security-page[b-lwkp53ldsm] {
    min-height: 70vh;
    padding: 28px 16px 48px;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 32%), linear-gradient(180deg, #202020 0%, #111 100%);
    color: #f4f4f4;
}

.security-hero[b-lwkp53ldsm] {
    max-width: 1180px;
    margin: 0 auto 18px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.03)), #1b1b1b;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.security-eyebrow[b-lwkp53ldsm] {
    margin-bottom: 6px;
    color: #bdbdbd;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.security-hero h1[b-lwkp53ldsm] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.security-hero p[b-lwkp53ldsm] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #c9c9c9;
    font-size: 1rem;
}

.security-summary-pill[b-lwkp53ldsm] {
    min-width: 160px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.07);
    text-align: center;
}

    .security-summary-pill i[b-lwkp53ldsm] {
        display: block;
        margin-bottom: 7px;
        color: #fff;
        font-size: 1.8rem;
        line-height: 1;
    }

    .security-summary-pill small[b-lwkp53ldsm] {
        display: block;
        color: #cfcfcf;
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.security-grid[b-lwkp53ldsm] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
    gap: 18px;
}

.security-card[b-lwkp53ldsm] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #f4f4f4;
    color: #1d1d1d;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.32);
}

.security-loading-card[b-lwkp53ldsm] {
    max-width: 1180px;
    margin: 0 auto;
}

.security-card-header[b-lwkp53ldsm] {
    min-height: 92px;
    padding: 20px 22px;
    border-bottom: 1px solid #dedede;
    background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.security-card-kicker[b-lwkp53ldsm] {
    margin-bottom: 4px;
    color: #777;
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.security-card-header h2[b-lwkp53ldsm] {
    margin: 0;
    color: #191919;
    font-size: 1.18rem;
    letter-spacing: -0.02em;
}

.security-card-icon[b-lwkp53ldsm] {
    width: 42px;
    height: 42px;
    border: 1px solid #d8d8d8;
    border-radius: 14px;
    background: #242424;
    color: #fff;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.security-card-body[b-lwkp53ldsm] {
    padding: 22px;
    background: #fff;
}

.security-form-intro[b-lwkp53ldsm] {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid #dedede;
    border-radius: 14px;
    background: #f5f5f5;
}

    .security-form-intro p[b-lwkp53ldsm] {
        margin: 0;
        color: #5d5d5d;
        font-size: 0.94rem;
    }

.security-validation[b-lwkp53ldsm] {
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid #d8b7b7;
    border-radius: 14px;
    background: #fff4f4;
    color: #7a1f1f;
}

.security-form-grid[b-lwkp53ldsm] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.security-field label[b-lwkp53ldsm] {
    margin-bottom: 5px;
    color: #626262;
    font-size: 0.78rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.security-input[b-lwkp53ldsm] {
    min-height: 44px;
    border: 1px solid #cccccc;
    border-radius: 12px;
    background: #fbfbfb;
    color: #1f1f1f;
    box-shadow: none;
}

    .security-input:focus[b-lwkp53ldsm] {
        border-color: #242424;
        box-shadow: 0 0 0 0.18rem rgba(36, 36, 36, 0.14);
    }

.security-actions[b-lwkp53ldsm] {
    margin-top: 18px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.security-primary-button[b-lwkp53ldsm] {
    min-height: 40px;
    padding: 9px 18px;
    border: 1px solid #242424;
    border-radius: 999px;
    background: #242424;
    color: #fff;
    font-size: 0.92rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

    .security-primary-button:hover[b-lwkp53ldsm] {
        border-color: #000;
        background: #000;
    }

    .security-primary-button:disabled[b-lwkp53ldsm] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.security-feedback[b-lwkp53ldsm] {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.94rem;
}

.security-feedback-success[b-lwkp53ldsm] {
    border: 1px solid #b9d8c1;
    background: #f1fff4;
    color: #245b31;
}

.security-feedback-danger[b-lwkp53ldsm] {
    border: 1px solid #d8b7b7;
    background: #fff4f4;
    color: #7a1f1f;
}

.security-tip[b-lwkp53ldsm] {
    padding: 14px 0;
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

    .security-tip:first-child[b-lwkp53ldsm] {
        padding-top: 0;
    }

    .security-tip:last-child[b-lwkp53ldsm] {
        padding-bottom: 0;
        border-bottom: none;
    }

    .security-tip i[b-lwkp53ldsm] {
        margin-top: 2px;
        color: #242424;
        font-size: 1.1rem;
    }

    .security-tip p[b-lwkp53ldsm] {
        margin: 0;
        color: #333;
        font-size: 0.96rem;
        line-height: 1.45;
    }

.security-loading[b-lwkp53ldsm] {
    min-height: 280px;
    padding: 40px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
}

    .security-loading h2[b-lwkp53ldsm] {
        margin: 0;
        color: #222;
        font-size: 1.35rem;
    }

    .security-loading p[b-lwkp53ldsm] {
        margin: 6px 0 0;
        color: #686868;
    }

.security-spinner[b-lwkp53ldsm] {
    width: 46px;
    height: 46px;
    border: 4px solid #d4d4d4;
    border-top-color: #242424;
    border-radius: 50%;
    animation: security-spin-b-lwkp53ldsm 0.85s linear infinite;
}

@keyframes security-spin-b-lwkp53ldsm {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 992px) {
    .security-grid[b-lwkp53ldsm] {
        grid-template-columns: 1fr;
    }

    .security-hero[b-lwkp53ldsm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .security-summary-pill[b-lwkp53ldsm] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .security-page[b-lwkp53ldsm] {
        padding: 18px 10px 36px;
    }

    .security-hero[b-lwkp53ldsm] {
        padding: 22px;
    }

    .security-card-header[b-lwkp53ldsm] {
        padding: 18px;
    }

    .security-card-body[b-lwkp53ldsm] {
        padding: 18px;
    }

    .security-loading[b-lwkp53ldsm] {
        flex-direction: column;
    }
}
/* /Pages/Home/Agencies.razor.rz.scp.css */
/* Agencies.razor.css */

.cardLink[b-4j73sr3olv] {
    display: block;
    text-decoration: none;
}

    .cardLink:hover .cardBox[b-4j73sr3olv] {
        transform: translateY(-4px);
        transition: transform 0.2s ease;
    }


.black_torn_paper[b-4j73sr3olv] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg'), url('/Images/Agencies/black_torn_paper_bottom.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom left;
    background-size: 100% 60px, 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}


.black_torn_paper_top[b-4j73sr3olv] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}


/* SECTION 1 */

.section-1[b-4j73sr3olv] {
    position: relative;
    width: 100%;
    min-height: 520px;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background:rgba(255,255,255,0.25);
    overflow: hidden; /* important for mask */
}
    .section-1 .headline[b-4j73sr3olv] {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #000;
        font-size: 30px;
        line-height: 1.05;
        text-align: left;
    }

    .section-1 .sub[b-4j73sr3olv] {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #000;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .section-1 > *:not(.section-1-bg)[b-4j73sr3olv] {
        position: relative;
        z-index: 1;
    }

.section-1-bg[b-4j73sr3olv] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url('/Images/Agencies/top_image.jpg');
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient( to left, rgba(0,0,0,2) 40%, rgba(0,0,0,0.2) 100% );
    mask-image: linear-gradient( to left, rgba(0,0,0,2) 40%, rgba(0,0,0,0.2) 100% );
}




/* SECTION 2 */
.section-2[b-4j73sr3olv] {
    padding-top: 50px;
    width: 100%;
}
    .section-2 .headline[b-4j73sr3olv]
    {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #000;
        font-size: 30px;
        line-height: 1.05;
    }

    .section-2 .sub[b-4j73sr3olv]
    {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #000;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }



/* SECTION 3 */
.section-3[b-4j73sr3olv] {
    padding:10px;
}

    .section-3 .cardBox[b-4j73sr3olv] {
        padding:10px;
    }

        .section-3 .cardBox img[b-4j73sr3olv] {
            display: block; /* removes inline baseline gap */
            margin: 0;
        }




/* SECTION 4 */
.section-4[b-4j73sr3olv] {

}
    .section-4 .cardBox[b-4j73sr3olv] {
        padding: 10px; 
    }

        .section-4 .cardBox img[b-4j73sr3olv] {
            display: block; /* removes inline baseline gap */
            margin: 0;
        }

    .section-4 .headline[b-4j73sr3olv] {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        font-size: 30px;
        line-height: 1.05;
    }

    .section-4 .sub[b-4j73sr3olv] {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }

    .section-4 .cardBox[b-4j73sr3olv] {
        display: block;
        text-decoration: none;
        transition: transform 0.25s ease;
    }

        .section-4 .cardBox:hover[b-4j73sr3olv] {
            transform: translateY(-6px);
        }






 /* SECTION 6 */
.section-6[b-4j73sr3olv] {
    display: flex;
    width: 100%; 
    min-height: 420px;
    overflow: hidden;
}
    .section-6 .headline[b-4j73sr3olv] {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #000;
        font-size: 30px;
        line-height: 1.05;
    }

    .section-6 .sub[b-4j73sr3olv] {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #000;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }


    .section-6 .left[b-4j73sr3olv],
    .section-6 .right[b-4j73sr3olv] {
        flex: 0 0 50%;
        width: 50%;
    }

    .section-6 .left[b-4j73sr3olv] {
        padding: 50px;
        text-align: left;
    }

    .section-6 .right .region-link[b-4j73sr3olv] {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url('/Images/Agencies/region_map.svg');
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        opacity:0.95;
    }

        .section-6 .right .region-link:hover[b-4j73sr3olv] {
            opacity:1;
        }



.section-6-inner[b-4j73sr3olv] {
    display: flex;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}



/* SECTION 7 */
.section-7[b-4j73sr3olv] {
    font-family: 'Oswald', sans-serif;   
}

    .section-7 .section-wrapper[b-4j73sr3olv] {
        display: flex;
        background: black;
        align-items: flex-start; 
        justify-content: space-between;
        width: 100%;
    }

    .section-7 .left[b-4j73sr3olv] {
        width: 50%;
        min-height: 600px; 
        position: relative;
        margin-top: -50px;
        background-image: url('/Images/Agencies/swatteam.png');
        background-size: cover;
        background-position: left top;
        background-repeat: no-repeat;
    }

    .section-7 .right[b-4j73sr3olv] {
        width: 50%;
        padding: 50px;
        text-align: right;
        font-size: 1.2em;
    }

    .section-7 .headline[b-4j73sr3olv] {
        margin: 0 0 16px 0;
        font-family: 'Oswald', sans-serif;
        color: white;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 2em;
        line-height: 1.05;
    }

    .section-7 .sub[b-4j73sr3olv] {
        margin: 0 0 22px 0;
        font-family: 'Oswald', sans-serif;
        color: white;
        font-weight: 400;
        font-size: 1.1em;
        line-height: 1.3;
        letter-spacing: 0.5px;
    }

    .section-7 .list[b-4j73sr3olv] {
        list-style: none;
        padding-left: 0;
        max-width: 650px; 
    }

        .section-7 .list li[b-4j73sr3olv] {
            position: relative;
            padding-left: 50px;
            color: white;
            margin-bottom: 10px;
            padding-top: 25px;
        }


            .section-7 .list li[b-4j73sr3olv]::before {
                content: "";
                position: absolute;
                left: 0;
                top: 25px;
                width: 40px; 
                height: 40px;
                background-image: url('/Images/Agencies/pf.png');
                background-size: contain;
                background-repeat: no-repeat;
            }






/* SECTION 8 */

.section-8[b-4j73sr3olv] {
    background: #ffffff;
    padding: 90px 20px;
}

    .section-8 .headline[b-4j73sr3olv] {
        text-align: center;
        font-family: 'Oswald', sans-serif;
        font-size: 44px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0 0 50px 0;
        line-height: 1.05;
        color: #000;
    }

    /* Container with arrows */
    .section-8 .brands[b-4j73sr3olv] {
        max-width: 1300px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        gap: 24px;
    }

    /* Arrow icons */
    .section-8 .nav[b-4j73sr3olv] {
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 44px;
        color: #bdbdbd;
        cursor: pointer;
        transition: all 0.25s ease;
        user-select: none;
    }

        .section-8 .nav:hover[b-4j73sr3olv] {
            color: #000;
            transform: scale(1.1);
        }

        .section-8 .nav:active[b-4j73sr3olv] {
            transform: scale(0.95);
        }

    /* Horizontal scrolling strip */
    .section-8 .strip[b-4j73sr3olv] {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 60px; /* more premium spacing */
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        padding: 20px 10px;
        scrollbar-width: none;
    }

        .section-8 .strip[b-4j73sr3olv]::-webkit-scrollbar {
            display: none;
        }

    /* Clickable brand container */
    .section-8 .brand-item[b-4j73sr3olv] {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

        /* 🔥 Larger logos */
        .section-8 .brand-item img[b-4j73sr3olv] {
            height: 95px; /* Increased from 76px */
            width: auto;
            object-fit: contain;
            transition: transform 0.25s ease, opacity 0.25s ease;
            opacity: 0.95;
        }

        /* Subtle hover */
        .section-8 .brand-item:hover img[b-4j73sr3olv] {
            transform: scale(1.08);
            opacity: 1;
        }






/* SECTION 9 */
.section-9[b-4j73sr3olv] {
}

    .section-9.cardBox[b-4j73sr3olv] {
        padding: 10px;
    }

        .section-9 .cardBox img[b-4j73sr3olv] {
            display: block; /* removes inline baseline gap */
            margin: 0;
        }

    .section-9 .headline[b-4j73sr3olv] {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        font-size: 30px;
        line-height: 1.05;
    }

    .section-9 .sub[b-4j73sr3olv] {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }


    .section-9 .section-wrapper[b-4j73sr3olv] {
        display: flex;
        background: black;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }







/* Mobile */
@media (max-width: 576px) {


    .container[b-4j73sr3olv], .container-fluid[b-4j73sr3olv], .container-lg[b-4j73sr3olv], .container-md[b-4j73sr3olv], .container-sm[b-4j73sr3olv], .container-xl[b-4j73sr3olv], .container-xxl[b-4j73sr3olv] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .section-wrapper[b-4j73sr3olv] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }


    .section-1[b-4j73sr3olv] {
        flex-direction: column;
        min-height: auto;
    }

        .section-1 .left[b-4j73sr3olv],
        .section-1 .right[b-4j73sr3olv] {
            flex: 0 0 auto;
            width: 100%;
        }

        .section-1 .left[b-4j73sr3olv] {
            padding: 28px 20px;
        }

        .section-1 .right[b-4j73sr3olv] {
            width: 100%;
            height: 280px;
            min-height: 280px;
            object-position: center;
        }

        .section-1 .actions[b-4j73sr3olv] {
            max-width: 100%;
        }

    .section-1-bg[b-4j73sr3olv] {
        -webkit-mask-image: linear-gradient( to left, rgba(0,0,0,2) 0%, rgba(0,0,0,0.2) 100% );
        mask-image: linear-gradient( to left, rgba(0,0,0,2) 0%, rgba(0,0,0,0.2) 100% );
    }



    .section-6[b-4j73sr3olv] {
        min-height: auto;
        padding: 10px;
    }

        .section-6 .left[b-4j73sr3olv],
        .section-6 .right[b-4j73sr3olv] {
            flex: 0 0 auto;
            width: 100%;
        }

        .section-6 .left[b-4j73sr3olv] {
            padding: 28px 20px;
            text-align: center;
        }

        .section-6 .right[b-4j73sr3olv] {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .section-6 .right img[b-4j73sr3olv] {
                display: block;
                width: min(700px, 100%);
                height: auto !important;
                max-height: none;
            }


    .section-6-inner[b-4j73sr3olv] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }



    .section-7 .section-wrapper[b-4j73sr3olv] {
        position: relative;
        display: block; /* stop flex stacking issues */
        width: 100%;
        overflow: hidden;
        min-height: 520px; /* controls the overall section height */
        background: black; /* fallback */
        padding: 0; /* important: let right handle padding */
    }

    /* Background image layer */
    .section-7 .left[b-4j73sr3olv] {
        position: absolute;
        inset: 0; /* top:0; right:0; bottom:0; left:0 */
        width: 100%;
        height: 100%;
        min-height: 0; /* remove the desktop min-height behavior */
        margin-top: 0;
        background-image: url('/Images/Agencies/swatteam_dimmed.png');
        background-size: cover;
        background-position: left top;
        background-repeat: no-repeat;
        z-index: 1;
    }

        /* Optional: add an extra dark overlay for readability */
        .section-7 .left[b-4j73sr3olv]::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.45);
        }

    /* Text/content layer */
    .section-7 .right[b-4j73sr3olv] {
        position: relative;
        z-index: 2;
        width: 100%;
        padding: 28px 20px; /* better mobile padding than 50px */
        text-align: left; /* usually reads better on mobile */
        font-size: 1em;
    }

    /* Make sure list doesn’t stick to the edge */
    .section-7 .list[b-4j73sr3olv] {
        max-width: 100%;
    }



    .section-8 .headline[b-4j73sr3olv] {
        font-size: 34px;
    }

    .section-8 .strip[b-4j73sr3olv] {
        gap: 40px;
    }

    .section-8 .brand-item img[b-4j73sr3olv] {
        height: 70px;
    }

    .section-8 .nav[b-4j73sr3olv] {
        font-size: 36px;
        width: 50px;
        height: 50px;
    }
}
/* /Pages/Home/BlueFriday.razor.rz.scp.css */
.blue-friday-page[b-p3tn6fl93a] {
    background: #ffffff;
    justify-content: center;
    text-align: center;
}

/* HERO BANNER */
.blue-friday-banner .banner-img[b-p3tn6fl93a] {
    width: 100%;
    display: block;
}

/* COUNTDOWN SECTION OUTER WRAPPER */
.countdown-section[b-p3tn6fl93a] {
    display: flex;
    justify-content: center;
    text-align: center;
}

.countdown-inner[b-p3tn6fl93a] {
    background-image: url("Images/BlueFriday/tornpaper.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    max-width: 1013px;
    width: 100%;
    padding: 70px 40px 160px;
    font-family: Impact, sans-serif;
}


    /* HEADINGS & TEXT */
    .countdown-inner h2[b-p3tn6fl93a] {
        font-family: Arial, Helvetica, sans-serif !important;
        color: #003B75;
        font-size: 30px;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }

    .countdown-inner h1[b-p3tn6fl93a] {
        color: #003B75;
        letter-spacing: 2px;
        font-size: 60px;
        font-weight: 500;
        margin-bottom: 60px;
        display: inline-block; /* required */
        transform: scaleY(1.2); /* adjust stretch amount */
    }


    .countdown-inner h3[b-p3tn6fl93a] {
        font-family: Arial, Helvetica, sans-serif !important;
        color: #003B75;
        font-size: 20px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
    }


/* TIMER */
.timer-wrapper[b-p3tn6fl93a] {
    margin: auto 30px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.time-box[b-p3tn6fl93a] {
    padding: 15px 20px;
    border-radius: 4px;
    min-width: 80px;
}

.value[b-p3tn6fl93a] {
    color: #003B75;
    font-size: 45px;
    font-weight: 500;
    display: inline-block;
    transform: scaleY(1.2);
}


.label[b-p3tn6fl93a] {
    color: #003B75;
    font-size: 16px;
    font-family:Arial, Helvetica, sans-serif !important;
    display: block;
    margin-top: 4px;
    letter-spacing: 1px;
}

/* BUTTON */
.continue-btn[b-p3tn6fl93a] {
    background: #003B75;
    color: #fff;
    padding: 12px 30px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px;
}
.continue-btn-disabled[b-p3tn6fl93a] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}


/* BRANDS SECTION */
.brands-section[b-p3tn6fl93a] {
    padding: 45px 20px 60px;
    text-align: center;
}

.brands-title[b-p3tn6fl93a] {
    color: #003B75;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px;
    font-weight:500;
    margin-bottom: 35px;
}

.brands-grid[b-p3tn6fl93a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 25px;
    align-items: center;
    justify-items: center;
}

    .brands-grid img[b-p3tn6fl93a] {
        max-width: 120px;
        height: auto;
    }

.brand-link img[b-p3tn6fl93a] {
    cursor: pointer;
    transition: transform .2s ease;
}

    .brand-link img:hover[b-p3tn6fl93a] {
        transform: scale(1.05);
    }



/* Simple mobile tweak */
@media (max-width: 440px) {
    .countdown-inner[b-p3tn6fl93a] {
        padding: 10px 0;
        background-size:inherit;
        height:300px;
    }


        .countdown-inner h2[b-p3tn6fl93a] {
            font-size: 20px;
            margin-bottom: 5px;
        }

        .countdown-inner h1[b-p3tn6fl93a] {
            font-size: 30px;
            margin-bottom: 30px;
        }


        .countdown-inner h3[b-p3tn6fl93a] {
            font-size: 14px;
        }



    .timer-wrapper[b-p3tn6fl93a] {
        margin: auto 15px;
        gap: 5px;
    }

    .time-box[b-p3tn6fl93a] {
        padding: 15px 10px;
        min-width: 80px;
    }

    .value[b-p3tn6fl93a] {
        font-size: 35px;
    }

    .label[b-p3tn6fl93a] {
        font-size: 12px;
        margin-top: 2px;
    }

    .continue-btn[b-p3tn6fl93a] {
        padding: 8px 16px;
        font-size: 16px;
    }
}
/* /Pages/Home/BodyArmorSizing.razor.rz.scp.css */
/* SECTION 1 */
.page_banner[b-032p0nj3dv] {
    width: 100%;
    padding-top: 30%;
    background: url('/Images/BodyArmorSizing/banner.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.black_torn_paper_top[b-032p0nj3dv] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}


.video-wrapper[b-032p0nj3dv] {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 22px auto;
    aspect-ratio: 16 / 9;
}

    .video-wrapper iframe[b-032p0nj3dv] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        z-index: 1;
    }

.video-overlay[b-032p0nj3dv] {
    position: absolute;
    inset: 0;
    z-index: 2;
    cursor: pointer;
    /* Fade behavior */
    background:black;
    opacity: 0.5;
    visibility: visible;
    transition: opacity 500ms ease, visibility 0s linear 0s;
}

    /* Hidden state */
    .video-overlay.is-hidden[b-032p0nj3dv] {
        opacity: 0;
        visibility: hidden;
        pointer-events: none; /* important: allow iframe controls */
        transition: opacity 500ms ease, visibility 0s linear 500ms;
    }

.headline[b-032p0nj3dv] {
    max-width: 1200px;
    margin: 22px auto 16px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 2.5em;
    text-align: left;
}

.sub[b-032p0nj3dv] {
    max-width: 1200px;
    margin: 0 auto 22px auto;
    font-weight: 400;
    color: #000;
    font-size: 1.4em;
    letter-spacing: 0.5px;
    text-align: left;
}

.section-1[b-032p0nj3dv] {
    padding:10px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
}





/* SECTION 2 */
.section-2[b-032p0nj3dv] {
}

    .section-2.cardBox[b-032p0nj3dv] {
        padding: 10px;
    }

        .section-2 .cardBox img[b-032p0nj3dv] {
            display: block; 
            margin: 0;
        }

    .section-2 .headline[b-032p0nj3dv] {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        font-size: 30px;
        line-height: 1.05;
    }

    .section-2 .sub[b-032p0nj3dv] {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }


    .section-2 .section-wrapper[b-032p0nj3dv] {
        display: flex;
        background: black;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }




/* Mobile */
@media (max-width: 576px) {
    .container[b-032p0nj3dv], .container-fluid[b-032p0nj3dv], .container-lg[b-032p0nj3dv], .container-md[b-032p0nj3dv], .container-sm[b-032p0nj3dv], .container-xl[b-032p0nj3dv], .container-xxl[b-032p0nj3dv] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .section-wrapper[b-032p0nj3dv] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }


    .page_banner[b-032p0nj3dv] {
        background: url('/Images/BodyArmorSizing/mobile.jpg');
        background-size: 100% 100%;
        height: 300px;
    }


}

/* /Pages/Home/ContractSupport.razor.rz.scp.css */
/* SECTION 1 */
p[b-a2t4r6a4hq] {
    padding-bottom: 10px;
}

.page_banner[b-a2t4r6a4hq] {
    width: 100%;
    padding-top: 30%;
    background: url('/Images/ContractSupport/banner.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.black_torn_paper_top[b-a2t4r6a4hq] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}


[b-a2t4r6a4hq] .headline {
    max-width: 1200px;
    margin: 22px auto 16px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 2.5em;
    text-align: left;
}

[b-a2t4r6a4hq] .sub {
    max-width: 1200px;
    margin: 0 auto 22px auto;
    font-weight: 400;
    color: #000;
    font-size: 1.4em;
    letter-spacing: 0.5px;
    text-align: left;
}



[b-a2t4r6a4hq] .section_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background: transparent;
}

    [b-a2t4r6a4hq] .section_table th,
    [b-a2t4r6a4hq] .section_table td {
        border: 1px solid #222;
        text-align: left;
        vertical-align: middle;
        padding: 14px 14px;
        font-family: "Oswald", sans-serif;
        color: #000;
    }

    [b-a2t4r6a4hq] .section_table th {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: .4px;
        line-height: 1.15;
        background: transparent;
    }

    [b-a2t4r6a4hq] .section_table td {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: .2px;
        line-height: 1.1;
    }

        [b-a2t4r6a4hq] .section_table th:nth-child(1),
        [b-a2t4r6a4hq] .section_table td:nth-child(1) {
            width: 43%;
        }

        [b-a2t4r6a4hq] .section_table th:nth-child(2),
        [b-a2t4r6a4hq] .section_table td:nth-child(2) {
            width: 24%;
        }

        [b-a2t4r6a4hq] .section_table th:nth-child(3),
        [b-a2t4r6a4hq] .section_table td:nth-child(3) {
            width: 33%;
        }







/* SECTION 1 */
.section-1[b-a2t4r6a4hq] {
    padding:10px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
}


    .section-1 .process_steps[b-a2t4r6a4hq] {
        margin-bottom: 10px;
    }

        .section-1 .process_steps li[b-a2t4r6a4hq] {
            margin-bottom: 16px;
        }





/* SECTION 2 */
.section-2[b-a2t4r6a4hq] {
}

    .section-2.cardBox[b-a2t4r6a4hq] {
        padding: 10px;
    }

        .section-2 .cardBox img[b-a2t4r6a4hq] {
            display: block; 
            margin: 0;
        }

    .section-2 .section-wrapper[b-a2t4r6a4hq] {
        display: flex;
        background: black;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }




/* Mobile */
@media (max-width: 576px) {
    .container[b-a2t4r6a4hq], .container-fluid[b-a2t4r6a4hq], .container-lg[b-a2t4r6a4hq], .container-md[b-a2t4r6a4hq], .container-sm[b-a2t4r6a4hq], .container-xl[b-a2t4r6a4hq], .container-xxl[b-a2t4r6a4hq] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .section-wrapper[b-a2t4r6a4hq] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page_banner[b-a2t4r6a4hq] {
        background: url('/Images/ContractSupport/mobile.jpg');
        background-size: 100% 100%;
        height: 300px;
    }

    .sub .sub_btn[b-a2t4r6a4hq] {
        text-align: center !important;
    }

}

/* /Pages/Home/DutyGunBuybacks.razor.rz.scp.css */
/* SECTION 1 */
.page_banner[b-wjmpefw87u] {
    width: 100%;
    padding-top: 30%;
    background: url('/Images/DutyGunBuybacks/banner.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}
 
.black_torn_paper_top[b-wjmpefw87u] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-1[b-wjmpefw87u] {
    padding:10px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
}

    .section-1 .headline[b-wjmpefw87u] {
        max-width: 1200px;
        margin: 22px auto 16px auto;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #000;
        font-size: 2.5em;
        text-align: left;
    }

    .section-1 .sub[b-wjmpefw87u] {
        max-width: 1200px;
        margin: 0 auto 22px auto;
        font-weight: 400;
        color: #000;
        font-size: 1.4em;
        letter-spacing: 0.5px;
        text-align: left;
    }

    .section-1 .trade-steps[b-wjmpefw87u] {
        margin-bottom: 10px;
    }

        .section-1 .trade-steps li[b-wjmpefw87u] {
            margin-bottom: 16px;
        }





/* SECTION 2 */
.section-2[b-wjmpefw87u] {
}

    .section-2.cardBox[b-wjmpefw87u] {
        padding: 10px;
    }

        .section-2 .cardBox img[b-wjmpefw87u] {
            display: block; 
            margin: 0;
        }

    .section-2 .headline[b-wjmpefw87u] {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        font-size: 30px;
        line-height: 1.05;
    }

    .section-2 .sub[b-wjmpefw87u] {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }


    .section-2 .section-wrapper[b-wjmpefw87u] {
        display: flex;
        background: black;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }




/* Mobile */
@media (max-width: 576px) {
    .container[b-wjmpefw87u], .container-fluid[b-wjmpefw87u], .container-lg[b-wjmpefw87u], .container-md[b-wjmpefw87u], .container-sm[b-wjmpefw87u], .container-xl[b-wjmpefw87u], .container-xxl[b-wjmpefw87u] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .section-wrapper[b-wjmpefw87u] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page_banner[b-wjmpefw87u] {
        background: url('/Images/DutyGunBuybacks/mobile.jpg');
        background-size: 100% 100%;
        height: 300px;
    }

}

/* /Pages/Home/EquipmentTradeIns.razor.rz.scp.css */
/* SECTION 1 */
.page_banner[b-vt8jrcnbg8] {
    width: 100%;
    padding-top: 30%;
    background: url('/Images/EquipmentTradeIns/banner.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.black_torn_paper_top[b-vt8jrcnbg8] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-1[b-vt8jrcnbg8] {
    padding:10px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
}

    .section-1 .headline[b-vt8jrcnbg8] {
        max-width: 1200px;
        margin: 22px auto 16px auto;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #000;
        font-size: 2.5em;
        text-align: left;
    }

    .section-1 .sub[b-vt8jrcnbg8] {
        max-width: 1200px;
        margin: 0 auto 22px auto;
        font-weight: 400;
        color: #000;
        font-size: 1.4em;
        letter-spacing: 0.5px;
        text-align: left;
    }

    .section-1 .trade-steps[b-vt8jrcnbg8] {
        margin-bottom: 10px;
    }

        .section-1 .trade-steps li[b-vt8jrcnbg8] {
            margin-bottom: 16px;
        }





/* SECTION 2 */
.section-2[b-vt8jrcnbg8] {
}

    .section-2.cardBox[b-vt8jrcnbg8] {
        padding: 10px;
    }

        .section-2 .cardBox img[b-vt8jrcnbg8] {
            display: block; 
            margin: 0;
        }

    .section-2 .headline[b-vt8jrcnbg8] {
        margin: 22px 0 16px 0;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        font-size: 30px;
        line-height: 1.05;
    }

    .section-2 .sub[b-vt8jrcnbg8] {
        margin: 0 0 22px 0;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }


    .section-2 .section-wrapper[b-vt8jrcnbg8] {
        display: flex;
        background: black;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }





/* Mobile */
@media (max-width: 576px) {
    .container[b-vt8jrcnbg8], .container-fluid[b-vt8jrcnbg8], .container-lg[b-vt8jrcnbg8], .container-md[b-vt8jrcnbg8], .container-sm[b-vt8jrcnbg8], .container-xl[b-vt8jrcnbg8], .container-xxl[b-vt8jrcnbg8] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .section-wrapper[b-vt8jrcnbg8] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page_banner[b-vt8jrcnbg8] {
        background: url('/Images/EquipmentTradeIns/mobile.jpg');
        background-size: 100% 100%;
        height: 300px;
    }
}
/* /Pages/Home/Home.razor.rz.scp.css */
/* MIDDLE NARROW SECTION */
.middle_narrow_section[b-bju8wbcwpz] {
    width:100%;
}

.top_brand_banner[b-bju8wbcwpz] {
    height: 100%;
    padding: 10px;
    max-width: 1400px;
    margin: 0 auto;
    gap: 10px;
}

/* AGENCIES SECTION */
.agency-link[b-bju8wbcwpz] {
    display: block; /* makes the link cover the image */
    line-height: 0; /* removes inline gap in some browsers */
    overflow: hidden; /* ensures no accidental overflow on zoom */
}

    .agency-link img[b-bju8wbcwpz] {
        display: block; /* removes baseline gap */
        width: 100%; /* fill container */
        height: auto; /* maintain original aspect ratio */
        max-width: 100%; /* prevent overflow beyond container */
        vertical-align: middle; /* keeps it neat in flex/inline contexts */
    }

.agency-sales-section svg a rect[b-bju8wbcwpz] {
    transition: fill .15s ease;
}

.agency-sales-section svg a:focus rect[b-bju8wbcwpz],
.agency-sales-section svg a:hover rect[b-bju8wbcwpz] {
    fill: rgba(180,200,255,.20);
    outline: none;
}



/* Default: show desktop, hide mobile */
.svg-desktop[b-bju8wbcwpz] {
    display: block;
}

.svg-mobile[b-bju8wbcwpz] {
    display: none;
}


/* Mobile view */
@media (max-width: 768px) {
    .svg-desktop[b-bju8wbcwpz] {
        display: none;
    }

    .svg-mobile[b-bju8wbcwpz] {
        display: block;
    }

    .top_brand_banner[b-bju8wbcwpz] {
        padding: 1px;
        gap: 1px;
    }
}
/* /Pages/Home/Lightsense.razor.rz.scp.css */
.page-container[b-1ic8r8hek9] {
    font-family: 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif;
    font-stretch: condensed;
    font-weight: 600;
    letter-spacing: -0.3px;
}

/* Overlay text on hero image */
.section_1 .overlay-text[b-1ic8r8hek9] {
    position: relative;
    margin-top: -15%;
    font-size: 3em;
    line-height: 1.2;
}

/* Logo sizing */
.section_1 .logo-img[b-1ic8r8hek9] {
    position: relative;
    margin-top: 5%;
    max-height: 74px;
    width: auto;
}

.section_2 h2[b-1ic8r8hek9] {
    padding: 10px;
    margin-bottom: 50px;
    font-weight: bold;
}

.section_4[b-1ic8r8hek9] {
    margin: 50px 0 50px 0;
    font-weight: bold;
}

@media (max-width: 1399px) {
    .section_2 h2[b-1ic8r8hek9] {
        font-size: 1.5em;
        margin-bottom: 40px;
    }
    .section_2 h3[b-1ic8r8hek9] {
        font-size: 1.5em;
    }
}

@media (max-width: 1199px) {
    .section_2 h2[b-1ic8r8hek9] {
        margin-bottom: 30px;
        font-size: 1.4em;
    }

    .section_2 h3[b-1ic8r8hek9] {
        font-size: 1.4em;
    }
}


@media (max-width: 991px) {
    .section_1 .overlay-text[b-1ic8r8hek9] {
        font-size: 2em;
    }

    .section_1 .logo-img[b-1ic8r8hek9] {
        max-height: 64px;
    }

    .section_2 h2[b-1ic8r8hek9] {
        margin-bottom: 20px;
        font-size: 1.3em;
    }

    .section_2 h3[b-1ic8r8hek9] {
        font-size: 1.3em;
    }
}

@media (max-width: 767px) {
    .section_1 .overlay-text[b-1ic8r8hek9] {
        font-size: 1.6em;
    }

    .section_1 .logo-img[b-1ic8r8hek9] {
        max-height: 50px;
    }

    .section_2 h2[b-1ic8r8hek9] {
        font-size: 1.2em;
    }

    .section_2 h3[b-1ic8r8hek9] {
        font-size: 1.2em;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .section_1 .overlay-text[b-1ic8r8hek9] {
        font-size: 1.5em;
    }

    .section_1 .logo-img[b-1ic8r8hek9] {
        max-height: 40px;
    }
}
/* /Pages/Home/Regions.razor.rz.scp.css */
.state-path[b-tqw1f1tppe] {
    stroke-width: 1;
}
.no_contact_message[b-tqw1f1tppe] {
    background: #EBD787;
}

.row[b-tqw1f1tppe] {
    --bs-gutter-x: 0;
}
/* /Pages/Home/Safariland.razor.rz.scp.css */
.black_torn_paper_top[b-dl8hym11s5] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.top-hero[b-dl8hym11s5] {
    width: 100%;
    height: 450px; /* adjust as needed */
    background-image: url('/Images/Safariland/top_image.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Mobile replacement */
@media (max-width: 576px) {
    .top-hero[b-dl8hym11s5] {
        height: 320px; /* optional mobile height */
        background-image: url('/Images/Safariland/top_image_mobile.jpg');
        background-position: center top; /* often looks better on mobile */
    }

    /* Remove left spacing */
    section[b-dl8hym11s5] {
        margin-left: 0 !important;
        text-align: center;
    }

        /* Stack image + content vertically */
        section .block350[b-dl8hym11s5],
        section > div[style*="inline-block"][b-dl8hym11s5] {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            text-align: center;
        }

        /* Remove image left padding */
        section img[b-dl8hym11s5] {
            padding-left: 15px !important;
            margin: 0 auto;
            display: block;
            
        }

        /* Center all text */
        section p[b-dl8hym11s5] {
            text-align: center !important;
            padding:15px;
        }

        /* Center buttons */
        section .btn[b-dl8hym11s5] {
            display: block;
            margin: 0 auto;
            max-width:350px;

        }


}
/* /Pages/Home/ShoppingCart.razor.rz.scp.css */
.cart-item-remove:hover[b-fx4fll3ns4],
.cart-item-save:hover[b-fx4fll3ns4] {
    text-decoration: underline;
}

.shoppingcart-image[b-fx4fll3ns4],
.shopping-cart-image[b-fx4fll3ns4] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.shopping-cart-image[b-fx4fll3ns4] {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.shoppingcart-image-popup[b-fx4fll3ns4] {
    display: none;
    position: fixed;
    inset: 0; 
    z-index: 1050;
}

.shoppingcart-popup-overlay[b-fx4fll3ns4] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.shoppingcart-popup-content[b-fx4fll3ns4] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 350px;
    max-height: 350px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

    .shoppingcart-popup-content img[b-fx4fll3ns4] {
        max-width: 100%;
        max-height: 100%;
    }

.shoppingcart-close-btn[b-fx4fll3ns4] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    line-height: 1;
}


.shopping-cart-qty-selector[b-fx4fll3ns4] {
    display: inline-flex;
    align-items: center;
    gap: .25rem; 
    padding: 0 .25rem; 
    border-radius: .5rem;
    line-height: 1.75rem; 
    min-height: 1.75rem;
}

    .shopping-cart-qty-selector .pls3[b-fx4fll3ns4],
    .shopping-cart-qty-selector .prs3[b-fx4fll3ns4] {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        cursor: pointer;
        user-select: none;
    }

    .shopping-cart-qty-selector .quantity[b-fx4fll3ns4] {
        display: inline-block;
        width: 2.25rem; 
        min-width: 2.25rem;
        text-align: center;
    }

.shopping-cart-qty-label[b-fx4fll3ns4] {
    font-size: .85rem;
    margin-right: .25rem;
    white-space: nowrap;
}


.card_row[b-fx4fll3ns4] {
    display: grid;
    padding-left: 10px;
    grid-template-columns: 0.20fr minmax(0,1fr) max-content;
    align-items: center;
    gap: .75rem;
    justify-items: start;
}
    .card_row > *:nth-child(3n)[b-fx4fll3ns4] {
        justify-self: end; 
        text-align: right; 
    }

.qty-limit-popup[b-fx4fll3ns4] {
    position: fixed;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translateX(-50%);
    z-index: 2000;
    background: rgba(195, 30, 44, 0.95);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    box-shadow: 0 4px 8px rgb(105, 18, 25, 0.95);
    width: 150px;
}




@media (max-width: 1399.98px) {

    .card_row[b-fx4fll3ns4] {
        grid-template-columns: 0.30fr minmax(0,1fr) max-content;
        gap: .50rem;
    }
}


@media (max-width: 1199.98px) {

    .shopping-cart-qty-label[b-fx4fll3ns4] {
        display: none;
    }
}


@media (max-width: 999.98px) {

    

}


@media (max-width: 991.98px) {

    .card_row[b-fx4fll3ns4] {
        grid-template-columns: 0.40fr minmax(0,1fr) max-content;
        gap: .15rem;
    }

    .shopping-cart-desc[b-fx4fll3ns4] {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .row > *[b-fx4fll3ns4] {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

}


@media (max-width: 414.98px) {
    
    .card_row[b-fx4fll3ns4] {
        grid-template-columns: 0.6fr minmax(0,1fr) max-content;
        gap: 0;
    }
    
    .shopping-cart-desc[b-fx4fll3ns4], .cart_item_remove[b-fx4fll3ns4], .cart_item_save[b-fx4fll3ns4] {
        font-size: 0.85rem;
    }

    .shopping-cart-qty-selector[b-fx4fll3ns4] {
        gap: 0;
        line-height: 1.25rem;
        min-height: 1.25rem;
    }
}



@media (max-width: 402.98px) {

    .shopping-cart-desc[b-fx4fll3ns4], .cart_item_remove[b-fx4fll3ns4], .cart_item_save[b-fx4fll3ns4] {
        font-size: 0.85rem;
    }
    .shopping-cart-qty-selector[b-fx4fll3ns4] {
        gap: 0;
        line-height: 1.25rem;
        min-height: 1.25rem;
    }
}





@media (max-width: 375.98px) {

    .card_row[b-fx4fll3ns4] {
        grid-template-columns: 0fr minmax(0,1fr) max-content;
    }

    .shopping-cart-image[b-fx4fll3ns4] {
        display:none;
    }
}





@media (max-width: 320.98px) {

    .card_row[b-fx4fll3ns4] {
        padding:0;
    }

    .shopping-cart-desc[b-fx4fll3ns4], .cart_item_remove[b-fx4fll3ns4], .cart_item_save[b-fx4fll3ns4] {
        font-size: 0.75rem;
    }

}
/* /Pages/Home/TestingEvaluations.razor.rz.scp.css */
/* SECTION 1 */

p[b-wf5j9f2hku]{
    padding-bottom:10px;
}

.page_banner[b-wf5j9f2hku] {
    width: 100%;
    padding-top: 30%;
    background: url('/Images/TestingEvaluations/banner.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.black_torn_paper_top[b-wf5j9f2hku] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.form_padding[b-wf5j9f2hku] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
}


.headline[b-wf5j9f2hku] {
    max-width: 1200px;
    margin: 22px auto 16px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 2.5em;
    text-align: left;
}

.sub[b-wf5j9f2hku] {
    max-width: 1200px;
    margin: 0 auto 22px auto;
    font-weight: 400;
    color: #000;
    font-size: 1.4em;
    letter-spacing: 0.5px;
    text-align: left;
}



.section-1[b-wf5j9f2hku] {
    padding:10px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
}







/* SECTION 2 */
.section-2[b-wf5j9f2hku] {
}

    .section-2.cardBox[b-wf5j9f2hku] {
        padding: 10px;
    }

        .section-2 .cardBox img[b-wf5j9f2hku] {
            display: block; 
            margin: 0;
        }


    .section-2 .section-wrapper[b-wf5j9f2hku] {
        display: flex;
        background: black;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }



/* Mobile */
@media (max-width: 576px) {
    .container[b-wf5j9f2hku], .container-fluid[b-wf5j9f2hku], .container-lg[b-wf5j9f2hku], .container-md[b-wf5j9f2hku], .container-sm[b-wf5j9f2hku], .container-xl[b-wf5j9f2hku], .container-xxl[b-wf5j9f2hku] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .section-wrapper[b-wf5j9f2hku] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page_banner[b-wf5j9f2hku] {
        background: url('/Images/TestingEvaluations/mobile.jpg');
        background-size: 100% 100%;
        height:300px;
    }

}
/* /Pages/Home/WebAccounts.razor.rz.scp.css */
/* SECTION 1 */
.page_banner[b-u6vnfncpiy] {
    width: 100%;
    padding-top: 30%;
    background: url('/Images/WebAccounts/banner.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.black_torn_paper_top[b-u6vnfncpiy] {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url('/Images/Agencies/black_torn_paper_top.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}


.headline[b-u6vnfncpiy] {
    max-width: 1200px;
    margin: 22px auto 16px auto;
    color: #000;
    font-size: 2.5em;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
}

.sub[b-u6vnfncpiy] {
    max-width: 1200px;
    margin: 0 auto 22px auto;
    color: #000;
    font-size: 1.4em;
    letter-spacing: 0.5px;
    text-align: left;
    font-weight: 400;
}


.section-1[b-u6vnfncpiy] {
    padding:10px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
}

    .section-1 .trade-steps[b-u6vnfncpiy] {
        margin-bottom: 10px;
    }

        .section-1 .trade-steps li[b-u6vnfncpiy] {
            margin-bottom: 16px;
        }


/* Mobile */
@media (max-width: 576px) {
    .container[b-u6vnfncpiy], .container-fluid[b-u6vnfncpiy], .container-lg[b-u6vnfncpiy], .container-md[b-u6vnfncpiy], .container-sm[b-u6vnfncpiy], .container-xl[b-u6vnfncpiy], .container-xxl[b-u6vnfncpiy] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .section-wrapper[b-u6vnfncpiy] {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page_banner[b-u6vnfncpiy] {
        background: url('/Images/WebAccounts/mobile.jpg');
        background-size: 100% 100%;
        height: 300px;
    }
}

/* /Pages/Products/Accessories.razor.rz.scp.css */
.scroll-top-btn[b-gl84hta03x] {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 99999;
    display: flex; /* always rendered */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(4px);
    opacity: 0;
    pointer-events: none; /* prevents clicking when hidden */
    transition: opacity 0.25s ease;
}

    .scroll-top-btn.visible[b-gl84hta03x] {
        opacity: 1;
        pointer-events: auto;
    }
/* /Pages/Products/ProductPreview.razor.rz.scp.css */
.product-desc-preserve[b-emoa4zoxp0] {
    white-space: pre-wrap; /* preserves \r\n and wraps long lines */
    word-break: break-word; /* prevents overflow on long tokens */
}
.firearm-notice[b-emoa4zoxp0] {
    max-width: 760px; /* similar readable width */
    margin: 0 auto;
    line-height: 1.6;
    color: #111;
    font-size: 16px;
}

    .firearm-notice h2[b-emoa4zoxp0] {
        font-size: 20px; /* matches the screenshot’s scale */
        font-weight: 700;
        margin: 0 0 .5rem 0;
    }

    .firearm-notice h3[b-emoa4zoxp0] {
        font-size: 16px;
        font-weight: 700;
        margin: .9rem 0 .4rem 0;
    }

    .firearm-notice p[b-emoa4zoxp0] {
        margin: .25rem 0 .6rem;
    }

    .firearm-notice ul[b-emoa4zoxp0] {
        margin: .25rem 0 .8rem 1.25rem;
        padding: 0;
        list-style:disc;
    }

    .firearm-notice li[b-emoa4zoxp0] {
        margin: .25rem 0;
    }

    .firearm-notice .notice-link[b-emoa4zoxp0] {
        text-decoration: underline;
    }



.product-thumbnail-strip[b-emoa4zoxp0] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.product-thumbnail-img[b-emoa4zoxp0] {
    width: 92px;
    height: 72px;
    padding: 4px;
    border: 1px solid #d9dee3;
    border-radius: 6px;
    background: #fff;
    object-fit: contain;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .product-thumbnail-img:hover[b-emoa4zoxp0],
    .product-thumbnail-img.active-thumbnail[b-emoa4zoxp0] {
        border-color: #222;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
    }

@media (max-width: 767.98px) {
    .product-thumbnail-strip[b-emoa4zoxp0] {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 4px 8px;
        scrollbar-width: thin;
    }

    .product-thumbnail-img[b-emoa4zoxp0] {
        width: 74px;
        min-width: 74px;
        height: 58px;
    }
}


@media (max-width: 575.98px) {
    .product-specs[b-emoa4zoxp0] {
        padding: 20px;
    }
}
/* /Pages/Products/ProductView.razor.rz.scp.css */
.product-desc-preserve[b-ypki0qcgeb] {
    line-height: 1.6;
}

.product-paragraph[b-ypki0qcgeb] {
    margin: 0 0 1rem 0;
}

.firearm-notice[b-ypki0qcgeb] {
    max-width: 760px; /* similar readable width */
    margin: 0 auto;
    line-height: 1.6;
    color: #111;
    font-size: 16px;
}

    .firearm-notice h2[b-ypki0qcgeb] {
        font-size: 20px; /* matches the screenshot’s scale */
        font-weight: 700;
        margin: 0 0 .5rem 0;
    }

    .firearm-notice h3[b-ypki0qcgeb] {
        font-size: 16px;
        font-weight: 700;
        margin: .9rem 0 .4rem 0;
    }

    .firearm-notice p[b-ypki0qcgeb] {
        margin: .25rem 0 .6rem;
    }

    .firearm-notice ul[b-ypki0qcgeb] {
        margin: .25rem 0 .8rem 1.25rem;
        padding: 0;
        list-style:disc;
    }

    .firearm-notice li[b-ypki0qcgeb] {
        margin: .25rem 0;
    }

    .firearm-notice .notice-link[b-ypki0qcgeb] {
        text-decoration: underline;
    }



.product-thumbnail-strip[b-ypki0qcgeb] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.product-thumbnail-img[b-ypki0qcgeb] {
    width: 92px;
    height: 72px;
    padding: 4px;
    border: 1px solid #d9dee3;
    border-radius: 6px;
    background: #fff;
    object-fit: contain;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .product-thumbnail-img:hover[b-ypki0qcgeb],
    .product-thumbnail-img.active-thumbnail[b-ypki0qcgeb] {
        border-color: #222;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
    }


.pricebtn-row[b-ypki0qcgeb] {
    width: 100%;
    min-width: 0;
}

    .pricebtn-row .slider-price[b-ypki0qcgeb] {
        max-width: 100%;
        text-align: center;
        line-height: 1.15;
        white-space: normal;
        overflow-wrap: anywhere;
    }




@media (max-width: 767.98px) {
    .product-thumbnail-strip[b-ypki0qcgeb] {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 4px 8px;
        scrollbar-width: thin;
    }

    .product-thumbnail-img[b-ypki0qcgeb] {
        width: 74px;
        min-width: 74px;
        height: 58px;
    }

    .pricebtn-row[b-ypki0qcgeb] {
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.35rem !important;
        padding-left: 4px;
        padding-right: 4px;
    }

        .pricebtn-row .slider-price[b-ypki0qcgeb] {
            font-size: 1rem;
            line-height: 1.15;
        }

        .pricebtn-row .btn[b-ypki0qcgeb] {
            font-size: 0.72rem;
            padding: 0.25rem 0.5rem;
            min-width: 86px;
        }

}


@media (max-width: 575.98px) {
    .product-specs[b-ypki0qcgeb] {
        padding: 20px;
    }
}



/* /Sections/Brands.razor.rz.scp.css */
.brand-list[b-cgie44w8ug] {
    column-count: 6;
    column-gap: 24px;
    line-height: 28px;
}

    .brand-list li[b-cgie44w8ug] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

@media (max-width: 1586px) {
    .brand-list[b-cgie44w8ug] {
        column-count: 5;
        font-size: 0.9rem;
        line-height: 24px;
    }
}

@media (max-width: 1128px) {
    .brand-list[b-cgie44w8ug] {
        column-count: 4;
        font-size: 0.8rem;
        line-height: 21px;
    }
}

@media (max-width: 991px) {
    .brand-list[b-cgie44w8ug] {
        column-count: 4;
        font-size: 1rem;
        line-height: 28px;
    }

    .section_image[b-cgie44w8ug] {
        max-height: 100%;
    }
}

@media (max-width: 575px) {
    .brand-list[b-cgie44w8ug] {
        column-count: 3;
        font-size: 1rem;
        line-height: 28px;
    }

    .section_image[b-cgie44w8ug] {
        max-height: 100%;
    }
}

@media (max-width: 420px) {
    .brand-list[b-cgie44w8ug] {
        column-count: 2;
    }
}
/* /Sections/ShopTopCategories.razor.rz.scp.css */
/* Default desktop layout: 4 items per row */
.top-categories-container[b-38v6e4wx98] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
}

/* Each image tile */
.top-category-item[b-38v6e4wx98] {
    flex: 0 0 25%; /* 4 per row */
    cursor: pointer;
    border: 1px solid transparent;
    transition: border-color 0.3s;
    box-sizing: border-box;
}

    .top-category-item:hover[b-38v6e4wx98] {
        border-color: #c00; /* hover-border-red effect */
    }

    .top-category-item img[b-38v6e4wx98] {
        width: 100%;
        height: auto;
        display: block;
    }

/* Mobile: 2 per row */
@media (max-width: 768px) {
    .top-category-item[b-38v6e4wx98] {
        flex: 0 0 50%; /* 2 per row */
    }
}