@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';
@import '_content/WebComponents/WebComponents.sh53d6c937.bundle.scp.css';

/* _content/WebShop/Components/AddToCart/AddToCart.razor.rz.scp.css */
.add-cart-form[b-rqnts2ywdg] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    z-index: 10;
    background: #fff;
}

.p-price[b-rqnts2ywdg] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
}

.default-prices[b-rqnts2ywdg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.old-value[b-rqnts2ywdg] {
    text-decoration: line-through;
}

.prices[b-rqnts2ywdg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.multi-prices[b-rqnts2ywdg] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.net[b-rqnts2ywdg], .gross[b-rqnts2ywdg] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.name[b-rqnts2ywdg] {
    font-weight: bold;
    color: var(--bramcke-dark-blue);
    font-size: 18px;
}

.value[b-rqnts2ywdg] {
    font-size: 18px;
}

.proposal-price[b-rqnts2ywdg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.quantity-holder[b-rqnts2ywdg] {
    width: 100%;
    display: flex;
    justify-content: end;
}

.order-bottom[b-rqnts2ywdg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    width: 100%;
}

.compare-checkbox[b-rqnts2ywdg] {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .add-cart-form[b-rqnts2ywdg] {
        gap:10px;
    }
    .p-price[b-rqnts2ywdg] {
        gap: 5px;
    }
}
/* _content/WebShop/Components/Base/CompareCheckBox/CompareCheckBox.razor.rz.scp.css */
.compare[b-9km1i7ik2o] {
    width:fit-content;
}

.box-disabled[b-9km1i7ik2o] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}
/* _content/WebShop/Components/Base/CurrencySelector/CurrencySelector.razor.rz.scp.css */
.currency-selector-container[b-fjt6mhqjp0] {
    display: inline-block;
    color: black;
    background: var(--bramcke-light-gray);
    border-radius: 100%;
}

    .currency-selector-container:hover .currency-dropdown[b-fjt6mhqjp0] {
        background: var(--bramcke-green);
    }

.currency-dropdown[b-fjt6mhqjp0] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:bold;
    gap: 5px;
    cursor: pointer;
    font-size: 16px;
    color: #000;
    width: 50px;
    aspect-ratio: 1;
    border-radius: 100%;
    transition: all 200ms linear;
}


.currency-selector-container:hover .options[b-fjt6mhqjp0] {
    visibility: visible;
    opacity: 1;
    transform: translateX(-15%) translateY(15px);
}


.options[b-fjt6mhqjp0] {
    visibility: hidden;
    width: 70px;
    opacity: 0;
    position: absolute;
    box-shadow: 0px 8px 16px 7px rgba(79, 83, 94,0.2);
    z-index: 1000;
    transform: translateX(-15%) translateY(20px);
    transition: all 100ms ease-in;
    border-radius: 10px;
}

    .options[b-fjt6mhqjp0]::after {
        content: "";
        position: absolute;
        top: -20px;
        right: 50%;
        transform: translateX(50%) rotate(-90deg);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 11px solid var(--bramcke-green);
    }


    .options div[b-fjt6mhqjp0] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        color: var(--bramcke-dark-blue);
        padding: 10px 15px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        transition: all 200ms ease-in;
        gap: 10px;
        font-weight: bold;
    }

        .options div:first-child[b-fjt6mhqjp0] {
            border-radius: 10px 10px 0 0;
        }

        .options div:last-child[b-fjt6mhqjp0] {
            border-radius: 0 0 10px 10px;
        }

        .options div:hover[b-fjt6mhqjp0] {
            background-color: var(--bramcke-green);
        }

.active[b-fjt6mhqjp0] {
    background-color: var(--bramcke-green) !important;
}
/* _content/WebShop/Components/Base/DetailedOrderListItem/DetailedOrderListItem.razor.rz.scp.css */
.row-holder[b-hxic4kvjk5] {
    width:100%;
    padding-block: 10px;
    position:relative;
}
.must-remove[b-hxic4kvjk5] {
    right:0;
    position:absolute;
    background: rgba(255, 9, 9,0.2);
    width:100%;
    height:100%;
    cursor:pointer;
    z-index:7;
}

    .must-remove .prod-img[b-hxic4kvjk5] {
        mix-blend-mode:multiply;
    }


.delete-item[b-hxic4kvjk5] {
    cursor:pointer;
}

.product[b-hxic4kvjk5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.prod-img[b-hxic4kvjk5] {
    height: 100px;
    aspect-ratio: 1;
    object-fit: contain;
    cursor:pointer;
}
.product-name[b-hxic4kvjk5] {
    cursor:pointer;
}

.product-basic[b-hxic4kvjk5] {
    display: flex;
    flex-direction: column;
}

.badges[b-hxic4kvjk5] {
    display:flex;
    flex-direction:row;
    gap:10px;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .detailed-order-item-mobile[b-hxic4kvjk5] {
        position: relative;
        border-bottom: 2px solid #efefef;
    }
    .top-section[b-hxic4kvjk5] {
        display: flex;
        flex-direction: row;
        align-items: start;
        gap:10px;
    }
    .middle-section[b-hxic4kvjk5] {
        display:flex;
        flex-direction:column;
        gap:5px;
    }
    .row-data[b-hxic4kvjk5] {
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
    }
}
/* _content/WebShop/Components/Base/FavoriteItem/FavoriteItem.razor.rz.scp.css */
.delete-btn[b-e6kny22odd] {
    cursor: pointer;
    transition: all 200ms linear;
    width: fit-content;
    padding: 10px;
    border-radius: 100px;
    justify-self: center;
}

    .delete-btn:hover[b-e6kny22odd] {
        background: var(--bramcke-green);
    }

.product[b-e6kny22odd] {
    font-weight: bold;
}

.badges[b-e6kny22odd] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.p-img[b-e6kny22odd] {
    height: 100px;
    aspect-ratio: 1;
    object-fit: contain;
    cursor:pointer;
}
.p-name[b-e6kny22odd] {
    cursor:pointer;
}

.mnt-btn[b-e6kny22odd] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.p-button[b-e6kny22odd] {
    justify-self:center;
}

/* _content/WebShop/Components/Base/FavoriteItem/FavoriteItemMobile.razor.rz.scp.css */
.fav-item-mobile[b-5zl87y7n6p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 15px;
    box-shadow: 0px 0px 3px 2px #D3D3D3;
    width: 100%;
    padding: 20px;
    justify-content: space-between;
    height: fit-content;
    background: #fff;
}

.top-part[b-5zl87y7n6p] {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.p-img[b-5zl87y7n6p] {
    width: 100px;
    aspect-ratio: 1;
    object-fit: contain;
}

.top-right[b-5zl87y7n6p] {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.p-name-delete[b-5zl87y7n6p] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.p-name[b-5zl87y7n6p] {
    font-weight: bold;
    font-size: 14px;
}

.delete-btn[b-5zl87y7n6p] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: fit-content;
    box-shadow: 0px 0px 6px 3px #D3D3D3;
    border-radius: 100%;
    padding:2px;
}

.price[b-5zl87y7n6p] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    font-size: 14px;
}

.price-col[b-5zl87y7n6p] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bottom-part[b-5zl87y7n6p] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.monitoring[b-5zl87y7n6p] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
/* _content/WebShop/Components/Base/Footer/Footer.razor.rz.scp.css */
.footer-main[b-2acuz37hok] {
    width: 100%;
    height: fit-content;
    padding-block: 50px;
    background: var(--bramcke-dark-blue);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.footer-top[b-2acuz37hok] {
    width:80%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:start;
    gap:20px;
}

.footer-column[b-2acuz37hok] {
    display:flex;
    flex-direction:column;
    justify-content:start;
    align-items:start;
    gap:5px;
    color:#fff;
    width:100%;
}

.footer-title[b-2acuz37hok] {
    font-weight:bold;
}
.company-logo[b-2acuz37hok] {
    width:190px;
}

a[b-2acuz37hok] {
    color: var(--bramcke-green);
    text-decoration: none;
}
[b-2acuz37hok] .rz-form-field.rz-variant-text .rz-form-field-content:after {
    display:none;
}
[b-2acuz37hok] .rz-textbox {
    color: #fff;
}
[b-2acuz37hok] .rz-form-field-label {
    color:#fff !important;
}

.email-input[b-2acuz37hok] {
    display:flex;
    flex-direction:row;
    align-items:end;
    border-bottom:2px solid #fff;
    width:100%;
}

.check-boxes[b-2acuz37hok] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-block: 10px;
}

.check-box[b-2acuz37hok] {
    display:flex;
    flex-direction:row;
    font-size:12px;
    align-items:center;
}

.footer-bottom[b-2acuz37hok] {
    display:flex;
    flex-direction:column;
    gap:10px;
    justify-content:center;
    align-items:center;
    border-top:1px solid #fff;
    width:80%;
}
.content[b-2acuz37hok] {
    display:flex;
    flex-direction:row;
    gap:10px;
}
.social[b-2acuz37hok] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.small-text[b-2acuz37hok] {
    font-size:16px;
    color:#fff;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .footer-top[b-2acuz37hok] {
    flex-direction:column;
    }
}
/* _content/WebShop/Components/Base/HomeButton/HomeButton.razor.rz.scp.css */
.home-btn[b-yqzin4s4mw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: fit-content;
    padding-inline: 20px;
    cursor: pointer;
    font-weight:bold;
}

    .home-btn:hover .top[b-yqzin4s4mw],
    .home-btn:hover .bottom[b-yqzin4s4mw] {
        background: var(--bramcke-green);
    }

    .home-btn span[b-yqzin4s4mw] {
        z-index: 1;
        white-space: nowrap;
        font-size: 16px;
    }

.bg[b-yqzin4s4mw] {
    position: absolute;
    width: 100%;
}

.top[b-yqzin4s4mw],
.bottom[b-yqzin4s4mw] {
    background: var(--bramcke-light-gray);
    height: 15px;
    transition: all 200ms linear;
}

.top[b-yqzin4s4mw] {
    transform: skew(-40deg);
}

.bottom[b-yqzin4s4mw] {
    transform: skew(40deg);
}

.home-btn-mobile[b-yqzin4s4mw] {
    width:fit-content;
    aspect-ratio:1;
    box-shadow: 0px 0px 6px #808080;
    border-radius:50%;
    padding:5px;
    background:#fff;
}
/* _content/WebShop/Components/Base/IndexMenuItem/IndexMenuItem.razor.rz.scp.css */
.index-menu-item[b-c3wcre6dyi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    background: #fff;
    cursor: pointer;
    width: 100%;
    height: 70px;
    text-align: start;
    font-size: 24px;
    border-bottom: 2px solid var(--bramcke-light-gray);
    transition: all 200ms linear;
    gap: 10px;
    position: relative
}

    .index-menu-item .icon[b-c3wcre6dyi], .index-menu-item .arrow[b-c3wcre6dyi] {
        transition: all 100ms ease-out;
        width: 30px;
    }

    .index-menu-item .arrow[b-c3wcre6dyi] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        right: 40px;
        opacity: 0;
    }

    .index-menu-item span[b-c3wcre6dyi] {
        transition: all 100ms ease-out;
    }

    .index-menu-item:hover[b-c3wcre6dyi] {
        background: var(--bramcke-green);
    }

        .index-menu-item:hover .icon[b-c3wcre6dyi],
        .index-menu-item:hover span[b-c3wcre6dyi] {
            transform: translateX(20px);
        }

        .index-menu-item:hover .arrow[b-c3wcre6dyi] {
            opacity: 1;
            right: 10px;
        }

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .index-menu-item span[b-c3wcre6dyi] {
        font-size: 17px;
    }
    .index-menu-item:hover[b-c3wcre6dyi] {
        background: #fff;
    }

        .index-menu-item:hover .icon[b-c3wcre6dyi],
        .index-menu-item:hover span[b-c3wcre6dyi] {
            transform: translateX(0px);
        }

        .index-menu-item:hover .arrow[b-c3wcre6dyi] {
            opacity: 0;
            right: 0px;
        }

}
/* _content/WebShop/Components/Base/IndexMenuItem/IndexMenuItemMobile.razor.rz.scp.css */
.index-menu-item[b-nuvrojrdqa] {
    all: unset;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 15px;
    background-color: #fff;
}

    .index-menu-item:hover[b-nuvrojrdqa] {
        background: #fff;
    }

        .index-menu-item:hover .icon[b-nuvrojrdqa],
        .index-menu-item:hover span[b-nuvrojrdqa] {
            transform: translateX(0px);
        }

        .index-menu-item:hover .arrow[b-nuvrojrdqa] {
            opacity: 0;
            right: 0px;
        }

    .index-menu-item .icon[b-nuvrojrdqa] {
        width: 60px;
    }

    .index-menu-item span[b-nuvrojrdqa] {
        text-align: center;
    }
/* _content/WebShop/Components/Base/InvoiceItem/InvoiceItem.razor.rz.scp.css */
.prod-img-name[b-dgsrnz06kz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.invoice-item-holder[b-dgsrnz06kz] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    width: 100%;
    place-items: center;
    padding-block: 10px;
    border-bottom: 1px solid #efefef;
}

.prod-img[b-dgsrnz06kz] {
    width: 80px;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .invoice-item-mobile[b-dgsrnz06kz] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: start;
        border-bottom: 1px solid #efefef;
        padding-block:10px;
    }

    .top-section[b-dgsrnz06kz] {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: start;
    }

    .mid-section[b-dgsrnz06kz] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .data-row[b-dgsrnz06kz] {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}
/* _content/WebShop/Components/Base/LanguageSelector/LanguageSelector.razor.rz.scp.css */
.lang-selector-container[b-2zlnm4scyh] {
    display: inline-block;
    color: black;
    background: var(--bramcke-light-gray);
    border-radius: 100%;
}

    .lang-selector-container:hover .lang-dropdown[b-2zlnm4scyh] {
        background: var(--bramcke-green);
    }

.lang-dropdown[b-2zlnm4scyh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    font-size: 16px;
    color: #000;
    width: 50px;
    aspect-ratio: 1;
    border-radius: 100%;
    transition: all 200ms linear;
}

    .lang-dropdown[b-2zlnm4scyh]  img {
        transform: rotate(90deg) translateX(-2px);
    }

.selected-lang-flag[b-2zlnm4scyh] {
    width: 25px;
    transform: rotate(0deg) !important;
}

.lang-selector-container:hover .options[b-2zlnm4scyh] {
    visibility: visible;
    opacity: 1;
    transform: translateX(-33%) translateY(15px);
}


.options[b-2zlnm4scyh] {
    visibility: hidden;
    width: 150px;
    opacity: 0;
    position: absolute;
    box-shadow: 0px 8px 16px 7px rgba(79, 83, 94,0.2);
    z-index: 1000;
    transform: translateX(-33%) translateY(20px);
    transition: all 100ms ease-in;
    border-radius: 10px;
}

    .options[b-2zlnm4scyh]::after {
        content: "";
        position: absolute;
        top: -20px;
        right: 50%;
        transform: translateX(50%) rotate(-90deg);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 11px solid var(--bramcke-green);
    }


    .options div[b-2zlnm4scyh] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        color: var(--bramcke-dark-blue);
        padding: 10px 15px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        transition: all 200ms ease-in;
        gap: 10px;
        font-weight: bold;
    }

        .options div:first-child[b-2zlnm4scyh] {
            border-radius: 10px 10px 0 0;
        }

        .options div:last-child[b-2zlnm4scyh] {
            border-radius: 0 0 10px 10px;
        }

        .options div img[b-2zlnm4scyh] {
            width: 20px;
        }

        .options div:hover[b-2zlnm4scyh] {
            background-color: var(--bramcke-green);
        }

.active[b-2zlnm4scyh] {
    background-color: var(--bramcke-green) !important;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .lang-option span[b-2zlnm4scyh] {
        display: none;
    }

    .options[b-2zlnm4scyh] {
        width:50px;
    }
    .lang-selector-container:hover .options[b-2zlnm4scyh] {
        visibility: visible;
        opacity: 1;
        transform: translateX(0%) translateY(15px);
    }
}
/* _content/WebShop/Components/Base/MonitoringButton/MonitoringButton.razor.rz.scp.css */
.monitoring-checkbox-container[b-d06w53w5u0] {
    width: fit-content;
}
.monitoring-label[b-d06w53w5u0] {
    height:fit-content;
}
.monitoring-img[b-d06w53w5u0] {
    border-radius: 100px;
    background: #fff;
    transition: all 200ms linear;
    padding: 7px;
    cursor: pointer;
}

    .monitoring-img:hover[b-d06w53w5u0] {
        background: var(--bramcke-green);
    }

.active .monitoring-img[b-d06w53w5u0] {
    background: var(--bramcke-green);
}

.active .monitoring-img:hover[b-d06w53w5u0] {
    background: #fff;
}
[b-d06w53w5u0] .tooltip {
    width:0;
    z-index:-20 !important;
}
/* _content/WebShop/Components/Base/OrderSummary/OrderSummary.razor.rz.scp.css */
.order-full-price[b-u92szr0d3e] {
    display:flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
    justify-content: start;
    width: 100%;
}

table[b-u92szr0d3e] {
    width:100%;
}

.price-row[b-u92szr0d3e] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid rgb(128, 128, 128,0.5);
}

.price-name[b-u92szr0d3e] {
    font-weight: bold;
    color: var(--bramcke-dark-blue);
}
/* _content/WebShop/Components/Base/PackagingInputs/PackagingInputs.razor.rz.scp.css */
.q-selector-section[b-8bjc9548ed] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.q-selector-row[b-8bjc9548ed] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.q-selector-text[b-8bjc9548ed] {
    font-weight: bold;
    color: var(--bramcke-dark-blue);
    white-space: nowrap;
}
.q-input-section[b-8bjc9548ed] {
    display:flex;
    flex-direction:row;
    align-items:center;
    align-self:end;

}

.unit-text[b-8bjc9548ed] {
    font-weight: bold;
    color: var(--bramcke-dark-blue);
    font-size: 16px;
}

.compact-q-selector-section[b-8bjc9548ed] {
    display:flex;
    flex-direction:column;
    align-items:end;
    width:100%;
    gap:10px;
}

.row-selectors[b-8bjc9548ed] {
    display: flex;
    flex-direction: row;
    align-items:start;
    gap:10px;
    justify-content:end;
}
.compact-q-selector-text[b-8bjc9548ed] {
    text-align:center;
    font-size: 14px;
    white-space: nowrap;
}
.compact-q-selector-row[b-8bjc9548ed] {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap:5px;
    
}
.compact-q-input-section[b-8bjc9548ed] {
    width:100%;
}
/* _content/WebShop/Components/Base/PreparedOrderItemMobile/PreparedOrderItemMobile.razor.rz.scp.css */
.mobile-prep-item[b-at6kha1qhy] {
    padding: 10px 20px;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 15px;
    box-shadow: 0px 0px 6px 3px #efefef;
}
.top-section[b-at6kha1qhy] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}
.mid-section[b-at6kha1qhy] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 5px;
}

.bottom-section[b-at6kha1qhy], .data-row[b-at6kha1qhy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* _content/WebShop/Components/Base/ProcessingOrderItemMobile/ProcessingOrderItemMobile.razor.rz.scp.css */
.processing-order-item[b-n7dftmb2g9] {
    box-shadow: 0px 0px 6px 3px #efefef;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    background: #fff;
}
.processing-order-data[b-n7dftmb2g9] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.view-btn[b-n7dftmb2g9] {
    align-self: end;
}
/* _content/WebShop/Components/Base/ProductBadge/ProductBadge.razor.rz.scp.css */
.badge-item[b-4fvjhnh032] {
    background:green;
    font-weight:bold;
    font-size:16px;
    padding:5px;
    color:#fff;
    border-radius:10px;
    cursor:default;
    text-align:center;
    min-width:35px;
}

/* _content/WebShop/Components/Base/ProductData/ProductDataList.razor.rz.scp.css */
.p-data-section[b-0e3i47t265] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:20px;
}

.p-data-title[b-0e3i47t265] {
    font-weight: bold;
    font-size: 24px;
}

.accordion-container[b-0e3i47t265] {
    display:flex;
    flex-direction:row;
    gap:20px;
}

[b-0e3i47t265] .accordion-body {
    padding:0 !important;
}
[b-0e3i47t265] .accordion-button{
    font-weight:bold;
    font-size:18px;
}

[b-0e3i47t265] .accordion-button:hover {
    background:#222853 !important;
    color:#fff;
}

[b-0e3i47t265] .accordion-button:not(.collapsed) {
    background:#fff;
}
[b-0e3i47t265] .accordion-button:focus {
    box-shadow:none;
}

[b-0e3i47t265] .accordion-button:after {
    content: "\f282" !important;
    font-family: bootstrap-icons !important;
    background-image:none !important;
}
/* _content/WebShop/Components/Base/ProductData/ProductDataSection.razor.rz.scp.css */
.p-data-part[b-q0gn0ybjlc] {
    display: flex;
    flex-direction: column;
}

.p-data-type[b-q0gn0ybjlc] {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 2px solid var(--bramcke-light-gray);
    padding: 15px;
    cursor: pointer;
    width: 100%;
}

.p-data-row[b-q0gn0ybjlc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
}

    .p-data-row:nth-child(odd)[b-q0gn0ybjlc] {
        background: var(--bramcke-light-gray);
    }
.p-data-value[b-q0gn0ybjlc] {
    text-align:left;
}
.link[b-q0gn0ybjlc] {
    cursor:pointer;
    color:blue;
}
/* _content/WebShop/Components/Base/ProductDetails/ProductDetails.razor.rz.scp.css */
.detail-labels-container[b-joytoeospu] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    gap: 5px;
}

.column-direction[b-joytoeospu] {
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.row-direction[b-joytoeospu] {
    flex-direction: row;
    justify-content: center;
}

.element[b-joytoeospu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* _content/WebShop/Components/Base/PromotionItem/PromotionItem.razor.rz.scp.css */
.promo-item[b-8pkp96lu5n] {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    padding: 10px;
    box-shadow: rgb(196, 196, 196) 0px 0px 7px 1px;
    transition: all 200ms linear;
}

    .promo-item:hover[b-8pkp96lu5n] {
        box-shadow: 0px 0px 7px 1px var(--bramcke-dark-blue);
    }

.added-promo-item[b-8pkp96lu5n] {
    box-shadow: 0px 0px 7px 1px var(--bramcke-dark-blue);
}

.top-part[b-8pkp96lu5n] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.promo-checkbox[b-8pkp96lu5n] {
    border-radius: 10px;
    width: 30px;
    aspect-ratio: 1;
    box-shadow: 0px 0px 7px 1px rgb(196, 196, 196);
    transition: all 200ms linear;
}

    .promo-checkbox:hover[b-8pkp96lu5n] {
        box-shadow: 0px 0px 7px 1px var(--bramcke-green);
    }

.added-promo[b-8pkp96lu5n] {
    background: var(--bramcke-green);
}

.promo-present-holder[b-8pkp96lu5n] {
}

.promo-type[b-8pkp96lu5n] {
    font-weight:bold;
}

.product-present-with-name[b-8pkp96lu5n] {
}

.active[b-8pkp96lu5n] {
}

.promo-present-holder[b-8pkp96lu5n] {
}

.promo-type[b-8pkp96lu5n] {
}

.bottom-part[b-8pkp96lu5n] {
    font-weight:bold;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:5px;
}
/* _content/WebShop/Components/Base/QuantityInput/QuantityInput.razor.rz.scp.css */
.q-input[b-kdknv7mtiz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 8px;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px -2px #808080;
    background: #fff;
    min-width: 40px;
}

.q-input-btn[b-kdknv7mtiz] {
    cursor: pointer;
    background: var(--bramcke-light-gray);
    border-radius: 5px;
    transition: all 50ms linear;
}

    .q-input-btn:active[b-kdknv7mtiz] {
        background: var(--bramcke-green);
    }

.value[b-kdknv7mtiz] {
    font-weight: bold;
}
/* _content/WebShop/Components/Base/RecomendedOrderListItem/RecomendedOrderListItem.razor.rz.scp.css */
.opener[b-fvlyjxdbd2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: var(--bramcke-dark-blue);
    color: #fff;
    padding-block: 10px;
    padding-inline: 20px;
    cursor: pointer;
}

.rounded[b-fvlyjxdbd2] {
    border-radius: 15px !important;
}

.half-rounded[b-fvlyjxdbd2] {
    border-radius: 15px 15px 0 0;
}

.opener:hover[b-fvlyjxdbd2] {
    filter: brightness(1.3);
}

.details[b-fvlyjxdbd2] {
    box-shadow: 0px 8px 16px 7px rgba(79, 83, 94,0.2);
    padding:10px;
    border-radius:0 0 15px 15px
}

.action-buttons[b-fvlyjxdbd2] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}


@media only screen and (max-width : 667px) {
    .action-buttons[b-fvlyjxdbd2] {
        flex-wrap: wrap;
    }
}
/* _content/WebShop/Components/Base/SearchField/SearchField.razor.rz.scp.css */
.product-search[b-vk2lip4j33] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.search-field[b-vk2lip4j33] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 2px solid rgba(128,128,128,0.5);
    padding-inline: 10px;
    transition: all 200ms linear;
}

.input-field[b-vk2lip4j33] {
    border: none;
    outline: none;
    width: 100%;
    font-size: 18px;
    padding-block: 4px;
}
.search-icon[b-vk2lip4j33] {
    cursor:pointer;
}
.filtered-products-list[b-vk2lip4j33] {
    display: none;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    height: fit-content;
    position: absolute;
    top: 44px;
    z-index: 3;
    background: #fff;
    overflow-y: auto;
    transform: translateY(10px);
    scrollbar-width: thin;
    scrollbar-color: var(--bramcke-dark-blue) #eee;
}

    .filtered-products-list[b-vk2lip4j33]::-webkit-scrollbar {
        width: 10px;
    }

    .filtered-products-list[b-vk2lip4j33]::-webkit-scrollbar-track {
        background: #eee;
    }

    .filtered-products-list[b-vk2lip4j33]::-webkit-scrollbar-thumb {
        background: var(--bramcke-dark-blue);
    }

        .filtered-products-list[b-vk2lip4j33]::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .filtered-products-list[b-vk2lip4j33]::-webkit-scrollbar-button {
        display: none;
    }

.no-product[b-vk2lip4j33] {
    font-weight:bold;
    padding-inline:20px;
    width:100%;
    text-align:center;
}
.product-search:focus-within .filtered-products-list[b-vk2lip4j33] {
    display: flex !important;
}
.product-search:focus-within .search-field[b-vk2lip4j33] {
    border-bottom-color: var(--bramcke-dark-blue);
}


.search-list-item[b-vk2lip4j33] {
    text-decoration: none;
    color: var(--bramcke-dark-blue);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 15px;
    font-weight: bold;
    cursor: pointer;
    padding-inline: 10px;
    padding-bottom: 7px;
    transition: all 200ms linear;
    position: relative;
}

.underline[b-vk2lip4j33] {
    width: 0;
    height: 5px;
    background: var(--bramcke-green);
    position: absolute;
    bottom: 0;
    transition: all 200ms linear;
}

.search-list-item:hover .underline[b-vk2lip4j33] {
    width: 98%;
}

.search-list-item img[b-vk2lip4j33] {
    height: 70px;
    aspect-ratio: 1;
    object-fit: contain;
}

.more-product[b-vk2lip4j33] {
    background: var(--bramcke-dark-blue);
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    transition: all 200ms;
    text-decoration: none;
}

    .more-product:hover[b-vk2lip4j33] {
        color: var(--bramcke-dark-blue);
        background: var(--bramcke-green);
    }
/* _content/WebShop/Components/Base/StockIndicator/StockIndicator.razor.rz.scp.css */
.stock-holder[b-qawz4qhd0l] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:5px;
    align-items: center;
}

    .stock-holder .icon[b-qawz4qhd0l] {
        width: fit-content;
    }

        .stock-holder .icon img[b-qawz4qhd0l] {
            height: 30px;
            object-fit: contain;
            border-radius: 0;
        }

    .stock-holder .text[b-qawz4qhd0l] {
        padding: 0 .5em;
        padding-bottom: 0;
        text-align: center;
        font-size: 10px;
    }

.current-stock[b-qawz4qhd0l] {
    font-size: 10px;
    text-align: center;
}

.stock-bottom-text[b-qawz4qhd0l] {
    color: var(--bramcke-dark-blue);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .stock-holder[b-qawz4qhd0l] {
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }

    .stock-bottom-text[b-qawz4qhd0l] {
        font-size: 12px;
    }
}
/* _content/WebShop/Components/CustomerSelector/CustomerSelector.razor.rz.scp.css */
.customer-selector-container[b-2cews8nsvw] {
    display: inline-block;
    color: black;
    background: var(--bramcke-light-gray);
    border-radius:7px;
}

    .customer-selector-container:hover .customer-dropdown[b-2cews8nsvw] {
        background: var(--bramcke-green);
    }

.customer-dropdown[b-2cews8nsvw] {
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding-block:5px;
    padding-inline:10px;
    gap: 5px;
    cursor: pointer;
    font-size: 16px;
    color: #000;
    width: fit-content;
    transition: all 200ms linear;
    border-radius:7px;
    white-space:nowrap;
}


.customer-selector-container:hover .options[b-2cews8nsvw] {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%) translateY(15px);
}


.options[b-2cews8nsvw] {
    width:fit-content;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    box-shadow: 0px 8px 16px 7px rgba(79, 83, 94,0.2);
    z-index: 1000;
    transform: translateX(0%) translateY(20px);
    transition: all 100ms ease-in;
    border-radius: 10px;
}

    .options[b-2cews8nsvw]::after {
        content: "";
        position: absolute;
        top: -20px;
        right: 50%;
        transform: translateX(50%) rotate(-90deg);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 11px solid var(--bramcke-green);
    }


    .options div[b-2cews8nsvw] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        color: var(--bramcke-dark-blue);
        padding: 10px 15px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        transition: all 200ms ease-in;
        gap: 10px;
        font-weight: bold;
    }

        .options div:first-child[b-2cews8nsvw] {
            border-radius: 10px 10px 0 0;
        }

        .options div:last-child[b-2cews8nsvw] {
            border-radius: 0 0 10px 10px;
        }

        .options div:hover[b-2cews8nsvw] {
            background-color: var(--bramcke-green);
        }

.active[b-2cews8nsvw] {
    background-color: var(--bramcke-green) !important;
}
/* _content/WebShop/Components/DetailedOrderList/DetailedOrderList.razor.rz.scp.css */
.detailed-list-container[b-3maj4ano08] {
    display: flex;
    flex-direction: column;
}
.must-remove-text[b-3maj4ano08] {
    text-align:center;
    color:red;
    padding-block:10px;
}
.detailed-list-title[b-3maj4ano08] {
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 28px;
    width: 100%;
    text-align: center;
}

.table-body[b-3maj4ano08] {
    display:flex;
    flex-direction:column;
    gap:30px;
}
.conf-buttons[b-3maj4ano08] {
    display:flex;
    flex-direction:row;
    gap:15px;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .table-header[b-3maj4ano08] {
        display:none;
    }
}
/* _content/WebShop/Components/FreeDeliveryGoal/FreeDeliveryGoal.razor.rz.scp.css */
.free-delivery-goal[b-8gtfa33ugj] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: start;
    align-items: center;
    padding: 20px;
    box-shadow: 0px 0px 7px 1px rgb(196, 196, 196);
    width: 100%;
    border-radius: 15px;
    background: #fff;
    position:relative;
}

.title[b-8gtfa33ugj] {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
}

.condition-item[b-8gtfa33ugj] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cond-name[b-8gtfa33ugj] {
    font-weight: bold;
}

.bar[b-8gtfa33ugj] {
    width: 100%;
    background: #efefef;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.value[b-8gtfa33ugj] {
    color:var(--bramcke-dark-blue);
    z-index: 1;
}

.price-progress[b-8gtfa33ugj] {
    position: absolute;
    height: 100%;
    background: #a9eed1;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 50px;
    transition: all 100ms linear;
}

.text[b-8gtfa33ugj] {
    font-weight: bold;
    text-align: center;
}
.icon[b-8gtfa33ugj] {
    position: absolute;
    opacity: 0.1;
    z-index: 0;
    top:0;
    right:0;
}
/* _content/WebShop/Components/GroupCards/BasicGroupCard/GroupCard.razor.rz.scp.css */
.group-card[b-zol7kcacwm] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    height: fit-content;
    box-shadow: rgb(196, 196, 196) 0px 0px 7px 1px;
    background:#fff;
}

.top-section[b-zol7kcacwm] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
    gap: 5px;
    transition: all 200ms linear;
    position: relative;
    padding: 10px;
    overflow: hidden;
    height: 50px;
    font-weight: bold;
    background: var(--bramcke-light-gray);
}

.child-groups[b-zol7kcacwm] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 5px;
}

    .child-groups div[b-zol7kcacwm] {
        cursor: pointer;
        width: fit-content;
        max-width:100%;
        position: relative;
        color: var(--bramcke-dark-blue);
        transition: all 200ms linear;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

        .child-groups div span[b-zol7kcacwm] {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 3px;
            width: 0px;
            transition: all 200ms linear;
            background: var(--bramcke-dark-blue);
        }

        .child-groups div:hover[b-zol7kcacwm] {
            text-shadow: 1px 0 0 var(--bramcke-dark-blue);
        }

        .child-groups div:hover span[b-zol7kcacwm] {
            width: 100%;
        }

.underline[b-zol7kcacwm] {
    height: 0px;
    width: 100%;
    background: var(--bramcke-dark-blue);
    transition: all 200ms cubic-bezier(.28,-0.02,0,.99);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.group-card:hover .group-name[b-zol7kcacwm],
.group-card:hover .p-count[b-zol7kcacwm] {
    color: #fff;
}

.group-card:hover .underline[b-zol7kcacwm] {
    height: 100%;
}

.group-img[b-zol7kcacwm] {
    height: 60px;
}

.group-name[b-zol7kcacwm] {
    font-size: 18px;
    transition: all 200ms linear;
    font-weight: bold;
    white-space: nowrap;
    transition: all 200ms linear;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
}

.p-count[b-zol7kcacwm] {
    z-index: 1;
    transition: all 200ms linear;
}

.group-count[b-zol7kcacwm] {
    opacity: 0;
    transition: all 200ms linear;
}


@media only screen and (max-width : 667px) {
    .group-card[b-zol7kcacwm] {
        width:100% !important;
    }
}
/* _content/WebShop/Components/GroupCards/MobileGroupCard/MobileGroupCard.razor.rz.scp.css */
.group-card[b-r019cqonua] {
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;
    justify-content:center;
    width:100px;
    aspect-ratio:1;
    background:#fff;
    border-radius:20px;
}

.group-card img[b-r019cqonua]{
    width:40px;
}

.group-name[b-r019cqonua] {
    color:var(--bramcke-dark-blue);
    font-weight:bold;
    width:60%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    text-align:center;
    max-width:140px;
}



/* _content/WebShop/Components/IncommingStockInformation/IncommingStockInformation.razor.rz.scp.css */
.product-stock-info[b-lu43f167c4] {
    display:flex;
    flex-direction:column;
    width:100%;
}
    .product-stock-info > *:nth-child(2n)[b-lu43f167c4] {
        background: var(--bramcke-light-gray);
    }

.title[b-lu43f167c4] {
    font-weight:bold;
    font-size:20px;
}

.info[b-lu43f167c4]{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:5px;
}

.value-container[b-lu43f167c4] {
    display:flex;
    flex-direction:column;
}
    .value-container .value[b-lu43f167c4] {
        display: flex;
        justify-content: space-between;
        gap:5px;
    }
/* _content/WebShop/Components/InvoiceList/InvoiceList.razor.rz.scp.css */
.invoice-item-list[b-fw3tan5egf] {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
}
.list-title[b-fw3tan5egf] {
    font-size:24px;
}
.invoice-item-header[b-fw3tan5egf] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    width: 100%;
    place-items: center;
    text-align: center;
}

.invoice-product-list[b-fw3tan5egf] {
    width:100%;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .invoice-item-header[b-fw3tan5egf] {
        display:none;
    }
}
/* _content/WebShop/Components/OrderImport/OrderImport.razor.rz.scp.css */
.order-import-btn[b-15bgpiecdv] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bramcke-dark-blue);
    width:40px;
    aspect-ratio: 1;
    border-radius: 7px;
    cursor: pointer;
    transition: all 200ms linear;
}
    .order-import-btn:hover[b-15bgpiecdv] {
        background-color: #404c99;
    }
.import-dialog-body[b-15bgpiecdv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
[b-15bgpiecdv] .rz-fileupload-buttonbar {
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-15bgpiecdv] .rz-fileupload-content {
    font-size: 18px;
}

[b-15bgpiecdv] .rz-fileupload-row {
    margin: 0px !important;
}

.picker-title[b-15bgpiecdv] {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: lighter;
}

.column-picker[b-15bgpiecdv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 10px;
    font-size: 18px;
    font-weight: lighter;
}

.column-data-setter[b-15bgpiecdv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.data-name[b-15bgpiecdv] {
}

.action-btns[b-15bgpiecdv] {
    display:flex;
    flex-direction:row;
    gap:20px;
    align-items:center;
    justify-content:center;
    width:100%;
}

.not-imported-text[b-15bgpiecdv] {
    font-size: 18px;
}
.not-imported-products[b-15bgpiecdv] {
    display:flex;
    flex-direction:column;
    align-items:center;
}
.not-imported-item[b-15bgpiecdv] {
    display:flex;
    flex-direction:row;
    justify-content:start;
    align-items:center;
    gap:20px;
    width:80%;
}
.not-imported-item img[b-15bgpiecdv]{
    width:150px;
}
.not-imported-name[b-15bgpiecdv] {
    
}
.import-dialog-footer[b-15bgpiecdv] {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

.new-order-dialog[b-15bgpiecdv] {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:10px;
}
/* _content/WebShop/Components/OrderList/OrderList.razor.rz.scp.css */
.order-list[b-39dz2qi0cb] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}

.must-remove-text[b-39dz2qi0cb] {
    text-align: center;
    color: red;
}

.products-title[b-39dz2qi0cb] {
    font-weight: bold;
    font-size: 22px;
    align-self: center;
    color: var(--bramcke-dark-blue);
}


.order-item[b-39dz2qi0cb] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    padding: 10px;
}
    .order-item:not(:last-child)[b-39dz2qi0cb] {
        border-bottom: 2px solid rgba(128, 128, 128,0.3);
    }
.order-item-top[b-39dz2qi0cb] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.p-name-tkod[b-39dz2qi0cb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.badge-list[b-39dz2qi0cb] {
    display:flex;
    flex-direction:row;
    gap:5px;
}
.item-name-and-delete[b-39dz2qi0cb] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.delete-item[b-39dz2qi0cb] {
    cursor: pointer;
    aspect-ratio: 1;
    height: 30px;
}


.price-and-quantity[b-39dz2qi0cb] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows:;
    grid-column-gap: 10px;
    grid-row-gap: 6px;
    place-items: start;
}

    .price-and-quantity span[b-39dz2qi0cb] {
        width: 100%;
    }

    .price-and-quantity :nth-child(2n)[b-39dz2qi0cb] {
        text-align: right;
    }

.data-name[b-39dz2qi0cb] {
    white-space: nowrap;
    font-weight: bold;
    color: var(--bramcke-dark-blue);
}


.order-quantity[b-39dz2qi0cb] {
    width: 100%;
    grid-area: 3 / 1 / 4 / 3;
}

.order-item img[b-39dz2qi0cb] {
    height: 70px;
    aspect-ratio: 1;
    object-fit: contain;
}

.order-item-name[b-39dz2qi0cb] {
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: var(--bramcke-dark-blue);
}

.red-text[b-39dz2qi0cb] {
    color: red;
}

.dialog-body[b-39dz2qi0cb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    font-weight: lighter;
    margin-top: 20px;
}

.dialog-buttons[b-39dz2qi0cb] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
/* _content/WebShop/Components/PasswordChanger/PasswordChanger.razor.rz.scp.css */
.password-changer[b-dyzty6896z] {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:10px;
    width:400px;
    padding-inline:40px;
}
.password-change-title[b-dyzty6896z] {
    font-weight: bold;
    font-size: 28px;
}
.password-change-sub-title[b-dyzty6896z] {
    text-align:center;
    font-size:14px;
}
.input-fields[b-dyzty6896z] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.change-button[b-dyzty6896z] {
    border: none;
    border-radius: 5px;
    background: #222952;
    width: fit-content;
    padding-inline: 10px;
    padding-block: 5px;
    color: white;
    align-self: center;
    margin-top: 20px;
    font-weight:bold;
}

.notvalid[b-dyzty6896z] {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed !important;
}

.doesnt-match[b-dyzty6896z] {
    color: red;
}

.pass-check[b-dyzty6896z] {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .password-changer[b-dyzty6896z] {
        padding:0;
        width:100%;
    }
}
/* _content/WebShop/Components/ProductBadgeList/ProductBadgeList.razor.rz.scp.css */
.horizontal[b-5chz8somef] {
    display:flex;
    flex-direction:row;
    gap:5px;
}


.vertical[b-5chz8somef] {
    display: flex;
    flex-direction: column;
    gap:5px;
}
/* _content/WebShop/Components/ProductCards/CompactCard/CompactCard.razor.rz.scp.css */
.bbmcpc-main[b-f1g64vgsnv] {
    display: flex;
    flex-direction: column;
    overflow: visible;
    border-radius: 10px;
    justify-content: space-between;
    width: 270px;
    height: 210px;
    background-color: #fff;
    border-radius: 18px;
    box-shadow: 0px 0px 6px #00000029;
}

.top-side[b-f1g64vgsnv] {
    display: flex;
    flex-direction: row;
    padding: 10px;
    gap: 5px;
}

.img-eflag[b-f1g64vgsnv] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    position: relative;
    cursor: pointer;
}

.exchange-flag[b-f1g64vgsnv] {
    position:absolute;
    top:0;
    right:0;
    width:70% !important;
    z-index:0;
}

.eflag-holder[b-f1g64vgsnv] {
    position: absolute;
    top: 0;
    right: 0;
    z-index:0;
}

.img-eflag img[b-f1g64vgsnv] {
    height: 70px;
    width: 70px;
    object-fit: contain;
}

.p-info-section[b-f1g64vgsnv] {
    display: flex;
    flex-direction: column;
    width: 180px;
    position: relative;
}

.p-name[b-f1g64vgsnv] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

    .p-name + .tooltip[b-f1g64vgsnv] {
        position: absolute;
        bottom: 110%;
        left: -45%;
        width: 270px;
        padding: .3em .7em;
        color: #fff;
        background-color: var(--bramcke-light-blue);
        border-radius: 5px;
        text-align: center;
        opacity: 0;
        transition: opacity 200ms;
    }

        .p-name + .tooltip[b-f1g64vgsnv]::after {
            content: " ";
            position: absolute;
            bottom: -20%;
            right: 50%; /* To the right of the tooltip */
            margin-top: -7px;
            border-width: 5px;
            border-style: solid;
            border-color: var(--bramcke-light-blue) transparent transparent transparent;
        }

.old-price[b-f1g64vgsnv] {
    text-decoration: line-through;
}

.basic-price[b-f1g64vgsnv] {
    font-weight: bold;
    white-space: nowrap
}

.price[b-f1g64vgsnv] {
    color: var(--bramcke-light-blue);
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 10px;
}

.bottom-side[b-f1g64vgsnv] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background: var(--bramcke-dark-blue);
    border-radius: 0 0 18px 18px;
    overflow: hidden;
}

.splitter[b-f1g64vgsnv] {
    width: 2px;
    height: 100%;
    background: #fff;
}

.action-btn[b-f1g64vgsnv] {
    border: none;
    background-color: transparent;
    font-weight: bold;
    color: #fff;
    gap: 20px;
    cursor: pointer;
    transition: all 200ms linear;
    width: 100%;
    padding: 5px;
    position: relative;
}

    .action-btn:hover[b-f1g64vgsnv] {
        background-color: var(--bramcke-green);
        color: #000;
    }

    .action-btn:disabled[b-f1g64vgsnv] {
        cursor: not-allowed;
    }

.hidden[b-f1g64vgsnv] {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 200ms ease, transform 200ms ease;
}

.preview-holder[b-f1g64vgsnv] {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
    width: 1500px;
    height: fit-content;
    background: #fff;
    position: fixed;
    box-shadow: 0px 0px 10px -1px #dcddde;
    padding: 15px;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 20;
}

.pre[b-f1g64vgsnv] {
    border-radius: 0 0 0 18px;
}

.addc[b-f1g64vgsnv] {
    border-radius: 0 0 18px 0;
}

.action-btn:disabled .tooltip[b-f1g64vgsnv] {
    position: absolute;
    bottom: 110%;
    left: 25%;
    width: fit-content;
    padding: .3em .7em;
    color: #fff;
    background-color: var(--bramcke-light-blue);
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    opacity: 0;
    transition: opacity 200ms;
}

    .action-btn:disabled .tooltip[b-f1g64vgsnv]::after {
        content: " ";
        position: absolute;
        top: 110%;
        right: 50%; /* To the right of the tooltip */
        margin-top: -7px;
        border-width: 5px;
        border-style: solid;
        border-color: var(--bramcke-light-blue) transparent transparent transparent;
    }

.bbmcpc-main:hover .p-info-section .tooltip[b-f1g64vgsnv],
.action-btn:disabled:hover:disabled .tooltip[b-f1g64vgsnv] {
    opacity: 1;
    display: block;
}
/* _content/WebShop/Components/ProductCards/ListCardMobile/ListCardMobile.razor.rz.scp.css */
.pcard-mobile[b-mnff1nm0bn] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 15px;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    gap:10px;
}

.left-side[b-mnff1nm0bn] {
    position:relative;
    width:fit-content;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.exchange-flag[b-mnff1nm0bn] {
    position:absolute;
    top:0;
    right:0;
    width:60px;
}
.nrg-flag[b-mnff1nm0bn] {
    position:absolute;
    bottom:0;
    right:0;
}
.badges[b-mnff1nm0bn] {
    display:flex;
    flex-direction:column;
    gap:5px;
    position:absolute;
    top:0;
    left:0;
}
.p-image[b-mnff1nm0bn] {
    width: 150px;
    aspect-ratio: 1;
    object-fit: contain;
}

.right-side[b-mnff1nm0bn] {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:10px;
}
.p-name[b-mnff1nm0bn] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    max-height: calc(1.3em * 2);
    font-size: 13px;
    font-weight: bold;
    color: var(--bramcke-dark-blue);
}

.price-section[b-mnff1nm0bn] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.price-col[b-mnff1nm0bn] {
    display: flex;
    flex-direction: column;
}

.price-name[b-mnff1nm0bn] {
    font-weight: bold;
    font-size: 14px;
}

.basic-price[b-mnff1nm0bn],
.old-price[b-mnff1nm0bn] {
    font-size: 14px;
    color:var(--bramcke-light-blue);
}

.old-price[b-mnff1nm0bn] {
    text-decoration: line-through;
}

.bottom-section[b-mnff1nm0bn] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.cart-btn[b-mnff1nm0bn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--bramcke-dark-blue);
    border-radius: 100%;
    height: 40px;
    aspect-ratio: 1;
}
.slide-in-panel-header[b-mnff1nm0bn] {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    width:100%;
    gap: 15px;
}
.p-name-img[b-mnff1nm0bn] {
    display:flex;
    flex-direction:row;
    gap:10px;
}
.panel-p-image[b-mnff1nm0bn] {
    width: 70px;
    aspect-ratio: 1;
    object-fit: contain;
}
.panel-p-name[b-mnff1nm0bn] {
    font-size: 18px;
}
.close-icon[b-mnff1nm0bn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
}
/* _content/WebShop/Components/ProductCards/ListCard/ListCard.razor.rz.scp.css */
.product-card-list-view[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-shadow: 0 0 7px 1px rgba(196,196,196,1);
    border-radius: 15px;
    overflow: hidden;
    padding: 15px;
    background:#fff;
}

.left-side[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 20%;
}
.product-img[b-nmhg0tqlqk] {
    position: relative;
    width: 70%;
}
.exchange-flag[b-nmhg0tqlqk] {
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    width:40%;
}
.card-img[b-nmhg0tqlqk] {
    height: 200px;
    object-fit: contain;
}

.monitoring-btns[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.right-side[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 80%;
}

.nrg-flag[b-nmhg0tqlqk] {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.price-quantity[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}


.p-name[b-nmhg0tqlqk] {
    font-weight: bold;
    font-size: 22px;
    color: var(--bramcke-dark-blue);
    cursor: pointer;
}

.price-quantity[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.price[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: row;
    height: fit-content;
    align-items: center;
    color: var(--bramcke-dark-blue);
    font-size: 18px;
}

.basic-price[b-nmhg0tqlqk] {
    font-weight: bold;
}

.old-price[b-nmhg0tqlqk] {
    padding-left: 5px;
    font-size: 16px;
    font-weight: lighter;
    text-decoration: line-through;
}

.rs-bottom[b-nmhg0tqlqk] {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.badges-stock-cart[b-nmhg0tqlqk] {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px;
}
.badges[b-nmhg0tqlqk] {
    display:flex;
    flex-direction:row;
    gap:10px;
}
.compare-and-stock[b-nmhg0tqlqk] {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
}
.action-btns[b-nmhg0tqlqk] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
    .action-btns button[b-nmhg0tqlqk] {
        all: unset;
        cursor: pointer;
        padding: 10px 10px;
        background: var(--bramcke-dark-blue);
        font-weight: bold;
        color: #fff;
        border-radius: 10px;
        transition: all 300ms linear;
    }
        .action-btns button:hover[b-nmhg0tqlqk] {
            background: var(--bramcke-green);
            color: var(--bramcke-dark-blue);
        }


/* _content/WebShop/Components/ProductCards/ProductCardMobile/ProductCardMobile.razor.rz.scp.css */
.pcard-mobile[b-rcrccg4q7b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 15px;
    width: 180px;
    overflow: hidden;
    padding: 10px;
    height:100%;
}
.top-section[b-rcrccg4q7b] {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.exchange-flag[b-rcrccg4q7b] {
    position:absolute;
    top:0;
    right:0;
    width:80px;
}
.nrg-flag[b-rcrccg4q7b] {
    position: absolute;
    bottom: 0;
    right: 0;
}
.badges[b-rcrccg4q7b] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    top: 0;
    left: 0;
}
.p-image[b-rcrccg4q7b] {
    width: 140px;
    aspect-ratio: 1;
    object-fit: contain;
}

.p-name[b-rcrccg4q7b] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    max-height: calc(1.3em * 2);
    font-size: 13px;
    font-weight: bold;
    color: var(--bramcke-dark-blue);
    margin-bottom:10px;
}

.price-section[b-rcrccg4q7b] {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.price-col[b-rcrccg4q7b] {
    display: flex;
    flex-direction: column;
}

.price-name[b-rcrccg4q7b] {
    font-weight: bold;
    font-size: 14px;
}

.basic-price[b-rcrccg4q7b],
.old-price[b-rcrccg4q7b] {
    font-size: 14px;
    color: var(--bramcke-light-blue);
}

.old-price[b-rcrccg4q7b] {
    text-decoration:line-through;
}

.bottom-section[b-rcrccg4q7b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.cart-btn[b-rcrccg4q7b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--bramcke-dark-blue);
    border-radius: 100%;
    height: 40px;
    aspect-ratio: 1;
}
.slide-in-panel-header[b-rcrccg4q7b] {
    display:flex;
    flex-direction:row;
    align-items:start;
    justify-content:space-between;
    width:100%;
    gap:15px;
}
.p-name-img[b-rcrccg4q7b] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.panel-p-image[b-rcrccg4q7b] {
    width:70px;
    aspect-ratio:1;
    object-fit:contain;
}
.panel-p-name[b-rcrccg4q7b] {
    font-size:18px;
}
.close-icon[b-rcrccg4q7b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
}
/* _content/WebShop/Components/ProductCards/ProductCard/ProductCard.razor.rz.scp.css */
.bbpc-holder[b-uxfbag6b6d] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 270px;
    height: 410px;
    padding: 20px 15px;
    border-radius: 15px;
    box-shadow: 0 0 7px 1px rgba(196,196,196,1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    color: var(--bramcke-dark-blue);
    animation: rotate-in-b-uxfbag6b6d 300ms ease-in-out;
    background: #fff;
}

.nrg-flag[b-uxfbag6b6d],
.badges[b-uxfbag6b6d] {
    position: absolute;
    right: 2%;
    z-index: 1;
    transition: all 200ms linear;
}

.nrg-flag[b-uxfbag6b6d] {
    top: 7%;
}

.badges[b-uxfbag6b6d] {
    z-index: 1;
    left: 5%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: fit-content;
}

.p-name[b-uxfbag6b6d] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    max-height: calc(1.3em * 2);
}

.p-name[b-uxfbag6b6d],
.p-price-and-stock[b-uxfbag6b6d] {
    width: 100%;
    font-weight: bold;
    transition: all 200ms linear;
}

.p-price-and-stock[b-uxfbag6b6d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-price[b-uxfbag6b6d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--bramcke-dark-blue);
}

.old-price[b-uxfbag6b6d] {
    padding-left: 5px;
    font-size: 14px;
    font-weight: lighter;
    text-decoration: line-through;
}

.clickable-bg[b-uxfbag6b6d] {
    width: 100%;
    height: 100%;
    position: absolute;
}

.stock[b-uxfbag6b6d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .stock span[b-uxfbag6b6d] {
        font-size: 12px;
        font-weight: lighter !important;
        color: var(--bramcke-dark-blue);
        text-align: center;
    }

.p-data-list[b-uxfbag6b6d] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.overlay[b-uxfbag6b6d] {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255, 0.7);
    opacity: 0;
    transition: all 200ms linear;
}

.order-form[b-uxfbag6b6d] {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 5px;
    transition: all 300ms linear;
}

.q-holder[b-uxfbag6b6d] {
    padding-inline: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1;
}

.monitoring[b-uxfbag6b6d] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    height: 40px;
    z-index: 1;
}

.compare-adder[b-uxfbag6b6d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 1;
}

.action-btns[b-uxfbag6b6d] {
    z-index: 1;
}

.add-to-cart[b-uxfbag6b6d],
.prod-page[b-uxfbag6b6d] {
    border: none;
    width: 100%;
    padding-block: 5px;
    text-align: center;
    background: var(--bramcke-dark-blue);
    color: #fff;
    transition: all 200ms linear;
}

.add-to-cart[b-uxfbag6b6d] {
    border-bottom: 1px solid #fff;
}

    .add-to-cart:hover[b-uxfbag6b6d],
    .prod-page:hover[b-uxfbag6b6d] {
        background: var(--bramcke-green);
        color: var(--bramcke-dark-blue);
        font-weight: bold;
    }
.image-container[b-uxfbag6b6d] {
    position:relative;
    height:50%;
    width:100%;
    transition: all 200ms linear;
}

.exchange-flag[b-uxfbag6b6d] {
    position:absolute;
    top:0;
    right:0;
    width:50%;
    z-index:0;
}

.card-img[b-uxfbag6b6d] {
    height:100%;
    object-fit: scale-down;
}

.bbpc-holder:hover .image-container[b-uxfbag6b6d] {
    transform: translateY(20px) scale(1.2);
    filter: blur(1px);
}

.bbpc-holder:hover .p-price-and-stock[b-uxfbag6b6d],
.bbpc-holder:hover .p-name[b-uxfbag6b6d],
.bbpc-holder:hover .badges[b-uxfbag6b6d],
.bbpc-holder:hover .p-data-list[b-uxfbag6b6d],
.bbpc-holder:hover .nrg-flag[b-uxfbag6b6d] {
    opacity: 0;
    visibility:hidden;
}

.bbpc-holder:hover .order-form[b-uxfbag6b6d] {
    top: 0;
}

.bbpc-holder:hover .overlay[b-uxfbag6b6d] {
    opacity: 1;
}


@keyframes rotate-in-b-uxfbag6b6d {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.9);
    }

    to {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}
/* _content/WebShop/Components/ProductList/ProductList.razor.rz.scp.css */
.loading-container[b-h339j5j92n] {
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.main-holder[b-h339j5j92n] {
    display:flex;
    flex-direction:column;
    gap:10px;
    justify-content:center;
    align-items:center;
    width:100%;
}

.p-title[b-h339j5j92n] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    font-weight: bold;
    padding-block: 40px;
    position: relative;
    width: 100%;
    text-align: center;
}

.view-selector[b-h339j5j92n] {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items:center;
    gap: 5px;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

    .view-selector div[b-h339j5j92n] {
        cursor: pointer;
        height: fit-content;
        display: flex;
    }

.card-container[b-h339j5j92n] {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    padding-bottom: 200px;
    position: relative;
    width:100%;
}
.single-card-holder[b-h339j5j92n] {
    width: fit-content;
    height: 100%;
}
.single-list-card-holder[b-h339j5j92n] {
    width:80%;
}
.display-col[b-h339j5j92n] {
    display:flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: start !important;
}
.loading-products[b-h339j5j92n] {
    position: absolute;
    bottom:0%;
    left: 50%;
    transform: translateX(-50%);
    z-index:10;
    padding-bottom:60px;
}
.show-groups-fab[b-h339j5j92n] {
    position: fixed;
    z-index: 10;
    bottom: 80px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    height: 50px;
    aspect-ratio: 1;
    background: var(--bramcke-dark-blue);
    cursor: pointer;
}

    .show-groups-fab:hover[b-h339j5j92n] {
        background: #404c99;
    }

.filter-panel-toggle[b-h339j5j92n] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 50px;
    aspect-ratio: 1;
    background: var(--bramcke-dark-blue);
    transition: all 200ms linear;
    position: fixed;
    z-index:1200;
    bottom: 20px;
    left: 20px;
}

    .filter-panel-toggle:hover[b-h339j5j92n] {
        background: #404c99;
    }
.floating-group-list[b-h339j5j92n] {
    position: fixed;
    bottom: 80px;
    left: 80px;
    z-index: 1200;
    overflow: hidden;
    height: fit-content;
    width: fit-content;
    background: #fff;
    border-radius: 20px 20px 20px 0px;
    box-shadow: 0px 0px 23px -3px rgba(0, 0, 0, 0.75);
    display: grid;
    gap: 20px;
    padding: 20px;
    overflow: auto;
    max-height: 800px;
}

.group-back[b-h339j5j92n] {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
    gap: 5px;
}

.filter-and-sort-menu[b-h339j5j92n] {
    position: fixed;
    bottom: 20px;
    left: 80px;
    z-index: 10;
    overflow: hidden;
    height: 830px;
    width: 500px;
    background: #fff;
    border-radius: 20px 20px 20px 0px;
    box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.75);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    overflow: auto;
}

.filter-title[b-h339j5j92n] {
    font-weight: bold;
    font-size:22px;
}
.mobile[b-h339j5j92n] {
    display:none;
}
.mobile-action-btns[b-h339j5j92n] {
    display:none;
}
.mobile-icon[b-h339j5j92n] {
    display: none;
}

.view-selector-mobile[b-h339j5j92n] {
    display:none;
}

.side-menu-groups[b-h339j5j92n] {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:start;
    gap:10px;
    padding-bottom:100px;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .desktop[b-h339j5j92n] {
        display:none;
    }
    .mobile[b-h339j5j92n] {
        display:block;
        height:100%;
    }
    .filter-panel-toggle[b-h339j5j92n],
    .show-groups-fab[b-h339j5j92n] {
        display: none;
    }
    .view-selector[b-h339j5j92n] {
        display:none;
    }
    .p-title[b-h339j5j92n] {
        justify-content:space-between;
        align-items:center;
        padding-block:20px;   
        padding-bottom:0px;
        width: 90%;
        font-size:22px;
    }
    .view-selector-mobile[b-h339j5j92n] {
        display:flex;
        flex-direction:row;
        width:90%;
        gap:10px;
        align-items:center;
        justify-content:end;
    }
    .mobile-action-btns[b-h339j5j92n] {
        display:inherit;
        align-items:inherit;
        justify-content:inherit;
        gap:10px;
    }
    .close-icon-container[b-h339j5j92n] {
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:end;
    }
    .mobile-icon[b-h339j5j92n] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 40px;
        aspect-ratio: 1;
        border-radius: 100%;
        background: #fff;
        box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
    }
    .card-container[b-h339j5j92n] {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
        padding: 10px;
    }
    .single-list-card-holder[b-h339j5j92n] {
        width: 100%;
    }
}
/* _content/WebShop/Components/ProductsPath/ProductsPath.razor.rz.scp.css */
.path-container[b-shm4j449mh] {
    display:flex;
    flex-direction:row;
    gap:5px;
    font-weight:bold;
}

.path-name[b-shm4j449mh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: fit-content;
    padding-inline: 20px;
    cursor: pointer;
}

    .path-name:hover .top[b-shm4j449mh],
    .path-name:hover .bottom[b-shm4j449mh] {
        background: var(--bramcke-green);
    }
.path-name span[b-shm4j449mh] {
    z-index: 1;
    white-space: nowrap;
    font-size: 16px;
}

.bg[b-shm4j449mh] {
    position: absolute;
    width: 100%;
}

.top[b-shm4j449mh],
.bottom[b-shm4j449mh] {
    background: var(--bramcke-light-gray);
    height: 15px;
    transition: all 200ms linear;
}

.top[b-shm4j449mh] {
    transform: skew(40deg);
}

.bottom[b-shm4j449mh] {
    transform: skew(-40deg);
}
/* _content/WebShop/Components/PromotionList/PromotionList.razor.rz.scp.css */
.loading-container[b-ds0v9p04r9] {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 30px;
    gap:20px;
}

.loading-text[b-ds0v9p04r9] {
    font-weight:bold;
}

.promo-list[b-ds0v9p04r9] {
    gap: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.promo-title[b-ds0v9p04r9] {
    font-weight:bold;
    text-align:center;
    font-size:18px;
    margin-bottom:10px;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .promo-list[b-ds0v9p04r9] {
        padding:0;
    }
}
/* _content/WebShop/Components/ShoppingCart/ShoppingCart.razor.rz.scp.css */
.shopping-cart[b-c2az6nbw6b]{
    width:100%;
}
.shopping-cart-top[b-c2az6nbw6b]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    gap:10px;
}
.template[b-c2az6nbw6b] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor:pointer;
}
.order-conf-nav-btn[b-c2az6nbw6b] {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    bottom: 0;
    padding-block: 10px;
    background: #fff;
}


.order-text[b-c2az6nbw6b] {
    font-weight: bold;
    font-size: 22px;
    color: var(--bramcke-dark-blue);
}

.select-order[b-c2az6nbw6b] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 80%;
}

.new-prepared-order[b-c2az6nbw6b] {
    display: flex;
    justify-content: center;
    cursor: pointer;
    background: var(--bramcke-dark-blue);
    color: #fff;
    font-weight: bold;
    border-radius: 7px;
    aspect-ratio: 1;
    transition: 200ms all linear;
}

    .new-prepared-order:hover[b-c2az6nbw6b] {
        background: #404c99;
    }

.empty-cart-container[b-c2az6nbw6b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.empty-cart-text[b-c2az6nbw6b] {
    font-weight: bold;
    font-size: 18px;
}

.new-prep-order-dialog-body[b-c2az6nbw6b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dialog-text[b-c2az6nbw6b] {
    padding-top: 20px;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .order-text[b-c2az6nbw6b] {
        display:none;
    }
    .shopping-cart-top[b-c2az6nbw6b] {
        justify-content:center;
    }
}
/* _content/WebShop/Components/UserDataField/UserDataField.razor.rz.scp.css */
.user-data-main[b-0n82in47mf] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}

.basic-data[b-0n82in47mf] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.section-title[b-0n82in47mf] {
    font-weight: bold;
}

[b-0n82in47mf] .rz-row {
    flex-wrap: nowrap !important;
}

[b-0n82in47mf] .rz-form-field {
    width: 100% !important;
}

.fieldset-header[b-0n82in47mf] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
}

.check-box[b-0n82in47mf] {
    font-size: 11px;
    height: fit-content;
}


.action-btns[b-0n82in47mf] {
    grid-column: span 2;
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    justify-content: end;
    align-items: center;
}


/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .user-data-main[b-0n82in47mf] {
        display:flex;
        flex-direction:column;
    }
    [b-0n82in47mf] .rz-row {
        flex-wrap:wrap !important;
    }
}
/* _content/WebShop/Pages/AccountPage/AccountPage.razor.rz.scp.css */
.user-data-holder[b-aeafnlahwu] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: start;
    width: 90%;
    padding: 30px;
    margin: 40px;
    box-shadow: 0px 0px 9px 5px #D3D3D3;
    border-radius: 20px;
    background: #fff;
}

.page-title[b-aeafnlahwu] {
    font-weight: bold;
    font-size: 28px;
}

.data[b-aeafnlahwu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}


/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .user-data-holder[b-aeafnlahwu] {
        padding: 10px;
    }

    [b-aeafnlahwu] .rz-tabview-title {
        white-space: nowrap;
    }
}
/* _content/WebShop/Pages/AdminPage/AdminPage.razor.rz.scp.css */
.admin-main-container[b-0jwpc1gsi8] {
    width: 100%;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 30px;
}

    .admin-main-container span[b-0jwpc1gsi8] {
        font-weight: bold;
        font-size: 20px;
    }

.notiff-manager[b-0jwpc1gsi8] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    align-self: start;
}

.sessions-grid-header[b-0jwpc1gsi8] {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.bg-img[b-0jwpc1gsi8] {
    position: absolute;
    width: 80%;
    top: 0;
    left: 0;
    z-index: -1;
}

    .bg-img img[b-0jwpc1gsi8] {
        width: 100%;
    }
/* _content/WebShop/Pages/ComparePage/ComparePage.razor.rz.scp.css */
.compare-page-main[b-pbt57g0afz] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-block: 30px;
}

.compare-page-title[b-pbt57g0afz] {
    font-size: 24px;
    font-weight: bold;
}

.show-difference[b-pbt57g0afz] {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
    cursor:pointer;
}

.compare-item-list[b-pbt57g0afz] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    width: 90%;
    gap: 30px;
}

.compare-item[b-pbt57g0afz] {
    display: flex;
    flex-direction: column;
    justify-content:start;
    align-items:center;
    gap: 20px;
}

.compare-title-and-checkbox[b-pbt57g0afz] {
    display:flex;
    flex-direction:column;
    flex-direction:column;
}

.table[b-pbt57g0afz] {
    width: 90%;
}

.product-head tr[b-pbt57g0afz] {
    border-color:transparent;
    border-bottom:1px;
}


/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .compare-page-main[b-pbt57g0afz] {
        background-color:#efefef;
        width:90%;
    }
    .product-head th[b-pbt57g0afz] {
        background:#efefef;
    }
    .compare-products-mobile[b-pbt57g0afz] {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: start;
        align-items: center;
        gap: 15px;
        background: #efefef;
    }
    .compare-item[b-pbt57g0afz] {
        gap: 5px;
    }
    .table[b-pbt57g0afz] {
        background:#fff;
    }
    .product-index[b-pbt57g0afz] {
        font-weight:bold;
        color:#000000;
    }
    [b-pbt57g0afz] .rz-carousel-pager-button {
        background: #999999;
    }
    [b-pbt57g0afz] .rz-carousel-pager-button.rz-state-active {
        background: #222582;
    }
    [b-pbt57g0afz] .rz-button-lg .rz-button-box {
        color: #222852;
    }
}
/* _content/WebShop/Pages/DocumentPage/DocumentPage.razor.rz.scp.css */
.main[b-mn86cjw9ml] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding-block:50px;
}

.download-button[b-mn86cjw9ml] {
    background: var(--bramcke-dark-blue);
    color: #fff;
    padding-block: .5em;
    padding-inline: 1em;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 7px;
}

    .download-button:hover[b-mn86cjw9ml] {
        background: #4e5375;
    }
/* _content/WebShop/Pages/FavoritesPage/FavoritesPage.razor.rz.scp.css */
.favorites-page-main[b-5zuee5omnc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    gap: 20px;
    width: 90%;
    margin-block: 30px;
    border-radius: 20px;
    box-shadow: 0px 0px 9px 5px #D3D3D3;
    background: #fff;
    position:relative;
}

.fav-prod-list[b-5zuee5omnc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.fav-list-header[b-5zuee5omnc] {
    font-weight: bold;
}

.page-title[b-5zuee5omnc], .no-favorites-products[b-5zuee5omnc] {
    font-weight: bold;
    font-size: 22px;
}



/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .fav-list-header[b-5zuee5omnc] {
        display: none;
    }

    .favorites-page-main[b-5zuee5omnc] {
        width: 90%;
        padding-inline: 20px;
    }
}
/* _content/WebShop/Pages/Index.razor.rz.scp.css */
.index-main[b-m9aj137tm9] {
    display: flex;
    flex-direction: row;
    align-self: center;
    margin-top: 40px;
    gap: 40px;
    width: 95%;
}

.page-navigators-mobile[b-m9aj137tm9] {
    display: none;
}

.banner-holder[b-m9aj137tm9] {
    width: 75%;
    overflow: hidden;
    border-radius: 20px 0 20px 20px;
}

.monitor[b-m9aj137tm9] {
    display: block;
}

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

[b-m9aj137tm9] .skeleton {
    height:450px;
}

.page-navigators[b-m9aj137tm9] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 25%;
}

.recomended-list-holder[b-m9aj137tm9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .page-navigators[b-m9aj137tm9] {
        display: none;
    }

    .index-main[b-m9aj137tm9] {
        flex-direction: column-reverse;
        align-items: center;
    }

    .banner-holder[b-m9aj137tm9] {
        width: 100%;
    }

    .page-navigators-mobile[b-m9aj137tm9] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
        padding-bottom: 50px;
    }

    .monitor[b-m9aj137tm9] {
        display: none;
    }

    .mobile[b-m9aj137tm9] {
        display: block;
    }
}
/* _content/WebShop/Pages/InvoicesPage/InvoicesPage.razor.rz.scp.css */
.loading-container[b-fbzve2tms3] {
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.invoices-main[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-block: 30px;
    margin-block: 30px;
    width: 90%;
    gap:20px;
    box-shadow: 0px 0px 9px 5px #D3D3D3;
    border-radius: 20px;
    background: #fff;
    position:relative;
}


.page-title[b-fbzve2tms3] {
    font-weight: bold;
    font-size: 22px;
}

.no-invoice[b-fbzve2tms3] {
    font-weight: bold;
    font-size: 22px;
}

.invoice-data-holder[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: start;
    width: 100%;
}
.invoice-tab[b-fbzve2tms3] {
    display:flex;
    flex-direction:column;
    gap:10px;
}
.invoice-page-top[b-fbzve2tms3] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.invoice-sums[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    align-items: end;
}

    .invoice-sums span[b-fbzve2tms3] {
        white-space: nowrap;
        font-weight: bold;
    }

.paid-type[b-fbzve2tms3] {
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 10px;
    text-transform: capitalize;
}

.npaid[b-fbzve2tms3] {
    background: #ff2c2c;
}

.ppaid[b-fbzve2tms3] {
    background: orange;
}

.opaid[b-fbzve2tms3], .fpaid[b-fbzve2tms3] {
    background: #009640;
}

.invoice-stats[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 40px;
}

.line-chart-container[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: start;
    align-items: center;
    width: 100%;
}

.column-chart-container[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: start;
    align-items: center;
    width: 100%;
}

.pie-chart-container[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: start;
    align-items: center;
    width: 50%;
}



.invoice-stats-title[b-fbzve2tms3] {
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.dialog-body[b-fbzve2tms3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.dialog-header[b-fbzve2tms3] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: end;
    gap: 10px;
}

.bar-btn[b-fbzve2tms3] {
    background: var(--bramcke-dark-blue);
    height: fit-content;
    border-radius: 15px;
    cursor: pointer;
    padding: 10px;
    transition: 200ms all linear;
}

    .bar-btn:hover[b-fbzve2tms3] {
        background: #404c99;
    }

.invoice-header[b-fbzve2tms3] {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-template-rows: repeat(2,1fr);
    place-items: center;
    width: 70%;
}

.adress-container[b-fbzve2tms3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 70%;
}

.item-list[b-fbzve2tms3] {
    width: 100%;
}

[b-fbzve2tms3] .rz-tabview-title {
    white-space: nowrap;
}

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .mobile-invoice-list[b-fbzve2tms3] {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mobile-invoice-item[b-fbzve2tms3] {
        box-shadow: 0px 0px 6px 3px #dedede;
        border-radius: 15px;
        padding: 10px 20px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        background:#fff;
    }

    .top-section[b-fbzve2tms3] {
        display: flex;
        flex-direction: row;
        align-items:center;
        justify-content: space-between;
        font-weight: bold;
    }

    .top-right[b-fbzve2tms3] {
        display: flex;
        flex-direction: row;
        align-items:center;
    }

    .mid-section[b-fbzve2tms3] {
        display:flex;
        flex-direction:column;
    }

    .bot-section[b-fbzve2tms3] {
        display:flex;
        flex-direction:row;
        width:100%;
        justify-content:space-between;
    }

    .invoice-header[b-fbzve2tms3] {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(8,1fr);
        grid-auto-flow: column;
        place-items:start;
        width:100%;
    }

    .adress-container[b-fbzve2tms3] {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
}
/* _content/WebShop/Pages/Login/LoginPage.razor.rz.scp.css */
.login-form[b-crukz2o2u3] {
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding-top:40px;
    position:relative;
}


.bg-img[b-crukz2o2u3] {
    position: absolute;
    width: 80%;
    top: 0;
    left: 0;
    z-index:-1;
    user-select:none;
}

    .bg-img img[b-crukz2o2u3] {
        width: 100%;
    }

.dialog-footer[b-crukz2o2u3] {
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:20px;
}
/* _content/WebShop/Pages/OrderConfirmationPage/OrderConfirmationPage.razor.rz.scp.css */
.loading-container[b-scgmoaggoh] {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    padding-top:30px;
}

.order-confirmation-page-main[b-scgmoaggoh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    box-shadow: 0px 0px 9px 5px #D3D3D3;
    padding: 30px;
    border-radius: 15px;
    margin-block: 40px;
    position:relative;
}

.page-title[b-scgmoaggoh] {
    font-weight:bold;
    font-size:24px;
    margin-bottom:10px;
}

.order-data-form-and-summary[b-scgmoaggoh] {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    gap:40px;
    width:100%;
}

.data-form[b-scgmoaggoh] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width:50%;
}

.selected-data-desc[b-scgmoaggoh] {
    font-size:14px;
}
.comment-title[b-scgmoaggoh] {
    font-weight:bold;
    font-size:18px;
}

.summary-and-products[b-scgmoaggoh] {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:30px;
    width: 50%;
}

.order-button[b-scgmoaggoh] {
    display:flex;
    flex-direction:column;
    align-items:end;
    gap:10px;
    align-self:end;
}

.check-box-aszf[b-scgmoaggoh] {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:5px;
    cursor:pointer;
}

[b-scgmoaggoh] .rz-row {
    flex-wrap: nowrap !important;
}

[b-scgmoaggoh] .rz-form-field {
    width: 100% !important;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .order-confirmation-page-main[b-scgmoaggoh] {
        background:#fff;
        width:90%;
        padding:15px;
    }
    .order-data-form-and-summary[b-scgmoaggoh] {
        flex-direction: column-reverse;

    }
    .summary-and-products[b-scgmoaggoh],.data-form[b-scgmoaggoh] {
        width:100%;
    }
    [b-scgmoaggoh] .rz-row {
        flex-wrap:wrap !important;
    }
}
/* _content/WebShop/Pages/PasswordRecoveryPage/PasswordRecoveryPage.razor.rz.scp.css */
.password-change-container[b-bzyevqp37b] {
    margin-block:40px;    
}
/* _content/WebShop/Pages/PreparedOrdersPage/PreparedOrdersPage.razor.rz.scp.css */
.loading-container[b-5kwqyw0cdk] {
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

[b-5kwqyw0cdk] .rz-column-title-content {
    font-weight: bold;
}

[b-5kwqyw0cdk] .rz-column-resizer::after {
    background: var(--bramcke-dark-blue) !important;
}

.preporder-main[b-5kwqyw0cdk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    gap: 20px;
    width: 90%;
    box-shadow: 0px 0px 9px 5px #D3D3D3;
    margin-top: 40px;
    border-radius: 20px;
    background: #fff;
    position:relative;
}



.page-title[b-5kwqyw0cdk], .no-prep-order[b-5kwqyw0cdk] {
    font-weight: bold;
    font-size: 22px;
}

.preview-dialog-body[b-5kwqyw0cdk] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.top-bar[b-5kwqyw0cdk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.top-bar-start[b-5kwqyw0cdk] {
    display: flex;
    flex-direction: column;
}

.top-bar-end[b-5kwqyw0cdk] {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.bar-btn[b-5kwqyw0cdk] {
    background: var(--bramcke-dark-blue);
    height: fit-content;
    border-radius: 15px;
    cursor: pointer;
    padding: 10px;
    transition: 200ms all linear;
}

    .bar-btn:hover[b-5kwqyw0cdk] {
        background: #404c99;
    }

.main-section[b-5kwqyw0cdk] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
}

.left-side[b-5kwqyw0cdk], .right-side[b-5kwqyw0cdk] {
    width: 50%;
}

/*.product-list {
    height: 520px;
    overflow-y: scroll;
}*/

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .preporder-main[b-5kwqyw0cdk] {
        padding-inline: 10px;
        width: 90%;
    }

    .mobile-prep-orders[b-5kwqyw0cdk] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: start;
        width: 100%;
    }

    .top-end[b-5kwqyw0cdk] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }

    .icon[b-5kwqyw0cdk] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
    }

    .top-bar[b-5kwqyw0cdk] {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .top-bar-end[b-5kwqyw0cdk] {
        align-self: center;
        margin-block: 10px;
    }

    .main-section[b-5kwqyw0cdk] {
        flex-direction: column;
    }

    .left-side[b-5kwqyw0cdk], .right-side[b-5kwqyw0cdk] {
        width: 100%;
    }
}
/* _content/WebShop/Pages/ProcessingOrdersPage/ProcessingOrdersPage.razor.rz.scp.css */
.loading-container[b-qlahjso8pr] {
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

[b-qlahjso8pr] .rz-column-title-content {
    font-weight: bold;
}

[b-qlahjso8pr] .rz-column-resizer::after {
    background: var(--bramcke-dark-blue) !important;
}

.processing-order-main[b-qlahjso8pr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    gap: 20px;
    width: 90%;
    box-shadow: 0px 0px 9px 5px #D3D3D3;
    margin-top: 40px;
    border-radius: 20px;
    background:#fff;
    position:relative;
}

.page-title[b-qlahjso8pr], .no-proc-order[b-qlahjso8pr] {
    font-weight: bold;
    font-size: 22px;
}

.dialog-body[b-qlahjso8pr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: 80%;
}

.top-part[b-qlahjso8pr] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    width: 100%;
}

.address-and-summary[b-qlahjso8pr] {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

    .address-and-summary div[b-qlahjso8pr] {
        width: 50%;
    }

.address[b-qlahjso8pr] {
    display: flex;
    flex-direction: column;
}
/*.list {
    height: 520px;
    overflow-y: scroll;
}*/

/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .processing-order-main[b-qlahjso8pr] {
        padding-inline:10px;
    }
    .processing-order-list-mobile[b-qlahjso8pr] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .dialog-body[b-qlahjso8pr] {
        width:100%;
    }
    .address-and-summary[b-qlahjso8pr] {
        flex-direction:column;
    }
    .address-and-summary div[b-qlahjso8pr] {
        width: 100%;
    }
}
/* _content/WebShop/Pages/ProductsPage/ProductsPage.razor.rz.scp.css */
.product-page-main[b-zwyhqwx13r] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.group-section[b-zwyhqwx13r] {
    margin-top: 30px;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: relative;
}

.group-name[b-zwyhqwx13r] {
    display: flex;
    font-weight: bold;
    font-size: 24px;
    text-align: start;
    width: 100%;
}

.group-cards-holder[b-zwyhqwx13r] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,1fr);
}

.group-container[b-zwyhqwx13r] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    width: 100%;
    max-height: 1200px;
    gap: 20px;
}


.hover-grouplist[b-zwyhqwx13r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding-bottom: 40px;
    position: fixed;
    width: 60px;
    height: 70%;
    background-color: transparent;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    border-radius: 0 15px 15px 0;
    transition: all 200ms linear;
    z-index: 10;
    overflow: hidden;
    /* Hide scrollbar - Firefox */
    scrollbar-width: none;
    /* Hide scrollbar - IE/Edge (old) */
    -ms-overflow-style: none;
}

    .hover-grouplist[b-zwyhqwx13r]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, newer Edge */
    }

    .hover-grouplist:hover[b-zwyhqwx13r] {
        width: 400px;
        overflow-y: scroll;
        background: var(--bramcke-green);
        background: #fff;
    }

.indicator-icon[b-zwyhqwx13r] {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    transition: all 100ms linear;
    opacity: 1;
}

.hover-grouplist:hover .indicator-icon[b-zwyhqwx13r] {
    opacity: 0;
}


.group-list[b-zwyhqwx13r] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    transition: all 200ms linear;
}

.hover-grouplist:hover .group-list[b-zwyhqwx13r] {
    opacity: 1;
}

.group-cards-mobile[b-zwyhqwx13r] {
    display: none;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .product-page-main[b-zwyhqwx13r] {
        padding-top: 20px;
    }

    .group-name[b-zwyhqwx13r] {
        display: none;
    }

    .hover-grouplist[b-zwyhqwx13r] {
        display: none;
    }

    .group-cards-mobile[b-zwyhqwx13r] {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 110%;
    }

    .group-section[b-zwyhqwx13r] {
        margin: 0;
    }

    .products-title[b-zwyhqwx13r] {
        font-weight: bold;
        font-size: 28px;
    }

    [b-zwyhqwx13r] .rz-carousel-pager-button.rz-state-active {
        background: var(--bramcke-dark-blue);
    }

    [b-zwyhqwx13r] .rz-carousel-pager-button {
        background: var(--bramcke-green);
    }
}
/* _content/WebShop/Pages/ProductSubPage/ProductSubPage.razor.rz.scp.css */
.loading-container[b-sfcmoek232] {
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.product-page-main-desktop[b-sfcmoek232] {
    width: 90%;
    padding-block: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.top-section[b-sfcmoek232] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
}

.top-left[b-sfcmoek232] {
    display: flex;
    flex-direction: column;
    width: 75%;
    gap: 40px;
}

.top-right[b-sfcmoek232] {
    width: 25%;
    position: sticky;
    top: 100px;
}

.compare-checkbox[b-sfcmoek232] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    align-items: center;
    justify-content: end;
    cursor: pointer;
}

.top-left .product[b-sfcmoek232] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.img-section[b-sfcmoek232] {
    position: relative;
}

.exchange-flag[b-sfcmoek232] {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    z-index: 1;
}

.nrg-flag[b-sfcmoek232] {
    position: absolute;
    top: 0;
    right: 0;
}

.p-basic-informations[b-sfcmoek232] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stock-informations[b-sfcmoek232] {
}

.p-desc[b-sfcmoek232] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.p-desc-text[b-sfcmoek232] {
    font-size: 16px;
    --max-lines: 4;
    --line-height: 1.4;
    max-height: calc(var(--max-lines) * 1em * var(--line-height));
    line-height: var(--line-height);
    overflow: hidden;
    position: relative;
}

    .p-desc-text[b-sfcmoek232]::before {
        content: "";
        position: absolute;
        height: calc(1em * var(--line-height));
        width: 100%;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(to bottom,transparent, #fff);
    }

.expand[b-sfcmoek232] {
    max-height: unset;
}

    .expand[b-sfcmoek232]:before {
        display: none;
    }

.read-more[b-sfcmoek232] {
    width: fit-content;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}


.p-desc-title[b-sfcmoek232] {
    font-weight: bold;
    font-size: 20px;
}

.exchangeprod-container[b-sfcmoek232] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.exchangeprod-container-title[b-sfcmoek232] {
    font-weight:bold;
    font-size:22px;
}

.p-name[b-sfcmoek232] {
    font-weight: bold;
    font-size: 30px;
}

.dmg-text[b-sfcmoek232] {
    font-weight: bold;
}

    .dmg-text[b-sfcmoek232]:before, .dmg-text[b-sfcmoek232]:after {
        content: "***"
    }

.monitoring[b-sfcmoek232], .p-badges[b-sfcmoek232] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.p-order-form[b-sfcmoek232] {
    border-radius: 15px;
    box-shadow: 0px 0px 20px -3px #808080;
    padding: 20px;
}



.mid-section[b-sfcmoek232] {
    display: flex;
    flex-direction: column;
    margin-block: 30px;
    gap: 40px;
}

.p-documents-section[b-sfcmoek232] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.p-documents[b-sfcmoek232] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

    .p-documents .item[b-sfcmoek232] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        padding: 15px;
        border-radius: 15px;
        transition: all 100ms linear;
    }

        .p-documents .item .name[b-sfcmoek232] {
            color: #000 !important;
        }

        .p-documents .item:hover[b-sfcmoek232] {
            opacity: 0.7;
        }

.similar-p-section[b-sfcmoek232] {
    display: flex;
    flex-direction: column;
}

.similar-products-title[b-sfcmoek232], .p-documents-section-title[b-sfcmoek232] {
    font-weight: bold;
    font-size: 28px;
    width: 100%;
    text-align: center;
}

.similar-holder[b-sfcmoek232] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

[b-sfcmoek232] .rz-carousel-pager-button.rz-state-active {
    background: #222582;
}

.p-page-data-section[b-sfcmoek232], .related-products[b-sfcmoek232] {
    width: 80%;
    padding-left: 30px;
}

.related-products-title[b-sfcmoek232] {
    font-weight: bold;
    font-size: 24px;
}

.bot-section[b-sfcmoek232] {
}

.product-page-main-mobile[b-sfcmoek232] {
    display: none;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .product-page-main-desktop[b-sfcmoek232] {
        display: none;
    }

    .product-page-main-mobile[b-sfcmoek232] {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: #fff;
        height: 100%;
        padding: 20px;
        gap: 30px;
    }

    .related-products[b-sfcmoek232] {
        width: 100%;
    }

    .group-back[b-sfcmoek232] {
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        justify-content: start;
        font-weight: bold;
        font-size: 22px;
    }

    .back-icon[b-sfcmoek232] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 40px;
        aspect-ratio: 1;
        box-shadow: 0px 0px 10px -3px #808080;
        border-radius: 100%;
    }

    .p-name[b-sfcmoek232] {
        font-weight: bold;
        font-size: 22px;
    }

    .nrg-flag[b-sfcmoek232] {
        top: 65%;
    }

    .similar-holder-mobile[b-sfcmoek232] {
        border-radius: 15px;
        box-shadow: 0px 0px 10px -3px #808080;
    }

    .add-to-cart-mobil[b-sfcmoek232] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 15px 15px 0 0;
        box-shadow: 0px 0px 10px -3px #808080;
        background: #fff;
        padding: 20px;
        width: 100%;
        z-index: 999;
    }
}
/* _content/WebShop/Pages/RegistrationPage/RegistrationPage.razor.rz.scp.css */
.registration-page[b-4xo8x8kme8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    max-width:80%;
    padding: 20px;
    margin: 30px;
    gap: 30px;
    box-shadow: 0 0px 12px #00222852;
    border-radius:15px;
    background-color:#fff;
}

.credential-form[b-4xo8x8kme8] {
    display:flex;
    flex-direction:column;
    justify-content:start;
    align-items:center;
    gap:20px;
    width:100%;
}
[b-4xo8x8kme8] .valid.modified:not([type=checkbox]) {
    outline:none;
}

.checkbox[b-4xo8x8kme8] {
    display:flex;
    flex-direction:row;
    justify-content:start;
    align-items:center;
    gap:10px;
}

.title[b-4xo8x8kme8] {
    font-weight: bold;
    font-size: 28px;
}

.company-types[b-4xo8x8kme8] {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

    .company-types span[b-4xo8x8kme8] {
        font-size:18px;
        font-weight: bold;
        cursor: pointer;
        padding-block: 10px;
        padding-inline: 20px;
        box-shadow: 0 0px 12px #00222852;
        border-radius: 10px;
        transition: all 200ms linear;
    }

        .company-types span:hover[b-4xo8x8kme8] {
            background: var(--bramcke-dark-blue);
            color: #fff;
            box-shadow: 0 0px 24px #00222852;
        }

.active[b-4xo8x8kme8] {
    background: var(--bramcke-dark-blue);
    color: #fff;
}

.have-acc[b-4xo8x8kme8] {

}
    .have-acc .link[b-4xo8x8kme8] {
        cursor: pointer;
        color: rgb(13 110 254);
    }

.bg-img[b-4xo8x8kme8] {
    position: absolute;
    width: 80%;
    top: 0;
    left: 0;
    z-index: -1;
}

    .bg-img img[b-4xo8x8kme8] {
        width: 100%;
    }
/* _content/WebShop/Pages/SearchPage/SearchPage.razor.rz.scp.css */
.searchpage-container[b-kj9bmloeh9] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-block: 40px;
}

.loading-products[b-kj9bmloeh9] {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom:60px;
}

.no-product[b-kj9bmloeh9] {
    font-weight: bold;
    font-size:24px;
}
/* _content/WebShop/Shared/MainLayout.razor.rz.scp.css */
.page[b-mmskk84fbk] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top-part[b-mmskk84fbk] {
    position: fixed;
    z-index:1000;
    width:100%;
}

.main-part[b-mmskk84fbk] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    min-height: 70vh;
    position: relative;
    padding-top:70px;
    padding-bottom:30px;
}

.search[b-mmskk84fbk] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 50%;
}

.nav-end[b-mmskk84fbk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
    gap: 10px;
}

.nav-end-buttons[b-mmskk84fbk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: 100px;
    transition: all 200ms linear;
    position: relative;
    background-color: var(--bramcke-light-gray);
}

    .nav-end-buttons:hover[b-mmskk84fbk] {
        border: none;
        background: var(--bramcke-green);
    }

.btn-text[b-mmskk84fbk] {
    visibility: hidden;
    opacity: 0;
    background: var(--bramcke-green);
    position: absolute;
    box-shadow: 0px 8px 16px 7px rgba(79, 83, 94,0.2);
    z-index: 1000;
    width: fit-content;
    height: 40px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-radius: 10px;
    transform: translateY(170%);
    transition: all 100ms ease-in;
    text-wrap-mode: nowrap;
    color: var(--bramcke-dark-blue);
}

    .btn-text[b-mmskk84fbk]::after {
        content: "";
        position: absolute;
        top: -20px;
        right: 50%;
        transform: translateX(50%) rotate(-90deg);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 11px solid var(--bramcke-green);
    }

.nav-end-buttons:hover .btn-text[b-mmskk84fbk] {
    transform: translateY(150%);
    visibility: visible;
    opacity: 1;
}

.fab-toggle[b-mmskk84fbk] {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.badge-holder[b-mmskk84fbk], .compare-badge-holder[b-mmskk84fbk] {
    position: relative;
    bottom: 40px;
    right: -5px;
    z-index: 1001;
}

.compare-badge-holder[b-mmskk84fbk] {
    bottom: 75px;
}

.my-popup[b-mmskk84fbk], .compare-popup[b-mmskk84fbk] {
    position: fixed;
    bottom: 20px;
    right: 80px;
    z-index: 1200;
    overflow: hidden;
    height: 830px;
    width: 570px;
    background: #fff;
    border-radius: 20px 20px 0px 20px;
    box-shadow: 0px 0px 23px -3px rgba(0,0,0,0.75);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 20px;
    overflow: auto;
}

.compare-popup[b-mmskk84fbk] {
    align-items: center;
    bottom: 80px;
    height: 600px;
    width: 570px;
}

.compare-title[b-mmskk84fbk] {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.compare-product-item[b-mmskk84fbk] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.compare-img[b-mmskk84fbk] {
    width: 100px;
    aspect-ratio: 1;
    object-fit: contain;
}

.compare-product-item span[b-mmskk84fbk] {
    font-weight: bold;
    width: 100%;
}

.delete-icon[b-mmskk84fbk] {
    aspect-ratio: 1;
    padding: 10px;
    cursor: pointer;
}


.popup-toggle[b-mmskk84fbk], .compare-popup-toggle[b-mmskk84fbk] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 50px;
    aspect-ratio: 1;
    background: var(--bramcke-dark-blue);
    transition: all 200ms linear;
    position: absolute;
    bottom: 0;
    right: 0;
}

.compare-popup-toggle[b-mmskk84fbk] {
    bottom: 60px;
}

    .popup-toggle:hover[b-mmskk84fbk], .compare-popup-toggle:hover[b-mmskk84fbk] {
        background: #404c99;
    }


.dialog-text[b-mmskk84fbk] {
    padding-top: 20px;
}

.dilaog-btns[b-mmskk84fbk] {
    display: flex;
    flex-direction: row;
    gap: 35px;
}


.warning-text[b-mmskk84fbk] {
    font-size: 18px;
    padding-block: 10px;
    text-align: center;
    font-weight: lighter;
    text-align: center;
}

.update-notification[b-mmskk84fbk] {
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 40px;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-block: 10px;
    padding-inline: 20px;
    font-weight: bold;
    height: 50px;
    background-color: rgba(255, 193, 7,0.7);
    z-index: 999;
}

.mobile-nav-end[b-mmskk84fbk] {
    display: none;
}

.side-menu[b-mmskk84fbk] {
    display: none;
}
/* typical phone screen resolution */
@media only screen and (max-width : 667px) {
    .page[b-mmskk84fbk] {
        overflow-x: hidden;
    }

    .main-part[b-mmskk84fbk] {
        background-color: var(--bramcke-light-gray);
    }

    .fab-toggle[b-mmskk84fbk] {
        display: none;
    }

    .nav-end[b-mmskk84fbk], .search[b-mmskk84fbk] {
        display: none;
    }


    .mobile-nav-end[b-mmskk84fbk] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: end;
        gap: 10px;
    }

    .mobile-nav-button[b-mmskk84fbk] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        aspect-ratio: 1;
        width: 50px;
        box-shadow: 0px 0px 18px -4px rgba(129, 129, 129, 1);
        position:relative;
    }
    .red-dot[b-mmskk84fbk] 
    {
        position:absolute;
        top:0;
        right:0;
        width:10px;
        aspect-ratio:1;
        border-radius:100%;
        background:#ff0000;
    }

    .side-menu[b-mmskk84fbk] {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        width: 100vw;
        left: 100%;
        height: fit-content;
        padding: 0 40px 40px 40px;
        transition: all 300ms linear;
        background-color: #fff;
        z-index: 7;
        top: 75px;
    }

    .logout-btn[b-mmskk84fbk] {
    }

    .opened[b-mmskk84fbk] {
        left: 0%;
    }

    .close-icon[b-mmskk84fbk], .compare-btn[b-mmskk84fbk] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 45px;
        aspect-ratio: 1;
        border-radius: 100%;
        background: #fff;
        box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
        position:relative;
    }
    .mobile-cart[b-mmskk84fbk] {
        position:relative;
    }
    .compare-btn div[b-mmskk84fbk], .mobile-cart div[b-mmskk84fbk] {
        position: absolute;
        top: -10px;
        right: -10px;
    }

    .logo-with-text[b-mmskk84fbk] {
        width: 150px;
    }

    .panel-header[b-mmskk84fbk] {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .side-menu-panel-header-end[b-mmskk84fbk] {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }

    .cart-panel-header[b-mmskk84fbk] {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;
    }

    .panel-body[b-mmskk84fbk] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}