@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/WebSales.Website.Components/WebSales.Website.Components.bundle.scp.css';

/* /Pages/Cart/Checkout/Result/PageResult.razor.rz.scp.css */
section[b-71lvu4nt5l] {
    margin: 16px auto auto;
    text-align: center;
}

#referenceValues[b-71lvu4nt5l] {
    margin: 24px 0;
}

p[b-71lvu4nt5l] {
    margin: 0 0 8px 0;
}

.fas[b-71lvu4nt5l] {
    font-size: 80px;
}

.success[b-71lvu4nt5l] {
    color: green;
}

.failure[b-71lvu4nt5l] {
    color: red;
}

.label[b-71lvu4nt5l] {
    color: #888;
}

.value[b-71lvu4nt5l] {
    color: black;
    font-weight: bold;
}
/* /Pages/Cart/Header.razor.rz.scp.css */
#header[b-owl7ekjh14] {
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: white;
}
/* /Pages/Cart/OrderItem.razor.rz.scp.css */
.container[b-4xozruvcto] {
    margin: 0 0 10px 0;
    border-radius: 15px;
}

.orderItemDetailProduct[b-4xozruvcto] {
    flex-basis: auto;
    /*max-width: 18rem;*/
    position: relative;
}

    .orderItemDetailProduct .remove-button[b-4xozruvcto] {
        position: absolute;
        top: -0.5rem;
        right: -0.5rem;
    }

    .orderItemDetailProduct.disbaled-addons[b-4xozruvcto] {
        opacity: 0.8;
    }

.orderItemDetailQuantity[b-4xozruvcto] {
    flex-basis: auto;
    flex-grow: 0;
    display: flex;
}

    .orderItemDetailQuantity.disabled-addons[b-4xozruvcto] {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.6;
    }

.orderItemDetailTotal[b-4xozruvcto] {
    flex-basis: auto;
    flex-grow: 1;
}

.orderItemImageContainer[b-4xozruvcto] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.image-selection[b-4xozruvcto] {
    align-self: center;
}

.productPreview[b-4xozruvcto] {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 220px;
    width: 220px;
    height: 220px;
}

/* 1) full-width yellow banner under your preview */
.upsell-banner[b-4xozruvcto] {
    background: #ffeb3b; /* bright yellow */
    padding: 0.75rem;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.25rem;
    font-weight: bold;
    border-radius: 15px;
}

    /* the “£5.00” tag on the right */
    .upsell-banner .price-tag[b-4xozruvcto] {
        font-size: 1rem;
    }

.upsell-label[b-4xozruvcto] {
    flex: 1;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    /*max-width: 18rem;*/
}

.cart-quantity[b-4xozruvcto] {
    margin: 0 0.5rem;
}

.upsell-total[b-4xozruvcto] {
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .orderItemImageContainer[b-4xozruvcto] {
        flex-direction: column;
    }
}
/* /Pages/Cart/PageCart.razor.rz.scp.css */
#orderItemListContainer[b-wgomft86mr] {
    /*    position: absolute;*/
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*overflow: scroll;*/
    /*height: 83vh;*/
}

#orderItemLis1t[b-wgomft86mr] {
/*    height: calc(100vh - 12rem);*/
    width: 40%;
    /*max-width: 740px;*/
    overflow-y: auto;
    margin-top: 15px;

}
#orderItemList[b-wgomft86mr] {
    height: calc(100vh - 12rem);
    /* width: 82%; */
    /* max-width: 740px; */
    overflow-y: auto;
    margin-top: 15px;
    text-align: -webkit-center;
    /*justify-items: center;*/
    /* display: contents;*/
}

.placeholder.hidden[b-wgomft86mr] {
    display: none;
}

@media only screen and (min: 700px){
    #cart-page[b-wgomft86mr] {
        height: 100%;
    }

}

@media screen and (max-width: 768px) {
    #cart-page[b-wgomft86mr] {
        flex-direction: column-reverse;
    }
}

/* /Pages/ImageSelector/DialogImageSelector.razor.rz.scp.css */
#imageSelectorBackdrop[b-4d3e0aseuw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    #imageSelectorBackdrop.header[b-4d3e0aseuw] {
        
    }

    #imageSelectorBackdrop .header-text[b-4d3e0aseuw] {
        justify-items: flex-start;
        font-style: oblique;
        font-size: 1.4rem;
    }
    #imageSelectorBackdrop .selection-button[b-4d3e0aseuw] {
        float: inline-end;
        text-align: end;
    }

#imageSelector[b-4d3e0aseuw] {
    position: fixed;
    background-color: #fff;
    border-radius: 8px;
    border-block-color: var(--gray);
    width: 100%;
    padding: 24px;
    align-self: center;
    text-align: center;
    align-self: anchor-center;
    place-self: anchor-center;
    height: 100vh;
    top: 0;

    z-index: 10;
}

.close-button[b-4d3e0aseuw] {
    position: absolute;
    top: -50px;
    left: 0px;
    background: transparent;
    border: none;
    font-size: 5.2rem;
    cursor: pointer;
    color: var(--gray);
}

#imageList[b-4d3e0aseuw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    max-height: 76vh;
    /*max-height: 83vh;*/
    max-height: 90%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */

    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 34px;
}
#imageList[b-4d3e0aseuw]::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.selected[b-4d3e0aseuw] {
    border: 3px solid rgba(228,66,66,0.8);
    transform: scale(0.95);
    transition: transform 0.2s, border 0.2s;
}

@media only screen and (max-width: 600px) {
    #imageList[b-4d3e0aseuw] {
        max-height: 75vh;
    }
}
/* /Pages/ImageSelector/SelectableImage.razor.rz.scp.css */
.imageContainer[b-ok5m2uwz5z] {
    position: relative;
}

.selectedIndicator[b-ok5m2uwz5z] {
    position: absolute;
}

.selected[b-ok5m2uwz5z] {
    transform: scale(0.9);
}

img[b-ok5m2uwz5z] {
    object-fit: contain;
}

/* /Pages/Photographs/PagePhotographs.razor.rz.scp.css */
#brandedBackground[b-m63fw8v6bk] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

#logo[b-m63fw8v6bk] {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 550px;
    background-color: aliceblue;
    border-radius: 16px;
    opacity: 0.9;
}

#accessCodeEntryPanel[b-m63fw8v6bk] {
/*    position: relative;
*/    left: 8px;
    right: 8px;
    top: 8px;
    text-align: center;
    box-sizing:content-box;
    display: none;
}

.accessCodeEntryPanelWithoutError[b-m63fw8v6bk] {
/*    height: 110px;
*/}

.accessCodeEntryPanelWithError[b-m63fw8v6bk] {
    height: 140px;
}

#row1[b-m63fw8v6bk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px;
}

.row1Column1[b-m63fw8v6bk] {
    flex-basis: auto;
    flex-grow: 1;
}

.row1Column2[b-m63fw8v6bk] {
    flex-basis: auto;
    flex-grow: 0;
}

#photographListContainer[b-m63fw8v6bk] {
    /*height: calc(100vh - 10rem);*/
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    min-height: 100%;
}
.photographListWithoutError[b-m63fw8v6bk] {
    top: 118px;
}

.photographListWithError[b-m63fw8v6bk] {
    top: 148px;
}

.accountPanel[b-m63fw8v6bk] {
    border-radius: 12px;
    padding: 24px;
}

    /* Hide scrollbar for Webkit browsers (Chrome, Safari) */
    .accountPanel[b-m63fw8v6bk]::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for Firefox */
.accountPanel[b-m63fw8v6bk] {
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for IE and Edge */
.accountPanel[b-m63fw8v6bk] {
    -ms-overflow-style: none; /* IE and Edge */
}

.password-reset[b-m63fw8v6bk] {
    position: relative;
    bottom: -32px;
    left: 181px;
    left: calc(100% - 69%);
}
@media only screen and (max-width: 350px) {
    .password-reset[b-m63fw8v6bk] {
        position: inherit;
        bottom: -39px;
    }
}

.password-reset[b-m63fw8v6bk], .terms-conditions-link[b-m63fw8v6bk] {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.password-reset.alert[b-m63fw8v6bk] {
    color: red;
}

    /* Hover state to mimic anchor behavior */
    .password-reset:hover[b-m63fw8v6bk], .terms-conditions-link:hover[b-m63fw8v6bk] {
        text-decoration: none;
        color: #0d6efdb0;
    }

    /* Optional: Focus and active states for better accessibility */
    .password-reset:focus[b-m63fw8v6bk] {
        outline: none;
        text-decoration: none;
        background-color: lightgray;
    }

    .password-reset:active[b-m63fw8v6bk] {
        color: darkblue;
    }
.a-divider.a-divider-break[b-m63fw8v6bk] {
    text-align: center;
    position: relative;
    top: 2px;
    padding-top: 20px;
    margin-bottom: 14px;
    line-height: 0;
    color: white;
}

    .a-box .a-divider.a-divider-break[b-m63fw8v6bk]::after, .a-color-base-background .a-divider.a-divider-break[b-m63fw8v6bk]::after, .a-divider.a-divider-break[b-m63fw8v6bk]:after {
        content: "";
        width: 100%;
        background-color: transparent;
        display: block;
        height: 1px;
        border-top: 1px solid #aaa;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        z-index: 1;
    }
auth-create-account-link[b-m63fw8v6bk]{
    height: 2rem
}
.a-button[b-m63fw8v6bk] {
    background: #e7e9ec;
    border-radius: 3px;
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
}

.a-button-span12[b-m63fw8v6bk] {
    width: 100% !important;
}

.a-button[b-m63fw8v6bk] {
    background: #ecf0f1;
    border-color: #D5D9D9;
}
.a-button-inner #createAccountsubmit[b-m63fw8v6bk] {
    display: flex;
    place-content: center;
    padding: 7px;
}

    .a-button:not(.a-button-toggle)[b-m63fw8v6bk] {
        border-radius: 8px;
        box-shadow: 0 2px 5px 0 rgba(213,217,217,.5);
    }

    .a-button:hover[b-m63fw8v6bk] {
        border-color: #a2a6ac #979aa1 #82858a;
    }

    .a-button:active[b-m63fw8v6bk], .a-button:active:hover[b-m63fw8v6bk] {
        border-color: #adb1b8 #a2a6ac #a2a6ac;
    }

.auth-no-skin .a-button:hover[b-m63fw8v6bk] {
    background-color: #F7FAFA;
    border-color: #D5D9D9;
}

#form[b-m63fw8v6bk] {
    text-align: -webkit-center;
}
form[b-m63fw8v6bk] {
    margin-bottom: 14px;
}


.new-account-container[b-m63fw8v6bk] {
    width: 33%;
}


@media only screen and (max-width: 450px ) {

    .accountPanel[b-m63fw8v6bk] {
        padding: 0;
    }
    .new-account-container[b-hekjwd1zg0][b-m63fw8v6bk] {
        width: 100%;
    }
}

@media only screen and (max-height: 700px ) and (max-width: 400px) {
    .accountPanel[b-m63fw8v6bk] {
        padding: 10px 0px 10px 0px;
    }
}
@media only screen and (min-width: 401px) {

    #content[b-m63fw8v6bk] {
        position: relative;
        width: 100%;
        text-align: center;
        /*        max-width: 1260px;
*/
    }
}

#photographList[b-m63fw8v6bk] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    gap: 25px 6px;
    justify-content: center;
    justify-self: center;
    align-items: flex-end;
}
/* /Pages/Preregistration/PagePreregistration.razor.rz.scp.css */
section[b-ts8hz8i96z] {
    margin: 16px auto auto;
    text-align: center;
}

#referenceValues[b-ts8hz8i96z] {
    margin: 24px 0;
}

p[b-ts8hz8i96z] {
    margin: 0 0 8px 0;
}

.fas[b-ts8hz8i96z] {
    font-size: 80px;
}

.success[b-ts8hz8i96z] {
    color: green;
}

.failure[b-ts8hz8i96z] {
    color: red;
}

.label[b-ts8hz8i96z] {
    color: #888;
}

.value[b-ts8hz8i96z] {
    color: black;
    font-weight: bold;
}
/* /Pages/Products/PageProducts.razor.rz.scp.css */
#productListContainer[b-9cri06cyt6] {
    padding: 8px;
    margin:auto;
    text-align:center
}
    #productListContainer.addon-backdrop[b-9cri06cyt6] {
        background: darkgray;
        opacity: 0.8;
        /* Bootstrap’s default .modal-backdrop is 1040 */
        /*z-index: 1040;*/
    }

.full-modal .modal-dialog[b-9cri06cyt6] {
    max-width: 95vw; /* width near full screen */
    height: 90vh; /* height is 90% of viewport height */
    margin: auto;
}

.full-modal .modal-content[b-9cri06cyt6] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.full-modal .modal-body[b-9cri06cyt6] {
    flex-grow: 1;
    overflow-y: auto;
}
@media only screen and (min-width: 500px) {
    .navigationBar[b-9cri06cyt6] {
        margin-left: 2%;
    }
}

.category-item[b-9cri06cyt6] {
    -webkit-box-shadow: -5px -5px 19px -17px #000000, 5px 5px 19px -17px #000000;
    box-shadow: -5px -5px 19px -17px #000000, 5px 5px 19px -17px #000000;
    width: 22rem;
}

@media screen and (max-width: 400px) {
    .category-item[b-9cri06cyt6] {
        max-width:20rem;
        width: auto;
    }
}

.category-disabled[b-9cri06cyt6] {
    
}

.productCard[b-9cri06cyt6] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInCard-b-9cri06cyt6 0.8s ease-out forwards;
    padding: 0px;
    text-align:center
}

@keyframes fadeInCard-b-9cri06cyt6 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (min-width: 401px) {

    #productList[b-9cri06cyt6] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 8px;
        justify-content: center;
        align-items: flex-end;
        padding: 10px;
    }
}
/* /Pages/Products/ProductEditModal.razor.rz.scp.css */
/* ── Header buttons ── */
.btn-back[b-p5l8p917bz] {
    background: none;
    border: 1px solid #e8e6e3;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .btn-back:hover[b-p5l8p917bz] {
        background: #f8f7f5;
        border-color: #9a9a9a;
    }

    .btn-back .bi[b-p5l8p917bz] {
        font-size: 0.85rem;
    }

.btn-confirm[b-p5l8p917bz] {
    background: #2d7a4f;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.5rem 1.5rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    letter-spacing: 0.01em;
}

    .btn-confirm:hover[b-p5l8p917bz] {
        background: #236b42;
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    }

.image-selection-modal[b-p5l8p917bz] {
    --bs-modal-padding: 0;
}
/* /Shared/Components/Banners/InformationBanner.razor.rz.scp.css */
.info-banner[b-suasbc3w9l] {
    min-height: 1.4em;
    justify-content: center;
}

.voucher-carousel[b-suasbc3w9l] {
    height: 260px; /* tweak as needed */
    position: relative; /* parent for absolute children */
    padding-top: 1.25rem; /* space above slide */
    padding-bottom: 3rem; /* leaves room for indicators */
}

    /* This pushes slide content off the very top/bottom
   (the inner div is already flex-centred in Razor) */
    .voucher-carousel .carousel-inner > .carousel-item > div[b-suasbc3w9l] {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }


@media (max-width: 575.98px) { /* phones */
    :root[b-suasbc3w9l] {
        --f-xs: .80rem; /* tiny font */
        --f-s: .95rem; /* captions */
        --pad: .25rem; /* slim padding */
    }

    .info-banner > span:first-child[b-suasbc3w9l] {
        font-size: small !important;
    }
        .info-banner[b-suasbc3w9l] {
            font-size: smaller;
        }

}

@media (min-width: 576px) and (max-width: 767.98px) { /* tablets */
    :root[b-suasbc3w9l] {
        --f-xs: .90rem;
        --f-s: 1.05rem;
        --pad: .4rem;
    }
}
@media (max-width: 575.98px) {

    .info-banner[b-suasbc3w9l] {
        font-size: var(--f-s); /* shrink headline */
        gap: .25rem;
        text-align: center;
    }

        /* reposition the vertical bar (“vr”) into a thin horizontal rule */
        .info-banner .vr[b-suasbc3w9l] {
            background-color: currentColor;
            opacity: .4;
            margin: .125rem 0 !important;
        }

        /* countdown grid: day / hours / mins compress */
        .info-banner .countdown .fs-4[b-suasbc3w9l] {
            font-size: 1.35rem !important; /* override h-size */
        }

        .info-banner .countdown .gap-4[b-suasbc3w9l] {
            gap: .75rem !important;
        }

        .info-banner .countdown .small[b-suasbc3w9l] {
            font-size: var(--f-xs) !important;
            gap: .75rem !important;
        }
}
/* /Shared/Components/Banners/VoucherDetails.razor.rz.scp.css */
voucher-carousel .carousel-item > div[b-h714ytrc1i] {
    flex-wrap: nowrap; /* always one line */
    overflow: hidden; /* clip anything that spills */
}

.voucher-carousel h5[b-h714ytrc1i],
.voucher-carousel .text-muted[b-h714ytrc1i],
.voucher-carousel .badge[b-h714ytrc1i] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.voucher-carousel .badge[b-h714ytrc1i] {
    max-width: 35%;
}

/* Split the remaining space between title and subtitle */
.voucher-carousel h5[b-h714ytrc1i] {
    max-width: 32%;
    margin-bottom: .15rem;
}

.voucher-carousel .text-muted[b-h714ytrc1i] {
    max-width:40%;
}

.voucher-content[b-h714ytrc1i] {
    width: 80%;
}

@media (min-width: 768px) {
    .voucher-content[b-h714ytrc1i] {
        width: 40%;
    }
}
@media (max-width: 575.98px) { /* phones */
    :root[b-h714ytrc1i] {
        --f-xs: .80rem; /* tiny font */
        --f-s: .95rem; /* captions */
        --pad: .25rem; /* slim padding */
    }
}

@media (min-width: 576px) and (max-width: 767.98px) { /* tablets */
    :root[b-h714ytrc1i] {
        --f-xs: .90rem;
        --f-s: 1.05rem;
        --pad: .4rem;
    }
}


@media (max-width: 767.98px) { /* phones & tablets */
    .offers-carousel .carousel-item div[b-h714ytrc1i] { /* the inner <div class="px-2 py-1"> */
        padding: var(--pad) !important;
    }

    .offers-carousel .badge[b-h714ytrc1i] {
        font-size: var(--f-s);
        line-height: 1.2;
        white-space: normal; /* allow wrapping */
    }
}

/* phones only – stack indicators under slide (optional) */
@media (max-width: 575.98px) {
    .offers-carousel[b-h714ytrc1i] {
        height: auto; /* grow with content */
        padding-bottom: var(--pad);
    }

    .voucher-carousel .carousel-control-prev[b-h714ytrc1i],
    .voucher-carousel .carousel-control-next[b-h714ytrc1i] {
        display: none !important;
    }

    .voucher-carousel h5[b-h714ytrc1i] {
        font-size: .90rem;
    }

    .voucher-carousel .text-muted[b-h714ytrc1i] {
        font-size: .80rem;
    }

    .voucher-carousel .badge[b-h714ytrc1i] {
        font-size: .80rem;
    }
}
/* /Shared/Components/Drawer/PageDrawer.razor.rz.scp.css */
.event-search-panel[b-wercsjqk36] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    width: 100%;
}

.panel-label[b-wercsjqk36] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #8899a6;
    margin-bottom: 6px;
}

/* Dropdown trigger */
.event-dropdown-toggle[b-wercsjqk36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #3a4a5c;
    background: #1e2a38;
    color: #e1e8ef;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .event-dropdown-toggle:hover[b-wercsjqk36],
    .event-dropdown-toggle:focus[b-wercsjqk36] {
        border-color: #5b9bd5;
        box-shadow: 0 0 0 2px rgba(91, 155, 213, 0.25);
    }

.event-dropdown-name[b-wercsjqk36] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    text-align: left;
}

.dropdown-chevron[b-wercsjqk36] {
    font-size: 10px;
    margin-left: 8px;
    opacity: 0.6;
}

/* Dropdown menu */
.event-dropdown-header[b-wercsjqk36] {
    background-color: #647687;
    margin: -8px -8px 4px;
    padding: 8px 12px;
    border-radius: 6px 6px 0 0;
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.access-code-input-row[b-wercsjqk36] {
    display: flex;
    align-items: center;
    gap: 8px;
}



    .access-code-input-row .form-control[b-wercsjqk36] {
        flex: 1;
        border-radius: 10px;
        border: 1.5px solid #d1d9e0;
        background: #f7f9fb;
        color: #2c3e50;
        padding: 10px 14px;
        font-size: 14px;
        transition: all 0.25s ease;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
        min-width: 0;
    }

    .access-code-input-row .form-control[b-wercsjqk36]::placeholder {
        color: #a0aec0;
        font-weight: 400;
    }

    .access-code-input-row .form-control:hover[b-wercsjqk36] {
        border-color: #b0bec5;
        background: #ffffff;
    }

    .access-code-input-row .form-control:focus[b-wercsjqk36] {
        border-color: #4a90d9;
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.15), 0 1px 3px rgba(0, 0, 0, 0.06);
        outline: none;
    }

.access-code-btn[b-wercsjqk36] {
    border-radius: 8px;
    padding: 10px 14px;
    flex-shrink: 0;
}
/* /Shared/Components/ImageCarousel/CarouselImage.razor.rz.scp.css */
.imageContainer[b-xk8cucldes] {
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

img[b-xk8cucldes] {
    object-fit: contain;
    border-radius: 7px;
    min-height: 100px;
}

.image-label[b-xk8cucldes], .tooltip-container[b-xk8cucldes] {
    display: block !important;
    white-space: normal;
    word-break: break-word;
}
.image-label-container[b-xk8cucldes] {
    white-space: normal;
    word-break: break-word;
}

.pencil[b-xk8cucldes] {
    position: absolute;
    top: 0;
    right: 0;
    right: -9px;
    top: -8px;
}

.label[b-xk8cucldes] {
    margin-top: 4px;
}

.tooltip-container[b-xk8cucldes]{
    display: inline-flex;
    text-align: center;
}

.tooltip[b-xk8cucldes] {
    /*position: relative;*/
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 90%;
    z-index: 1;
}

.disabled-addons .image-selection-btn[b-xk8cucldes] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.6;
}

@media screen and (max-width: 420px),
screen and (max-height: 720px) {
    .tooltip[b-xk8cucldes]:after {
        white-space: normal;
        left: auto;
        right: 0;
        transform: none;
    }

}

.tooltip[b-xk8cucldes]:before {
    content: "";
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0s linear 0.2s;
}

    .tooltip:focus[b-xk8cucldes]:after,
    .tooltip:active[b-xk8cucldes]:after,
    .tooltip:focus[b-xk8cucldes]:before,
    .tooltip:active[b-xk8cucldes]:before {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

/* ── Photo slot card ── */
.photo-slot[b-xk8cucldes] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    border: 1.5px solid #e8e6e3;
    border-radius: 12px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    transition: all 0.2s ease;
    cursor: default;
}

    .photo-slot:hover[b-xk8cucldes] {
        border-color: #ccc;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

.photo-slot-number[b-xk8cucldes] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f8f7f5;
    border: 1.5px solid #e8e6e3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b6b6b;
}

.photo-slot-thumb[b-xk8cucldes] {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f7f5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

    .photo-slot-thumb img[b-xk8cucldes] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.photo-slot-info[b-xk8cucldes] {
    flex: 1;
    min-width: 0;
}

.photo-slot-name[b-xk8cucldes] {
    font-weight: 500;
    font-size: 0.9rem;
    color: #1a1a1a;
    margin-bottom: 0.1rem;
}

.photo-slot-meta[b-xk8cucldes] {
    font-size: 0.78rem;
    color: #9a9a9a;
}

.btn-change[b-xk8cucldes] {
    flex-shrink: 0;
    background: none;
    border: 1.5px solid #e8e6e3;
    color: #6b6b6b;
    font-weight: 500;
    font-size: 0.8rem;
    padding: 0.4rem 0.85rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .btn-change:hover[b-xk8cucldes] {
        border-color: #2d7a4f;
        color: #2d7a4f;
        background: #e8f5ee;
    }

    .btn-change .bi[b-xk8cucldes] {
        font-size: 0.85rem;
    }

/* ── Duplicate warning ── */
.photo-slot.is-duplicate[b-xk8cucldes] {
    border-color: #e8a94d;
    background: #fffbf2;
}

.duplicate-badge[b-xk8cucldes] {
    font-size: 0.7rem;
    color: #b57d1e;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* ── Footer hint ── */
.selection-hint[b-xk8cucldes] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    background: #e8f5ee;
    border-radius: 8px;
    margin-top: 0.5rem;
}

    .selection-hint .bi[b-xk8cucldes] {
        color: #2d7a4f;
        font-size: 1rem;
        flex-shrink: 0;
        margin-top: 0.05rem;
    }

    .selection-hint p[b-xk8cucldes] {
        margin: 0;
        font-size: 0.8rem;
        color: #6b6b6b;
        line-height: 1.45;
    }

/* ── Mobile tweaks ── */
@media (max-width: 991.98px) {
    .preview-pane[b-xk8cucldes] {
        border-bottom: 1px solid #e8e6e3;
        padding: 1rem;
    }

    .photo-slot-thumb[b-xk8cucldes] {
        width: 56px;
        height: 56px;
    }
}

/* ── Placeholder preview image ── */
.demo-preview[b-xk8cucldes] {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: linear-gradient(135deg, #e8e6e3 0%, #d5d2cd 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.demo-preview-inner[b-xk8cucldes] {
    text-align: center;
    color: #9a9a9a;
    font-size: 0.85rem;
}

/* Demo overlay frames */
.demo-frame[b-xk8cucldes] {
    position: absolute;
    border: 2px dashed rgba(0,0,0,0.12);
    border-radius: 4px;
    background: rgba(255,255,255,0.4);
}

.demo-frame-1[b-xk8cucldes] {
    top: 14%;
    left: 8%;
    width: 32%;
    height: 62%;
}

.demo-frame-2[b-xk8cucldes] {
    top: 22%;
    left: 58%;
    width: 32%;
    height: 62%;
}

.demo-thumb[b-xk8cucldes] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #d5d2cd 0%, #c4c0ba 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .demo-thumb .bi[b-xk8cucldes] {
        font-size: 1.4rem;
        color: #9a9a9a;
    }
/* /Shared/Components/ImageSelector/ImageSelector.razor.rz.scp.css */
#imageSelectorContainer[b-4tojz9mqyb] {
    display: flex;
    flex-direction: column;
}

#imagesInGroup[b-4tojz9mqyb] {
    flex-basis: auto;
    flex-grow: 1;

    display: flex;
    flex-direction: row;
    column-gap: 4px;
    overflow-x: auto;
}

#imageGroups[b-4tojz9mqyb] {
    flex-basis: auto;
    flex-grow: 0;
    padding: 8px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 4px;
}
/* /Shared/Components/ImageSelector/SelectableImages.razor.rz.scp.css */
.imageContainer[b-ex3jdvsw5t] {
    position: relative;
    height: 100%;
}

.selectedIndicator[b-ex3jdvsw5t] {
    position: absolute;
    left: 0;
    top: 0;
}

.selected[b-ex3jdvsw5t] {
    transform: scale(0.9);
}

.imageContainer > img[b-ex3jdvsw5t] {
    height: 100%;
    cursor: pointer;
    display: flex;
}
/* /Shared/Components/InputAccessCodeEntry/InputAccessCodeEntry.razor.rz.scp.css */
#inputAccessCodeEntryContainer[b-cp6oihieb9] {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    display: none;
}

    #inputAccessCodeEntryContainer.inputAccessCodeEntryContainer.home[b-cp6oihieb9] {
        display: inline-block;
    }

    .claimAccessCodeButton[b-cp6oihieb9] {
        position: absolute;
        top: 34px;
        right: 28px;
        font-size: 28px;
    }

.claimAccessCodeActivityIndicator[b-cp6oihieb9] {
    position: absolute;
    top: 20px;
    right: 28px;
    font-size: 28px;
}

.claimAccessCodeButtonNoContainer[b-cp6oihieb9] {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 28px;
}

.claimAccessCodeActivityIndicatorNoContainer[b-cp6oihieb9] {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 28px;
}
/* /Shared/Components/Layout/ComponentLayout.razor.rz.scp.css */
/*.layout {
    position: relative;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    display: inline-flex;
}

.background {*/
    /*object-fit: cover;*/
/*}

.photograph {*/
    /*object-fit: cover;*/
/*}

.placeholder.hidden {
    display: none;
}*/


.layout[b-iun4d8ohl7] {
    /*position: relative;*/
    width: 100%;
    height: 100%;
    display: inline-flex;
}

.background[b-iun4d8ohl7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the background covers the entire container */
    z-index: 1; /* Make sure it is behind the placeholder and the photograph */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s ease-in-out;
}

    .background.loaded[b-iun4d8ohl7] {
        opacity: 1; /* Shows the background when it's loaded */
    }

.photograph[b-iun4d8ohl7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the photograph fits the container */
    z-index: 2; /* Make sure it's above the background but below the placeholder */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s ease-in-out;
}

    .photograph.loaded[b-iun4d8ohl7] {
        opacity: 1; /* Shows the photograph when it's loaded */
    }

.placeholder[b-iun4d8ohl7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3; /* Make sure it's on top of everything else */
    transition: opacity 0.5s ease-in-out;
}

    .placeholder.hidden[b-iun4d8ohl7] {
        opacity: 0;
        visibility: hidden; /* Hide the placeholder when the image has loaded */
    }
/* /Shared/Components/Lightbox/ImageLightbox.razor.rz.scp.css */
.img-lightbox-backdrop[b-0bv1oslf4n] {
    position: fixed;
    inset: 0;
    z-index: 1055;
    background: rgba(0, 0, 0, 0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: lb-fade-in-b-0bv1oslf4n 0.15s ease;
}

@keyframes lb-fade-in-b-0bv1oslf4n {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.img-lightbox-container[b-0bv1oslf4n] {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.img-lightbox-close[b-0bv1oslf4n] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0.8;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .img-lightbox-close:hover[b-0bv1oslf4n] {
        opacity: 1;
    }

.img-lightbox-viewport[b-0bv1oslf4n] {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    touch-action: none;
    width: 100%;
}

    .img-lightbox-viewport:active[b-0bv1oslf4n] {
        cursor: grabbing;
    }

.img-lightbox-img[b-0bv1oslf4n] {
    max-width: 100vw;
    max-height: 100vh;
    object-fit: contain;
    user-select: none;
    transition: transform 0.05s linear;
    will-change: transform;
}

.img-lightbox-hint[b-0bv1oslf4n] {
    text-align: center;
    color: rgba(255,255,255,0.45);
    font-size: 0.75rem;
    padding: 0.5rem 0 0.75rem;
}
/* /Shared/Components/NavBar/NavBar.razor.rz.scp.css */
/* nav and sidebar ---------------------------------------------------------------------------------------------- */
nav[b-g0ttmzolkv] {
    background-color: #ccd3db;
    color: #fff;
    font-size: 18px;
    /*margin-bottom: 15px;*/
}

.profile_dropdown[b-g0ttmzolkv] {
    padding: 10px 20px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    position: absolute;
    top: 60px;
    right: 5px;
    background-color: #fff;
    color: black;
    display: none;
}

.toggle_profile_dropdown[b-g0ttmzolkv] {
    display: block;
}

.profile_dropdown ul[b-g0ttmzolkv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .profile_dropdown ul li[b-g0ttmzolkv] {
        list-style: none;
    }

        .profile_dropdown ul li a[b-g0ttmzolkv] {
            color: black;
            text-decoration: none;
        }


.nav-header[b-g0ttmzolkv] {
    font-weight: 600;
    text-shadow: 0px 0px 10px #FFFFFF, 1px 0px 10px rgba(255,255,255,0.1), 1px 1px 10px rgba(255,255,255,0.1), 0px -1px 10px rgba(255,255,255,0.1), -1px -1px 10px rgba(255,255,255,0.1), -1px -1px 10px rgba(255,255,255,0.1);
    font-size: 21px;
}

@media only screen and (max-width: 804px) {
    .nav-header[b-g0ttmzolkv] {
        font-weight: 600;
        font-size: 18px;
    }
}

@media only screen and (max-width: 604px) {
    .nav-header[b-g0ttmzolkv] {
        font-weight: 600;
        font-size: 16px;
    }
}

@media only screen and (max-width: 450px) {
    .nav-header[b-g0ttmzolkv] {
        font-weight: 600;
        font-size: 15px;
    }
}

.addon-modal-list[b-g0ttmzolkv] {
    height: 30rem;
    overflow-y: auto;
    padding: 1rem 0.5rem;
    border-radius: 1rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    /* Hide scrollbar for Webkit browsers */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

    .addon-modal-list[b-g0ttmzolkv]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }
/* main */



@media only screen and (max-width: 1760px) {
    .search-dashboard[b-g0ttmzolkv] {
        width: calc(100vw - 27.5%);
    }
}

@media only screen and (max-width: 1760px) {
    .nav2 ul li:nth-last-of-type(1)[b-g0ttmzolkv],
    .nav2 ul li:nth-last-of-type(2)[b-g0ttmzolkv],
    .nav2 ul li:nth-last-of-type(3)[b-g0ttmzolkv] {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .nav2 .downloadApp a[b-g0ttmzolkv] {
        font-size: 15px;
    }

    .nav2[b-g0ttmzolkv] {
        padding: 0 10px;
    }

        .nav2 ul[b-g0ttmzolkv] {
            display: flex;
            gap: 0;
        }

            .nav2 ul li a[b-g0ttmzolkv] {
                font-size: 13px;
            }
}

@media only screen and (max-width: 1288px) {
    nav input[b-g0ttmzolkv] {
        /*width: 600px;*/
    }
}

@media only screen and (max-width: 1105px) {
    .nav2 ul li:nth-last-of-type(1)[b-g0ttmzolkv],
    .nav2 ul li:nth-last-of-type(2)[b-g0ttmzolkv],
    .nav2 ul li:nth-last-of-type(3)[b-g0ttmzolkv],
    .nav2 ul li:nth-last-of-type(4)[b-g0ttmzolkv],
    .nav2 ul li:nth-last-of-type(5)[b-g0ttmzolkv] {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {

    nav input[b-g0ttmzolkv] {
        width: 600px;
    }

    .nav2 ul[b-g0ttmzolkv] {
        display: flex;
        gap: 0;
    }

    .search-dashboard[b-g0ttmzolkv] {
        flex-direction: row;
        width: 100%;
        /*width: 76.5%;*/
        width: calc(100vw - 27.5%);
        place-content: space-evenly;
    }

    nav img[b-g0ttmzolkv] {
        height: 40px;
        padding-left: 0px;
        /*width: 230px;*/
        /*scale: 70%;*/
    }
}

@media only screen and (max-width: 998px) {
    .search-dashboard[b-g0ttmzolkv] {
        display: flex;
        /*        flex-direction: column-reverse;
*/
    }

    nav .links[b-g0ttmzolkv] {
        display: flex;
        justify-content: space-between;
    }

    nav input[b-g0ttmzolkv] {
        /*width: 400px;*/
    }

    .nav2 ul[b-g0ttmzolkv] {
        display: none;
    }
}

nav img[b-g0ttmzolkv] {
    height: 50px;
    padding-left: 10px;
}

@media only screen and (max-width: 704px) {
    .barand[b-g0ttmzolkv] {
        display: none;
    }

    nav input[b-g0ttmzolkv] {
        /*width: 300px;*/
    }

    nav img[b-g0ttmzolkv] {
        padding-left: 0px;
        height: 40px;
    }

    nav .links[b-g0ttmzolkv] {
        /*        gap: 10px;*/
        font-size: 22px;
        /*        gap: 37%;
*/
    }

    .search-dashboard[b-g0ttmzolkv] {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }
}


@media only screen and (max-width: 504px) {
    nav img[b-g0ttmzolkv] {
        height: 25px;
        padding-left: 0px;
    }
}



@media only screen and (max-width: 692px) {
    nav input[b-g0ttmzolkv] {
        /*width: 200px;
        height: 30px;*/
    }
}

@media only screen and (max-width: 498px) {
    nav input[b-g0ttmzolkv] {
        /*width: 115px;*/
    }

    nav .links[b-g0ttmzolkv] {
        font-size: 23px;
        /*        gap: 34%;
*/
    }
}

@media only screen and (max-width: 426px) {

    .nav2 .menu[b-g0ttmzolkv] {
        font-size: 15px;
        padding: 3px 5px;
    }

    .nav2 .downloadApp a[b-g0ttmzolkv] {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        padding: 3px 5px;
    }

    .sidebar[b-g0ttmzolkv] {
        left: -120%;
    }

    .show[b-g0ttmzolkv] {
        left: 0;
    }

    .sidebar[b-g0ttmzolkv] {
        width: 100%;
        gap: 15px;
    }

        .sidebar .top[b-g0ttmzolkv] {
            padding: 10px 30px;
            background-color: #232f3e;
            font-size: 20px;
            font-weight: bold;
        }

            .sidebar .top button[b-g0ttmzolkv] {
                font-size: 20px;
            }

        .sidebar ul[b-g0ttmzolkv] {
            padding: 0 15px;
            gap: 15px;
            font-size: 15px;
        }

            .sidebar ul .title[b-g0ttmzolkv] {
                font-weight: bold;
                font-size: 22px;
            }

    .nav2 .menu[b-g0ttmzolkv] {
        border: none;
        padding: 0;
        font-size: 13px;
    }

    .nav2 .downloadApp a[b-g0ttmzolkv] {
        font-size: 13px;
        border: none;
        padding: 0;
    }

    nav .links div:nth-of-type(1)[b-g0ttmzolkv],
    nav .links div:nth-of-type(3)[b-g0ttmzolkv] {
        /*        display: none;
*/
    }
}
/* /Shared/Components/PhotographCard/CardPhotograph.razor.rz.scp.css */

.photographCard[b-w1bmnvbr8r] {
    width: 100%;
    max-width: 430px;
    max-width: 300px;
    border-radius: 6px;
    overflow: hidden;
    padding: 30px;
    padding: 2px 25px 25px 25px;
    transition: background-color 0.3s ease-in-out;
    height: 508px;
}
    .photographCard.selected[b-w1bmnvbr8r] {
        background-color: #cdedf9; /* Light blue/silver */
    }

.photographCard[b-w1bmnvbr8r] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp-b-w1bmnvbr8r 0.8s ease forwards;
}

@keyframes fadeInUp-b-w1bmnvbr8r {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
    .photographCard:hover[b-w1bmnvbr8r] {
        background-color: #f0f0f0; /* Light grey */
    }

.imageContainer[b-w1bmnvbr8r] {
    aspect-ratio: 3/4;
    overflow: hidden;
    height: inherit;
    align-content: center;
}

.card-title[b-w1bmnvbr8r]{
    text-align: left;
}

.card-img-top[b-w1bmnvbr8r] {
    height: 100%;
    height: auto;
    object-fit: cover;
    object-fit: contain;
}

.placeholder[b-w1bmnvbr8r] {
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
    z-index: 2;
}

    .placeholder.hidden[b-w1bmnvbr8r] {
        opacity: 0;
        pointer-events: none;
    }

.image[b-w1bmnvbr8r] {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

    .image.loaded[b-w1bmnvbr8r] {
        opacity: 1;
    }
.filename-overlay[b-w1bmnvbr8r] {
    opacity: 0;
}

.filename-overlay.loaded[b-w1bmnvbr8r] {
    opacity: 1;
}

.card-body[b-w1bmnvbr8r] {
    padding: 0.5rem;
}

.card-footer[b-w1bmnvbr8r] {
    padding: 16px 0px 0px 0px;
    align-self: center;
}


.filename-overlay[b-w1bmnvbr8r] {
    font-size: clamp(0.7rem, 1.5vw, 0.75rem) !important;
    padding: 0.25rem 0.5rem;
    color: white;
    text-shadow: rgb(63, 63, 63) 1px 0px 0px, rgb(63, 63, 63) 0.540302px 0.841471px 0px, rgb(63, 63, 63) -0.416147px 0.909297px 0px, rgb(63, 63, 63) -0.989993px 0.14112px 0px, rgb(63, 63, 63) -0.653644px -0.756803px 0px, rgb(63, 63, 63) 0.283662px -0.958924px 0px, rgb(63, 63, 63) 0.96017px -0.279416px 0px;
}

.zoom-icon[b-w1bmnvbr8r] {
    color: white;
    font-size: 2rem !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    cursor: pointer;
    opacity: 0.75;
    transition: opacity 0.15s;
    pointer-events: auto;
}

    .zoom-icon:hover[b-w1bmnvbr8r] {
        opacity: 1;
    }
/* /Shared/Components/ProductCard/ProductCard.razor.rz.scp.css */
.productCard[b-ls0mzzq0hl] {
    width: 100%;
    max-width: 430px;
    border-radius: 12px;
    overflow: hidden;
    padding: 12px;
    margin-bottom: 20px;
    transition: background-color 0.3s ease-in-out;
}

    .productCard:hover[b-ls0mzzq0hl] {
        background-color: #f5f5f5;
    }

.productCard[b-ls0mzzq0hl] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInCard-b-ls0mzzq0hl 0.8s ease-out forwards;
}

@keyframes fadeInCard-b-ls0mzzq0hl {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.imageContainer[b-ls0mzzq0hl] {
    width: 100%;
    /*aspect-ratio: 1/1;*/
    background-color: #f8f8f8;
    overflow: hidden;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.card-footer[b-ls0mzzq0hl] {
}

.btn-secondary[b-ls0mzzq0hl] {
    background-color: #6c757d;
    border: none;
}

.btn-success[b-ls0mzzq0hl] {
    background-color: #198754;
    border: none;
}

/* /Shared/Components/ProductPreview/PlaceholderOccupant.razor.rz.scp.css */
.container[b-8m15jlrfrr] {
    position: relative;
    text-align: center;
    width: 75px;
    aspect-ratio: 1;
}

img[b-8m15jlrfrr] {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.changeImageButton[b-8m15jlrfrr] {
    position: relative;
    top: -14px;
}
/* /Shared/Components/ProductPreview/ProductPreview.razor.rz.scp.css */
.product-container[b-ekjd77itjq] {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    align-self: center;
}

.product-container[b-ekjd77itjq] {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    align-self: center;
}

.image.loaded.background[b-ekjd77itjq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}
/* /Shared/Components/ProductPreview/ProductPreviewSelection.razor.rz.scp.css */
.layout[b-7vi92cwm3t] {
    position: relative;
    width: 100%;
}

.staticPreview[b-7vi92cwm3t] {
    width: 100%;
}

.filledImage[b-7vi92cwm3t] {
    object-fit: cover;
}

.containedImage[b-7vi92cwm3t] {
    object-fit: cover;
}

@media only screen and (min-width: 950px){
    .col-lg-6[b-7vi92cwm3t]{
        width: 50%;
    }
}

/* ── Modal overrides ── */
/* ── Modal overrides ── */
.modal-content[b-7vi92cwm3t] {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    background: #f8f7f5;
}

.modal-header.pack-header[b-7vi92cwm3t] {
    background: #ffffff;
    border-bottom: 1px solid #e8e6e3;
    padding: 1rem 1.25rem;
}

.pack-body[b-7vi92cwm3t] {
    padding: 0;
    background: #f8f7f5;
}


/* ── Layout ── */
.pack-layout[b-7vi92cwm3t] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    .pack-layout[b-7vi92cwm3t] {
        flex-direction: row;
        min-height: 520px;
    }
}

/* ── Preview pane (left) ── */
.preview-pane[b-7vi92cwm3t] {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    position: relative;
}

@media (min-width: 992px) {
    .preview-pane[b-7vi92cwm3t] {
        flex: 1 1 58%;
        max-width: 58%;
        padding: 2rem;
        border-right: 1px solid #e8e6e3;
    }
}

.preview-pane .product-container[b-7vi92cwm3t] {
    width: 100%;
    max-width: 500px;
    position: relative;
}

.preview-label[b-7vi92cwm3t] {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(8px);
    padding: 0.3rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b6b6b;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    z-index: 10;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* ── Selection pane (right) ── */
.selection-pane[b-7vi92cwm3t] {
    padding: 1.25rem;
    overflow-y: auto;
}

@media (min-width: 992px) {
    .selection-pane[b-7vi92cwm3t] {
        flex: 1 1 42%;
        max-width: 42%;
        padding: 1.75rem;
        max-height: 580px;
    }
}

.selection-heading[b-7vi92cwm3t] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9a9a9a;
    margin-bottom: 1rem;
}

.selection-count[b-7vi92cwm3t] {
    display: inline-block;
    background: #e8f5ee;
    color: #2d7a4f;
    font-weight: 600;
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 20px;
    vertical-align: middle;
}

/* ── Footer hint ── */
.selection-hint[b-7vi92cwm3t] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    background: #e8f5ee;
    border-radius: 8px;
    margin-top: 0.5rem;
}

    .selection-hint .bi[b-7vi92cwm3t] {
        color: #2d7a4f;
        font-size: 1rem;
        flex-shrink: 0;
        margin-top: 0.05rem;
    }

    .selection-hint p[b-7vi92cwm3t] {
        margin: 0;
        font-size: 0.8rem;
        color: #6b6b6b;
        line-height: 1.45;
    }
/* /Shared/Components/StaticPreview/ComponentStaticPreview.razor.rz.scp.css */
.staticPreviewContainer[b-t4lx2i12hu] {
    width: 100%;
    height: 100%;
}
.productPreview .staticPreviewContainer[b-t4lx2i12hu] {
    place-content: flex-end;
    justify-content: center;
}

.staticPreview[b-t4lx2i12hu] {
    width: 0%;
    /*object-fit: contain;*/
}
    .staticPreview.loaded[b-t4lx2i12hu] {
        width: 100% !important;
        /*object-fit: contain;*/
        z-index: 1;
        position: relative;
    }
.placeholder.hidden[b-t4lx2i12hu] {
    display: none;
}
/* /Shared/Footer/Footer.razor.rz.scp.css */
/* --- footer palette & spacing --- */
/* palette + link styling unchanged */
.site-footer[b-upeqqrjnum] {
    background: #cfd3db;
    color: #3a3a3a;
    font-size: 14px;
    position: relative;
    bottom: 0%;
    width: 100%;
}

    .site-footer a[b-upeqqrjnum] {
        color: #222;
        text-decoration: underline;
    }

        .site-footer a:hover[b-upeqqrjnum] {
            color: #000;
        }

.footer-links[b-upeqqrjnum] {
    height: 105px;
    overflow: auto;
}
.footer-contact[b-upeqqrjnum] {
    line-height: 1.35rem;
}

/* optional spacing between the two blocks on narrow screens */
@media (max-width: 575.98px) {
    .footer-links[b-upeqqrjnum] {
        margin-bottom: .5rem;
    }
    /* small vertical gap if they wrap */
    )
    /* keep what you already have, just small tweaks */
    .footer-links li + li[b-upeqqrjnum] {
        margin-top: .25rem;
    }
    /* vertical gap */
    .footer-contact[b-upeqqrjnum] {
        line-height: 1.4rem;
    }
}

@media (min-width: 768px) { /* md-up */
    .footer-links li + li[b-upeqqrjnum] {
        margin-top: .35rem;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.layout-container[b-uzvswu79ch] {
    margin: 0;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(160deg,var(--white) 0%,var(--primary-light) 60%,var(--accent-light) 100%);
}

.layout-content[b-uzvswu79ch] {
    flex-grow: 1;
    overflow-y: auto;
    display:flex;
}

#body[b-uzvswu79ch] {
    scrollbar-width: none;
    min-height: 100%
}