/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yAllCategoriesContent.razor.rz.scp.css */
.eshop-a11y-breadcrumbs[b-7zazppkm90] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--eshop-color-text);
    font-size: 16px;
}

.eshop-a11y-breadcrumbs a[b-7zazppkm90] {
    color: var(--eshop-color-accent);
    text-decoration: underline;
}

.eshop-a11y-all-categories__header[b-7zazppkm90] {
    margin-bottom: 32px;
}

.eshop-a11y-all-categories__header h1[b-7zazppkm90] {
    margin: 0 0 12px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 36px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-all-categories__header p[b-7zazppkm90] {
    margin: 0;
    color: var(--eshop-color-text);
    font-size: 18px;
    line-height: 1.6;
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yCartContent.razor.rz.scp.css */
.eshop-a11y-cart[b-6r55zz2e13] {
    color: var(--eshop-color-text);
}

.eshop-a11y-cart__breadcrumbs[b-6r55zz2e13] {
    margin-bottom: 16px;
    font-size: 16px;
}

.eshop-a11y-cart__breadcrumbs ol[b-6r55zz2e13] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-cart__breadcrumbs span[aria-current="page"][b-6r55zz2e13] {
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-cart h1[b-6r55zz2e13] {
    margin: 0 0 24px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 36px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-cart h1 span[b-6r55zz2e13] {
    font-size: 18px;
    font-weight: var(--eshop-font-weight-normal);
}

.eshop-a11y-cart__empty[b-6r55zz2e13] {
    padding: 32px;
    border: 2px solid var(--eshop-border-color);
}

.eshop-a11y-cart__empty p[b-6r55zz2e13] {
    margin: 0 0 16px;
    font-size: 20px;
}

.eshop-a11y-cart__table-wrapper[b-6r55zz2e13] {
    width: 100%;
    margin-bottom: 24px;
    overflow-x: auto;
}

.eshop-a11y-cart table[b-6r55zz2e13] {
    width: 100%;
    border: 2px solid var(--eshop-border-color);
    border-collapse: collapse;
}

.eshop-a11y-cart th[b-6r55zz2e13],
.eshop-a11y-cart td[b-6r55zz2e13] {
    padding: 12px;
    border: 1px solid var(--eshop-border-color);
    font-size: 16px;
    line-height: 1.5;
    vertical-align: top;
}

.eshop-a11y-cart th[b-6r55zz2e13] {
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg-alt);
    font-weight: var(--eshop-font-weight-bold);
    text-align: left;
}

.eshop-a11y-cart__product-title[b-6r55zz2e13] {
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-cart input[b-6r55zz2e13] {
    width: 96px;
    min-height: 44px;
    padding: 8px 12px;
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg);
    border: 2px solid var(--eshop-border-color);
    font: inherit;
    font-size: 18px;
}

.eshop-a11y-cart__align-right[b-6r55zz2e13] {
    text-align: right;
}

.eshop-a11y-cart__price[b-6r55zz2e13] {
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-cart__remove[b-6r55zz2e13] {
    min-height: 44px;
    padding: 0;
    color: var(--eshop-color-primary);
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: underline;
    cursor: pointer;
}

.eshop-a11y-cart__summary[b-6r55zz2e13] {
    max-width: 448px;
    padding: 20px;
    margin-bottom: 24px;
    border: 2px solid var(--eshop-border-color);
}

.eshop-a11y-cart__summary h2[b-6r55zz2e13] {
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 24px;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-cart__summary dl[b-6r55zz2e13] {
    margin: 0;
    font-size: 18px;
}

.eshop-a11y-cart__summary dl div[b-6r55zz2e13] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 8px;
}

.eshop-a11y-cart__summary dd[b-6r55zz2e13] {
    margin: 0;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-cart__summary-total[b-6r55zz2e13] {
    padding-top: 8px;
    margin-top: 8px !important;
    border-top: 2px solid var(--eshop-border-color);
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-cart__summary-total dd[b-6r55zz2e13] {
    font-size: 20px;
}

.eshop-a11y-cart__summary p[b-6r55zz2e13] {
    margin: 8px 0 0;
    font-size: 16px;
}

.eshop-a11y-cart__actions[b-6r55zz2e13] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.eshop-a11y-cart__primary-link[b-6r55zz2e13],
.eshop-a11y-cart__secondary-link[b-6r55zz2e13] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 24px;
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none !important;
}

.eshop-a11y-cart__primary-link[b-6r55zz2e13] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-primary);
    border: 2px solid var(--eshop-color-primary);
    cursor: pointer;
}

.eshop-a11y-cart__primary-link:disabled[b-6r55zz2e13] {
    color: #ffffff !important;
    background: #595959 !important;
    border-color: #595959 !important;
    cursor: not-allowed;
    opacity: 1 !important;
}

.eshop-a11y-cart__primary-link:hover[b-6r55zz2e13],
.eshop-a11y-cart__primary-link:focus-visible[b-6r55zz2e13] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    border-color: var(--eshop-color-text);
}

.eshop-a11y-cart__secondary-link[b-6r55zz2e13] {
    color: var(--eshop-color-text) !important;
    background: var(--eshop-color-bg);
    border: 2px solid var(--eshop-border-color);
}

.eshop-a11y-cart__secondary-link:hover[b-6r55zz2e13],
.eshop-a11y-cart__secondary-link:focus-visible[b-6r55zz2e13] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    text-decoration: none !important;
}

@media (max-width: 760px) {
    .eshop-a11y-cart h1[b-6r55zz2e13] {
        font-size: 36px;
    }

    .eshop-a11y-cart th[b-6r55zz2e13],
    .eshop-a11y-cart td[b-6r55zz2e13] {
        min-width: 140px;
    }
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yCatalogContent.razor.rz.scp.css */
.eshop-a11y-catalog[b-pe3vmh64mo] {
    color: var(--eshop-color-text);
}

.eshop-a11y-catalog__breadcrumbs[b-pe3vmh64mo] {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
}

.eshop-a11y-catalog__breadcrumbs ol[b-pe3vmh64mo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-catalog__breadcrumbs span[aria-current="page"][b-pe3vmh64mo] {
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-catalog__header[b-pe3vmh64mo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--eshop-border-color);
}

.eshop-a11y-catalog__header h1[b-pe3vmh64mo] {
    margin: 0 0 12px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 36px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-catalog__header p[b-pe3vmh64mo] {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
}

.eshop-a11y-catalog__product-grid[b-pe3vmh64mo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-catalog__status[b-pe3vmh64mo],
.eshop-a11y-catalog__empty[b-pe3vmh64mo] {
    padding: 24px;
    border: 2px solid var(--eshop-border-color);
    font-size: 18px;
    line-height: 1.6;
}

.eshop-a11y-catalog__empty h2[b-pe3vmh64mo] {
    margin: 0 0 12px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 24px;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-catalog__empty p[b-pe3vmh64mo] {
    margin: 0;
}

.eshop-a11y-catalog__pagination[b-pe3vmh64mo] {
    margin-top: 32px;
}

.eshop-a11y-catalog__pagination-summary[b-pe3vmh64mo] {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.5;
}

.eshop-a11y-catalog__pagination ul[b-pe3vmh64mo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-catalog__pagination a[b-pe3vmh64mo],
.eshop-a11y-catalog__pagination-current[b-pe3vmh64mo],
.eshop-a11y-catalog__pagination-disabled[b-pe3vmh64mo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 14px;
    border: 2px solid var(--eshop-border-color);
    font-size: 16px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
    text-decoration: none !important;
}

.eshop-a11y-catalog__pagination a[b-pe3vmh64mo] {
    color: var(--eshop-color-text) !important;
    background: var(--eshop-color-bg);
}

.eshop-a11y-catalog__pagination a:hover[b-pe3vmh64mo],
.eshop-a11y-catalog__pagination a:focus-visible[b-pe3vmh64mo] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    border-color: var(--eshop-color-text);
}

.eshop-a11y-catalog__pagination-current[b-pe3vmh64mo] {
    color: var(--eshop-color-text-invert);
    background: var(--eshop-color-primary);
    border-color: var(--eshop-color-primary);
}

.eshop-a11y-catalog__pagination-disabled[b-pe3vmh64mo] {
    color: #ffffff;
    background: #595959;
    border-color: #595959;
}

@media (max-width: 1100px) {
    .eshop-a11y-catalog__product-grid[b-pe3vmh64mo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .eshop-a11y-catalog__header[b-pe3vmh64mo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .eshop-a11y-catalog__product-grid[b-pe3vmh64mo] {
        grid-template-columns: 1fr;
    }

    .eshop-a11y-catalog__pagination ul[b-pe3vmh64mo] {
        align-items: stretch;
    }
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yCategoryCard.razor.rz.scp.css */
.eshop-a11y-category-card[b-aa9m1uggrv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 92px;
    padding: 16px;
    color: var(--eshop-color-text) !important;
    border: 2px solid var(--eshop-border-color);
    background: var(--eshop-color-bg);
    text-decoration: none !important;
}

.eshop-a11y-category-card--large[b-aa9m1uggrv] {
    min-height: 112px;
    padding: 20px;
}

.eshop-a11y-category-card:hover[b-aa9m1uggrv] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    text-decoration: none !important;
}

.eshop-a11y-category-card__title[b-aa9m1uggrv] {
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.25;
}

.eshop-a11y-category-card__count[b-aa9m1uggrv] {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.35;
}

.eshop-a11y-category-card--large .eshop-a11y-category-card__count[b-aa9m1uggrv] {
    margin-top: 8px;
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yCategoryGrid.razor.rz.scp.css */
.eshop-a11y-category-grid[b-pq4eu2phhi] {
    display: grid;
    gap: 12px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-category-grid--home[b-pq4eu2phhi] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.eshop-a11y-category-grid--all[b-pq4eu2phhi] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 1024px) {
    .eshop-a11y-category-grid--all[b-pq4eu2phhi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .eshop-a11y-category-grid--home[b-pq4eu2phhi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .eshop-a11y-category-grid--all[b-pq4eu2phhi] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yHeader.razor.rz.scp.css */
.eshop-a11y-header__brand-row[b-cc9x6jytio] {
    padding: 16px;
    background: var(--eshop-color-bg);
    border-bottom: 1px solid var(--eshop-border-color);
}

.eshop-a11y-header__brand-inner[b-cc9x6jytio] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: var(--eshop-container-max-width);
    margin: 0 auto;
}

.eshop-a11y-header__brand[b-cc9x6jytio] {
    color: var(--eshop-color-text) !important;
    font-family: var(--eshop-font-family);
    font-size: 24px;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none !important;
    line-height: 1.25;
}

.eshop-a11y-header__standard-btn[b-cc9x6jytio] {
    min-height: 44px;
    padding: 0;
    color: var(--eshop-color-text);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    font: inherit;
    font-size: 16px;
    font-weight: var(--eshop-font-weight-semibold);
    line-height: 1.5;
}

.eshop-a11y-header__standard-btn:hover[b-cc9x6jytio] {
    color: var(--eshop-color-accent);
    text-decoration: underline;
}

.eshop-a11y-header__nav[b-cc9x6jytio] {
    background: var(--eshop-color-bg-alt);
    border-top: 1px solid var(--eshop-border-color-light);
    border-bottom: 1px solid var(--eshop-border-color);
}

.eshop-a11y-header__nav-inner[b-cc9x6jytio] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    max-width: var(--eshop-container-max-width);
    margin: 0 auto;
    padding: 0 16px;
}

.eshop-a11y-header__nav-link[b-cc9x6jytio] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 20px;
    color: var(--eshop-color-text) !important;
    font-size: 16px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.5;
    text-decoration: none !important;
}

.eshop-a11y-header__cart-count[b-cc9x6jytio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    color: var(--eshop-color-text-invert);
    background: var(--eshop-color-primary);
    border-radius: 999px;
    font-size: 14px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1;
}

.eshop-a11y-header__nav-link:hover[b-cc9x6jytio],
.eshop-a11y-header__nav-link:focus-visible[b-cc9x6jytio] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    text-decoration: none !important;
}

.eshop-a11y-header__nav-link:hover .eshop-a11y-header__cart-count[b-cc9x6jytio],
.eshop-a11y-header__nav-link:focus-visible .eshop-a11y-header__cart-count[b-cc9x6jytio] {
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg);
}

.eshop-a11y-header__nav-link--active[b-cc9x6jytio] {
    color: var(--eshop-color-text) !important;
    background: transparent;
    text-decoration: none !important;
}

@media (max-width: 640px) {
    .eshop-a11y-header__brand-row[b-cc9x6jytio] {
        padding-inline: 16px;
    }

    .eshop-a11y-header__brand-inner[b-cc9x6jytio] {
        align-items: flex-start;
        flex-direction: column;
        padding-block: 10px;
    }

    .eshop-a11y-header__nav-inner[b-cc9x6jytio] {
        flex-direction: column;
        padding-inline: 16px;
    }

    .eshop-a11y-header__nav-link[b-cc9x6jytio] {
        width: 100%;
        border-bottom: 1px solid var(--eshop-border-color);
    }

    .eshop-a11y-header__nav-link:last-child[b-cc9x6jytio] {
        border-bottom: 0;
    }
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yHomeContent.razor.rz.scp.css */
.eshop-a11y-home__intro[b-4apdsbdudn] {
    max-width: 768px;
    margin-bottom: 32px;
}

.eshop-a11y-home__intro h1[b-4apdsbdudn] {
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 36px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-home__intro p[b-4apdsbdudn] {
    max-width: 768px;
    margin: 0 0 32px;
    color: var(--eshop-color-text);
    font-size: 18px;
    line-height: 1.6;
}

.eshop-a11y-home__categories h2[b-4apdsbdudn],
.eshop-a11y-home__products h2[b-4apdsbdudn] {
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 24px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.3;
}

.eshop-a11y-home__categories[b-4apdsbdudn] {
    margin-bottom: 48px;
}

.eshop-a11y-home__products[b-4apdsbdudn] {
    margin-top: 0;
    margin-bottom: 48px;
}

.eshop-a11y-product-grid[b-4apdsbdudn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}

@media (max-width: 760px) {
    .eshop-a11y-home__intro p[b-4apdsbdudn] {
        font-size: 18px;
    }
}

@media (max-width: 1100px) {
    .eshop-a11y-product-grid[b-4apdsbdudn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .eshop-a11y-product-grid[b-4apdsbdudn] {
        grid-template-columns: 1fr;
    }
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yNotFoundContent.razor.rz.scp.css */
.eshop-a11y-not-found[b-x163xw52ce] {
    max-width: 768px;
}

.eshop-a11y-not-found h1[b-x163xw52ce] {
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 36px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-not-found p[b-x163xw52ce] {
    margin: 0 0 24px;
    color: var(--eshop-color-text);
    font-size: 18px;
    line-height: 1.6;
}

.eshop-a11y-not-found__link[b-x163xw52ce] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 24px;
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-primary);
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.5;
    text-decoration: none !important;
}

.eshop-a11y-not-found__link:hover[b-x163xw52ce],
.eshop-a11y-not-found__link:focus-visible[b-x163xw52ce] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    text-decoration: none !important;
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yOrderConfirmedContent.razor.rz.scp.css */
.eshop-a11y-order-confirmed[b-nebydnsg1w] {
    color: var(--eshop-color-text);
}

.eshop-a11y-order-confirmed__breadcrumbs[b-nebydnsg1w] {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
}

.eshop-a11y-order-confirmed__breadcrumbs ol[b-nebydnsg1w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-order-confirmed__breadcrumbs span[aria-current="page"][b-nebydnsg1w] {
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-order-confirmed__panel[b-nebydnsg1w] {
    max-width: 800px;
    padding: 32px;
    border: 2px solid var(--eshop-border-color);
}

.eshop-a11y-order-confirmed h1[b-nebydnsg1w] {
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 36px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-order-confirmed p[b-nebydnsg1w] {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.6;
}

.eshop-a11y-order-confirmed__order-number[b-nebydnsg1w] {
    padding: 16px;
    border: 2px solid var(--eshop-border-color);
    background: var(--eshop-color-bg-alt);
}

.eshop-a11y-order-confirmed__actions[b-nebydnsg1w] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.eshop-a11y-order-confirmed__primary-link[b-nebydnsg1w],
.eshop-a11y-order-confirmed__secondary-link[b-nebydnsg1w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 24px;
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none !important;
}

.eshop-a11y-order-confirmed__primary-link[b-nebydnsg1w] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-primary);
    border: 2px solid var(--eshop-color-primary);
}

.eshop-a11y-order-confirmed__primary-link:hover[b-nebydnsg1w],
.eshop-a11y-order-confirmed__primary-link:focus-visible[b-nebydnsg1w] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    border-color: var(--eshop-color-text);
}

.eshop-a11y-order-confirmed__secondary-link[b-nebydnsg1w] {
    color: var(--eshop-color-text) !important;
    background: var(--eshop-color-bg);
    border: 2px solid var(--eshop-border-color);
}

.eshop-a11y-order-confirmed__secondary-link:hover[b-nebydnsg1w],
.eshop-a11y-order-confirmed__secondary-link:focus-visible[b-nebydnsg1w] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
}

@media (max-width: 700px) {
    .eshop-a11y-order-confirmed__panel[b-nebydnsg1w] {
        padding: 20px;
    }

    .eshop-a11y-order-confirmed h1[b-nebydnsg1w] {
        font-size: 36px;
    }

    .eshop-a11y-order-confirmed__primary-link[b-nebydnsg1w],
    .eshop-a11y-order-confirmed__secondary-link[b-nebydnsg1w] {
        width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yProductCard.razor.rz.scp.css */
.eshop-a11y-product-card[b-rotvu4bown] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    color: var(--eshop-color-text);
    border: 2px solid var(--eshop-border-color);
    background: var(--eshop-color-bg);
}

.eshop-a11y-product-card__image[b-rotvu4bown] {
    width: 100%;
    height: 192px;
    object-fit: contain;
    margin-bottom: 12px;
    border: 1px solid var(--eshop-border-color);
    background: var(--eshop-color-bg);
}

.eshop-a11y-product-card__title[b-rotvu4bown] {
    margin: 0 0 8px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.25;
}

.eshop-a11y-product-card__price[b-rotvu4bown] {
    margin: 0 0 4px;
    color: var(--eshop-color-text);
    font-size: 18px;
    line-height: 1.4;
}

.eshop-a11y-product-card__price-current[b-rotvu4bown] {
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-product-card__price-old[b-rotvu4bown] {
    font-size: 16px;
}

.eshop-a11y-product-card__link[b-rotvu4bown] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 12px;
    padding: 12px 20px;
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-primary);
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none !important;
}

.eshop-a11y-product-card__link:hover[b-rotvu4bown],
.eshop-a11y-product-card__link:focus-visible[b-rotvu4bown] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    text-decoration: none !important;
}

@media (max-width: 700px) {
    .eshop-a11y-product-card__image[b-rotvu4bown] {
        height: 192px;
    }
}
/* _content/Eshop.Foundation.UI/Components/Accessibility/EshopA11yProductDetailContent.razor.rz.scp.css */
.eshop-a11y-product-detail[b-ppcy8el1io] {
    color: var(--eshop-color-text);
}

.eshop-a11y-product-detail__breadcrumbs[b-ppcy8el1io] {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
}

.eshop-a11y-product-detail__breadcrumbs ol[b-ppcy8el1io] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-product-detail__breadcrumbs span[aria-current="page"][b-ppcy8el1io] {
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-product-detail__grid[b-ppcy8el1io] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.eshop-a11y-product-detail__media[b-ppcy8el1io] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    max-height: min(640px, 68vh);
    border: 2px solid var(--eshop-border-color);
    background: var(--eshop-color-bg);
    overflow: hidden;
}

.eshop-a11y-product-detail__image[b-ppcy8el1io] {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: min(640px, 68vh);
    object-fit: contain;
}

.eshop-a11y-product-detail__sku[b-ppcy8el1io] {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.5;
}

.eshop-a11y-product-detail h1[b-ppcy8el1io] {
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 30px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-product-detail__description[b-ppcy8el1io] {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.6;
}

.eshop-a11y-product-detail__description :is(p, ul, ol)[b-ppcy8el1io] {
    margin-top: 0;
}

.eshop-a11y-product-detail__description :last-child[b-ppcy8el1io] {
    margin-bottom: 0;
}

.eshop-a11y-product-detail__price-box[b-ppcy8el1io] {
    padding: 16px;
    margin-bottom: 24px;
    border: 2px solid var(--eshop-border-color);
    background: var(--eshop-color-bg);
}

.eshop-a11y-product-detail__price[b-ppcy8el1io] {
    margin: 0 0 4px;
    font-size: 24px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.3;
}

.eshop-a11y-product-detail__price-note[b-ppcy8el1io] {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

.eshop-a11y-product-detail__price-note--tax[b-ppcy8el1io] {
    margin-top: 8px;
}

.eshop-a11y-product-detail__old-price[b-ppcy8el1io] {
    text-decoration: line-through;
}

.eshop-a11y-product-detail__variants[b-ppcy8el1io] {
    margin-bottom: 24px;
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io] {
    margin-top: 0;
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc {
    align-items: stretch;
    gap: 16px;
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__qty {
    width: 128px;
    min-height: 48px;
    border: 2px solid var(--eshop-border-color);
    border-radius: 0;
    background: var(--eshop-color-bg);
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__qty-btn {
    min-width: 40px;
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg);
    font-size: 18px;
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__qty-btn:hover:not(:disabled),
.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__qty-btn:focus-visible {
    color: var(--eshop-color-text-invert);
    background: var(--eshop-color-text);
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__qty-value {
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg);
    border-inline: 2px solid var(--eshop-border-color);
    font-size: 18px;
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__button {
    flex: 0 0 auto;
    min-height: 56px;
    padding: 16px 24px;
    color: var(--eshop-color-text-invert);
    background: var(--eshop-color-primary);
    border: 2px solid var(--eshop-color-primary);
    border-radius: 0;
    box-shadow: none;
    font-family: var(--eshop-font-family);
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    letter-spacing: 0;
    text-transform: none;
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__button:hover:not(:disabled),
.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__button:focus-visible {
    color: var(--eshop-color-text-invert);
    background: var(--eshop-color-text);
    border-color: var(--eshop-color-text);
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__button:disabled {
    opacity: 1;
    color: var(--eshop-color-text-invert);
    background: var(--eshop-color-primary);
    border-color: var(--eshop-color-primary);
    cursor: wait;
}

.eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__button:disabled .eshop-spinner {
    border-color: rgba(255, 255, 255, 0.45);
    border-top-color: var(--eshop-color-text-invert);
}

.eshop-a11y-product-detail__section[b-ppcy8el1io] {
    margin-top: 40px;
}

.eshop-a11y-product-detail__section h2[b-ppcy8el1io] {
    margin: 0 0 12px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 24px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.3;
}

.eshop-a11y-product-detail__section ul[b-ppcy8el1io] {
    padding-left: 24px;
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
}

.eshop-a11y-product-detail__section li + li[b-ppcy8el1io] {
    margin-top: 8px;
}

@media (max-width: 760px) {
    .eshop-a11y-product-detail__grid[b-ppcy8el1io] {
        grid-template-columns: 1fr;
    }

    .eshop-a11y-product-detail__media[b-ppcy8el1io] {
        min-height: 280px;
        max-height: min(520px, 62vh);
    }

    .eshop-a11y-product-detail__image[b-ppcy8el1io] {
        max-height: min(520px, 62vh);
    }

    .eshop-a11y-product-detail h1[b-ppcy8el1io] {
        font-size: 30px;
    }
}

@media (max-width: 520px) {
    .eshop-a11y-product-detail__media[b-ppcy8el1io] {
        min-height: 220px;
        max-height: min(420px, 58vh);
    }

    .eshop-a11y-product-detail__image[b-ppcy8el1io] {
        max-height: min(420px, 58vh);
    }
}

@media (max-width: 520px) {
    .eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc {
        flex-direction: column;
        align-items: flex-start;
    }

    .eshop-a11y-product-detail__cart[b-ppcy8el1io]  .eshop-atc__button {
        width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Components/Entities/Cart/EshopCartButton.razor.rz.scp.css */
.eshop-header__cart-wrapper[b-3q94o0e4km] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-header__cart-popup-container[b-3q94o0e4km] {
    position: absolute;
    top: 100%;
    right: -120px;
    z-index: 1000;
    padding-top: 8px;
}

@media (max-width: 992px) {
    .eshop-header__cart-popup-container[b-3q94o0e4km] {
        position: fixed;
        top: 80px; /* Safe header height */
        left: 10px;
        right: 10px;
        padding-top: 0;
        width: auto;
        transform: none;
    }
}

@media (max-width: 768px) {
    .eshop-header__cart-popup-container[b-3q94o0e4km] {
        top: 50px; /* Mobile header height */
    }
}

.eshop-header__action-btn[b-3q94o0e4km] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: var(--eshop-color-text) !important;
    transition: all var(--eshop-transition-fast);
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 8px 12px;
    gap: 6px;
    border: none;
    cursor: pointer;
}

.eshop-header__action-icon-wrapper[b-3q94o0e4km] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-header__action-icon-wrapper[b-3q94o0e4km]  svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    transition: all var(--eshop-transition-fast);
}

.eshop-header__cart-badge[b-3q94o0e4km] {
    position: absolute;
    top: -8px;
    right: -12px;
    background-color: var(--eshop-color-error);
    color: var(--eshop-color-white);
    font-size: 11px;
    font-weight: var(--eshop-font-weight-bold);
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    z-index: 3;
}

.eshop-header__action-label[b-3q94o0e4km] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-normal);
    line-height: 1;
    transition: all var(--eshop-transition-fast);
}

/* Hover state: Brand Yellow */
.eshop-header__action-btn:hover[b-3q94o0e4km] {
    color: var(--eshop-color-secondary) !important;
}

.eshop-header__action-btn:hover .eshop-header__action-icon-wrapper[b-3q94o0e4km]  svg {
    stroke: var(--eshop-color-secondary) !important;
}
/* _content/Eshop.Foundation.UI/Components/Entities/Product/EshopAttributes.razor.rz.scp.css */
.eshop-attributes[b-ysvsv1wda7] {
    padding: var(--eshop-spacing-lg);
    background: var(--eshop-color-surface);
    border-radius: var(--eshop-radius-lg);
}

.eshop-attributes__grid[b-ysvsv1wda7] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-sm);
}

.eshop-attributes__row[b-ysvsv1wda7] {
    display: grid;
    grid-template-columns: 200px 1fr;
    padding: var(--eshop-spacing-md) 0;
    border-bottom: 1px solid var(--eshop-color-border);
    align-items: baseline;
    transition: background-color 0.2s ease;
}

.eshop-attributes__row:last-child[b-ysvsv1wda7] {
    border-bottom: none;
}

.eshop-attributes__row:hover[b-ysvsv1wda7] {
    background-color: var(--eshop-color-neutral-50);
}

.eshop-attributes__label[b-ysvsv1wda7] {
    font-weight: 600;
    color: var(--eshop-color-text-secondary);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.eshop-attributes__value[b-ysvsv1wda7] {
    color: var(--eshop-color-text-primary);
    font-weight: 500;
}

@media (max-width: 768px) {
    .eshop-attributes__row[b-ysvsv1wda7] {
        grid-template-columns: 1fr;
        gap: var(--eshop-spacing-xs);
    }
    
    .eshop-attributes__label[b-ysvsv1wda7] {
        font-size: 0.8rem;
    }
}
/* _content/Eshop.Foundation.UI/Components/Entities/Product/EshopAttributeTable.razor.rz.scp.css */
.eshop-attribute-table[b-t5b7h2hxx1] {
    width: 100%;
}

.eshop-attribute-table__container[b-t5b7h2hxx1] {
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius-sm);
    overflow: hidden;
}

.eshop-attribute-table__row[b-t5b7h2hxx1] {
    display: grid;
    grid-template-columns: 280px 1fr;
    border-bottom: 1px solid var(--eshop-border-color-light);
    min-height: 48px;
}

.eshop-attribute-table__row:last-child[b-t5b7h2hxx1] {
    border-bottom: none;
}

.eshop-attribute-table__label[b-t5b7h2hxx1] {
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-md);
    background-color: var(--eshop-color-gray-50);
    color: var(--eshop-color-text-light);
    font-weight: var(--eshop-font-weight-semibold);
    font-size: var(--eshop-font-size-sm);
    border-right: 1px solid var(--eshop-border-color-light);
    display: flex;
    align-items: center;
}

.eshop-attribute-table__value[b-t5b7h2hxx1] {
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-md);
    background-color: var(--eshop-color-white);
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-sm);
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .eshop-attribute-table__row[b-t5b7h2hxx1] {
        grid-template-columns: 1fr;
    }
    
    .eshop-attribute-table__label[b-t5b7h2hxx1] {
        border-right: none;
        border-bottom: 1px solid var(--eshop-border-color-light);
        background-color: var(--eshop-color-gray-50);
    }
}
/* _content/Eshop.Foundation.UI/Components/Entities/Product/EshopProductCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopProductCard — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-product-card[b-7ssek9a470] {
    display: flex;
    flex-direction: column;
    background: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color);
    position: relative;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    height: 100%;
    transition: all var(--eshop-transition-base);
    box-sizing: border-box;
    overflow: hidden;
}

.eshop-product-card:hover[b-7ssek9a470] {
    box-shadow: var(--eshop-shadow-lg);
    z-index: 1;
}

.eshop-product-card__link-overlay[b-7ssek9a470] {
    position: absolute;
    inset: 0;
    z-index: 1;
}


/* ── Badge ───────────────────────────────────────────────── */
.eshop-product-card__badge-container[b-7ssek9a470] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    /* Above link overlay */
    line-height: 1;
    pointer-events: none;
}


.eshop-product-card__badge[b-7ssek9a470] {
    display: inline-block;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: var(--eshop-font-weight-bold);
    text-transform: uppercase;
    background: #d84315;
    color: #ffffff;
    border-radius: 2px;
}

.eshop-product-card__badge--sale[b-7ssek9a470],
.eshop-product-card__badge--uvp[b-7ssek9a470],
.eshop-product-card__badge--angebot[b-7ssek9a470],
.eshop-product-card__badge--exklusiv[b-7ssek9a470] {
    background: #d84315;
    color: #ffffff;
}

/* ── Image ───────────────────────────────────────────────── */
.eshop-product-card__image-wrapper[b-7ssek9a470] {
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--eshop-color-bg-subtle);
}

.eshop-product-card__image[b-7ssek9a470] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.eshop-product-card:hover .eshop-product-card__image[b-7ssek9a470] {
    transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05);
}


/* ── Info ────────────────────────────────────────────────── */
.eshop-product-card__info[b-7ssek9a470] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--eshop-spacing-sm);
}

.eshop-product-card__title[b-7ssek9a470] {
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-black);
    margin: 0 0 12px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
    min-height: 2.4em;
}

/* ── Price ───────────────────────────────────────────────── */
.eshop-product-card__price-block[b-7ssek9a470] {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    margin-top: auto;
    margin-bottom: 0.5rem;
}

.eshop-product-card__price-old[b-7ssek9a470] {
    font-family: var(--font-body);
    font-size: 12px;
    color: var(--eshop-color-gray-400);
    text-decoration: line-through;
    line-height: 1rem !important;
}

.eshop-product-card__price-current[b-7ssek9a470] {
    font-family: var(--font-body);
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-black);
    line-height: 1.75rem !important;
}

.eshop-product-card__base-price[b-7ssek9a470] {
    font-size: 11px;
    color: var(--eshop-color-gray-500);
    margin-top: 2px;
}

/* ── Button ──────────────────────────────────────────────── */
.eshop-product-card__button[b-7ssek9a470] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    background: var(--eshop-color-primary-light);
    border: none;
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-medium);
    font-family: var(--eshop-font-family);
    color: var(--eshop-color-text);
    cursor: pointer;
    transition: background-color var(--eshop-transition-base);
}

.eshop-product-card__button:hover[b-7ssek9a470] {
    background: var(--eshop-color-primary);
}

.eshop-product-card__atc-container[b-7ssek9a470] {
    position: relative;
    z-index: 2;
    /* Above link overlay */
}


.eshop-product-card__cart-icon[b-7ssek9a470] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke: currentColor;
    stroke-width: 2;
}

/* Special modifier for red border on sale items (as seen in screenshots) */
.eshop-product-card--has-sale[b-7ssek9a470] {
    border-width: 2px;
    border-color: var(--eshop-color-highlight);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 480px) {
    .eshop-product-card__info[b-7ssek9a470] {
        padding: 8px;
    }

    .eshop-product-card__title[b-7ssek9a470] {
        font-size: 13px;
        min-height: 2.6em;
    }

    .eshop-product-card__price-current[b-7ssek9a470] {
        font-size: 16px;
    }
}
/* _content/Eshop.Foundation.UI/Components/Entities/Product/EshopProductCarousel.razor.rz.scp.css */
.eshop-product-carousel[b-p53beage18] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: var(--eshop-spacing-md) 0;
}

.eshop-product-carousel__container[b-p53beage18] {
    position: relative;
    display: flex;
    align-items: center;
}

.eshop-product-carousel__track[b-p53beage18] {
    display: flex;
    transition: transform var(--eshop-transition-base);
    width: 100%;
    will-change: transform;
}

.eshop-product-carousel__slide[b-p53beage18] {
    flex: 0 0 100%;
    padding: 0 var(--eshop-spacing-sm);
}

.eshop-product-carousel__grid[b-p53beage18] {
    display: grid;
    gap: var(--eshop-spacing-md);
    width: 100%;
}

/* Premium Arrows with Glassmorphism */
.eshop-product-carousel__arrow[b-p53beage18] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--eshop-color-text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all var(--eshop-transition-fast);
    box-shadow: var(--eshop-shadow-md);
}

.eshop-product-carousel__arrow:hover[b-p53beage18] {
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text);
    box-shadow: var(--eshop-shadow-lg);
    transform: translateY(-50%) scale(1.1);
}

.eshop-product-carousel__arrow--prev[b-p53beage18] {
    left: var(--eshop-spacing-sm);
}

.eshop-product-carousel__arrow--next[b-p53beage18] {
    right: var(--eshop-spacing-sm);
}

.eshop-product-carousel__arrow svg[b-p53beage18] {
    width: 24px;
    height: 24px;
}

/* Indicators */
.eshop-product-carousel__dots[b-p53beage18] {
    display: flex;
    justify-content: center;
    gap: var(--eshop-spacing-xs);
    margin-top: var(--eshop-spacing-md);
}

.eshop-product-carousel__dot[b-p53beage18] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--eshop-color-gray-300);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all var(--eshop-transition-fast);
}

.eshop-product-carousel__dot--active[b-p53beage18] {
    width: 24px;
    border-radius: 4px;
    background: var(--eshop-color-primary);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .eshop-product-carousel__arrow[b-p53beage18] {
        width: 36px;
        height: 36px;
        background: rgba(255, 255, 255, 0.9);
    }

    .eshop-product-carousel__arrow--prev[b-p53beage18] {
        left: 5px;
    }

    .eshop-product-carousel__arrow--next[b-p53beage18] {
        right: 5px;
    }

    .eshop-product-carousel__grid[b-p53beage18] {
        gap: var(--eshop-spacing-sm);
    }
}
/* _content/Eshop.Foundation.UI/Components/Entities/Product/EshopProductGallery.razor.rz.scp.css */
/* ── Gallery (left) ──────────────────────────────────────── */
.eshop-product-hero__gallery[b-2ofjtsqzwt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: sticky;
    top: 170px;
}

.eshop-product-hero__main-image-wrapper[b-2ofjtsqzwt] {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    border: 1px solid var(--eshop-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--eshop-color-white);
    overflow: hidden;
    box-sizing: border-box;
}

.eshop-product-hero__img-badge[b-2ofjtsqzwt] {
    position: absolute;
    top: var(--eshop-spacing-sm);
    left: var(--eshop-spacing-sm);
    z-index: 2;
    padding: 4px 12px;
    font-size: 0.68rem;
    font-weight: var(--eshop-font-weight-black);
    text-transform: uppercase;
    border-radius: 2px;
    background: #d84315;
    color: #ffffff;
}

.eshop-product-hero__img-badge--sale[b-2ofjtsqzwt],
.eshop-product-hero__img-badge--angebot[b-2ofjtsqzwt],
.eshop-product-hero__img-badge--exklusiv[b-2ofjtsqzwt] {
    background: #d84315;
    color: #ffffff;
}

.eshop-product-hero__img-badge--discount[b-2ofjtsqzwt] {
    left: auto;
    right: var(--eshop-spacing-sm);
    background: var(--eshop-color-accent-hover);
    color: var(--eshop-color-white);
}

.eshop-product-hero__main-image[b-2ofjtsqzwt] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 250ms ease;
}

.eshop-product-hero__main-image-wrapper:hover .eshop-product-hero__main-image[b-2ofjtsqzwt] {
    transform: scale(1.03);
}

.eshop-product-hero__thumbs[b-2ofjtsqzwt] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.eshop-product-hero__thumb[b-2ofjtsqzwt] {
    width: 64px;
    height: 64px;
    border: 2px solid var(--eshop-border-color);
    background: var(--eshop-color-white);
    padding: 4px;
    cursor: pointer;
    transition: border-color 150ms ease;
    flex-shrink: 0;
    box-sizing: border-box;
}

.eshop-product-hero__thumb img[b-2ofjtsqzwt] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.eshop-product-hero__thumb:hover[b-2ofjtsqzwt],
.eshop-product-hero__thumb--active[b-2ofjtsqzwt] {
    border-color: var(--eshop-color-primary);
}

@media (max-width: 860px) {
    .eshop-product-hero__gallery[b-2ofjtsqzwt] {
        width: 100%;
        position: static;
    }
}
/* _content/Eshop.Foundation.UI/Components/Entities/Product/EshopProductScroller.razor.rz.scp.css */
/* Recommendations scroll and layout */
.eshop-recommendations-wrapper[b-fk7w9jwbxs] {
    position: relative;
    width: 100%;
}

@media (min-width: 769px) {
    .eshop-recommendations-wrapper.eshop-has-scroll[b-fk7w9jwbxs] {
        padding: 0 56px;
    }
}

.eshop-recommendations-scroll[b-fk7w9jwbxs] {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: var(--eshop-spacing-md);
    padding: var(--eshop-spacing-md) 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

/* Hide default scrollbar on mobile but keep it on desktop */
@media (max-width: 768px) {
    .eshop-recommendations-scroll[b-fk7w9jwbxs] {
        padding-left: var(--eshop-spacing-md);
        padding-right: var(--eshop-spacing-md);
        margin-left: calc(-1 * var(--eshop-spacing-md));
        margin-right: calc(-1 * var(--eshop-spacing-md));
    }
}

.eshop-recommendations-scroll[b-fk7w9jwbxs]::-webkit-scrollbar {
    display: none;
}

.eshop-recommendations-scroll__item[b-fk7w9jwbxs] {
    flex: 0 0 calc((100% - var(--eshop-spacing-md)) / 2);
    scroll-snap-align: start;
    transition: transform var(--eshop-transition-normal);
}

@media (min-width: 576px) {
    .eshop-recommendations-scroll__item[b-fk7w9jwbxs] {
        flex: 0 0 calc((100% - 2 * var(--eshop-spacing-md)) / 3);
    }
}

@media (min-width: 992px) {
    .eshop-recommendations-scroll__item[b-fk7w9jwbxs] {
        flex: 0 0 calc((100% - 4 * var(--eshop-spacing-md)) / 5);
    }
}

/* Premium Navigation Arrows with Glassmorphism */
.eshop-scroll-arrow[b-fk7w9jwbxs] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--eshop-color-text);
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all var(--eshop-transition-fast);
    box-shadow: var(--eshop-shadow-md);
}

.eshop-scroll-arrow:hover[b-fk7w9jwbxs] {
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text);
    box-shadow: var(--eshop-shadow-lg);
    transform: translateY(-50%) scale(1.1);
}

@media (min-width: 769px) {
    .eshop-has-scroll .eshop-scroll-arrow[b-fk7w9jwbxs] {
        display: flex;
    }
    .eshop-scroll-arrow--prev[b-fk7w9jwbxs] {
        left: 4px;
    }
    .eshop-scroll-arrow--next[b-fk7w9jwbxs] {
        right: 4px;
    }
}

.eshop-scroll-arrow svg[b-fk7w9jwbxs] {
    width: 24px;
    height: 24px;
}

/* Hide arrows on mobile touch devices */
@media (max-width: 768px) {
    .eshop-scroll-arrow[b-fk7w9jwbxs] {
        display: none !important;
    }
}
/* _content/Eshop.Foundation.UI/Components/Entities/Product/EshopProductVideo.razor.rz.scp.css */
.eshop-product-video__frame[b-bxjsqjda4h] {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}
/* _content/Eshop.Foundation.UI/Components/Features/Auth/EshopPersonalDataForm.razor.rz.scp.css */
.eshop-personal-data-container[b-voyyh9vgky] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-lg);
    width: 100%;
}

.eshop-personal-data-card[b-voyyh9vgky] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg);
    box-shadow: var(--eshop-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
}

.eshop-personal-data-card__title[b-voyyh9vgky] {
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0;
}

/* Grids / Rows */
.eshop-form-row[b-voyyh9vgky] {
    display: grid;
    gap: var(--eshop-spacing-md);
    width: 100%;
}

.eshop-form-row--3col[b-voyyh9vgky] {
    grid-template-columns: 1fr;
}

.eshop-form-row--2col[b-voyyh9vgky] {
    grid-template-columns: 1fr;
}

@media (min-width: 576px) {
    .eshop-form-row--3col[b-voyyh9vgky] {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .eshop-form-row--2col[b-voyyh9vgky] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* E-Mail input custom style */
.eshop-email-input-wrapper[b-voyyh9vgky] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
}

.eshop-input--disabled[b-voyyh9vgky] {
    background-color: var(--eshop-color-gray-100) !important;
    color: var(--eshop-color-gray-600) !important;
    cursor: not-allowed;
}

.eshop-email-verified-badge[b-voyyh9vgky] {
    color: #16a34a; /* green-600 */
    font-size: var(--eshop-font-size-xs);
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: var(--eshop-font-weight-medium);
    white-space: nowrap;
}

.eshop-verified-icon[b-voyyh9vgky] {
    width: 16px;
    height: 16px;
}

/* Checkbox Alignment */
.eshop-checkbox-group[b-voyyh9vgky] {
    display: flex;
    align-items: flex-end;
    min-height: var(--eshop-input-height);
    margin: 0;
}

.eshop-checkbox-label[b-voyyh9vgky] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-xs);
    cursor: pointer;
    font-size: var(--eshop-font-size-sm);
    user-select: none;
}

.eshop-checkbox[b-voyyh9vgky] {
    width: 16px;
    height: 16px;
    accent-color: var(--eshop-color-primary);
    cursor: pointer;
}

/* Delete Account Card */
.eshop-delete-account-card[b-voyyh9vgky] {
    background-color: var(--eshop-color-white);
    border: 1px solid rgba(220, 38, 38, 0.25); /* red border opacity */
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg);
    box-shadow: var(--eshop-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
    margin-top: var(--eshop-spacing-md);
}

.eshop-delete-account-card__title[b-voyyh9vgky] {
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-bold);
    color: #dc2626; /* text-destructive / red-600 */
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-xs);
    margin: 0;
}

.eshop-warning-icon[b-voyyh9vgky] {
    color: #dc2626;
    flex-shrink: 0;
}

.eshop-delete-account-card__text[b-voyyh9vgky] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    margin: 0 0 var(--eshop-spacing-sm) 0;
}

.eshop-delete-account-card__button[b-voyyh9vgky] {
    align-self: flex-start;
    background-color: transparent;
    border: 1px solid #dc2626;
    color: #dc2626;
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-semibold);
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius-sm);
    cursor: pointer;
    transition: all var(--eshop-transition-base);
}

.eshop-delete-account-card__button:hover[b-voyyh9vgky] {
    background-color: #dc2626;
    color: var(--eshop-color-white);
}

/* Actions / Speichern Button */
.eshop-form-actions[b-voyyh9vgky] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--eshop-spacing-xs);
}
/* _content/Eshop.Foundation.UI/Components/Features/Auth/EshopProfileAddressesManager.razor.rz.scp.css */
/* Styles for EshopProfileAddressesManager */

.eshop-profiles-manager[b-lc1ijs37s6] {
    font-family: var(--eshop-font-family, sans-serif);
    color: var(--eshop-color-text, #333);
}

.eshop-address-sections[b-lc1ijs37s6] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.eshop-section-header[b-lc1ijs37s6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.eshop-section-title[b-lc1ijs37s6] {
    font-size: 1.125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.eshop-icon-primary[b-lc1ijs37s6] {
    color: var(--eshop-color-highlight, var(--eshop-color-primary, #f9d985));
    flex-shrink: 0;
}

.eshop-btn-new[b-lc1ijs37s6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    background-color: var(--eshop-color-primary, #f9d985);
    color: var(--eshop-color-text, #171717);
    border: none;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color var(--eshop-transition-fast, 150ms ease);
}

.eshop-btn-new:hover[b-lc1ijs37s6] {
    background-color: var(--eshop-color-primary-hover, #f5c956);
}

.eshop-address-grid[b-lc1ijs37s6] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .eshop-address-grid[b-lc1ijs37s6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.eshop-address-card[b-lc1ijs37s6] {
    background-color: var(--eshop-color-bg, #ffffff);
    border: 1px solid var(--eshop-border-color, #e5e5e5);
    border-radius: 6px;
    padding: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 180px;
    box-shadow: var(--eshop-shadow-sm, 0 1px 4px rgba(0,0,0,0.08));
}

.eshop-address-card.standard[b-lc1ijs37s6] {
    border-color: var(--eshop-color-primary-hover, #f5c956);
}

.eshop-standard-badge[b-lc1ijs37s6] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background-color: var(--eshop-color-primary, #f9d985);
    color: var(--eshop-color-text, #171717);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* a11y ("Standard view") theme: badge background is dark navy → use light text for contrast. */
:root[data-theme="a11y"] .eshop-standard-badge[b-lc1ijs37s6] {
    color: var(--eshop-color-text-invert);
}

.eshop-address-details[b-lc1ijs37s6] {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.eshop-address-details__name[b-lc1ijs37s6] {
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
    color: var(--eshop-color-text, #171717);
}

.eshop-address-details__company[b-lc1ijs37s6] {
    color: var(--eshop-color-text-light, #666);
    margin-bottom: 0.25rem;
}

.eshop-address-details__street[b-lc1ijs37s6],
.eshop-address-details__city[b-lc1ijs37s6],
.eshop-address-details__country[b-lc1ijs37s6],
.eshop-address-details__phone[b-lc1ijs37s6] {
    color: var(--eshop-color-text, #333);
}

.eshop-card-actions[b-lc1ijs37s6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: auto;
}

.eshop-action-btn[b-lc1ijs37s6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: transparent;
    color: var(--eshop-color-text, #333);
    border: 1px solid var(--eshop-border-color, #e5e5e5);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all var(--eshop-transition-fast, 150ms ease);
}

.eshop-action-btn:hover[b-lc1ijs37s6] {
    background-color: var(--eshop-color-bg-subtle, #f2f2f2);
    border-color: var(--eshop-color-gray-400, #a3a3a3);
}

.eshop-btn-delete:hover[b-lc1ijs37s6] {
    background-color: var(--eshop-color-error, #ef4444) !important;
    color: #ffffff !important;
    border-color: var(--eshop-color-error, #ef4444) !important;
}

.eshop-btn-standard[b-lc1ijs37s6] {
    background-color: var(--eshop-color-bg-subtle, #f2f2f2);
}

.eshop-empty-address[b-lc1ijs37s6] {
    background-color: #fff;
    border: 1px dashed var(--eshop-border-color, #e5e5e5);
    border-radius: 6px;
    padding: 2rem;
    text-align: center;
    font-size: 0.875rem;
    color: var(--eshop-color-text-muted, #737373);
    grid-column: span 2;
}

/* Profiles Loading state styling */
.eshop-profiles-loading[b-lc1ijs37s6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 3rem;
}

.eshop-spinner[b-lc1ijs37s6] {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: var(--eshop-color-accent, #f44336);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    animation: eshop-spin-b-lc1ijs37s6 1s linear infinite;
}

.eshop-profiles-loading__text[b-lc1ijs37s6] {
    color: var(--eshop-color-text-light, #666);
    font-size: 0.875rem;
    margin: 0;
}

@keyframes eshop-spin-b-lc1ijs37s6 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Restore Banner styling */
.eshop-restore-banner[b-lc1ijs37s6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--eshop-color-bg-subtle, #f2f2f2);
    border: 1px solid var(--eshop-border-color, #e5e5e5);
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--eshop-color-text, #333);
    margin-bottom: 1.5rem;
}

.eshop-restore-banner__text[b-lc1ijs37s6] {
    font-weight: 500;
}

.eshop-btn-restore[b-lc1ijs37s6] {
    background-color: var(--eshop-color-primary, #f9d985);
    color: var(--eshop-color-text, #171717);
    border: none;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--eshop-transition-fast, 150ms ease);
}

.eshop-btn-restore:hover[b-lc1ijs37s6] {
    background-color: var(--eshop-color-primary-hover, #f5c956);
}

/* Modal styling */
.eshop-modal[b-lc1ijs37s6] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--eshop-z-modal);
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.eshop-modal__container[b-lc1ijs37s6] {
    background-color: var(--eshop-color-bg, #ffffff);
    border-radius: 6px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    width: 100%;
    max-width: 512px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.eshop-modal__title[b-lc1ijs37s6] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: var(--eshop-color-text, #171717);
}

.eshop-modal__error[b-lc1ijs37s6] {
    font-size: 0.875rem;
    color: var(--eshop-color-error, #ef4444);
    font-weight: 500;
}

.eshop-modal__row[b-lc1ijs37s6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.eshop-modal__row--3col[b-lc1ijs37s6] {
    grid-template-columns: repeat(3, 1fr);
}

.eshop-modal__field[b-lc1ijs37s6] {
    display: flex;
    flex-direction: column;
}

.eshop-modal__field--span-2[b-lc1ijs37s6] {
    grid-column: span 2 / span 2;
}

.eshop-input[b-lc1ijs37s6],
.eshop-select[b-lc1ijs37s6] {
    width: 100%;
    border: 2px solid var(--eshop-border-color, #e5e5e5);
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    background-color: var(--eshop-color-bg, #ffffff);
    color: var(--eshop-color-text, #171717);
    outline: none;
    transition: border-color var(--eshop-transition-fast, 150ms ease);
}

.eshop-input:focus[b-lc1ijs37s6],
.eshop-select:focus[b-lc1ijs37s6] {
    border-color: var(--eshop-color-primary-hover, #f5c956);
}

.eshop-input.invalid[b-lc1ijs37s6],
.eshop-select.invalid[b-lc1ijs37s6] {
    border-color: var(--eshop-color-error, #ef4444) !important;
    background-color: #fff8f8 !important;
}

.eshop-modal__checkbox-container[b-lc1ijs37s6] {
    display: flex;
    align-items: center;
}

.eshop-checkbox-label[b-lc1ijs37s6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--eshop-color-text, #333);
    cursor: pointer;
    user-select: none;
}

.eshop-checkbox[b-lc1ijs37s6] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--eshop-color-accent, #f44336);
    cursor: pointer;
}

.eshop-modal__actions[b-lc1ijs37s6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.5rem;
}

.eshop-btn[b-lc1ijs37s6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all var(--eshop-transition-fast, 150ms ease);
}

.eshop-btn--secondary[b-lc1ijs37s6] {
    background-color: transparent;
    color: var(--eshop-color-text, #333);
    border: 1px solid var(--eshop-border-color, #e5e5e5);
}

.eshop-btn--secondary:hover[b-lc1ijs37s6] {
    background-color: var(--eshop-color-bg-subtle, #f2f2f2);
}

.eshop-btn--primary[b-lc1ijs37s6] {
    background-color: var(--eshop-color-primary, #f9d985);
    color: var(--eshop-color-text, #171717);
    border: none;
}

/* a11y ("Standard view") theme: primary background is dark navy → use light text for contrast. */
:root[data-theme="a11y"] .eshop-btn--primary[b-lc1ijs37s6] {
    color: var(--eshop-color-text-invert) !important;
}

.eshop-btn--primary:hover[b-lc1ijs37s6] {
    background-color: var(--eshop-color-primary-hover, #f5c956);
}

.eshop-modal__autocomplete-container[b-lc1ijs37s6] {
    position: relative;
}

/* Autocomplete Dropdown in Modal */
.autocomplete-dropdown[b-lc1ijs37s6] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid var(--eshop-border-color, #e5e5e5);
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    z-index: 100;
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}

.autocomplete-dropdown-item[b-lc1ijs37s6] {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    font-size: 0.875rem;
    color: var(--eshop-color-text, #171717);
    text-align: left;
}

.autocomplete-dropdown-item:last-child[b-lc1ijs37s6] {
    border-bottom: none;
}

.autocomplete-dropdown-item:hover[b-lc1ijs37s6] {
    background-color: var(--eshop-color-primary-light, #fef7e7);
    color: var(--eshop-color-text, #171717);
}
/* _content/Eshop.Foundation.UI/Components/Features/Auth/EshopRegistrationForm.razor.rz.scp.css */
[b-qixday20ob] .eshop-registration-layout {
    display: grid;
    gap: var(--eshop-spacing-lg);
}

@media (min-width: 768px) {
    [b-qixday20ob] .eshop-registration-layout {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}

[b-qixday20ob] .eshop-auth-section__title {
    font-family: var(--font-heading);
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-800);
    margin-bottom: var(--eshop-spacing-md);
    padding-bottom: var(--eshop-spacing-xs);
    border-bottom: 3px solid var(--eshop-color-primary);
    display: inline-block;
}

[b-qixday20ob] .eshop-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--eshop-spacing-md);
}

@media (min-width: 768px) {
    [b-qixday20ob] .eshop-form-grid {
        grid-template-columns: 1fr 1fr;
    }

    [b-qixday20ob] .eshop-form-grid--3col {
        grid-template-columns: repeat(3, 1fr);
    }
}

[b-qixday20ob] .eshop-form-group {
    margin-bottom: var(--eshop-spacing-md);
}

[b-qixday20ob] .eshop-form-label {
    display: block;
    font-weight: var(--eshop-font-weight-semibold);
    margin-bottom: var(--eshop-spacing-xs);
    color: var(--eshop-color-gray-700);
    font-size: var(--eshop-font-size-sm);
}

[b-qixday20ob] .eshop-form-required {
    color: var(--eshop-color-error);
}

[b-qixday20ob] .eshop-form-error {
    display: block;
    color: var(--eshop-color-error);
    font-size: 0.75rem;
    margin-top: var(--eshop-spacing-xs);
    font-weight: var(--eshop-font-weight-medium);
}

[b-qixday20ob] .eshop-form-hint {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
}

.eshop-alert[b-qixday20ob] {
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius);
    font-size: var(--eshop-font-size-sm);
    margin-bottom: var(--eshop-spacing-lg);
    border-left: 4px solid transparent;
}

.eshop-alert--error[b-qixday20ob] {
    background-color: #fef2f2;
    color: #991b1b;
    border-left-color: var(--eshop-color-error);
}
/* _content/Eshop.Foundation.UI/Components/Features/Cart/EshopAddToCartButton.razor.rz.scp.css */
.eshop-atc-wrapper[b-dhwuzwjgm9] {
    container-type: inline-size;
}

.eshop-atc[b-dhwuzwjgm9] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px;
    width: auto;
}

.eshop-atc--full[b-dhwuzwjgm9] {
    width: 100%;
}

/* ── Qty Stepper ─────────────────────────────────────────── */
.eshop-atc__qty[b-dhwuzwjgm9] {
    display: flex;
    align-items: center;
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius);
    overflow: hidden;
    width: 105px;
    background: var(--eshop-color-white);
    flex-shrink: 0;
}

.eshop-atc__qty-btn[b-dhwuzwjgm9] {
    width: 34px;
    height: 100%;
    border: none;
    background: var(--eshop-color-bg-subtle);
    color: var(--eshop-color-black);
    font-size: 1.1rem;
    font-weight: var(--eshop-font-weight-medium);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--eshop-transition-fast);
}

.eshop-atc__qty-btn:hover:not(:disabled)[b-dhwuzwjgm9] {
    background: var(--eshop-color-white);
    color: var(--eshop-color-primary);
}

.eshop-atc__qty-btn:active:not(:disabled)[b-dhwuzwjgm9] {
    transform: scale(0.9);
}

.eshop-atc__qty--disabled[b-dhwuzwjgm9] {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--eshop-color-gray-100);
}

.eshop-atc__qty-btn:disabled[b-dhwuzwjgm9] {
    cursor: not-allowed;
    background: var(--eshop-color-gray-100);
    color: var(--eshop-color-gray-400);
}

.eshop-atc__qty-value[b-dhwuzwjgm9] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-bold);
    font-family: var(--eshop-font-family);
    color: var(--eshop-color-black);
    user-select: none;
    border-inline: 1px solid var(--eshop-border-color);
    background: var(--eshop-color-white);
}

/* ── Button ──────────────────────────────────────────────── */
.eshop-atc__button[b-dhwuzwjgm9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    padding: 10px 24px;
    background: var(--eshop-color-primary);
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: var(--eshop-font-weight-semibold);
    font-family: var(--font-body);
    color: var(--eshop-color-text-on-primary);
    cursor: pointer;
    transition: all var(--eshop-transition-base);
    letter-spacing: normal;
    text-transform: none;
    position: relative;
    overflow: hidden;
    min-height: 48px;
}

.eshop-atc__button--compact[b-dhwuzwjgm9] {
    gap: 6px;
    padding: 8px 12px;
    min-height: 42px;
}

.eshop-atc__button:hover:not(:disabled)[b-dhwuzwjgm9] {
    background: var(--eshop-color-primary-hover);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.eshop-atc__button:active:not(:disabled)[b-dhwuzwjgm9] {
    transform: translateY(0);
}

.eshop-atc__button:disabled[b-dhwuzwjgm9] {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--eshop-color-gray-300);
}

.eshop-atc__button--in-cart[b-dhwuzwjgm9],
.eshop-atc__button--in-cart:disabled[b-dhwuzwjgm9] {
    background: var(--eshop-color-gray-200);
    color: var(--eshop-color-gray-700);
    opacity: 0.85;
    cursor: not-allowed;
}

.eshop-atc__button--accent[b-dhwuzwjgm9] {
    background: var(--eshop-color-accent);
    color: var(--eshop-color-white);
}

.eshop-atc__button--accent:hover:not(:disabled)[b-dhwuzwjgm9] {
    background: var(--eshop-color-accent-hover);
}

[b-dhwuzwjgm9] .eshop-atc__icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    stroke-width: 2;
}

.eshop-atc__text[b-dhwuzwjgm9] {
    min-width: 0;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

@container (max-width: 190px) {
    .eshop-atc__button--compact[b-dhwuzwjgm9] {
        gap: 4px;
        padding-inline: 8px;
        font-size: 11px;
    }

    .eshop-atc__icon[b-dhwuzwjgm9] {
        width: 18px;
        height: 18px;
    }
}

.eshop-atc__confirmation[b-dhwuzwjgm9] {
    margin-top: 12px;
    color: var(--eshop-color-text);
    font-size: 16px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.5;
}

.eshop-atc__confirmation--error[b-dhwuzwjgm9] {
    color: var(--eshop-color-error);
}

.eshop-atc-toast[b-dhwuzwjgm9] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(360px, calc(100vw - 32px));
    padding: 16px 20px;
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: 8px;
    box-shadow: var(--eshop-shadow-lg);
    font-family: var(--eshop-font-family);
}

.eshop-atc-toast__icon[b-dhwuzwjgm9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    color: var(--eshop-color-text-invert);
    background: var(--eshop-color-text);
    border-radius: 50%;
}

.eshop-atc-toast__icon svg[b-dhwuzwjgm9] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.eshop-atc-toast__content[b-dhwuzwjgm9] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.eshop-atc-toast__title[b-dhwuzwjgm9] {
    font-size: 16px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.25;
}

.eshop-atc-toast__meta[b-dhwuzwjgm9] {
    color: var(--eshop-color-text-muted);
    font-size: 14px;
    line-height: 1.3;
}

/* Responsive */
@media (max-width: 480px) {
    .eshop-atc[b-dhwuzwjgm9] {
        gap: 6px;
    }

    .eshop-atc__qty[b-dhwuzwjgm9] {
        width: 90px;
    }

    .eshop-atc__button[b-dhwuzwjgm9] {
        padding: 8px 6px;
        font-size: 11px;
    }

    .eshop-atc__text[b-dhwuzwjgm9] {
        white-space: normal;
        line-height: 1.1;
    }

    .eshop-atc-toast[b-dhwuzwjgm9] {
        right: 16px;
        bottom: 16px;
        width: calc(100vw - 32px);
    }
}
/* _content/Eshop.Foundation.UI/Components/Features/Cart/EshopStickyAddToCartBar.razor.rz.scp.css */
/* Sticky Add-to-Cart bottom bar (Mobile & Desktop) */
.eshop-sticky-cart-bar[b-g4kv8n1qgj] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid var(--eshop-border-color-subtle, rgba(0,0,0,0.08));
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
    padding: 10px 16px;
    padding-bottom: max(10px, env(safe-area-inset-bottom, 10px));
    z-index: 999;
    transform: translateY(100%);
    pointer-events: none;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.eshop-sticky-cart-bar--visible[b-g4kv8n1qgj] {
    transform: translateY(0);
    pointer-events: auto;
}

.eshop-sticky-cart-bar__container[b-g4kv8n1qgj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    max-width: var(--eshop-container-max, 1200px);
    margin: 0 auto;
    width: 100%;
}

.eshop-sticky-cart-bar__product-info[b-g4kv8n1qgj] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.eshop-sticky-cart-bar__image[b-g4kv8n1qgj] {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: var(--eshop-color-white, #ffffff);
    border-radius: var(--eshop-border-radius-sm, 4px);
    border: 1px solid var(--eshop-border-color-subtle, #eee);
    flex-shrink: 0;
}

.eshop-sticky-cart-bar__text[b-g4kv8n1qgj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.eshop-sticky-cart-bar__title[b-g4kv8n1qgj] {
    font-size: var(--eshop-font-size-sm, 0.875rem);
    font-weight: var(--eshop-font-weight-semibold, 600);
    color: var(--eshop-color-text, #111111);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

.eshop-sticky-cart-bar__price[b-g4kv8n1qgj] {
    font-size: var(--eshop-font-size-sm, 0.875rem);
    font-weight: var(--eshop-font-weight-bold, 700);
    color: var(--eshop-color-black, #000000);
    margin-top: 2px;
}

.eshop-sticky-cart-bar__buy-button[b-g4kv8n1qgj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--eshop-color-primary, #fbd47b);
    color: var(--eshop-color-black, #000000);
    border: none;
    padding: 10px 24px;
    font-weight: var(--eshop-font-weight-bold, 700);
    font-size: var(--eshop-font-size-sm, 0.875rem);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: var(--eshop-border-radius-sm, 4px);
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 150ms ease, transform 0.1s ease;
}

.eshop-sticky-cart-bar__buy-button:hover:not(:disabled)[b-g4kv8n1qgj] {
    background: var(--eshop-color-primary-hover, #fbc02d);
}

.eshop-sticky-cart-bar__buy-button:active:not(:disabled)[b-g4kv8n1qgj] {
    transform: scale(0.97);
}

[b-g4kv8n1qgj] .eshop-sticky-cart-bar__buy-button-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke: var(--eshop-color-black, #000000);
    stroke-width: 2;
}
/* _content/Eshop.Foundation.UI/Components/Features/Catalog/EshopSearchInput.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopSearchInput — Premium SDUI Search Component
   ═══════════════════════════════════════════════════════════ */

.eshop-search-input[b-clrw2ki0r2] {
    position: relative;
    width: 100%;
    max-width: 600px;
    height: 44px;
    font-family: var(--eshop-font-family);
    z-index: var(--eshop-z-header);
    box-sizing: border-box;
}

/* Use ::deep to reach the form rendered by EditForm and its internal structure */
[b-clrw2ki0r2] .eshop-search-input__form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    height: 100% !important;
    background: var(--eshop-color-white);
    border: 2px solid var(--eshop-border-color);
    border-radius: 0;
    transition: border-color var(--eshop-transition-fast);
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
}

[b-clrw2ki0r2] .eshop-search-input__field-wrapper {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    padding-left: 16px;
    min-width: 0;
}

[b-clrw2ki0r2] .eshop-search-input__field {
    width: 100%;
    height: 100%;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    font-size: var(--eshop-font-size-md);
    background: transparent !important;
    color: var(--eshop-color-text);
    font-weight: var(--eshop-font-weight-normal);
    box-shadow: none !important;
}

[b-clrw2ki0r2] .eshop-search-input__field:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

[b-clrw2ki0r2] .eshop-search-input__field::placeholder {
    color: #999;
    font-weight: var(--eshop-font-weight-normal);
}

/* ── Actions (Clear) ─────────────────────────────────────── */
[b-clrw2ki0r2] .eshop-search-input__actions {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    flex-shrink: 0;
}

[b-clrw2ki0r2] .eshop-search-input__action-btn {
    background: none;
    border: none;
    width: 28px;
    height: 28px;
    cursor: pointer;
    color: var(--eshop-color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all var(--eshop-transition-fast);
    padding: 0;
}

[b-clrw2ki0r2] .eshop-search-input__action-btn:hover {
    color: var(--eshop-color-text);
    background: var(--eshop-color-gray-100);
}

[b-clrw2ki0r2] .eshop-search-input__action-btn svg {
    width: 16px;
    height: 16px;
}

/* ── Spinner ────────────────────────────────────────────── */
[b-clrw2ki0r2] .eshop-search-input__spinner {
    width: 16px;
    height: 16px;
    border: 2px solid var(--eshop-color-gray-200);
    border-top-color: var(--eshop-color-primary);
    border-radius: 50%;
    animation: eshop-spin-b-clrw2ki0r2 0.8s linear infinite;
    margin-right: 4px;
}

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

/* ── Search Button ───────────────────────────────────────── */
[b-clrw2ki0r2] .eshop-search-input__submit {
    background: var(--eshop-color-primary);
    border: none;
    width: 50px;
    min-width: 50px;
    height: 100% !important;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color var(--eshop-transition-fast);
    border-radius: 0;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}

[b-clrw2ki0r2] .eshop-search-input__submit:hover {
    background: var(--eshop-color-primary-hover);
}

[b-clrw2ki0r2] .eshop-search-input__submit svg {
    width: 20px;
    height: 20px;
    color: var(--eshop-color-text-on-primary);
    stroke-width: 2.5;
    display: block;
}

/* ── Suggestions Dropdown ────────────────────────────────── */
.eshop-search-input__suggestions-container[b-clrw2ki0r2] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: var(--eshop-z-dropdown);
    background: var(--eshop-color-white);
    border-radius: 16px;
    box-shadow: var(--eshop-shadow-lg);
    overflow: hidden;
    border: 1px solid var(--eshop-color-gray-100);
    animation: eshop-fade-in-up-b-clrw2ki0r2 0.2s ease-out;
}

@keyframes eshop-fade-in-up-b-clrw2ki0r2 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.eshop-search-input__suggestions[b-clrw2ki0r2] {
    list-style: none;
    padding: 8px;
    margin: 0;
    max-height: 450px;
    overflow-y: auto;
}

.eshop-search-input__suggestion-item[b-clrw2ki0r2] {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-radius: 10px;
    transition: all var(--eshop-transition-fast);
}

.eshop-search-input__suggestion-item:hover[b-clrw2ki0r2],
.eshop-search-input__suggestion-item--active[b-clrw2ki0r2] {
    background: var(--eshop-color-gray-50);
}

.eshop-search-input__suggestion-image[b-clrw2ki0r2] {
    width: 52px;
    height: 52px;
    object-fit: contain;
    background: var(--eshop-color-gray-50);
    flex-shrink: 0;
}

.eshop-search-input__suggestion-content[b-clrw2ki0r2] {
    flex: 1;
    min-width: 0;
}

.eshop-search-input__suggestion-title[b-clrw2ki0r2] {
    font-weight: var(--eshop-font-weight-semibold);
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eshop-search-input__suggestion-prefix[b-clrw2ki0r2] {
    color: var(--eshop-color-black);
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-search-input__suggestion-meta[b-clrw2ki0r2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
}

.eshop-search-input__suggestion-category[b-clrw2ki0r2] {
    font-size: 11px;
    color: var(--eshop-color-text-muted);
    background: var(--eshop-color-gray-100);
    padding: 1px 6px;
    border-radius: 4px;
}

.eshop-search-input__suggestion-sku[b-clrw2ki0r2] {
    font-size: 11px;
    color: var(--eshop-color-gray-400);
}

[b-clrw2ki0r2] .eshop-search-input__suggestion-arrow {
    width: 16px;
    height: 16px;
    color: var(--eshop-color-gray-300);
    transition: transform var(--eshop-transition-fast);
}

.eshop-search-input__suggestion-item:hover .eshop-search-input__suggestion-arrow[b-clrw2ki0r2],
.eshop-search-input__suggestion-item--active .eshop-search-input__suggestion-arrow[b-clrw2ki0r2] {
    color: var(--eshop-color-primary);
    transform: translateX(4px);
}

.eshop-search-input__empty[b-clrw2ki0r2] {
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: var(--eshop-color-text-muted);
    font-size: var(--eshop-font-size-sm);
}

.eshop-search-input__empty[b-clrw2ki0r2]  svg {
    width: 40px;
    height: 40px;
    opacity: 0.2;
}

[b-clrw2ki0r2] .eshop-search-input__mic-btn {
    position: relative;
}

[b-clrw2ki0r2] .eshop-search-input__mic-btn--listening {
    color: var(--eshop-color-error) !important;
    background: rgba(211, 47, 47, 0.1) !important;
    animation: eshop-mic-pulse-b-clrw2ki0r2 1.5s infinite ease-in-out;
}

@keyframes eshop-mic-pulse-b-clrw2ki0r2 {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.4);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 6px rgba(211, 47, 47, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(211, 47, 47, 0);
    }
}
/* _content/Eshop.Foundation.UI/Components/Features/Catalog/EshopSidebarToggle.razor.rz.scp.css */
.eshop-sidebar-toggle[b-zjplmuuezy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.25rem;
    background-color: var(--eshop-color-white, #fff);
    border: 1px solid var(--eshop-border-color, #e5e5e5);
    border-radius: var(--eshop-border-radius, 8px);
    cursor: pointer;
    transition: all var(--eshop-transition-base, 0.2s) cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--eshop-color-text, #171717);
    font-family: var(--eshop-font-family);
    font-size: var(--eshop-font-size-sm, 0.9rem);
    font-weight: var(--eshop-font-weight-semibold, 600);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-sidebar-toggle:hover[b-zjplmuuezy] {
    background-color: var(--eshop-color-gray-50, #f9f9f9);
    border-color: var(--eshop-color-primary-hover, #f5c956);
    transform: translateY(-1px);
    box-shadow: var(--eshop-shadow-md);
}

.eshop-sidebar-toggle:active[b-zjplmuuezy] {
    transform: translateY(0);
}

.eshop-sidebar-toggle__content[b-zjplmuuezy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.eshop-sidebar-toggle__icon[b-zjplmuuezy] {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--eshop-color-gray-700, #404040);
    transition: transform 0.2s ease;
}

.eshop-sidebar-toggle:hover .eshop-sidebar-toggle__icon[b-zjplmuuezy] {
    color: var(--eshop-color-black, #000);
    transform: scale(1.1);
}

.eshop-sidebar-toggle__text[b-zjplmuuezy] {
    line-height: 1;
}

/* Responsive visibility */
@media (min-width: 1025px) {
    /* Hide the toggle on desktop because the sidebar is always visible there */
    .eshop-sidebar-toggle[b-zjplmuuezy] {
        display: none;
    }
}

@media (max-width: 640px) {
    .eshop-sidebar-toggle[b-zjplmuuezy] {
        padding: 0.5rem 0.8rem;
    }
    
    .eshop-sidebar-toggle__text[b-zjplmuuezy] {
        font-size: 0.85rem;
    }
}
/* _content/Eshop.Foundation.UI/Components/Features/Catalog/EshopSortSelect.razor.rz.scp.css */
.eshop-sort-select[b-swklao0xue] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
}

.eshop-sort-select__label[b-swklao0xue] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
    font-weight: var(--eshop-font-weight-medium);
    white-space: nowrap;
}

.eshop-sort-select__wrapper[b-swklao0xue] {
    position: relative;
}

.eshop-sort-select__control[b-swklao0xue] {
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-lg) var(--eshop-spacing-xs) var(--eshop-spacing-sm);
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius);
    background-color: var(--eshop-color-white);
    font-family: inherit;
    font-size: var(--eshop-font-size-sm);
    cursor: pointer;
    transition: var(--eshop-transition-fast);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23737373'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
    min-width: 160px;
}

.eshop-sort-select__control:hover[b-swklao0xue] {
    border-color: var(--eshop-color-gray-400);
}

.eshop-sort-select__control:focus[b-swklao0xue] {
    outline: none;
    border-color: var(--eshop-color-accent);
    box-shadow: 0 0 0 2px var(--eshop-color-primary-light);
}

@media (max-width: 640px) {
    .eshop-sort-select[b-swklao0xue] {
        justify-content: space-between;
        width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Components/Features/Newsletter/EshopNewsletterFormFooter.razor.rz.scp.css */
.eshop-newsletter-section[b-uk63ph6kjk] {
    background-color: var(--eshop-color-secondary);
    padding-block: var(--eshop-spacing-xl);
    width: 100%;
}

.eshop-newsletter-section__inner[b-uk63ph6kjk] {
    max-width: var(--eshop-container-max-width);
    margin-inline: auto;
    padding-inline: var(--eshop-page-padding);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--eshop-spacing-sm);
}

.eshop-newsletter-section__title[b-uk63ph6kjk] {
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-black);
    margin: 0;
    text-transform: none;
}

.eshop-newsletter-section__text[b-uk63ph6kjk] {
    font-size: var(--eshop-font-size-md);
    color: var(--eshop-color-black);
    max-width: 600px;
    line-height: 1.4;
    margin: 0;
}

.eshop-newsletter-section__form-wrapper[b-uk63ph6kjk] {
    width: 100%;
    max-width: 600px;
    margin-top: var(--eshop-spacing-sm);
}

.eshop-newsletter-section__legal[b-uk63ph6kjk] {
    font-size: 0.65rem;
    color: var(--eshop-color-black);
    max-width: 640px;
    line-height: 1.3;
    margin-top: var(--eshop-spacing-sm);
    opacity: 0.8;
}
/* _content/Eshop.Foundation.UI/Components/Features/Orders/EshopProfileOrdersList.razor.rz.scp.css */
.eshop-orders-list-container[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
    width: 100%;
}

/* Filter Bar */
.eshop-orders-filter-bar[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-md);
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-sm);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-search-input-wrapper[b-bdd6qlw2nv] {
    position: relative;
    flex-grow: 1;
}

.eshop-search-icon-wrapper[b-bdd6qlw2nv] {
    position: absolute;
    left: var(--eshop-spacing-sm);
    top: 50%;
    transform: translateY(-50%);
    color: var(--eshop-color-text-muted);
    display: flex;
    align-items: center;
    pointer-events: none;
}

.eshop-search-input[b-bdd6qlw2nv] {
    padding-left: 2.5rem !important;
    width: 100%;
}

.eshop-filter-select-wrapper[b-bdd6qlw2nv] {
    width: 100%;
}

.eshop-status-filter[b-bdd6qlw2nv] {
    width: 100%;
}

@media (min-width: 576px) {
    .eshop-orders-filter-bar[b-bdd6qlw2nv] {
        flex-direction: row;
        align-items: center;
        gap: var(--eshop-spacing-md);
    }
    
    .eshop-filter-select-wrapper[b-bdd6qlw2nv] {
        width: 200px;
    }
}

/* Order Row Card */
.eshop-order-row-card[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg);
    box-shadow: var(--eshop-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
    margin-bottom: var(--eshop-spacing-md);
    transition: all var(--eshop-transition-base);
}

.eshop-order-row-card:hover[b-bdd6qlw2nv] {
    box-shadow: var(--eshop-shadow-md);
    border-color: var(--eshop-color-primary);
}

.eshop-order-row-card__left[b-bdd6qlw2nv] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
}

.eshop-order-row-card__header-info[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xxs);
}

.eshop-order-row-card__number[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0;
}

.eshop-order-row-card__date[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
}

.eshop-order-row-card__right[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    border-top: 1px dashed var(--eshop-border-color-light);
    padding-top: var(--eshop-spacing-md);
}

.eshop-order-row-card__status-wrapper[b-bdd6qlw2nv] {
    display: flex;
    align-items: center;
}

.eshop-order-row-card__price-summary[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.eshop-order-row-card__price-line[b-bdd6qlw2nv] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.eshop-order-row-card__price-val[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
}

.eshop-order-row-card__price-label[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
}

.eshop-order-row-card__tax-breakdown[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
}

@media (min-width: 768px) {
    .eshop-order-row-card[b-bdd6qlw2nv] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: var(--eshop-spacing-lg);
    }

    .eshop-order-row-card__right[b-bdd6qlw2nv] {
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        border-top: none;
        padding-top: 0;
        min-width: 250px;
        text-align: right;
    }

    .eshop-order-row-card__price-summary[b-bdd6qlw2nv] {
        align-items: flex-end;
    }
}

/* Thumbnails list */
.eshop-order-row-card__thumbnails[b-bdd6qlw2nv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--eshop-spacing-xs);
}

.eshop-order-row-card__thumbnail-link[b-bdd6qlw2nv] {
    display: block;
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius-sm);
    padding: 2px;
    background-color: var(--eshop-color-white);
    transition: border-color var(--eshop-transition-base);
}

.eshop-order-row-card__thumbnail-link:hover[b-bdd6qlw2nv] {
    border-color: var(--eshop-color-primary);
}

.eshop-order-row-card__thumbnail[b-bdd6qlw2nv] {
    width: 48px;
    height: 48px;
    object-fit: cover;
    display: block;
}

/* Buttons actions */
.eshop-order-row-card__actions[b-bdd6qlw2nv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--eshop-spacing-xs);
}

.eshop-order-row-btn[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color);
    color: var(--eshop-color-gray-700);
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-semibold);
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-sm);
    border-radius: var(--eshop-border-radius-sm);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    text-decoration: none;
    transition: all var(--eshop-transition-base);
}

.eshop-order-row-btn:hover[b-bdd6qlw2nv] {
    border-color: var(--eshop-color-primary-hover);
    color: var(--eshop-color-primary-hover);
    background-color: var(--eshop-bg-neutral);
}

.eshop-btn-icon[b-bdd6qlw2nv] {
    flex-shrink: 0;
}

/* Modal Overlay Styles */
.eshop-modal-backdrop[b-bdd6qlw2nv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--eshop-spacing-md);
}

.eshop-modal-container[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-white);
    border-radius: var(--eshop-border-radius);
    width: 100%;
    max-width: 680px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: var(--eshop-shadow-lg);
    overflow: hidden;
    animation: eshopFadeInUp-b-bdd6qlw2nv 0.3s ease;
}

@keyframes eshopFadeInUp-b-bdd6qlw2nv {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.eshop-modal-header[b-bdd6qlw2nv] {
    padding: var(--eshop-spacing-lg);
    border-bottom: 1px solid var(--eshop-border-color-light);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.eshop-modal-title[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0;
}

.eshop-modal-subtitle[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-xs);
}

.eshop-modal-close-button[b-bdd6qlw2nv] {
    background: transparent;
    border: none;
    color: var(--eshop-color-gray-400);
    cursor: pointer;
    padding: var(--eshop-spacing-xxs);
    transition: color var(--eshop-transition-base);
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-modal-close-button:hover[b-bdd6qlw2nv] {
    color: var(--eshop-color-gray-700);
}

.eshop-modal-body[b-bdd6qlw2nv] {
    padding: var(--eshop-spacing-md);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-lg);
}

/* Stepper Status Progression */
.eshop-stepper-section[b-bdd6qlw2nv] {
    background-color: transparent;
    padding: 0;
}

.eshop-stepper-title[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-500);
    margin: 0 0 var(--eshop-spacing-md) 0;
    letter-spacing: 0.05em;
}

.eshop-stepper-note[b-bdd6qlw2nv] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    padding: var(--eshop-spacing-md);
    border-radius: 8px;
    background-color: #fee2e2;
    color: #991b1b;
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-medium);
}

.eshop-stepper-note__icon[b-bdd6qlw2nv] {
    flex-shrink: 0;
}

.eshop-stepper[b-bdd6qlw2nv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.eshop-step[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    position: relative;
}

.eshop-step-icon[b-bdd6qlw2nv] {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--eshop-color-white);
    border: 2px solid var(--eshop-border-color-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--eshop-color-gray-400);
    z-index: 2;
    transition: all var(--eshop-transition-base);
}

.eshop-step--completed .eshop-step-icon[b-bdd6qlw2nv] {
    border-color: var(--eshop-color-primary);
    background-color: var(--eshop-color-primary);
    color: var(--eshop-color-gray-900);
}

.eshop-step-label[b-bdd6qlw2nv] {
    margin-top: var(--eshop-spacing-xs);
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-gray-600);
}

.eshop-step--completed .eshop-step-label[b-bdd6qlw2nv] {
    color: var(--eshop-color-gray-900);
    font-weight: var(--eshop-font-weight-semibold);
}

.eshop-step-connector[b-bdd6qlw2nv] {
    position: absolute;
    right: calc(50% + 16px);
    top: 16px;
    height: 2px;
    width: calc(100% - 32px);
    background-color: var(--eshop-border-color-light);
    z-index: 1;
    transition: background-color var(--eshop-transition-base);
}

.eshop-step-connector--active[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-primary);
}

/* Modal Sections */
.eshop-modal-section-title[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-smeshop-status-badg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-500);
    margin: 0 0 var(--eshop-spacing-xs) 0;
    letter-spacing: 0.05em;
    padding-bottom: var(--eshop-spacing-xxs);
}

.eshop-modal-items-list[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    overflow: hidden;
}

.eshop-modal-item[b-bdd6qlw2nv] {
    display: flex;
    align-items: flex-start;
    gap: var(--eshop-spacing-md);
    padding: var(--eshop-spacing-md);
    background-color: var(--eshop-color-white);
}

.eshop-modal-item:not(:last-child)[b-bdd6qlw2nv] {
    border-bottom: 1px solid var(--eshop-border-color-light);
}

.eshop-modal-item-image[b-bdd6qlw2nv] {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: var(--eshop-border-radius-sm);
    border: 1px solid var(--eshop-border-color-light);
}

.eshop-modal-item-details[b-bdd6qlw2nv] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.eshop-modal-item-name[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
}

.eshop-modal-item-meta[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
}

.eshop-modal-item-price-block[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    gap: 2px;
}

.eshop-modal-item-price[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
}

.eshop-modal-item-net[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
}

/* Sums section */
.eshop-modal-sums-section[b-bdd6qlw2nv] {
    background-color: #f5f5f566;
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-md);
}

.eshop-modal-sums[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
    margin-top: var(--eshop-spacing-xs);
}

.eshop-sum-row[b-bdd6qlw2nv] {
    display: flex;
    justify-content: space-between;
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-gray-700);
}

.eshop-sum-row--divider[b-bdd6qlw2nv] {
    border-top: 1px solid var(--eshop-border-color);
    padding-top: var(--eshop-spacing-xs);
    margin-top: var(--eshop-spacing-xxs);
}

.eshop-sum-row--total[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-base);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    border-top: 1px solid var(--eshop-border-color);
    padding-top: var(--eshop-spacing-xs);
    margin-top: var(--eshop-spacing-xxs);
}

/* Address & Info Grid */
.eshop-modal-details-grid[b-bdd6qlw2nv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--eshop-spacing-md);
}

@media (min-width: 576px) {
    .eshop-modal-details-grid[b-bdd6qlw2nv] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.eshop-modal-details-card[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-md);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-modal-details-card h5[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-500);
    margin: 0 0 var(--eshop-spacing-xs) 0;
    letter-spacing: 0.05em;
}

.eshop-modal-details-card p[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-gray-800);
    line-height: 1.5;
    margin: 0;
}

.eshop-tracking-link[b-bdd6qlw2nv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-primary-hover);
    text-decoration: none;
    font-weight: var(--eshop-font-weight-medium);
    margin-top: var(--eshop-spacing-xs);
}

.eshop-tracking-link:hover[b-bdd6qlw2nv] {
    text-decoration: underline;
}

/* Modal Footer */
.eshop-modal-footer[b-bdd6qlw2nv] {
    padding: var(--eshop-spacing-md) var(--eshop-spacing-lg);
    border-top: 1px solid var(--eshop-border-color-light);
    display: flex;
    justify-content: flex-end;
    gap: var(--eshop-spacing-sm);
}

.eshop-modal-footer-btn[b-bdd6qlw2nv] {
    min-width: 140px;
    justify-content: center;
    font-size: var(--eshop-font-size-xs) !important;
    font-weight: var(--eshop-font-weight-semibold) !important;
    height: 38px !important;
    padding: 0 var(--eshop-spacing-md) !important;
    border-radius: var(--eshop-border-radius-sm) !important;
    display: inline-flex !important;
    align-items: center;
    gap: var(--eshop-spacing-xs);
    transition: all var(--eshop-transition-base);
}

.eshop-modal-footer-btn.eshop-button--secondary[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-white) !important;
    border: 1px solid var(--eshop-border-color) !important;
    color: var(--eshop-color-gray-900) !important;
}

.eshop-modal-footer-btn.eshop-button--secondary:hover[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-gray-100) !important;
    border-color: var(--eshop-color-gray-400) !important;
}

.eshop-modal-footer-btn.eshop-button--primary[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-primary) !important;
    border: 1px solid transparent !important;
    color: var(--eshop-color-gray-900) !important;
}

/* a11y ("Standard view") theme: primary background is dark navy → use light text for contrast. */
:root[data-theme="a11y"] .eshop-modal-footer-btn.eshop-button--primary[b-bdd6qlw2nv] {
    color: var(--eshop-color-text-invert) !important;
}

.eshop-modal-footer-btn.eshop-button--primary:hover[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-primary-hover) !important;
}

/* Invoice (Rechnung) preview modal */
.eshop-invoice-modal[b-bdd6qlw2nv] {
    max-width: 900px;
    width: 100%;
}

.eshop-invoice-modal__body[b-bdd6qlw2nv] {
    padding: 0;
}

.eshop-invoice-frame[b-bdd6qlw2nv] {
    width: 100%;
    height: 70vh;
    border: none;
    display: block;
}

.eshop-invoice-loading[b-bdd6qlw2nv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--eshop-spacing-sm);
    min-height: 240px;
    padding: var(--eshop-spacing-xl);
    color: var(--eshop-color-gray-700);
}

/* Empty State */
.eshop-empty-state[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-xxl) var(--eshop-spacing-md);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--eshop-spacing-sm);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-empty-state__icon[b-bdd6qlw2nv] {
    color: var(--eshop-color-gray-400);
    opacity: 0.5;
    margin-bottom: var(--eshop-spacing-xs);
}

.eshop-empty-state__text[b-bdd6qlw2nv] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    margin: 0 0 var(--eshop-spacing-xs) 0;
}

.eshop-empty-state__btn[b-bdd6qlw2nv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--eshop-color-primary);
    color: var(--eshop-color-gray-900);
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius-sm);
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-semibold);
    text-decoration: none;
    transition: background-color var(--eshop-transition-base);
}

.eshop-empty-state__btn:hover[b-bdd6qlw2nv] {
    background-color: var(--eshop-color-primary-hover);
    color: var(--eshop-color-gray-900);
    text-decoration: none;
}
/* _content/Eshop.Foundation.UI/Components/Features/Personalization/EshopPersonalizationForm.razor.rz.scp.css */
.eshop-personalization[b-tu13o01qld] {
    background: var(--eshop-color-bg-subtle);
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius);
    margin-bottom: var(--eshop-spacing-md);
    border: 1px solid var(--eshop-border-color);
}

.eshop-personalization__info-box[b-tu13o01qld] {
    display: flex;
    gap: 12px;
    background: var(--eshop-color-primary-light);
    padding: 12px;
    border-radius: var(--eshop-border-radius-sm);
    margin-bottom: var(--eshop-spacing-md);
    border: 1px solid var(--eshop-color-primary);
}

.eshop-personalization__info-box svg[b-tu13o01qld] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--eshop-color-gray-700);
}

.eshop-personalization__info-box p[b-tu13o01qld] {
    margin: 0;
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text);
    line-height: 1.5;
}

.eshop-personalization__group[b-tu13o01qld] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.eshop-personalization__field[b-tu13o01qld] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ── Specific Overrides ── */
.eshop-personalization[b-tu13o01qld]  .eshop-input,
.eshop-personalization[b-tu13o01qld]  .eshop-select {
    font-size: var(
        --eshop-font-size-sm
    ); /* Ensure consistent font size in this context */
}

.eshop-personalization__error[b-tu13o01qld] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-error);
    margin-top: 2px;
}

/* ── Stepper inside personalization ── */
.eshop-personalization__qty-stepper[b-tu13o01qld] {
    display: flex;
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius-sm);
    overflow: hidden;
    width: 140px;
    height: 42px;
    background: var(--eshop-color-white);
}

.eshop-personalization__qty-btn[b-tu13o01qld] {
    width: 42px;
    height: 100%;
    border: none;
    background: var(--eshop-color-gray-50);
    cursor: pointer;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--eshop-transition-fast);
    color: var(--eshop-color-text);
}

.eshop-personalization__qty-btn:hover[b-tu13o01qld] {
    background: var(--eshop-color-gray-100);
}

.eshop-personalization__qty-input[b-tu13o01qld] {
    flex: 1;
    border: none;
    border-inline: 1px solid var(--eshop-border-color);
    text-align: center;
    font-weight: var(--eshop-font-weight-bold);
    width: 0;
    font-family: var(--eshop-font-family);
    font-size: var(--eshop-font-size-md);
    color: var(--eshop-color-text);
}
/* _content/Eshop.Foundation.UI/Components/Features/Personalization/EshopProductVariantForm.razor.rz.scp.css */
.eshop-variant-form[b-4mvbgo1azb] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
    margin-bottom: var(--eshop-spacing-lg);
    padding: var(--eshop-spacing-md);
    background: var(--eshop-color-bg-subtle);
    border-radius: var(--eshop-border-radius);
    border: 1px solid var(--eshop-border-color);
}

.eshop-variant-form__field[b-4mvbgo1azb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.eshop-variant-form[b-4mvbgo1azb]  .eshop-variant-form__select {
    font-size: var(
        --eshop-font-size-sm
    ); /* Ensure consistent font size in this context */
}
/* _content/Eshop.Foundation.UI/Components/Features/Returns/EshopReturnForm.razor.rz.scp.css */
/* Styling for the return flow lives in the page view's scoped CSS
   (EshopReturnView.razor.css) and the global NewGen utilities
   (eshop-newgen/styles/utilities.css). */
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopAdvantages.razor.rz.scp.css */
.eshop-advantages[b-glfi8pk9la] {
    background-color: var(--eshop-color-bg-alt, #fffaf0); /* Light cream/yellowish from design */
    border-top: 1px solid var(--eshop-color-border-light);
    border-bottom: 1px solid var(--eshop-color-border-light);
    padding-block: var(--eshop-spacing-md);
}

.eshop-advantages__list[b-glfi8pk9la] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: var(--eshop-spacing-xl);
    flex-wrap: wrap;
}

.eshop-advantages__item[b-glfi8pk9la] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    font-size: 0.875rem;
    font-weight: 500;
}

.eshop-advantages__icon[b-glfi8pk9la] {
    color: var(--eshop-color-primary); /* Use primary color for icons */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}

.eshop-advantages__text[b-glfi8pk9la] {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .eshop-advantages__list[b-glfi8pk9la] {
        gap: var(--eshop-spacing-md);
        justify-content: flex-start;
        padding-left: var(--eshop-spacing-md);
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopBanner.razor.rz.scp.css */
.eshop-banner-link[b-pqvhl3ykas] {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
    margin: var(--eshop-banner-margin, 0);
}

.eshop-banner[b-pqvhl3ykas] {
    position: relative;
    width: 100%;
    border-radius: var(--eshop-border-radius, 8px);
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: var(--eshop-color-bg-dark, #222);
    min-height: var(--eshop-banner-min-height, 400px);
    margin: var(--eshop-banner-margin, 0);
    box-sizing: border-box;
}

.eshop-banner__image[b-pqvhl3ykas] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.eshop-banner__overlay[b-pqvhl3ykas] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    pointer-events: none;
}

.eshop-banner__content[b-pqvhl3ykas] {
    position: relative;
    z-index: 20;
    padding: var(--eshop-banner-padding, var(--eshop-spacing-xl));
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.eshop-banner--center .eshop-banner__content[b-pqvhl3ykas] {
    margin: 0 auto;
    text-align: center;
    align-items: center;
}

.eshop-banner--right .eshop-banner__content[b-pqvhl3ykas] {
    margin-left: auto;
    text-align: right;
    align-items: flex-end;
}

.eshop-banner--left .eshop-banner__content[b-pqvhl3ykas] {
    margin-right: auto;
    text-align: left;
    align-items: flex-start;
}

.eshop-banner--dark .eshop-banner__heading[b-pqvhl3ykas],
.eshop-banner--dark .eshop-banner__subheading[b-pqvhl3ykas] {
    color: var(--eshop-banner-title-color, var(--eshop-color-white, #ffffff));
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.eshop-banner--dark .eshop-banner__subheading[b-pqvhl3ykas] {
    color: var(--eshop-banner-sub-color, var(--eshop-color-white, #ffffff));
}

.eshop-banner--light .eshop-banner__heading[b-pqvhl3ykas] {
    color: var(--eshop-banner-title-color, var(--eshop-color-black, #000000));
}

.eshop-banner--light .eshop-banner__subheading[b-pqvhl3ykas] {
    color: var(--eshop-banner-sub-color, var(--eshop-color-black, #000000));
}

.eshop-banner__heading[b-pqvhl3ykas] {
    font-size: var(--eshop-banner-title-size, 2rem);
    font-weight: var(--eshop-font-weight-bold);
    text-transform: uppercase;
    margin: 0 0 var(--eshop-spacing-sm) 0;
}

.eshop-banner__subheading[b-pqvhl3ykas] {
    font-size: var(--eshop-banner-sub-size, var(--eshop-font-size-md));
    line-height: 1.5;
    margin: 0;
}

.eshop-banner__cta[b-pqvhl3ykas] {
    margin-top: var(--eshop-spacing-md);
    display: inline-block;
}

@media (max-width: 768px) {
    .eshop-banner__content[b-pqvhl3ykas] {
        max-width: 100%;
        text-align: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.45);
        padding: var(--eshop-spacing-lg);
    }
    
    .eshop-banner--left .eshop-banner__content[b-pqvhl3ykas],
    .eshop-banner--right .eshop-banner__content[b-pqvhl3ykas] {
        margin: 0;
        text-align: center;
        align-items: center;
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopBannerSlider.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopBannerSlider — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-banner-slider[b-v56fve2i75] {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--eshop-color-bg-dark);
    height: auto;
    min-height: 200px;
    touch-action: pan-y;
    user-select: none;
}

.eshop-banner-slider.short[b-v56fve2i75] {
    height: auto;
} 

/* ── Track ───────────────────────────────────────────────── */
.eshop-banner-slider__track[b-v56fve2i75] {
    display: flex;
    height: auto;
    transition: transform 450ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

/* ── Slide ───────────────────────────────────────────────── */
.eshop-banner-slider__slide[b-v56fve2i75] {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.eshop-banner-slider__link-wrapper[b-v56fve2i75] {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.eshop-banner-slider__image[b-v56fve2i75] {
    width: 100%;
    height: auto;
    display: block;
}

/* Default hero banner ratio to prevent CLS */
.eshop-banner-slider:not(.short) .eshop-banner-slider__image[b-v56fve2i75] {
    aspect-ratio: 1310 / 482;
    object-fit: cover;
}

/* Short banner variants (cart, checkout, promo strips) show full image without cropping */
.eshop-banner-slider.short .eshop-banner-slider__image[b-v56fve2i75] {
    aspect-ratio: auto;
    object-fit: contain;
    max-height: 240px;
}

/* ── Overlay — full slide coverage ─────────────────────── */
.eshop-banner-slider__overlay[b-v56fve2i75] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
}

/* ── Overlay inner — constrained to container width ─────── */
.eshop-banner-slider__overlay-inner[b-v56fve2i75] {
    max-width: var(--eshop-container-max-width);
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--eshop-spacing-md);
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
}

.eshop-banner-slider__supertitle[b-v56fve2i75],
.eshop-banner-slider__label[b-v56fve2i75] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: rgba(255,255,255,0.85);
}

.eshop-banner-slider__heading[b-v56fve2i75] {
    font-size: clamp(1.4rem, 3vw, 2.4rem);
    font-weight: var(--eshop-font-weight-black);
    color: var(--eshop-color-white);
    margin: 0;
    line-height: 1.1;
    text-shadow: 0 2px 6px rgba(0,0,0,0.3);
    letter-spacing: -0.3px;
    max-width: 480px;
}

.eshop-banner-slider__sub[b-v56fve2i75] {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.85);
    max-width: 380px;
    line-height: 1.5;
    margin: 0;
}

.eshop-banner-slider__cta[b-v56fve2i75] {
    display: inline-block;
    margin-top: 4px;
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-black);
    font-family: var(--eshop-font-family);
    text-decoration: none;
    border: none;
    padding: 9px 20px;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color 150ms ease, transform 150ms ease;
    align-self: flex-start;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.eshop-banner-slider__cta:hover[b-v56fve2i75] {
    background: var(--eshop-color-primary-hover);
    transform: translateY(-1px);
}

/* ── Arrow buttons ───────────────────────────────────────── */
.eshop-banner-slider__arrow[b-v56fve2i75] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255,255,255,0.88);
    border: none;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: background-color 150ms ease;
    color: var(--eshop-color-text);
    border-radius: 2px;
}

.eshop-banner-slider__arrow:hover[b-v56fve2i75] {
    background: var(--eshop-color-white);
}

.eshop-banner-slider__arrow svg[b-v56fve2i75] {
    width: 16px;
    height: 16px;
}

.eshop-banner-slider__arrow--prev[b-v56fve2i75] { left: 16px; }
.eshop-banner-slider__arrow--next[b-v56fve2i75] { right: 16px; }

/* ── Dots ────────────────────────────────────────────────── */
.eshop-banner-slider__dots[b-v56fve2i75] {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
}

.eshop-banner-slider__dot[b-v56fve2i75] {
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    position: relative;
}

.eshop-banner-slider__dot[b-v56fve2i75]::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,0.7);
    background: transparent;
    transition: background-color 150ms ease, width 250ms ease, border-color 150ms ease;
}

.eshop-banner-slider__dot--active[b-v56fve2i75]::before {
    background: var(--eshop-color-white);
    border-color: var(--eshop-color-white);
    width: 20px;
}

/* ── Mobile ──────────────────────────────────────────────── */
@media (max-width: 768px) {
    .eshop-banner-slider__overlay[b-v56fve2i75] {
        align-items: flex-end;
        padding-bottom: 32px;
    }

    .eshop-banner-slider__sub[b-v56fve2i75] { display: none; }
    .eshop-banner-slider__cta[b-v56fve2i75] { display: none; }

    .eshop-banner-slider__heading[b-v56fve2i75] {
        font-size: clamp(1rem, 4vw, 1.5rem);
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopBrandsStrip.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopBrandsStrip — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-brands-strip[b-lqd3624wnx] {
    background: var(--eshop-color-bg);
    padding-block: var(--eshop-spacing-xl);
}

.eshop-brands-strip__inner[b-lqd3624wnx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--eshop-spacing-xl);
}

.eshop-brands-strip__header[b-lqd3624wnx] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 600px;
    gap: var(--eshop-spacing-md);
}

.eshop-brands-strip__line[b-lqd3624wnx] {
    flex: 1;
    height: 1px;
    background: var(--eshop-border-color);
    opacity: 0.5;
}

.eshop-brands-strip__label[b-lqd3624wnx] {
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-text-light);
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-transform: none;
}

.eshop-brands-strip__logos[b-lqd3624wnx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--eshop-spacing-xl);
    flex-wrap: wrap;
    width: 100%;
}

.eshop-brands-strip__logo-item[b-lqd3624wnx] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px; /* Standardize height */
    opacity: 0.85;
    transition: opacity var(--eshop-transition-fast), transform var(--eshop-transition-fast);
}

.eshop-brands-strip__logo-item:hover[b-lqd3624wnx] {
    opacity: 1;
    transform: translateY(-2px);
}

.eshop-brands-strip__logo-img[b-lqd3624wnx] {
    max-height: 100%;
    max-width: 160px;
    width: auto;
    object-fit: contain;
}

.eshop-brands-strip__logo-text[b-lqd3624wnx] {
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-black);
    color: var(--eshop-color-text-light);
    text-transform: uppercase;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .eshop-brands-strip[b-lqd3624wnx] {
        padding-block: var(--eshop-spacing-lg);
    }

    .eshop-brands-strip__logos[b-lqd3624wnx] {
        gap: var(--eshop-spacing-lg);
    }

    .eshop-brands-strip__logo-item[b-lqd3624wnx] {
        height: 30px;
    }

    .eshop-brands-strip__logo-img[b-lqd3624wnx] {
        max-width: 100px;
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopCategoryCard.razor.rz.scp.css */
.eshop-category-card[b-d3j8agik0r] {
    display: block;
    position: relative;
    border-radius: var(--eshop-border-radius);
    overflow: hidden;
    text-decoration: none;
    aspect-ratio: 1 / 1;
    box-shadow: var(--eshop-shadow-sm);
    transition: transform var(--eshop-transition-base), box-shadow var(--eshop-transition-base);
}

.eshop-category-card:hover[b-d3j8agik0r] {
    transform: translateY(-4px);
    box-shadow: var(--eshop-shadow-md);
}

.eshop-category-card__image-wrapper[b-d3j8agik0r] {
    width: 100%;
    height: 100%;
    position: relative;
}

.eshop-category-card__image[b-d3j8agik0r] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 5s ease;
}

.eshop-category-card:hover .eshop-category-card__image[b-d3j8agik0r] {
    transform: scale(1.05); /* subtle zoom on hover */
}

/* Gradient Overlay to make text readable */
.eshop-category-card__overlay[b-d3j8agik0r] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--eshop-spacing-xl) var(--eshop-spacing-md) var(--eshop-spacing-md) var(--eshop-spacing-md);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.eshop-category-card__title[b-d3j8agik0r] {
    color: var(--eshop-color-white);
    margin: 0 0 var(--eshop-spacing-xs) 0;
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.eshop-category-card__link[b-d3j8agik0r] {
    color: var(--eshop-color-white);
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.9;
    transition: color var(--eshop-transition-fast);
}

.eshop-category-card:hover .eshop-category-card__link[b-d3j8agik0r] {
    color: var(--eshop-color-primary-hover);
}

/* White Pill Badge for Product Count as seen in screenshot */
.eshop-category-card__badge[b-d3j8agik0r] {
    position: absolute;
    top: var(--eshop-spacing-sm);
    right: var(--eshop-spacing-sm);
    background-color: var(--eshop-color-white);
    color: var(--eshop-color-gray-800);
    padding: 2px 8px;
    font-size: 0.65rem;
    font-weight: var(--eshop-font-weight-bold);
    border-radius: var(--eshop-border-radius-pill);
    box-shadow: var(--eshop-shadow-sm);
    z-index: 10;
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopCategoryGrid.razor.rz.scp.css */
.eshop-category-grid[b-cxx9t0mome] {
    display: grid;
    grid-template-columns: var(--eshop-category-grid-cols, repeat(4, 1fr));
    gap: var(--eshop-category-grid-gap, var(--eshop-spacing-md));
    width: 100%;
}

/* Media Queries for Responsiveness */
@media (max-width: 1024px) {
    .eshop-category-grid[b-cxx9t0mome] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .eshop-category-grid[b-cxx9t0mome] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopCheckList.razor.rz.scp.css */
.eshop-checklist[b-fe3cizccvv] {
    width: 100%;
    padding: var(--chk-padding, 0);
    margin: var(--chk-margin, 0);
    background-color: var(--chk-bg, transparent);
    border-radius: var(--chk-radius, 0);
    box-shadow: var(--chk-shadow, none);
    box-sizing: border-box;
}

.eshop-checklist__title[b-fe3cizccvv] {
    margin: 0 0 var(--eshop-spacing-sm, 0.5rem) 0;
    font-size: var(--eshop-font-size-lg, 1.125rem);
    font-weight: var(--eshop-font-weight-bold, 700);
}

.eshop-checklist__list[b-fe3cizccvv] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(var(--chk-cols, 1), 1fr);
    gap: var(--chk-gap, var(--eshop-spacing-md));
}

.eshop-checklist__item[b-fe3cizccvv] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm, 0.5rem);
}

.eshop-checklist__icon[b-fe3cizccvv] {
    color: var(--chk-icon-color, var(--eshop-color-primary));
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.eshop-checklist__text[b-fe3cizccvv] {
    color: var(--chk-item-color, var(--eshop-color-text));
    font-size: var(--chk-item-size, var(--eshop-font-size-md, 0.875rem));
    line-height: 1.6;
}

@media (max-width: 768px) {
    .eshop-checklist__list[b-fe3cizccvv] {
        grid-template-columns: repeat(var(--chk-cols-mobile, 1), 1fr) !important;
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopDownloadList.razor.rz.scp.css */
.eshop-download-list[b-d9mcmm9t0x] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-sm);
    padding: var(--eshop-spacing-md) 0;
}

.eshop-download-item[b-d9mcmm9t0x] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-md);
    padding: var(--eshop-spacing-md);
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius-sm);
    text-decoration: none;
    color: inherit;
    transition: all var(--eshop-transition-fast);
    background: var(--eshop-color-white);
}

.eshop-download-item:hover[b-d9mcmm9t0x] {
    /* border-color: var(--eshop-color-primary-hover); */
    background-color: var(--eshop-color-gray-50);
    /* box-shadow: var(--eshop-shadow-md); */
    transform: translateY(-2px);
}

.eshop-download-item:hover > .eshop-download-item__title[b-d9mcmm9t0x] {
    color: var(--eshop-color-primary);
}

.eshop-download-item__icon[b-d9mcmm9t0x] {
    color: var(--eshop-color-primary);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-download-item__content[b-d9mcmm9t0x] {
    display: flex;
    flex-direction: column;
}

.eshop-download-item__title[b-d9mcmm9t0x] {
    font-weight: var(--eshop-font-weight-semibold);
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-md);
}

.eshop-download-item__description[b-d9mcmm9t0x] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    margin-top: 2px;
}

.eshop-download-list__empty[b-d9mcmm9t0x] {
    padding: var(--eshop-spacing-md);
    text-align: center;
    color: var(--eshop-color-text-muted);
    border: 1px dashed var(--eshop-border-color);
    border-radius: var(--eshop-border-radius);
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopFeatureCard.razor.rz.scp.css */
.eshop-feature-card[b-cl1f2kkxo4] {
    display: flex;
    flex-direction: column; /* Default to column for safety */
    gap: var(--eshop-spacing-sm);
    background: var(--eshop-feature-bg, var(--eshop-color-white));
    padding: var(--eshop-feature-padding, var(--eshop-spacing-md));
    margin: var(--eshop-feature-margin, 0);
    border-radius: var(--eshop-feature-radius, 8px);
    border: var(--eshop-feature-border-width, 0) solid var(--eshop-feature-border-color, transparent);
    box-sizing: border-box;
    transition: transform var(--eshop-transition-base, 0.2s),
                box-shadow var(--eshop-transition-base, 0.2s);
}

.eshop-feature-card--link[b-cl1f2kkxo4] {
    text-decoration: none;
    color: inherit;
    display: flex;
}

.eshop-feature-card--shadow[b-cl1f2kkxo4] {
    box-shadow: var(--eshop-shadow-sm, 0 1px 3px rgba(0,0,0,0.1));
}

.eshop-feature-card--hover:hover[b-cl1f2kkxo4] {
    transform: translateY(-4px);
    box-shadow: var(--eshop-shadow-md, 0 4px 6px rgba(0,0,0,0.15));
}

.eshop-feature-card--horizontal[b-cl1f2kkxo4] {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--eshop-spacing-md);
}

.eshop-feature-card--vertical[b-cl1f2kkxo4] {
    flex-direction: column;
}

.eshop-feature-card--horizontal .eshop-feature-card__image-container[b-cl1f2kkxo4] {
    width: var(--eshop-feature-icon-width, 120px);
    flex-shrink: 0;
}

.eshop-feature-card--vertical .eshop-feature-card__image-container[b-cl1f2kkxo4] {
    width: 100%;
}

.eshop-feature-card__image-container[b-cl1f2kkxo4] {
    overflow: hidden;
    border-radius: var(--eshop-border-radius-sm);
}

.eshop-feature-card__content[b-cl1f2kkxo4] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    text-align: var(--eshop-feature-align, left);
}

.eshop-feature-card__title[b-cl1f2kkxo4] {
    margin: 0 0 var(--eshop-spacing-xs) 0;
    font-size: var(--eshop-feature-title-size, var(--eshop-font-size-lg, 1.125rem));
    font-weight: var(--eshop-font-weight-bold, 700);
    color: var(--eshop-feature-title-color, var(--eshop-color-text));
}

.eshop-feature-card__description[b-cl1f2kkxo4] {
    margin: 0 0 var(--eshop-spacing-xs) 0;
    font-size: var(--eshop-feature-desc-size, var(--eshop-font-size-md, 0.875rem));
    color: var(--eshop-feature-desc-color, var(--eshop-color-text-light, #555555));
    line-height: 1.5;
}

.eshop-feature-card__product-id[b-cl1f2kkxo4] {
    display: block;
    color: var(--eshop-color-text-muted);
    font-size: var(--eshop-font-size-xs);
    margin-top: var(--eshop-spacing-xs);
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopHighlightSection.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopHighlightSection — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-highlight-section[b-gm1bng46p3] {
    background-color: var(--eshop-color-primary);
    padding-block: var(--eshop-spacing-xl);
    width: 100%;
}

.eshop-highlight-section__inner[b-gm1bng46p3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--eshop-spacing-lg);
}

.eshop-highlight-section__header[b-gm1bng46p3] {
    text-align: center;
}

.eshop-highlight-section__title[b-gm1bng46p3] {
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-black);
    color: var(--eshop-color-text-on-primary);
    margin: 0;
    text-transform: uppercase;
}

.eshop-highlight-section__subtitle[b-gm1bng46p3] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
    margin-top: var(--eshop-spacing-xs);
    margin-bottom: 0;
}

.eshop-highlight-section__card-container[b-gm1bng46p3] {
    width: 100%;
    max-width: 380px; /* Centered fixed-width card container */
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .eshop-highlight-section[b-gm1bng46p3] {
        padding-block: var(--eshop-spacing-lg);
    }
    .eshop-highlight-section__title[b-gm1bng46p3] {
        font-size: var(--eshop-font-size-lg);
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopPageBanner.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopPageBanner — single static banner for content pages
   ═══════════════════════════════════════════════════════════ */

/* Width, gutters and centering come from the global .eshop-container class on the same
   element; only vertical rhythm is set here, so margin-inline: auto is left intact. */
.eshop-page-banner[b-0gyaoecgit] {
    /* Equal space above and below so the banner sits evenly between the header and
       the page content. */
    margin-top: var(--eshop-space-lg, 2rem);
    margin-bottom: var(--eshop-space-lg, 2rem);
}

.eshop-page-banner__link[b-0gyaoecgit] {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* One image serves every breakpoint — the page banner is not device-filtered,
   so it scales rather than swapping sources. */
.eshop-page-banner__image[b-0gyaoecgit] {
    display: block;
    width: 100%;
    height: auto;
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopPartnerSection.razor.rz.scp.css */
.eshop-partner-section[b-30c1llyq8f] {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    max-width: var(--eshop-container-max-width, 1200px);
    border: 1px solid var(--eshop-color-gray-200);
    background: var(--eshop-color-white);
}

@media (max-width: 768px) {
    .eshop-partner-section[b-30c1llyq8f] {
        grid-template-columns: 1fr;
    }
}

.eshop-partner-section__main[b-30c1llyq8f] {
    position: relative;
    display: flex;
    height: 420px;
    overflow: hidden;
}

.eshop-partner-section__bg[b-30c1llyq8f] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.eshop-partner-section__overlay[b-30c1llyq8f] {
    position: relative;
    z-index: 2;
    padding: 3rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 65%;
    background: linear-gradient(to right, rgba(255,255,255,1) 40%, rgba(255,255,255,0.8) 70%, transparent 100%);
}

@media (max-width: 1024px) {
    .eshop-partner-section__overlay[b-30c1llyq8f] {
        width: 80%;
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .eshop-partner-section__overlay[b-30c1llyq8f] {
        width: 100%;
        background: rgba(255,255,255,0.9);
        padding: 2rem;
    }
}

.eshop-partner-section__label[b-30c1llyq8f] {
    text-transform: uppercase;
    font-size: var(--eshop-font-size-xs, 0.75rem);
    letter-spacing: 0.1em;
    color: var(--eshop-color-text-light, #666);
    margin-bottom: 0.5rem;
    font-weight: var(--eshop-font-weight-semibold, 600);
}

.eshop-partner-section__title[b-30c1llyq8f] {
    margin: 0 0 1rem 0;
    font-size: var(--eshop-font-size-3xl, 2.25rem);
    font-weight: var(--eshop-font-weight-bold, 700);
    color: var(--eshop-color-black);
}

.eshop-partner-section__desc[b-30c1llyq8f] {
    margin: 0 0 1.5rem 0;
    font-size: var(--eshop-font-size-md, 1rem);
    line-height: 1.5;
    color: var(--eshop-color-text-light, #666);
    max-width: 400px;
    max-height: 7.5rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.15) transparent;
    padding-right: 4px;
}

.eshop-partner-section__desc[b-30c1llyq8f]::-webkit-scrollbar {
    width: 4px;
}

.eshop-partner-section__desc[b-30c1llyq8f]::-webkit-scrollbar-track {
    background: transparent;
}

.eshop-partner-section__desc[b-30c1llyq8f]::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.12);
    border-radius: 99px;
    transition: background 0.2s;
}

.eshop-partner-section__desc:hover[b-30c1llyq8f]::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.28);
}

.eshop-partner-section__button[b-30c1llyq8f] {
    background-color: var(--eshop-color-primary, #f9d985);
    color: var(--eshop-color-black);
    border: none;
    padding: 0.75rem 1.5rem;
    font-size: var(--eshop-font-size-sm, 0.875rem);
    font-weight: var(--eshop-font-weight-medium, 500);
    cursor: pointer;
    transition: background-color var(--eshop-transition-fast, 0.2s);
}

.eshop-partner-section__button:hover[b-30c1llyq8f] {
    background-color: var(--eshop-color-primary-hover, #f5c956);
}

.eshop-partner-section__controls[b-30c1llyq8f] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    gap: 0.5rem;
    z-index: 3;
}

.eshop-partner-section__nav-btn[b-30c1llyq8f] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--eshop-color-white);
    border: 1px solid var(--eshop-color-gray-200);
    cursor: pointer;
    color: var(--eshop-color-text-light);
    transition: all var(--eshop-transition-fast);
}

.eshop-partner-section__nav-btn:hover[b-30c1llyq8f] {
    background: var(--eshop-color-gray-50);
    color: var(--eshop-color-black);
}

.eshop-partner-section__sidebar[b-30c1llyq8f] {
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--eshop-color-gray-200);
}

@media (max-width: 768px) {
    .eshop-partner-section__sidebar[b-30c1llyq8f] {
        border-left: none;
        border-top: 1px solid var(--eshop-color-gray-200);
    }
}

.eshop-partner-section__item[b-30c1llyq8f] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    padding: 1.5rem 2rem;
    text-decoration: none;
    background: var(--eshop-color-white);
    border-bottom: 1px solid var(--eshop-color-gray-200);
    transition: background-color var(--eshop-transition-fast);
}

.eshop-partner-section__item:last-child[b-30c1llyq8f] {
    border-bottom: none;
}

.eshop-partner-section__item:hover[b-30c1llyq8f] {
    background-color: var(--eshop-color-bg-subtle, #f2f2f2);
}

.eshop-partner-section__item--active[b-30c1llyq8f] {
    background-color: var(--eshop-color-bg-subtle, #f2f2f2);
    border-left: 3px solid var(--eshop-color-primary, #f9d985);
}

.eshop-partner-section__item-title[b-30c1llyq8f] {
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-lg, 1.125rem);
    font-weight: var(--eshop-font-weight-bold, 700);
    margin-bottom: 0.25rem;
}

.eshop-partner-section__item-link[b-30c1llyq8f] {
    color: var(--eshop-color-text, #333);
    font-size: var(--eshop-font-size-xs, 0.75rem);
    text-transform: uppercase;
    font-weight: var(--eshop-font-weight-semibold, 600);
    letter-spacing: 0.05em;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--eshop-color-text, #333);
    align-self: flex-start;
}

.eshop-partner-section__item:hover .eshop-partner-section__item-link[b-30c1llyq8f] {
    border-bottom-color: transparent;
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopSectionHeader.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopSectionHeader — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-section-header[b-5dqvg5ugsa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--eshop-spacing-md);
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-section-header__left[b-5dqvg5ugsa] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    flex-wrap: wrap;
}

/* ── Accent badge (small yellow pill, e.g. "AUS DER TV WERBUNG") ─ */
.eshop-section-header__badge[b-5dqvg5ugsa] {
    display: inline-block;
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-black);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: var(--eshop-border-radius-sm);
    white-space: nowrap;
    line-height: 1.4;
}

/* ── Title ───────────────────────────────────────────────── */
.eshop-section-header__title[b-5dqvg5ugsa] {
    font-size: var(--eshop-font-size-2xl);
    font-weight: var(--eshop-font-weight-bold);
    text-transform: uppercase;
    color: var(--eshop-color-text);
    margin: 0;
    letter-spacing: -0.3px;
    line-height: 1.2;
}

/* ── "Alle anzeigen" link ────────────────────────────────── */
.eshop-section-header__all-link[b-5dqvg5ugsa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-semibold);
    color: var(--eshop-color-text);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--eshop-transition-fast);
    flex-shrink: 0;
}

.eshop-section-header__all-link svg[b-5dqvg5ugsa] {
    width: 14px;
    height: 14px;
    transition: transform var(--eshop-transition-fast);
}

.eshop-section-header__all-link:hover[b-5dqvg5ugsa] {
    text-decoration: underline;
}

.eshop-section-header__all-link:hover svg[b-5dqvg5ugsa] {
    transform: translateX(3px);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 480px) {
    .eshop-section-header__title[b-5dqvg5ugsa] {
        font-size: var(--eshop-font-size-lg);
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopSectionTitle.razor.rz.scp.css */
.eshop-section-title[b-pw8l05kl4e] {
    margin-top: var(--eshop-title-margin-top, 0);
    margin-bottom: var(--eshop-title-margin, var(--eshop-spacing-lg));
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
}

.eshop-section-title--center[b-pw8l05kl4e] {
    align-items: center;
    text-align: center;
}

.eshop-section-title--left[b-pw8l05kl4e] {
    align-items: flex-start;
    text-align: left;
}

.eshop-section-title--bordered[b-pw8l05kl4e] {
    border-bottom: 2px solid var(--eshop-title-border-color, var(--eshop-border-color, #e0e0e0));
    padding-bottom: var(--eshop-spacing-xs, 0.5rem);
}

.eshop-section-title__main[b-pw8l05kl4e] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm, 0.5rem);
}

[b-pw8l05kl4e] .eshop-section-title__heading {
    font-size: var(--eshop-title-size, 1.5rem);
    font-weight: var(--eshop-font-weight-bold, 700);
    text-transform: uppercase;
    color: var(--eshop-title-color, var(--eshop-color-text, inherit));
    margin: 0;
}

.eshop-section-title__icon-wrapper[b-pw8l05kl4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--eshop-color-primary, #ffd100);
}

.eshop-section-title__icon[b-pw8l05kl4e] {
    width: 24px;
    height: 24px;
}

.eshop-section-title__subtitle[b-pw8l05kl4e] {
    margin: var(--eshop-spacing-xs, 0.25rem) 0 0 0;
    font-size: var(--eshop-subtitle-size, 1rem);
    color: var(--eshop-subtitle-color, var(--eshop-color-text-muted, #777777));
    font-weight: 400;
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopTrackList.razor.rz.scp.css */
.eshop-tracklist[b-43a79bmhf5] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
    width: 100%;
}

.eshop-tracklist__tabs[b-43a79bmhf5] {
    display: flex;
    gap: var(--eshop-spacing-xs);
    border-bottom: 1px solid var(--eshop-border-color);
    padding-bottom: var(--eshop-spacing-xs);
    margin-bottom: var(--eshop-spacing-sm);
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.eshop-tracklist__tabs[b-43a79bmhf5]::-webkit-scrollbar {
    display: none;
}

.eshop-tracklist__tab[b-43a79bmhf5] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--eshop-border-radius-sm);
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-md);
    font-family: var(--eshop-font-family);
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-text-light);
    cursor: pointer;
    transition: all var(--eshop-transition-fast);
    white-space: nowrap;
    flex-shrink: 0;
}

.eshop-tracklist__tab:hover[b-43a79bmhf5] {
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg-alt);
}

.eshop-tracklist__tab.is-active[b-43a79bmhf5] {
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text);
    border-color: var(--eshop-color-primary);
}

.eshop-tracklist__content[b-43a79bmhf5] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.eshop-tracklist__content.is-hidden[b-43a79bmhf5] {
    display: none;
}

.eshop-tracklist__table[b-43a79bmhf5] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--eshop-font-size-sm);
}

.eshop-tracklist__th[b-43a79bmhf5] {
    text-align: left;
    padding: var(--eshop-spacing-sm);
    border-bottom: 2px solid var(--eshop-border-color);
    color: var(--eshop-color-text-muted);
    font-weight: var(--eshop-font-weight-semibold);
    text-transform: uppercase;
    font-size: var(--eshop-font-size-xs);
    white-space: nowrap;
}

.eshop-tracklist__td[b-43a79bmhf5] {
    padding: var(--eshop-spacing-sm);
    border-bottom: 1px solid var(--eshop-border-color);
    vertical-align: middle;
    word-break: break-word;
}

.eshop-tracklist__tr:nth-child(even)[b-43a79bmhf5] {
    background-color: var(--eshop-color-bg-alt);
}

.eshop-tracklist__th--num[b-43a79bmhf5],
.eshop-tracklist__td--num[b-43a79bmhf5] {
    width: 40px;
    text-align: center;
}

.eshop-tracklist__th--artist[b-43a79bmhf5],
.eshop-tracklist__td--artist[b-43a79bmhf5] {
    font-weight: var(--eshop-font-weight-semibold);
}

.eshop-tracklist__th--duration[b-43a79bmhf5],
.eshop-tracklist__td--duration[b-43a79bmhf5] {
    width: 80px;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: var(--eshop-color-text-muted);
}

@media (max-width: 576px) {
    .eshop-tracklist__table[b-43a79bmhf5] {
        font-size: var(--eshop-font-size-xs);
    }

    .eshop-tracklist__th[b-43a79bmhf5],
    .eshop-tracklist__td[b-43a79bmhf5] {
        padding: var(--eshop-spacing-xs) 6px;
    }

    .eshop-tracklist__th--num[b-43a79bmhf5],
    .eshop-tracklist__td--num[b-43a79bmhf5] {
        width: 28px;
        padding-left: 2px;
        padding-right: 2px;
    }

    .eshop-tracklist__th--duration[b-43a79bmhf5],
    .eshop-tracklist__td--duration[b-43a79bmhf5] {
        width: 55px;
        font-size: var(--eshop-font-size-xs);
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/Marketing/EshopUspItem.razor.rz.scp.css */
.eshop-usp-item[b-1k1so2afwn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

[b-1k1so2afwn] .eshop-usp-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    flex-shrink: 0;
}

[b-1k1so2afwn] .eshop-usp-item__icon svg {
    width: 14px;
    height: 14px;
}

.eshop-usp-item__text[b-1k1so2afwn] {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopAccordion.razor.rz.scp.css */
.eshop-accordion[b-2col7n7a9j] {
    width: var(--acc-width, 100%);
    border: 1px solid var(--acc-border-color, var(--border-color, #e0e0e0));
    border-radius: var(--acc-radius, var(--border-radius-sm, 4px));
    margin: var(--acc-margin, 0 0 1rem 0);
    background-color: var(--acc-bg, transparent);
    overflow: hidden;
    box-sizing: border-box;
}

.eshop-accordion__header[b-2col7n7a9j] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--acc-padding, 1rem);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--acc-title-size, 1rem);
    font-weight: var(--acc-title-weight, 600);
    color: var(--acc-title-color, var(--text-primary, #333));
    text-align: left;
    transition: background-color 0.2s ease;
}

.eshop-accordion__header:hover[b-2col7n7a9j] {
    background-color: var(--bg-hover, #f5f5f5);
}

.eshop-accordion__icon[b-2col7n7a9j] {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-accordion--open .eshop-accordion__icon[b-2col7n7a9j] {
    transform: rotate(180deg);
}

.eshop-accordion__content[b-2col7n7a9j] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}

.eshop-accordion--open .eshop-accordion__content[b-2col7n7a9j] {
    max-height: 2000px; /* Arbitrary large value to allow animation */
    opacity: 1;
}

.eshop-accordion__content-inner[b-2col7n7a9j] {
    padding: 0 var(--acc-padding, 1rem) var(--acc-padding, 1rem) var(--acc-padding, 1rem);
    font-size: var(--acc-content-size, 0.875rem);
    color: var(--acc-content-color, var(--text-secondary, #666));
    line-height: 1.5;
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopBreadcrumbs.razor.rz.scp.css */
.eshop-breadcrumbs[b-628r7ctm2m] {
    padding-block: var(--eshop-spacing-sm) 0;
}

.eshop-breadcrumbs__list[b-628r7ctm2m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    color: var(--eshop-color-text-muted);
}

.eshop-breadcrumbs__item[b-628r7ctm2m] {
    display: flex;
    align-items: center;
}

.eshop-breadcrumbs__link[b-628r7ctm2m] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.eshop-breadcrumbs__link:hover[b-628r7ctm2m] {
    color: var(--eshop-color-primary);
}

.eshop-breadcrumbs__separator[b-628r7ctm2m] {
    margin-inline: var(--eshop-spacing-xs);
    opacity: 0.5;
}

.eshop-breadcrumbs__current[b-628r7ctm2m] {
    color: var(--eshop-color-text);
    font-weight: 500;
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopButton.razor.rz.scp.css */
.eshop-btn[b-laea564fs6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--eshop-spacing-sm, 0.5rem);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: var(--btn-width, auto);
    margin: var(--btn-margin, 0);
    border-radius: var(--btn-radius, var(--border-radius-md, 8px));
    border: var(--btn-border-width, 0) solid var(--btn-border-color, transparent);
    box-sizing: border-box;
}

.eshop-btn--md[b-laea564fs6] {
    padding: var(--btn-padding, 0.75rem 1.5rem);
    font-size: 1rem;
}

.eshop-btn--sm[b-laea564fs6] {
    padding: var(--btn-padding, 0.4rem 1rem);
    font-size: 0.875rem;
}

.eshop-btn--lg[b-laea564fs6] {
    padding: var(--btn-padding, 1rem 2rem);
    font-size: 1.25rem;
}

.eshop-btn--primary[b-laea564fs6] {
    background-color: var(--btn-bg, var(--primary-color, #007bff));
    color: var(--btn-color, #ffffff);
}

.eshop-btn--primary:hover[b-laea564fs6] {
    background-color: var(--btn-bg-hover, var(--primary-hover-color, #0056b3));
    filter: brightness(0.95);
}

.eshop-btn--secondary[b-laea564fs6] {
    background-color: var(--btn-bg, var(--secondary-color, #6c757d));
    color: var(--btn-color, #ffffff);
}

.eshop-btn--secondary:hover[b-laea564fs6] {
    background-color: var(--btn-bg-hover, var(--secondary-hover-color, #5a6268));
    filter: brightness(0.95);
}

.eshop-btn--outline[b-laea564fs6] {
    background-color: var(--btn-bg, transparent);
    color: var(--btn-color, var(--primary-color, #007bff));
    border: var(--btn-border-width, 2px) solid var(--btn-border-color, var(--btn-color, var(--primary-color, #007bff)));
}

.eshop-btn--outline:hover[b-laea564fs6] {
    background-color: var(--btn-bg-hover, var(--btn-color, var(--primary-color, #007bff)));
    color: var(--btn-bg, #ffffff);
}

.eshop-btn__icon[b-laea564fs6] {
    display: inline-flex;
    align-items: center;
    width: 1.2em;
    height: 1.2em;
}

.eshop-btn__text[b-laea564fs6] {
    display: inline-block;
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopDivider.razor.rz.scp.css */
.eshop-divider[b-zih2msmouk] {
    border: none;
    border-top-width: var(--thickness, 1px);
    border-top-style: var(--style, solid);
    border-top-color: var(--color, #e0e0e0);
    margin: var(--margin, 1rem 0);
    margin-left: var(--align-margin-left, auto);
    margin-right: var(--align-margin-right, auto);
    width: var(--width, 100%);
    box-sizing: border-box;
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopHtmlContent.razor.rz.scp.css */
.eshop-html-content[b-k3ig0vmyo9] {
    color: var(--eshop-color-text);
    line-height: 1.6;
    padding: var(--html-padding, 0);
    margin: var(--html-margin, 0);
    text-align: var(--html-align, left);
    box-sizing: border-box;
}

.eshop-html-content[b-k3ig0vmyo9]  p {
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-html-content[b-k3ig0vmyo9]  h4, 
.eshop-html-content[b-k3ig0vmyo9]  h5 {
    margin-top: var(--eshop-spacing-md);
    margin-bottom: var(--eshop-spacing-xs);
    font-weight: 700;
}

.eshop-html-content[b-k3ig0vmyo9]  ul {
    margin-bottom: var(--eshop-spacing-sm);
    padding-left: var(--eshop-spacing-lg);
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopImage.razor.rz.scp.css */
.eshop-image-container[b-9fwqm5m20a] {
    width: var(--eshop-img-width, 100%);
    max-width: 100%;
    height: var(--eshop-img-height, auto);
    aspect-ratio: var(--eshop-img-ratio, auto);
    overflow: hidden;
    border-radius: var(--eshop-img-radius, 0);
    margin: var(--eshop-img-margin, 0);
    box-shadow: var(--eshop-img-shadow, none);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.eshop-image[b-9fwqm5m20a] {
    width: 100%;
    height: 100%;
    object-fit: var(--eshop-img-fit, cover);
    display: block;
}

.eshop-image--fluid[b-9fwqm5m20a] {
    max-width: 100%;
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopLoader.razor.rz.scp.css */
.eshop-loader[b-0g0s8flk1k] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    width: 100%;
}

.eshop-loader--full-screen[b-0g0s8flk1k] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: var(--eshop-color-white, #ffffff);
    padding: 0;
}

.eshop-loader--compact[b-0g0s8flk1k] {
    padding: 0.5rem;
}

.eshop-loader__container[b-0g0s8flk1k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.eshop-loader__logo[b-0g0s8flk1k] {
    margin-bottom: 0.5rem;
}

.eshop-loader__logo img[b-0g0s8flk1k] {
    max-width: 220px;
    height: auto;
}

.eshop-loader__spinner-container[b-0g0s8flk1k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.eshop-loader__text[b-0g0s8flk1k] {
    font-size: 0.875rem;
    color: var(--eshop-color-gray-600, #666666);
    font-weight: 500;
}

/* ─── Animations ───────────────────────────────────────────── */
.eshop-loader--full-screen .eshop-loader__logo[b-0g0s8flk1k] {
    animation: eshop-pulse-b-0g0s8flk1k 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes eshop-pulse-b-0g0s8flk1k {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopNotificationContainer.razor.rz.scp.css */
.eshop-notification-container[b-7s6iy0p9td] {
    position: fixed;
    bottom: var(--eshop-space-md, 1.25rem);
    left: 50%;
    transform: translateX(-50%);
    z-index: var(--eshop-z-modal, 300);
    display: flex;
    flex-direction: column;
    gap: var(--eshop-space-xs, 0.375rem);
    width: 100%;
    max-width: 380px;
    pointer-events: none;
}

.eshop-toast[b-7s6iy0p9td] {
    display: flex;
    align-items: flex-start;
    gap: var(--eshop-space-sm, 0.75rem);
    padding: var(--eshop-space-sm, 0.75rem);
    border: 1px solid transparent;
    border-radius: var(--eshop-border-radius, 6px);
    box-shadow: var(--eshop-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.14));
    pointer-events: auto;
    animation: eshop-toast-in-b-7s6iy0p9td var(--eshop-transition-base, 250ms ease);
    position: relative;
    overflow: hidden;
}

/* Severity Backgrounds */
.eshop-toast--success[b-7s6iy0p9td] {
    background-color: var(--eshop-color-success, #10b981);
    border-color: var(--eshop-color-success, #10b981);
}

.eshop-toast--error[b-7s6iy0p9td] {
    background-color: var(--eshop-color-error, #ef4444);
    border-color: var(--eshop-color-error, #ef4444);
}

.eshop-toast--warning[b-7s6iy0p9td] {
    background-color: var(--eshop-color-warning, #f59e0b);
    border-color: var(--eshop-color-warning, #f59e0b);
}

.eshop-toast--info[b-7s6iy0p9td] {
    background-color: var(--eshop-color-info, #3b82f6);
    border-color: var(--eshop-color-info, #3b82f6);
}

.eshop-toast__icon[b-7s6iy0p9td] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

[b-7s6iy0p9td] .eshop-toast__svg {
    color: var(--eshop-color-text-invert, #ffffff) !important;
}

.eshop-toast__body[b-7s6iy0p9td] {
    flex-grow: 1;
    font-family: var(--font-body, inherit);
}

.eshop-toast__title[b-7s6iy0p9td] {
    margin: 0 0 2px 0;
    font-size: var(--eshop-font-size-sm, 0.85rem);
    font-weight: var(--eshop-font-weight-semibold, 600);
    color: var(--eshop-color-text-invert, #ffffff);
}

.eshop-toast__message[b-7s6iy0p9td] {
    margin: 0;
    font-size: var(--eshop-font-size-sm, 0.85rem);
    line-height: 1.4;
    color: var(--eshop-color-text-invert, #ffffff);
}

.eshop-toast__close[b-7s6iy0p9td] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--eshop-color-text-invert, #ffffff);
    opacity: 0.8;
    transition: opacity var(--eshop-transition-fast, 150ms ease);
}

.eshop-toast__close:hover[b-7s6iy0p9td] {
    opacity: 1;
}

[b-7s6iy0p9td] .eshop-toast__close-svg {
    width: 14px;
    height: 14px;
    color: var(--eshop-color-text-invert, #ffffff) !important;
}

@keyframes eshop-toast-in-b-7s6iy0p9td {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopPagination.razor.rz.scp.css */
.eshop-pagination[b-to1sscgx4r] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    margin-block: var(--eshop-spacing-xl);
}

.eshop-pagination__btn[b-to1sscgx4r],
.eshop-pagination__number[b-to1sscgx4r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--eshop-color-border);
    background: var(--eshop-color-surface);
    color: var(--eshop-color-text);
    border-radius: var(--eshop-radius-sm);
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
}

.eshop-pagination__btn:disabled[b-to1sscgx4r] {
    opacity: 0.5;
    cursor: not-allowed;
}

.eshop-pagination__number:hover:not(.eshop-pagination__number--active)[b-to1sscgx4r],
.eshop-pagination__btn:hover:not(:disabled)[b-to1sscgx4r] {
    border-color: var(--eshop-color-primary);
    color: var(--eshop-color-primary);
    background: var(--eshop-color-surface-hover);
}

.eshop-pagination__number--active[b-to1sscgx4r] {
    background: var(--eshop-color-primary);
    border-color: var(--eshop-color-primary);
    color: var(--eshop-color-text-on-primary);
}

.eshop-pagination__numbers[b-to1sscgx4r] {
    display: flex;
    gap: var(--eshop-spacing-xs);
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopText.razor.rz.scp.css */
.eshop-text[b-rbje3ey68m] {
    margin: var(--margin, 0);
    padding: var(--padding, 0);
    text-align: var(--text-align, left);
    color: var(--color, inherit);
    font-size: var(--font-size, 1rem);
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, 1.5);
    letter-spacing: var(--letter-spacing, normal);
    text-transform: var(--text-transform, none);
    text-decoration: var(--text-decoration, none);
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .eshop-text[b-rbje3ey68m] {
        font-size: var(--font-size-mobile, var(--font-size, 1rem)) !important;
    }
}
/* _content/Eshop.Foundation.UI/Components/Shared/UI/EshopVideoPlayer.razor.rz.scp.css */
.eshop-video-player[b-3acx7ai9wg] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.eshop-video-player__video[b-3acx7ai9wg] {
    width: 100%;
    height: auto;
    border-radius: var(--eshop-border-radius);
    background-color: var(--eshop-color-bg-dark);
    display: block;
    margin: 0 auto;
}

.eshop-video-player__iframe[b-3acx7ai9wg] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    border-radius: var(--eshop-border-radius);
    background-color: var(--eshop-color-bg-dark);
    display: block;
    margin: 0 auto;
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Cart/EshopCartPopup.razor.rz.scp.css */
.eshop-cart-popup[b-w131h04ong] {
    background: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: 16px;
    box-shadow: var(--eshop-shadow-lg);
    width: 380px;
    max-width: calc(100vw - 40px);
    max-height: calc(80vh - 100px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: var(--eshop-font-family);
    animation: eshop-fade-in-up-b-w131h04ong 0.2s ease-out;
    position: relative;
}

@media (max-width: 576px) {
    .eshop-cart-popup[b-w131h04ong] {
        width: calc(100vw - 20px);
        max-width: calc(100vw - 20px);
        padding: 16px;
        gap: 12px;
        border-radius: 12px;
    }
}

/* Top arrow */
.eshop-cart-popup[b-w131h04ong]::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 140px;
    width: 12px;
    height: 12px;
    background: var(--eshop-color-white);
    border-left: 1px solid var(--eshop-border-color-light);
    border-top: 1px solid var(--eshop-border-color-light);
    transform: rotate(45deg);
}

@media (max-width: 576px) {
    .eshop-cart-popup[b-w131h04ong]::before {
        display: none;
    }
}

@keyframes eshop-fade-in-up-b-w131h04ong {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Empty State ────────────────────────────────────────── */
.eshop-cart-popup__empty[b-w131h04ong] {
    padding: 30px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.eshop-cart-popup__empty-icon[b-w131h04ong] {
    width: 48px;
    height: 48px;
    color: var(--eshop-color-gray-200);
}

.eshop-cart-popup__empty p[b-w131h04ong] {
    margin: 0;
    color: var(--eshop-color-text-muted);
    font-size: var(--eshop-font-size-md);
}

/* ── Success Message ─────────────────────────────────────── */
.eshop-cart-popup__success[b-w131h04ong] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--eshop-color-success);
    font-weight: var(--eshop-font-weight-semibold);
    font-size: var(--eshop-font-size-sm);
    padding: 8px 12px;
    background: #ecfdf5;
    border-radius: 8px;
}

.eshop-cart-popup__success-icon[b-w131h04ong] {
    width: 18px;
    height: 18px;
}

/* ── Header ─────────────────────────────────────────────── */
.eshop-cart-popup__header[b-w131h04ong] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.eshop-cart-popup__title[b-w131h04ong] {
    font-weight: var(--eshop-font-weight-bold);
    font-size: var(--eshop-font-size-md);
    color: var(--eshop-color-text);
}

/* ── Items List ─────────────────────────────────────────── */
.eshop-cart-popup__success[b-w131h04ong],
.eshop-cart-popup__last-added[b-w131h04ong],
.eshop-cart-popup__divider[b-w131h04ong],
.eshop-cart-popup__header[b-w131h04ong],
.eshop-cart-popup__recommendations[b-w131h04ong],
.eshop-cart-popup__footer[b-w131h04ong] {
    flex-shrink: 0;
}

/* ── Body (Scrollable Container) ────────────────────────── */
.eshop-cart-popup__body[b-w131h04ong] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 -20px;
    padding: 0 20px;
}

/* Custom scrollbar for better look */
.eshop-cart-popup__body[b-w131h04ong]::-webkit-scrollbar {
    width: 4px;
}

.eshop-cart-popup__body[b-w131h04ong]::-webkit-scrollbar-track {
    background: var(--eshop-color-gray-50);
    border-radius: 4px;
}

.eshop-cart-popup__body[b-w131h04ong]::-webkit-scrollbar-thumb {
    background: var(--eshop-color-gray-200);
    border-radius: 4px;
}

.eshop-cart-popup__body[b-w131h04ong]::-webkit-scrollbar-thumb:hover {
    background: var(--eshop-color-gray-300);
}

.eshop-cart-popup__items[b-w131h04ong] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eshop-cart-popup-item[b-w131h04ong] {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.eshop-cart-popup-item--highlight[b-w131h04ong] {
    padding: 8px;
    background: var(--eshop-color-gray-50);
    border-radius: 8px;
}

.eshop-cart-popup-item__image[b-w131h04ong] {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--eshop-color-gray-100);
}

.eshop-cart-popup-item__image img[b-w131h04ong] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eshop-cart-popup-item__details[b-w131h04ong] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.eshop-cart-popup-item__name[b-w131h04ong] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-text);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eshop-cart-popup-item__name:hover[b-w131h04ong] {
    color: var(--eshop-color-primary-hover);
}

.eshop-cart-popup-item__meta[b-w131h04ong] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--eshop-color-text-light);
}

.eshop-cart-popup-item__qty[b-w131h04ong] {
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-cart-popup-item__price[b-w131h04ong] {
    color: var(--eshop-color-accent);
    font-weight: var(--eshop-font-weight-semibold);
}

.eshop-cart-popup-item__base-price[b-w131h04ong] {
    font-size: 11px;
    color: var(--eshop-color-text-muted);
    opacity: 0.8;
}

.eshop-cart-popup-item__remove[b-w131h04ong] {
    background: none;
    border: none;
    color: var(--eshop-color-gray-300);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all var(--eshop-transition-fast);
}

.eshop-cart-popup-item__remove:hover[b-w131h04ong] {
    color: var(--eshop-color-error);
    background: var(--eshop-color-gray-50);
}

.eshop-cart-popup-item__remove svg[b-w131h04ong] {
    width: 16px;
    height: 16px;
}

.eshop-cart-popup__more[b-w131h04ong] {
    font-size: 12px;
    color: var(--eshop-color-primary);
    text-align: center;
    padding: 8px;
    text-decoration: none;
    font-weight: var(--eshop-font-weight-semibold);
    transition: color var(--eshop-transition-fast);
    border-top: 1px dashed var(--eshop-border-color-light);
    margin-top: 4px;
}

.eshop-cart-popup__more:hover[b-w131h04ong] {
    color: var(--eshop-color-primary-hover);
    text-decoration: underline;
}

.eshop-cart-popup__divider[b-w131h04ong] {
    height: 1px;
    background: var(--eshop-color-gray-100);
    margin: 4px 0;
}

/* ── Recommendations ────────────────────────────────────── */
.eshop-cart-popup__recommendations[b-w131h04ong] {
    background: var(--eshop-bg-neutral);
    margin: 0 -20px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eshop-cart-popup__section-title[b-w131h04ong] {
    font-size: 12px;
    font-weight: var(--eshop-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--eshop-color-text-light);
}

.eshop-cart-popup__rec-list[b-w131h04ong] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eshop-cart-popup-rec[b-w131h04ong] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background: var(--eshop-color-white);
    border-radius: 8px;
    cursor: pointer;
    transition: transform var(--eshop-transition-fast);
    position: relative;
}

.eshop-cart-popup-rec:hover[b-w131h04ong] {
    transform: translateX(4px);
}

.eshop-cart-popup-rec__image-wrapper[b-w131h04ong] {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.eshop-cart-popup-rec__image[b-w131h04ong] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eshop-cart-popup-rec__info[b-w131h04ong] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.eshop-cart-popup-rec__name[b-w131h04ong] {
    font-size: 12px;
    font-weight: var(--eshop-font-weight-medium);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eshop-cart-popup-rec__price[b-w131h04ong] {
    font-size: 11px;
    color: var(--eshop-color-accent);
}

.eshop-cart-popup-rec__add[b-w131h04ong] {
    background: var(--eshop-color-primary);
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color var(--eshop-transition-fast);
}

.eshop-cart-popup-rec__add:hover[b-w131h04ong] {
    background: var(--eshop-color-primary-hover);
}

.eshop-cart-popup-rec__add--in-cart[b-w131h04ong] {
    background: var(--eshop-color-gray-100);
}

.eshop-cart-popup-rec__add--in-cart:hover[b-w131h04ong] {
    background: var(--eshop-color-gray-200);
}

.eshop-cart-popup-rec__add svg[b-w131h04ong] {
    width: 14px;
    height: 14px;
    color: var(--eshop-color-text-on-primary);
}

.eshop-cart-popup-rec__qty[b-w131h04ong] {
    font-size: 13px;
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
}

/* ── Footer ─────────────────────────────────────────────── */
.eshop-cart-popup__footer[b-w131h04ong] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
}

.eshop-cart-popup__summary[b-w131h04ong] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.eshop-cart-popup__summary-label[b-w131h04ong] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
}

.eshop-cart-popup__summary-label small[b-w131h04ong] {
    font-size: 10px;
    opacity: 0.7;
}

.eshop-cart-popup__total[b-w131h04ong] {
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
}

.eshop-cart-popup__actions[b-w131h04ong] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Buttons ────────────────────────────────────────────── */
.eshop-button[b-w131h04ong] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: var(--eshop-border-radius);
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none;
    transition: all var(--eshop-transition-fast);
    cursor: pointer;
    border: none;
    line-height: 1;
}

.eshop-button--full[b-w131h04ong] {
    width: 100%;
}

.eshop-button--sm[b-w131h04ong] {
    padding: 6px 12px;
    font-size: 12px;
}

.eshop-button--primary[b-w131h04ong] {
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text-on-primary);
}

.eshop-button--primary:hover[b-w131h04ong] {
    background: var(--eshop-color-primary-hover);
}

.eshop-button--secondary[b-w131h04ong] {
    background: var(--eshop-color-white);
    color: var(--eshop-color-text);
    border: 1px solid var(--eshop-border-color);
}

.eshop-button--secondary:hover[b-w131h04ong] {
    background: var(--eshop-color-gray-50);
    border-color: var(--eshop-color-gray-300);
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Cart/EshopCartView.razor.rz.scp.css */
/* EshopCartPage.razor.css */

.eshop-cart-page__a11y[b-bi1urwmvtm] {
    display: none;
}

[data-theme="a11y"] .eshop-cart-page[b-bi1urwmvtm] {
    display: none;
}

[data-theme="a11y"] .eshop-cart-page__a11y[b-bi1urwmvtm] {
    display: block;
    max-width: var(--eshop-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
}

.eshop-cart-page[b-bi1urwmvtm] {
    padding: var(--eshop-spacing-xl) 0;
}

.eshop-cart-page__header[b-bi1urwmvtm] {
    display: flex;
    align-items: center;
    padding-bottom: var(--eshop-spacing-md);
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-cart-page__title[b-bi1urwmvtm] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--eshop-color-gray-900);
    margin: 0;
}

.eshop-cart-icon[b-bi1urwmvtm] {
    color: var(--eshop-color-primary, #ffd15b);
}

.eshop-cart-page__count[b-bi1urwmvtm] {
    color: var(--eshop-color-gray-500);
    font-size: 1.125rem;
    font-weight: 500;
}

/* Empty State */
.eshop-cart-empty[b-bi1urwmvtm] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    border: 1px solid var(--eshop-color-gray-200);
    border-radius: var(--eshop-border-radius-lg);
}

.eshop-cart-empty__content[b-bi1urwmvtm] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--eshop-spacing-sm);
}

.eshop-cart-empty__icon[b-bi1urwmvtm] {
    margin-bottom: var(--eshop-spacing-md);
    color: var(--eshop-color-gray-400);
}

.eshop-cart-empty__title[b-bi1urwmvtm] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--eshop-color-gray-800);
    margin: 0;
}

.eshop-cart-empty__text[b-bi1urwmvtm] {
    color: var(--eshop-color-gray-500);
    margin-bottom: var(--eshop-spacing-lg);
}

/* Cart Layout */
.eshop-cart-layout[b-bi1urwmvtm] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--eshop-spacing-xl);
    align-items: start;
}

@media (max-width: 1024px) {
    .eshop-cart-layout[b-bi1urwmvtm] {
        grid-template-columns: 1fr;
    }
}

/* Items List */
.eshop-cart-items[b-bi1urwmvtm] {
    display: flex;
    flex-direction: column;
}

.eshop-cart-items__header[b-bi1urwmvtm] {
    display: grid;
    grid-template-columns: 100px 1fr 120px 120px;
    gap: var(--eshop-spacing-md);
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-md);
    background-color: var(--eshop-color-gray-100);
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--eshop-color-gray-600);
    border-radius: var(--eshop-border-radius-sm);
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-cart-items__header>.eshop-cart-items__col-quantity[b-bi1urwmvtm] {
    text-align: center;
}

.eshop-cart-items__header>.eshop-cart-items__col-price[b-bi1urwmvtm] {
    text-align: right;
}

.eshop-cart-item[b-bi1urwmvtm] {
    display: grid;
    grid-template-columns: 100px 1fr 120px 120px;
    gap: var(--eshop-spacing-md);
    padding: var(--eshop-spacing-md);
    border: 1px solid var(--eshop-color-gray-200);
    border-radius: var(--eshop-border-radius-sm);
    margin-bottom: var(--eshop-spacing-md);
    align-items: center;
    background-color: white;
}

.eshop-cart-item--rule[b-bi1urwmvtm] {
    background-color: var(--eshop-color-gray-50);
}

@media (max-width: 768px) {
    .eshop-cart-items__header[b-bi1urwmvtm] {
        display: none;
    }

    .eshop-cart-item[b-bi1urwmvtm] {
        grid-template-columns: 80px 1fr;
        grid-template-areas:
            "img details"
            "qty price";
    }

    .eshop-cart-item__image[b-bi1urwmvtm] {
        grid-area: img;
    }

    .eshop-cart-item__details[b-bi1urwmvtm] {
        grid-area: details;
    }

    .eshop-cart-item__quantity[b-bi1urwmvtm] {
        grid-area: qty;
        justify-self: start;
    }

    .eshop-cart-item__price-col[b-bi1urwmvtm] {
        grid-area: price;
        justify-self: end;
    }
}

.eshop-cart-item__image[b-bi1urwmvtm] {
    width: 80px;
    height: 80px;
    border: 1px solid var(--eshop-color-gray-200);
    padding: 4px;
    border-radius: var(--eshop-border-radius-sm);
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-cart-item__image img[b-bi1urwmvtm] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.eshop-cart-item__details[b-bi1urwmvtm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.eshop-cart-item__title[b-bi1urwmvtm] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--eshop-color-gray-900);
    margin: 0;
}

.eshop-cart-item__title a[b-bi1urwmvtm] {
    color: inherit;
    text-decoration: none;
}

.eshop-cart-item__title a:hover[b-bi1urwmvtm] {
    color: var(--eshop-color-warning);
}

.eshop-cart-item__sku[b-bi1urwmvtm] {
    font-size: 0.875rem;
    color: var(--eshop-color-gray-500);
}

.eshop-cart-item__availability[b-bi1urwmvtm] {
    font-size: 0.875rem;
    color: var(--eshop-color-gray-600);
    display: flex;
    align-items: center;
    gap: 6px;
}

.eshop-status-dot[b-bi1urwmvtm] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.eshop-status-dot--success[b-bi1urwmvtm] {
    background-color: var(--eshop-color-primary);
}

.eshop-cart-item__attr[b-bi1urwmvtm] {
    font-size: 0.875rem;
    color: var(--eshop-color-gray-600);
}

.eshop-cart-item__personalization[b-bi1urwmvtm] {
    margin-top: 0.35rem;
    padding: 0.4rem 0.6rem;
    background-color: var(--eshop-color-gray-50, #f9fafb);
    border-left: 3px solid var(--eshop-color-primary);
    border-radius: var(--eshop-radius-sm, 4px);
}

.eshop-cart-item__edit-link[b-bi1urwmvtm] {
    display: inline-block;
    font-size: 0.8125rem;
    color: var(--eshop-color-primary);
    text-decoration: underline;
    margin-top: 0.25rem;
    cursor: pointer;
}

.eshop-cart-item__edit-link:hover[b-bi1urwmvtm] {
    color: var(--eshop-color-primary-dark);
}

.eshop-cart-item__price-col[b-bi1urwmvtm] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-md);
    justify-content: flex-end;
}

.eshop-cart-item__price[b-bi1urwmvtm] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.eshop-cart-item__price-current[b-bi1urwmvtm] {
    font-weight: 700;
    color: var(--eshop-color-primary-dark);
}

.eshop-cart-item__price-old[b-bi1urwmvtm] {
    font-size: 0.875rem;
    color: var(--eshop-color-gray-400);
    text-decoration: line-through;
}

.eshop-cart-item__remove[b-bi1urwmvtm] {
    background: transparent;
    border: none;
    color: var(--eshop-color-gray-400);
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.eshop-cart-item__remove:hover[b-bi1urwmvtm] {
    color: var(--eshop-color-gray-800);
}

.eshop-cart-item__quantity[b-bi1urwmvtm] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.eshop-quantity-controls[b-bi1urwmvtm] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--eshop-color-gray-300);
    border-radius: var(--eshop-border-radius-sm);
    background: white;
}

.eshop-quantity-controls__btn[b-bi1urwmvtm] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: 600;
    color: var(--eshop-color-gray-600);
}

.eshop-quantity-controls__btn:hover[b-bi1urwmvtm] {
    background-color: var(--eshop-color-gray-100);
    color: var(--eshop-color-gray-900);
}

.eshop-quantity-controls__value[b-bi1urwmvtm] {
    width: 32px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    border-left: 1px solid var(--eshop-color-gray-200);
    border-right: 1px solid var(--eshop-color-gray-200);
}

.eshop-cart-item__qty-fixed[b-bi1urwmvtm] {
    font-weight: 700;
}

.eshop-cart-items__continue-link[b-bi1urwmvtm] {
    color: var(--eshop-color-primary);
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    margin-top: var(--eshop-spacing-md);
}

.eshop-cart-items__continue-link:hover[b-bi1urwmvtm] {
    text-decoration: underline;
}

/* Sidebar & Summary */
.eshop-cart-sidebar[b-bi1urwmvtm] {
    position: sticky;
    top: 170px;
    /* Account for sticky header height */
}

.eshop-order-summary[b-bi1urwmvtm] {
    border: 1px solid var(--eshop-color-gray-200);
    border-radius: var(--eshop-border-radius-sm);
    padding: var(--eshop-spacing-lg);
    background-color: white;
}

.eshop-order-summary__title[b-bi1urwmvtm] {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 var(--eshop-spacing-lg) 0;
    color: var(--eshop-color-gray-900);
    text-transform: uppercase;
}

.eshop-order-summary__row[b-bi1urwmvtm] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--eshop-spacing-sm);
    font-size: 0.875rem;
    color: var(--eshop-color-gray-700);
}

.eshop-order-summary__row--discount[b-bi1urwmvtm] {
    color: #d32f2f;
}

.eshop-order-summary__shipping-hint[b-bi1urwmvtm] {
    font-size: 0.75rem;
    color: var(--eshop-color-gray-500);
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-order-summary__divider[b-bi1urwmvtm] {
    height: 1px;
    background-color: var(--eshop-color-gray-200);
    margin: var(--eshop-spacing-lg) 0;
}



.eshop-order-summary__total-row[b-bi1urwmvtm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-order-summary__total-label[b-bi1urwmvtm] {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    color: var(--eshop-color-gray-900);
    font-size: 1.125rem;
}

.eshop-order-summary__vat-hint[b-bi1urwmvtm] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--eshop-color-gray-500);
}

.eshop-order-summary__total-value[b-bi1urwmvtm] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--eshop-color-text);
}

.eshop-button--checkout[b-bi1urwmvtm] {
    font-size: 0.875rem;
    padding: var(--eshop-spacing-sm) 0;
    margin-bottom: var(--eshop-spacing-sm);
    line-height: var(--eshop-line-height-sm);
}

.eshop-order-summary__secure-hint[b-bi1urwmvtm] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--eshop-color-gray-500);
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-trust-badges[b-bi1urwmvtm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eshop-spacing-sm);
    border-top: 1px solid var(--eshop-color-gray-200);
    padding-top: var(--eshop-spacing-lg);
}

.eshop-trust-badge[b-bi1urwmvtm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    font-size: 0.625rem;
    color: var(--eshop-color-gray-600);
}

.eshop-trust-badge svg[b-bi1urwmvtm] {
    width: 20px;
    height: 20px;
    stroke-width: 1.5;
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Catalog/EshopCatalogSidebar.razor.rz.scp.css */
.eshop-catalog-sidebar[b-5cavjyfpr2] {
    width: 280px;
    flex-shrink: 0;
    padding-right: var(--eshop-spacing-lg, 24px);
    border-right: 1px solid var(--eshop-color-gray-200, #e5e5e5);
}

@media (min-width: 1025px) {
    .eshop-catalog-sidebar[b-5cavjyfpr2] {
        position: sticky;
        top: calc(165px + var(--eshop-spacing-md, 16px));
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        align-self: flex-start;
    }

    .eshop-catalog-sidebar[b-5cavjyfpr2]::-webkit-scrollbar {
        width: 4px;
    }

    .eshop-catalog-sidebar[b-5cavjyfpr2]::-webkit-scrollbar-thumb {
        background: var(--eshop-color-gray-300, #d4d4d4);
        border-radius: 4px;
    }

    .eshop-catalog-sidebar[b-5cavjyfpr2]::-webkit-scrollbar-thumb:hover {
        background: var(--eshop-color-gray-400, #a3a3a3);
    }
}

/* --- Header Section (Mobile Close Only) --- */
.eshop-catalog-sidebar__header[b-5cavjyfpr2] {
    display: none; /* Hidden on desktop since title is removed and close button is mobile-only */
}

.eshop-catalog-sidebar__close[b-5cavjyfpr2] {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: var(--eshop-color-gray-500, #737373);
    line-height: 1;
}

.eshop-catalog-sidebar__close:hover[b-5cavjyfpr2] {
    color: var(--eshop-color-black, #000);
}

.eshop-catalog-sidebar__close svg[b-5cavjyfpr2] {
    width: 20px;
    height: 20px;
}

/* --- Sections --- */
.eshop-catalog-sidebar__section[b-5cavjyfpr2] {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--eshop-color-gray-200, #e5e5e5);
}

.eshop-catalog-sidebar__section:last-child[b-5cavjyfpr2] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.eshop-catalog-sidebar__section-title[b-5cavjyfpr2] {
    font-family: var(--font-heading, "Roboto Condensed", sans-serif);
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--eshop-color-gray-900, #171717);
    margin: 0 0 12px 0;
}

/* --- Active Filters --- */
.eshop-catalog-sidebar__active-header[b-5cavjyfpr2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.eshop-catalog-sidebar__clear[b-5cavjyfpr2] {
    background: none;
    border: none;
    color: var(--eshop-color-primary-dark, #eaa901);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    transition: color 0.15s ease;
}

.eshop-catalog-sidebar__clear:hover[b-5cavjyfpr2] {
    color: #b58100;
}

.eshop-catalog-sidebar__chips[b-5cavjyfpr2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.eshop-catalog-sidebar__chip[b-5cavjyfpr2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: var(--eshop-color-primary-light, #fef3d1);
    border: 1px solid var(--eshop-color-primary, #f9d985);
    border-radius: 100px;
    font-size: 0.8rem;
    color: var(--eshop-color-gray-800, #262626);
    font-weight: 500;
}

.eshop-catalog-sidebar__chip-remove[b-5cavjyfpr2] {
    background: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    color: var(--eshop-color-gray-600, #525252);
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
}

.eshop-catalog-sidebar__chip-remove:hover[b-5cavjyfpr2] {
    color: var(--eshop-color-error, #ef4444);
}

/* --- Fallback Category List --- */
.eshop-catalog-sidebar__list[b-5cavjyfpr2] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eshop-catalog-sidebar__item[b-5cavjyfpr2] {
    margin-bottom: var(--eshop-spacing-xs, 4px);
}

.eshop-catalog-sidebar__link[b-5cavjyfpr2] {
    text-decoration: none;
    color: var(--eshop-color-gray-800, #262626);
    font-size: 0.92rem;
    transition: all 0.2s ease;
    display: block;
    padding-block: 4px;
}

.eshop-catalog-sidebar__link:hover[b-5cavjyfpr2] {
    color: var(--eshop-color-primary-dark, #eaa901);
    padding-left: 4px;
}

.eshop-catalog-sidebar__link--active[b-5cavjyfpr2] {
    color: var(--eshop-color-primary-dark, #eaa901);
    font-weight: 600;
}

/* --- Facet Lists & Scrolling --- */
.eshop-catalog-sidebar__facet-list[b-5cavjyfpr2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 320px;
    overflow-y: auto;
    padding-right: 4px;
}

.eshop-catalog-sidebar__facet-list[b-5cavjyfpr2]::-webkit-scrollbar {
    width: 4px;
}

.eshop-catalog-sidebar__facet-list[b-5cavjyfpr2]::-webkit-scrollbar-thumb {
    background: var(--eshop-color-gray-300, #d4d4d4);
    border-radius: 4px;
}

/* --- Custom Amber / Golden Checkbox Styles --- */
.eshop-catalog-sidebar__checkbox-item[b-5cavjyfpr2] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.92rem;
    color: var(--eshop-color-gray-800, #262626);
    cursor: pointer;
    user-select: none;
    padding: 4px 0;
    transition: color 0.15s ease;
}

.eshop-catalog-sidebar__checkbox-item:hover[b-5cavjyfpr2] {
    color: var(--eshop-color-black, #000);
}

.eshop-catalog-sidebar__checkbox-item input[type="checkbox"][b-5cavjyfpr2] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1.5px solid #f5a623;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
    display: inline-grid;
    place-content: center;
    transition: all 0.15s ease;
}

.eshop-catalog-sidebar__checkbox-item input[type="checkbox"]:hover[b-5cavjyfpr2] {
    border-color: #e29b14;
    box-shadow: 0 0 0 2px rgba(245, 166, 35, 0.15);
}

.eshop-catalog-sidebar__checkbox-item input[type="checkbox"]:checked[b-5cavjyfpr2] {
    background-color: #f5a623;
    border-color: #e29b14;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
    background-size: 14px 14px;
    background-position: center;
    background-repeat: no-repeat;
}

.eshop-catalog-sidebar__checkbox-item--disabled[b-5cavjyfpr2] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.eshop-catalog-sidebar__checkbox-label[b-5cavjyfpr2] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eshop-catalog-sidebar__count[b-5cavjyfpr2] {
    font-size: 0.85rem;
    color: var(--eshop-color-gray-500, #737373);
    margin-left: auto;
    padding-left: 6px;
    flex-shrink: 0;
}

/* --- Tree Node Styles --- */
.eshop-catalog-sidebar__tree-node[b-5cavjyfpr2] {
    display: flex;
    flex-direction: column;
}

.eshop-catalog-sidebar__tree-row[b-5cavjyfpr2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.eshop-catalog-sidebar__tree-row .eshop-catalog-sidebar__checkbox-item[b-5cavjyfpr2] {
    flex: 1;
}

.eshop-catalog-sidebar__tree-toggle[b-5cavjyfpr2] {
    background: none;
    border: none;
    padding: 3px 4px;
    cursor: pointer;
    color: var(--eshop-color-gray-500, #737373);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, color 0.15s ease;
    border-radius: var(--eshop-radius-sm, 4px);
}

.eshop-catalog-sidebar__tree-toggle:hover[b-5cavjyfpr2] {
    color: var(--eshop-color-gray-800, #262626);
    background: var(--eshop-color-gray-100, #f2f2f2);
}

.eshop-catalog-sidebar__tree-toggle svg[b-5cavjyfpr2] {
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease;
}

.eshop-catalog-sidebar__tree-toggle--expanded svg[b-5cavjyfpr2] {
    transform: rotate(90deg);
}

.eshop-catalog-sidebar__tree-children[b-5cavjyfpr2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 20px;
    margin-top: 2px;
    margin-bottom: 4px;
    border-left: 1px solid var(--eshop-color-gray-200, #e5e5e5);
    margin-left: 9px;
}

.eshop-catalog-sidebar__checkbox-item--nested[b-5cavjyfpr2] {
    font-size: 0.88rem;
}

/* --- Rating Radio Row Styles --- */
.eshop-catalog-sidebar__rating-row[b-5cavjyfpr2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease;
}

.eshop-catalog-sidebar__rating-row:hover .eshop-catalog-sidebar__rating-text[b-5cavjyfpr2] {
    color: var(--eshop-color-primary-dark, #eaa901);
}

.eshop-catalog-sidebar__rating-row--disabled[b-5cavjyfpr2] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.eshop-catalog-sidebar__radio[b-5cavjyfpr2] {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1.5px solid #a3a3a3;
    background-color: #fff;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.eshop-catalog-sidebar__rating-row:hover .eshop-catalog-sidebar__radio[b-5cavjyfpr2] {
    border-color: #525252;
}

.eshop-catalog-sidebar__radio--checked[b-5cavjyfpr2] {
    border-color: #262626;
}

.eshop-catalog-sidebar__radio--checked[b-5cavjyfpr2]::after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #262626;
}

.eshop-catalog-sidebar__stars[b-5cavjyfpr2] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    line-height: 1;
    flex-shrink: 0;
}

.eshop-catalog-sidebar__star[b-5cavjyfpr2] {
    flex-shrink: 0;
}

.eshop-catalog-sidebar__star--filled[b-5cavjyfpr2] {
    color: #ffb400; /* Gold/yellow star matching product hero */
}

.eshop-catalog-sidebar__star--empty[b-5cavjyfpr2] {
    color: var(--eshop-border-color, #d4d4d4);
}

.eshop-catalog-sidebar__rating-text[b-5cavjyfpr2] {
    font-size: 0.9rem;
    color: #262626;
    margin-left: 2px;
}

/* --- Mobile Overlay & Drawer --- */
.eshop-catalog-sidebar-overlay[b-5cavjyfpr2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.eshop-catalog-sidebar-overlay--visible[b-5cavjyfpr2] {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1024px) {
    .eshop-catalog-sidebar[b-5cavjyfpr2] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 360px;
        height: 100%;
        background: var(--eshop-color-white, #fff);
        z-index: 1000;
        padding: var(--eshop-spacing-xl, 24px);
        transform: translateX(-100%);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        border-right: none;
        box-shadow: 20px 0 50px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }

    .eshop-catalog-sidebar--visible[b-5cavjyfpr2] {
        transform: translateX(0);
    }

    .eshop-catalog-sidebar__header[b-5cavjyfpr2] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-bottom: 12px;
        margin-bottom: 16px;
        border-bottom: 1px solid var(--eshop-color-gray-200, #e5e5e5);
    }

    .eshop-catalog-sidebar__close[b-5cavjyfpr2] {
        display: block;
    }
}

@media (min-width: 1025px) {
    .eshop-catalog-sidebar-overlay[b-5cavjyfpr2] {
        display: none;
    }
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Checkout/EshopCheckoutA11yForm.razor.rz.scp.css */
/* EshopCheckoutA11yForm.razor.css */

.eshop-checkout-page__a11y[b-2p1wch31ak] {
    display: none;
}

[data-theme="a11y"] .eshop-checkout-page__a11y[b-2p1wch31ak] {
    display: block;
    max-width: var(--eshop-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
}

.eshop-a11y-checkout[b-2p1wch31ak] {
    color: var(--eshop-color-text);
}

.eshop-a11y-checkout__breadcrumbs[b-2p1wch31ak] {
    margin-bottom: 16px;
    font-size: 16px;
}

.eshop-a11y-checkout__breadcrumbs ol[b-2p1wch31ak] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.eshop-a11y-checkout__breadcrumbs span[aria-current="page"][b-2p1wch31ak] {
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-checkout h1[b-2p1wch31ak] {
    margin: 0 0 24px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 36px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.2;
}

.eshop-a11y-checkout__required-note[b-2p1wch31ak],
.eshop-a11y-checkout__empty[b-2p1wch31ak] {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.5;
}

.eshop-a11y-checkout__required-note span[b-2p1wch31ak],
.eshop-a11y-checkout label span[b-2p1wch31ak],
.eshop-a11y-checkout__validation[b-2p1wch31ak] {
    color: var(--eshop-color-error, #b00020);
}

.eshop-a11y-checkout fieldset[b-2p1wch31ak],
.eshop-a11y-checkout__summary[b-2p1wch31ak] {
    padding: 20px;
    margin: 0 0 24px;
    border: 2px solid var(--eshop-border-color);
}

.eshop-a11y-checkout legend[b-2p1wch31ak],
.eshop-a11y-checkout__summary h2[b-2p1wch31ak] {
    padding: 0 8px;
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 24px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.3;
}

.eshop-a11y-checkout__fields[b-2p1wch31ak] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
}

.eshop-a11y-checkout__row[b-2p1wch31ak] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 12px;
}

.eshop-a11y-checkout__field label[b-2p1wch31ak] {
    display: block;
    margin-bottom: 4px;
    color: var(--eshop-color-text);
    font-size: 16px;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-checkout__field input[b-2p1wch31ak],
.eshop-a11y-checkout__field select[b-2p1wch31ak] {
    width: 100%;
    min-height: 48px;
    padding: 12px;
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg);
    border: 2px solid var(--eshop-border-color);
    font: inherit;
    font-size: 18px;
}

.eshop-a11y-checkout__field p[b-2p1wch31ak] {
    margin: 4px 0 0;
    font-size: 16px;
}

.eshop-a11y-checkout__validation[b-2p1wch31ak],
.eshop-a11y-checkout__warning[b-2p1wch31ak] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-checkout__payments[b-2p1wch31ak] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 8px 0 0;
    list-style: none;
}

.eshop-a11y-checkout__payments label[b-2p1wch31ak] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 12px;
    border: 2px solid var(--eshop-border-color);
    cursor: pointer;
}

.eshop-a11y-checkout__payments input[b-2p1wch31ak] {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

.eshop-a11y-checkout__payments span[b-2p1wch31ak] {
    color: var(--eshop-color-text);
    font-size: 18px;
}

.eshop-a11y-checkout__summary ul[b-2p1wch31ak] {
    padding: 0;
    margin: 0 0 16px;
    list-style: none;
}

.eshop-a11y-checkout__summary li[b-2p1wch31ak],
.eshop-a11y-checkout__summary dl div[b-2p1wch31ak] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 0;
    border-top: 1px solid var(--eshop-border-color);
    font-size: 18px;
}

.eshop-a11y-checkout__summary li:first-child[b-2p1wch31ak] {
    border-top: 0;
}

.eshop-a11y-checkout__summary dl[b-2p1wch31ak] {
    padding-top: 12px;
    margin: 0;
    border-top: 2px solid var(--eshop-border-color);
    font-size: 18px;
}

.eshop-a11y-checkout__summary dd[b-2p1wch31ak] {
    margin: 0;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-checkout__base-price[b-2p1wch31ak] {
    display: block;
    margin-top: 4px;
    color: var(--eshop-color-gray-600);
    font-size: 16px;
    font-weight: var(--eshop-font-weight-normal);
}

.eshop-a11y-checkout__total[b-2p1wch31ak] {
    margin-top: 8px;
    border-top: 2px solid var(--eshop-border-color) !important;
    font-size: 20px !important;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-a11y-checkout__notice[b-2p1wch31ak] {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--eshop-color-text);
}

.eshop-a11y-checkout__submit[b-2p1wch31ak],
.eshop-a11y-checkout__primary-link[b-2p1wch31ak] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 16px 32px;
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-primary);
    border: 2px solid var(--eshop-color-primary);
    font: inherit;
    font-size: 20px;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none !important;
    cursor: pointer;
}

.eshop-a11y-checkout__submit:disabled[b-2p1wch31ak],
.eshop-a11y-checkout__primary-link:disabled[b-2p1wch31ak] {
    color: #ffffff !important;
    background: #595959 !important;
    border-color: #595959 !important;
    cursor: not-allowed;
    opacity: 1 !important;
}

.eshop-a11y-checkout__submit:hover[b-2p1wch31ak],
.eshop-a11y-checkout__submit:focus-visible[b-2p1wch31ak],
.eshop-a11y-checkout__primary-link:hover[b-2p1wch31ak],
.eshop-a11y-checkout__primary-link:focus-visible[b-2p1wch31ak] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    border-color: var(--eshop-color-text);
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Checkout/EshopCheckoutStandardForm.razor.rz.scp.css */
/* EshopCheckoutStandardForm.razor.css */

[data-theme="a11y"] .eshop-checkout-page[b-6u47tas9ji] {
    display: none;
}

.eshop-checkout-page[b-6u47tas9ji] {
    padding: var(--eshop-spacing-xl) 0;
}

.eshop-checkout-page__header[b-6u47tas9ji] {
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-checkout-page__title[b-6u47tas9ji] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--eshop-color-gray-900);
    margin: 0;
    text-transform: uppercase;
}

.eshop-checkout-layout[b-6u47tas9ji] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--eshop-spacing-xl);
    align-items: start;
}

@media (max-width: 1024px) {
    .eshop-checkout-layout[b-6u47tas9ji] {
        grid-template-columns: 1fr;
    }
}

.eshop-checkout-col[b-6u47tas9ji] {
    display: flex;
    flex-direction: column;
}

.eshop-checkout-col__title[b-6u47tas9ji] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 var(--eshop-spacing-lg) 0;
    color: var(--eshop-color-gray-900);
    text-transform: uppercase;
}

.eshop-checkout-col__subtitle[b-6u47tas9ji] {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 var(--eshop-spacing-md) 0;
    color: var(--eshop-color-gray-900);
    text-transform: uppercase;
}

/* Forms */
.eshop-login-prompt[b-6u47tas9ji] {
    background-color: var(--eshop-color-primary-light);
    border: 1px solid var(--eshop-color-gray-200);
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius-sm);
    margin-bottom: var(--eshop-spacing-lg);
    font-size: 0.875rem;
}

.eshop-login-prompt .eshop-link[b-6u47tas9ji] {
    color: var(--eshop-color-warning);
    font-weight: 500;
}

.eshop-form-group[b-6u47tas9ji] {
    margin-bottom: var(--eshop-spacing-md);
    display: flex;
    flex-direction: column;
}

.eshop-form-row[b-6u47tas9ji] {
    display: flex;
    gap: var(--eshop-spacing-md);
}

.eshop-label[b-6u47tas9ji] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--eshop-color-gray-800);
    margin-bottom: 4px;
    text-transform: uppercase;
}

.eshop-label--required[b-6u47tas9ji]::after {
    content: " *";
    color: #d32f2f;
}



.eshop-validation-message[b-6u47tas9ji],
[b-6u47tas9ji] .eshop-validation-message {
    font-size: 0.75rem;
    color: #d32f2f;
    margin-top: 4px;
}

.eshop-form-hint[b-6u47tas9ji] {
    font-size: 0.625rem;
    color: var(--eshop-color-gray-500);
    margin: 4px 0 0 0;
}

/* Checkboxes */
.eshop-checkbox-group[b-6u47tas9ji] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    flex-direction: row;
}

.eshop-checkbox[b-6u47tas9ji] {
    margin-top: 2px;
    accent-color: var(--eshop-color-warning);
}

.eshop-checkbox-label[b-6u47tas9ji] {
    font-size: 0.875rem;
    color: var(--eshop-color-gray-800);
    cursor: pointer;
}

.eshop-checkbox-label--small[b-6u47tas9ji] {
    font-size: 0.75rem;
    color: var(--eshop-color-gray-600);
}

.eshop-agb-notice[b-6u47tas9ji] {
    font-size: 0.75rem;
    color: var(--eshop-color-gray-600);
    line-height: 1.4;
    margin: 0;
}

/* Payment Options */
.eshop-payment-warning[b-6u47tas9ji] {
    background-color: var(--eshop-color-primary-light);
    border: 1px solid var(--eshop-color-gray-200);
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius-sm);
    font-size: 0.875rem;
    color: var(--eshop-color-gray-600);
}

.eshop-payment-options[b-6u47tas9ji] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eshop-payment-option[b-6u47tas9ji] {
    background-color: white;
    border: 1px solid var(--eshop-color-gray-200);
    border-radius: var(--eshop-border-radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.eshop-payment-option:hover[b-6u47tas9ji] {
    border-color: var(--eshop-color-primary);
}

.eshop-payment-option:hover .eshop-payment-option__radio[b-6u47tas9ji] {
    border-color: #262626;
    transition: all 0.2s ease;
}


.eshop-payment-option__header[b-6u47tas9ji] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding: 16px;
    margin: 0;
    gap: 12px;
}

.eshop-payment-option__radio[b-6u47tas9ji] {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    width: 14.78px;
    height: 14.78px;
    border: 2px solid #676767FF;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    transition: border-color 0.2s ease;
}

.eshop-payment-option__radio:checked[b-6u47tas9ji] {
    border-color: #30313d;
}

.eshop-payment-option__radio:checked[b-6u47tas9ji]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: #30313d;
    border-radius: 50%;
}

.eshop-payment-option__icon[b-6u47tas9ji] {
    width: 2.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}

/* Specific icons */
.eshop-payment-option--invoice .eshop-payment-option__icon[b-6u47tas9ji] {
    background-image: url(/_content/Eshop.Foundation.UI/assets/payments/invoice-de-female-wm-bb.png);
}

.eshop-payment-option--prepayment .eshop-payment-option__icon[b-6u47tas9ji] {
    background-image: url(/_content/Eshop.Foundation.UI/assets/payments/payment-in-advance.png);
}

.eshop-payment-option--paypal .eshop-payment-option__icon[b-6u47tas9ji] {
    background-image: url(/_content/Eshop.Foundation.UI/assets/payments/paypal.png);
}

.eshop-payment-option--stripe .eshop-payment-option__icon[b-6u47tas9ji] {
    background-image: url(/_content/Eshop.Foundation.UI/assets/payments/stripe.png);
}

.eshop-payment-option--directdebit .eshop-payment-option__icon[b-6u47tas9ji] {
    background-image: url(/_content/Eshop.Foundation.UI/assets/payments/sepa.png);
}

.eshop-payment-option__label[b-6u47tas9ji] {
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    color: var(--eshop-color-text);
}

.eshop-payment-option--active[b-6u47tas9ji] {
    background-color: var(--eshop-color-primary-light);
    border-color: var(--eshop-color-primary);
    box-shadow: 0 0 0 1px var(--eshop-color-primary);
}

.eshop-payment-option--active .eshop-payment-option__label[b-6u47tas9ji] {
    font-weight: 600;
}

.eshop-payment-method-details[b-6u47tas9ji] {
    padding: 16px;
    background: white;
    border-top: 1px solid var(--eshop-color-gray-200);
}

/* Review Card */
.eshop-review-card[b-6u47tas9ji] {
    border: 1px solid var(--eshop-color-gray-200);
    border-radius: var(--eshop-border-radius-sm);
    background-color: white;
}

.eshop-review-items[b-6u47tas9ji] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-sm);
    border-bottom: 1px solid var(--eshop-color-gray-200);
    padding: var(--eshop-spacing-md);
}

.eshop-skeleton-line[b-6u47tas9ji] {
    background-color: var(--eshop-color-gray-100);
    height: 10px;
    margin-bottom: 6px;
    border-radius: 0;
}

.eshop-review-item[b-6u47tas9ji] {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: var(--eshop-spacing-md);
    align-items: center;
}

.eshop-review-item__img[b-6u47tas9ji] {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: var(--eshop-border-radius-xs);
    border: 1px solid var(--eshop-color-gray-200);
}

.eshop-review-item__title[b-6u47tas9ji] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--eshop-color-gray-900);
}

.eshop-review-item__qty[b-6u47tas9ji] {
    font-size: 0.75rem;
    color: var(--eshop-color-gray-500);
}

.eshop-review-item__base-price[b-6u47tas9ji] {
    font-size: 0.75rem;
    color: var(--eshop-color-gray-500);
}

.eshop-review-item__price[b-6u47tas9ji] {
    font-weight: 700;
    font-size: 0.875rem;
}

/* Address Summary */
.eshop-review-address[b-6u47tas9ji] {
    border-bottom: 1px solid var(--eshop-color-gray-200);
    padding: var(--eshop-spacing-md);
    margin: 0 !important;
}

.eshop-review-address__title[b-6u47tas9ji] {
    font-size: 0.75rem;
    font-weight: 700;
    margin: 0 0 var(--eshop-spacing-sm) 0;
    text-transform: uppercase;
}

.eshop-review-address__content[b-6u47tas9ji] {
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--eshop-color-gray-700);
}

/* Totals */
.eshop-review-totals[b-6u47tas9ji] {
    border-bottom: 1px solid var(--eshop-color-gray-200);
    padding: var(--eshop-spacing-md);
    margin: 0 !important;
}

.eshop-review-totals__row[b-6u47tas9ji] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    color: var(--eshop-color-gray-700);
}

.eshop-review-totals__row--discount[b-6u47tas9ji] {
    color: #d32f2f;
}

.eshop-review-totals__row--small[b-6u47tas9ji] {
    font-size: 0.75rem;
    color: var(--eshop-color-gray-500);
}

.eshop-review-totals__row--bold[b-6u47tas9ji] {
    font-weight: 700;
    color: var(--eshop-color-gray-900);
    font-size: 1rem;
    margin-top: var(--eshop-spacing-sm);
    border-top: 1px solid var(--eshop-color-gray-200);
}

.eshop-review-totals__grand[b-6u47tas9ji] {
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-xl);
}

/* Actions */
.eshop-review-actions[b-6u47tas9ji] {
    padding: var(--eshop-spacing-md);
    margin: 0 !important;
}

.eshop-button--checkout[b-6u47tas9ji] {
    text-transform: uppercase;
    font-weight: 700;
    padding: 1rem 0 !important;
}

/* Retain manual override */

.eshop-review-actions__asterisk[b-6u47tas9ji] {
    font-size: 0.75rem;
    color: var(--eshop-color-gray-500);
    margin-bottom: var(--eshop-spacing-sm);
}

/* .eshop-review-actions__asterisk::before {
    content: "* ";
    color: #d32f2f;
} */

.eshop-review-ssl-info[b-6u47tas9ji] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    color: var(--eshop-color-gray-600);
    font-size: 0.75rem;
    background-color: var(--eshop-color-gray-50);
    padding: var(--eshop-spacing-md);
    border-radius: 0;
}

.eshop-review-ssl-info p[b-6u47tas9ji] {
    margin: 0;
}

.eshop-link[b-6u47tas9ji] {
    color: var(--eshop-color-warning);
    text-decoration: none;
    font-weight: 500;
}

.eshop-link:hover[b-6u47tas9ji] {
    text-decoration: underline;
}

/* Autocomplete Dropdown */
.autocomplete-dropdown[b-6u47tas9ji] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid var(--eshop-color-gray-300);
    border-top: none;
    border-radius: 0 0 var(--eshop-border-radius-sm) var(--eshop-border-radius-sm);
    box-shadow: var(--eshop-shadow-md);
    z-index: 100;
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}

.autocomplete-dropdown-item[b-6u47tas9ji] {
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-md);
    cursor: pointer;
    border-bottom: 1px solid var(--eshop-color-gray-100);
    font-size: 0.875rem;
    color: var(--eshop-color-gray-700);
}

.autocomplete-dropdown-item:last-child[b-6u47tas9ji] {
    border-bottom: none;
}

.autocomplete-dropdown-item:hover[b-6u47tas9ji],
.autocomplete-dropdown-item.active[b-6u47tas9ji] {
    background-color: var(--eshop-color-primary-light);
    color: var(--eshop-color-primary-dark);
}

.eshop-stripe-payment-wrapper[b-6u47tas9ji] {
    width: 100%;
}

[b-6u47tas9ji] .StripeElement {
    width: 100%;
}

/* Ensure Stripe accordion items look consistent even if appearance API has limits */
[b-6u47tas9ji] .AccordionItem--selected .AccordionItemTitle {
    font-weight: 600 !important;
}

.eshop-input.invalid[b-6u47tas9ji] {
    border-color: #d32f2f;
    background-color: #fff8f8;
}

/* Address Profile Selector */
.eshop-profile-selector-container[b-6u47tas9ji] {
    background-color: var(--eshop-color-bg-alt, #f9f9f9);
    border: 1px solid var(--eshop-border-color, #e5e5e5);
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius-sm);
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-profile-selector__title[b-6u47tas9ji] {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 var(--eshop-spacing-sm) 0;
    color: var(--eshop-color-gray-900);
}

.eshop-profile-selector-grids[b-6u47tas9ji] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-sm);
}

.eshop-profile-selector-group[b-6u47tas9ji] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Navigation/EshopAuthButton.razor.rz.scp.css */
.eshop-header__auth-wrapper[b-ma157ijouh] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-header__auth-popup-container[b-ma157ijouh] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    padding-top: 12px;
}

.eshop-header__action-btn[b-ma157ijouh] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: var(--eshop-color-text) !important;
    transition: all var(--eshop-transition-fast);
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 8px 12px;
    gap: 6px;
    border: none;
    cursor: pointer;
}

.eshop-header__action-icon-wrapper[b-ma157ijouh] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-header__action-icon-wrapper[b-ma157ijouh]  svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    transition: all var(--eshop-transition-fast);
}

.eshop-header__action-label[b-ma157ijouh] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-normal);
    line-height: 1;
    transition: all var(--eshop-transition-fast);
}

/* Hover state: Brand Yellow */
.eshop-header__action-btn:hover[b-ma157ijouh] {
    color: var(--eshop-color-secondary) !important;
}

.eshop-header__action-btn:hover .eshop-header__action-icon-wrapper[b-ma157ijouh]  svg {
    stroke: var(--eshop-color-secondary) !important;
}

.eshop-header__action-btn.active[b-ma157ijouh] {
    color: var(--eshop-color-secondary) !important;
}

.eshop-header__action-btn.active .eshop-header__action-icon-wrapper[b-ma157ijouh]  svg {
    stroke: var(--eshop-color-secondary) !important;
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Navigation/EshopAuthPopup.razor.rz.scp.css */
.eshop-auth-popup[b-lndzzy7sq4] {
    background-color: var(--eshop-color-bg);
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-lg);
    width: 280px;
    padding: var(--eshop-spacing-md);
    animation: eshopFadeIn-b-lndzzy7sq4 0.2s ease-out;
}

@keyframes eshopFadeIn-b-lndzzy7sq4 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.eshop-auth-popup__header[b-lndzzy7sq4] {
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-auth-popup__title[b-lndzzy7sq4] {
    display: block;
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
    margin-bottom: 4px;
}

.eshop-auth-popup__subtitle[b-lndzzy7sq4] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
    margin: 0;
    line-height: 1.4;
}

.eshop-auth-popup__nav[b-lndzzy7sq4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.eshop-auth-popup__link[b-lndzzy7sq4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--eshop-color-text);
    font-size: var(--eshop-font-size-sm);
    border-radius: var(--eshop-border-radius-sm);
    transition: all var(--eshop-transition-fast);
}

.eshop-auth-popup__link svg[b-lndzzy7sq4] {
    width: 18px;
    height: 18px;
    stroke: var(--eshop-color-icon-muted);
    transition: all var(--eshop-transition-fast);
}

.eshop-auth-popup__link:hover[b-lndzzy7sq4] {
    background-color: var(--eshop-color-gray-50);
    color: var(--eshop-color-secondary);
}

.eshop-auth-popup__link:hover svg[b-lndzzy7sq4] {
    stroke: var(--eshop-color-secondary);
}

.eshop-auth-popup__link--logout:hover[b-lndzzy7sq4] {
    color: var(--eshop-color-error);
}

.eshop-auth-popup__link--logout:hover svg[b-lndzzy7sq4] {
    stroke: var(--eshop-color-error);
}

.eshop-auth-popup__divider[b-lndzzy7sq4] {
    height: 1px;
    background-color: var(--eshop-border-color);
    margin: var(--eshop-spacing-sm) 0;
}

.eshop-auth-popup__actions[b-lndzzy7sq4] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-sm);
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-button--outline[b-lndzzy7sq4] {
    background-color: transparent;
    border: 2px solid var(--eshop-color-primary);
    color: var(--eshop-color-gray-900);
}

.eshop-button--outline:hover[b-lndzzy7sq4] {
    background-color: var(--eshop-color-primary);
    color: var(--eshop-color-text-on-primary);
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Navigation/EshopCategoryNav.razor.rz.scp.css */
/* ── Category nav ────────────────────────────────────────── */
.eshop-header__nav[b-9sqrjxy37r] {
    background: var(--eshop-color-bg-nav);
    border-bottom: none;
    height: 48px;
    /* overflow: hidden; Removed to allow dropdowns on hover */
    /* Anchor for the full-bleed mega menu panels (EshopMegaMenu) */
    position: relative;
}

.eshop-header__nav-mobile-bar[b-9sqrjxy37r] {
    display: none;
}

.eshop-header__nav-inner[b-9sqrjxy37r] {
    max-width: var(--eshop-container-max-width);
    margin-inline: auto;
    padding-inline: var(--eshop-spacing-md);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    height: 100%;
}

/* "Kategorien" opens the mega menu, as the first item does in the prototype, so it shows and
   inherits .eshop-header__nav-item. There is no burger beside it: the drawer is the mobile
   counterpart of the panel, not a second desktop entry point. */

.eshop-header__nav-item-wrapper[b-9sqrjxy37r] {
    position: relative;
    height: 100%;
    display: flex;
    align-items: stretch;
}

.eshop-header__nav-item[b-9sqrjxy37r] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 20px;
    height: 100%;
    font-family: var(--font-heading);
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: var(--eshop-color-text-on-primary);
    white-space: nowrap;
    border-bottom: none;
    margin-bottom: 0;
    transition: background 150ms ease;
    flex: 0 1;
}

.eshop-header__nav-item:hover[b-9sqrjxy37r] {
    color: var(--eshop-color-text-on-primary);
    background: var(--eshop-color-primary-hover);
}

.eshop-header__nav-item--sale[b-9sqrjxy37r] {
    font-weight: var(--eshop-font-weight-semibold);
}

/* ::deep — the chevron is rendered by the EshopIcon child component, so it carries
   that component's scope id rather than this one's. */
.eshop-header__nav-item[b-9sqrjxy37r]  .eshop-header__nav-chevron {
    width: 12px;
    height: 12px;
    opacity: 0.8;
    flex-shrink: 0;
    transition: transform 150ms ease;
}

.eshop-header__nav-item[b-9sqrjxy37r]  .eshop-header__nav-chevron--desktop {
    display: block;
}

/* ── Mega menu trigger state ─────────────────────────────── */
/* The panel itself is styled in EshopMegaMenu.razor.css; this is only the bar item.
   !important is deliberate: opening by hover means :hover also matches, and NSB and
   SuperIllu both set .eshop-header__nav-item:hover with !important in their app.css.
   Open is the stronger state and has to win over plain hover on every shop. */
.eshop-header__nav-item-wrapper--open > .eshop-header__nav-item[b-9sqrjxy37r] {
    background-color: var(--eshop-megamenu-item-open) !important;
}

.eshop-header__nav-item-wrapper--open[b-9sqrjxy37r]  .eshop-header__nav-chevron {
    transform: rotate(180deg);
}

/* ── Minimal Mode ────────────────────────────────────────── */
.eshop-header__nav--minimal[b-9sqrjxy37r] {
    height: auto;
    padding-block: var(--eshop-spacing-xs);
}

.eshop-header__nav--minimal .eshop-header__nav-inner[b-9sqrjxy37r] {
    justify-content: center;
}

.eshop-header__logo--minimal img[b-9sqrjxy37r] {
    height: 32px;
}

/* ── All Categories Sidebar ──────────────────────────────── */
.eshop-all-categories-overlay[b-9sqrjxy37r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.eshop-all-categories-overlay--open[b-9sqrjxy37r] {
    opacity: 1;
    visibility: visible;
}

.eshop-all-categories-sidebar[b-9sqrjxy37r] {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    height: 100vh;
    background: var(--eshop-color-white);
    z-index: 9999;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.eshop-all-categories-sidebar--open[b-9sqrjxy37r] {
    left: 0;
}

.eshop-all-categories-sidebar__header[b-9sqrjxy37r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--eshop-spacing-md);
    border-bottom: 1px solid var(--eshop-border-color);
    position: sticky;
    top: 0;
    background: var(--eshop-color-white);
    z-index: 2;
}

.eshop-all-categories-sidebar__title[b-9sqrjxy37r] {
    margin: 0;
    font-size: var(--eshop-font-size-lg);
    font-family: var(--font-heading);
}

.eshop-all-categories-sidebar__close[b-9sqrjxy37r] {
    background: transparent;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--eshop-color-text);
}

.eshop-all-categories-sidebar__close:hover[b-9sqrjxy37r] {
    color: var(--eshop-color-primary);
}

.eshop-all-categories-sidebar__content[b-9sqrjxy37r] {
    padding: 0;
}

.eshop-all-categories-sidebar__list[b-9sqrjxy37r],
.eshop-all-categories-sidebar__sublist[b-9sqrjxy37r] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eshop-all-categories-sidebar__item[b-9sqrjxy37r] {
    border-bottom: 1px solid var(--eshop-border-color);
}

.eshop-all-categories-sidebar__item:last-child[b-9sqrjxy37r] {
    border-bottom: none;
}

.eshop-all-categories-sidebar__item-header[b-9sqrjxy37r] {
    display: flex;
    align-items: stretch;
}

.eshop-all-categories-sidebar__link[b-9sqrjxy37r] {
    display: block;
    padding: 16px var(--eshop-spacing-md);
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-black);
    text-decoration: none;
    flex: 1;
    transition: background 150ms ease;
}

.eshop-all-categories-sidebar__link:hover[b-9sqrjxy37r] {
    background: var(--eshop-color-bg-alt);
    color: var(--eshop-color-primary);
}

.eshop-all-categories-sidebar__expander[b-9sqrjxy37r] {
    background: transparent;
    border: none;
    border-left: 1px solid var(--eshop-border-color);
    width: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--eshop-color-text);
}

.eshop-all-categories-sidebar__expander svg[b-9sqrjxy37r] {
    width: 20px;
    height: 20px;
    transition: transform 150ms ease;
}

.eshop-all-categories-sidebar__item--expanded
    .eshop-all-categories-sidebar__expander
    svg[b-9sqrjxy37r] {
    transform: rotate(180deg);
}

.eshop-all-categories-sidebar__sublist[b-9sqrjxy37r] {
    display: none;
    background: var(--eshop-color-bg-alt);
    border-top: 1px solid var(--eshop-border-color);
}

.eshop-all-categories-sidebar__item--expanded
    .eshop-all-categories-sidebar__sublist[b-9sqrjxy37r] {
    display: block;
}

.eshop-all-categories-sidebar__subitem[b-9sqrjxy37r] {
    border-bottom: 1px solid var(--eshop-border-color);
}

.eshop-all-categories-sidebar__subitem:last-child[b-9sqrjxy37r] {
    border-bottom: none;
}

.eshop-all-categories-sidebar__sublink[b-9sqrjxy37r] {
    display: block;
    padding: 12px var(--eshop-spacing-md) 12px 32px;
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text);
    text-decoration: none;
    transition: color 150ms ease;
}

.eshop-all-categories-sidebar__sublink:hover[b-9sqrjxy37r] {
    color: var(--eshop-color-primary);
}

/* Same first-letter fix the mega menu panel applies: the drawer lists the same PIM names,
   and one surface capitalising them while the other does not would look like a bug. */
.eshop-all-categories-sidebar__link[b-9sqrjxy37r]::first-letter,
.eshop-all-categories-sidebar__sublink[b-9sqrjxy37r]::first-letter {
    text-transform: uppercase;
}

/* ══════════════════════════════════════════════════════════
   Responsive (Nav Scoped)
   ══════════════════════════════════════════════════════════ */

/* The mega menu owns desktop navigation and the drawer is its mobile counterpart, so the
   drawer must never be on screen above the breakpoint — including when one opened on a narrow
   window and the window was then widened, which JS alone would leave stranded. */
@media (min-width: 769px) {

    .eshop-all-categories-sidebar[b-9sqrjxy37r],
    .eshop-all-categories-overlay[b-9sqrjxy37r] {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .eshop-header__nav[b-9sqrjxy37r] {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        background: var(--eshop-color-primary, #fbd47b) !important;
        border-bottom: none !important;
    }

    .eshop-header__nav-desktop-only[b-9sqrjxy37r] {
        display: none !important;
    }

    .eshop-header__nav-mobile-bar[b-9sqrjxy37r] {
        display: flex !important;
        align-items: center;
        gap: var(--eshop-spacing-xs);
        padding: var(--eshop-spacing-sm) 1rem;
        background: var(--eshop-color-primary, #fbd47b);
        color: var(--eshop-color-text-on-primary, #000000);
        font-size: var(--eshop-font-size-sm);
        text-transform: uppercase;
        cursor: pointer;
        user-select: none;
    }

    .eshop-header__nav-mobile-bar svg[b-9sqrjxy37r] {
        width: 20px;
        height: 20px;
        stroke: var(--eshop-color-black, #000000);
    }
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Navigation/EshopMegaMenu.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   EshopMegaMenu — BEM Isolated Styles

   Full-bleed white panel anchored to .eshop-header__nav (which supplies
   position: relative). The surface spans the viewport while its content
   stays aligned to the same .eshop-container grid as the bar above it.

   Three zones: the Level-1 rail, then the selected category's columns and
   its promo tile. Only one section is visible at a time; the rest are
   [hidden] in the same grid cell.
   ══════════════════════════════════════════════════════════ */

.eshop-megamenu[b-c80bpj5v9w] {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: var(--eshop-z-dropdown);
    background: var(--eshop-color-white);
    border-top: 1px solid var(--eshop-megamenu-edge);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.17);

    /* No height cap and no scrollbar of its own: the panel is as tall as its content and
       is read by scrolling the page, exactly as in the prototype. .eshop-header is sticky,
       so eshop-megamenu.js has to move the panel up as the page scrolls — see travelPanel
       there. Anything taller than the window is reached that way, not by scrolling inside
       the panel, which is why nothing here bounds the height. */
}

.eshop-megamenu[hidden][b-c80bpj5v9w] {
    display: none;
}

.eshop-megamenu__inner[b-c80bpj5v9w] {
    display: grid;
    grid-template-columns: var(--eshop-megamenu-rail-w, 262px) 1fr;
    /* No gap and no padding here: the rail is a tinted block that has to reach the panel's
       top and bottom edges and sit flush against the body, which carries its own padding. */
    gap: 0;
    align-items: stretch;
}

/* Every section shares the second column; only the selected one is not [hidden]. */
.eshop-megamenu__section[b-c80bpj5v9w] {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 44px;
    align-items: start;
    padding: 26px 0 30px 34px;
}

/* Categories | marketing slot — only when the category carries a promo */
.eshop-megamenu__section--with-promo[b-c80bpj5v9w] {
    grid-template-columns: 1fr 330px;
}

/* Author styles outrank the UA stylesheet, so the display:grid above would keep every
   section on screen — all of them stacked in the one cell, titles printing over each other
   — and the rail would appear to do nothing. The [hidden] the script toggles has to be
   spelled out here to win. */
.eshop-megamenu__section[hidden][b-c80bpj5v9w] {
    display: none;
}

/* ── Level-1 rail ─────────────────────────────────────────── */

.eshop-megamenu__rail[b-c80bpj5v9w] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    background: var(--eshop-megamenu-rail-bg);
    border-right: 1px solid var(--eshop-border-color);
    /* Rows run edge to edge, so the horizontal inset lives on the label and the links. */
    padding-block: 18px 22px;
}

.eshop-megamenu__rail-label[b-c80bpj5v9w] {
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: 11.5px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--eshop-color-text-muted);
    padding: 0 20px 10px;
}

.eshop-megamenu__rail-list[b-c80bpj5v9w] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eshop-megamenu__rail-link[b-c80bpj5v9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 20px;
    font-size: 14px;
    line-height: 1.25;
    color: var(--eshop-color-text-light);
    text-decoration: none;
}

/* Hover and selected are the same state by design: moving onto a rail entry is what
   selects it, so the row the pointer is on is always the row being shown. */
.eshop-megamenu__rail-link:hover[b-c80bpj5v9w],
.eshop-megamenu__rail-link--active[b-c80bpj5v9w] {
    background: var(--eshop-megamenu-rail-active);
    color: var(--eshop-megamenu-accent);
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-megamenu__rail-link[b-c80bpj5v9w]  .eshop-megamenu__rail-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    opacity: 0.55;
}

/* ── Head row ─────────────────────────────────────────────── */

.eshop-megamenu__head[b-c80bpj5v9w] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--eshop-border-color);
    padding-bottom: 12px;
    margin-bottom: 22px;
}

.eshop-megamenu__title[b-c80bpj5v9w] {
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--eshop-color-text);
    text-decoration: none;
}

.eshop-megamenu__title:hover[b-c80bpj5v9w] {
    color: var(--eshop-megamenu-accent);
}

.eshop-megamenu__all[b-c80bpj5v9w] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: 12.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--eshop-megamenu-accent);
    text-decoration: none;
    white-space: nowrap;
}

.eshop-megamenu__all:hover[b-c80bpj5v9w] {
    text-decoration: underline;
}

/* ::deep — rendered by the EshopIcon child component, which carries its own scope id. */
.eshop-megamenu__all[b-c80bpj5v9w]  .eshop-megamenu__all-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* ── Category columns ─────────────────────────────────────── */

/* Three slots always, one per Level-2 subcategory, further subcategories wrapping onto the
   next row. Fixed rather than auto-fit so a category with one subcategory lays its column
   out at the same width as a category with six, and moving down the rail never reflows. */
.eshop-megamenu__cols[b-c80bpj5v9w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 34px;
    align-items: start;
}

.eshop-megamenu__col[b-c80bpj5v9w] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/* Heading links to its category; the plain <span> heading of a category panel does not. */
a.eshop-megamenu__col-title:hover[b-c80bpj5v9w] {
    color: var(--eshop-megamenu-accent);
}

/* Category names are authored in the PIM and not always capitalised ("testlink"). Only the
   first letter is touched: text-transform: capitalize would upper-case every word, which is
   wrong in German ("Aus der TV Werbung" -> "Aus Der Tv Werbung"). Both elements are flex
   items, hence block containers, which is what ::first-letter needs to apply. */
.eshop-megamenu__col-title[b-c80bpj5v9w]::first-letter,
.eshop-megamenu__sub[b-c80bpj5v9w]::first-letter {
    text-transform: uppercase;
}

.eshop-megamenu__col-title[b-c80bpj5v9w] {
    display: block;
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: 14px;
    letter-spacing: 0.03em;
    color: var(--eshop-color-text);
    text-decoration: none;
}

.eshop-megamenu__sub[b-c80bpj5v9w] {
    font-size: 13px;
    line-height: 1.3;
    color: var(--eshop-color-text-light);
    text-decoration: none;
}

.eshop-megamenu__sub:hover[b-c80bpj5v9w] {
    color: var(--eshop-color-text);
}

/* ── Empty category ───────────────────────────────────────── */

/* A category with no subcategories shows a title, a rule and nothing else, while the rail
   holds the panel open below it. The section already stretches to the rail's height, so it
   only has to stop pinning its content to the top for the CTA to centre in that space. */
.eshop-megamenu__section--empty[b-c80bpj5v9w] {
    align-items: stretch;
}

.eshop-megamenu__section--empty .eshop-megamenu__main[b-c80bpj5v9w] {
    display: flex;
    flex-direction: column;
}

.eshop-megamenu__empty[b-c80bpj5v9w] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
    padding-bottom: 12px;
}

.eshop-megamenu__empty-text[b-c80bpj5v9w] {
    margin: 0;
    max-width: 46ch;
    font-size: 13px;
    line-height: 1.5;
    color: var(--eshop-color-text-light);
    /* Descriptions are authored in the PIM and can run long; this is a teaser, not the
       category page. */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

/* .eshop-megamenu__cta is full-bleed inside the promo tile's stretch column; the centred flex
   parent here stops it stretching, so it carries its own horizontal padding instead. */
.eshop-megamenu__empty-cta[b-c80bpj5v9w] {
    padding-inline: 28px;
}

/* ── Marketing slot ───────────────────────────────────────── */

.eshop-megamenu__promo[b-c80bpj5v9w] {
    border-left: 1px solid var(--eshop-border-color);
    padding-left: 34px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Rendered even when the category has no promotion label, so it must take up no room when
   there is nothing to show. */
.eshop-megamenu__badge:empty[b-c80bpj5v9w] {
    display: none;
}

.eshop-megamenu__badge[b-c80bpj5v9w] {
    align-self: flex-start;
    background: var(--eshop-megamenu-sale);
    color: var(--eshop-color-white);
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 9px;
}

/* Square slot, image contained rather than cropped — the artifact assumed square product
   shots, but the catalogue is mostly portrait book covers and `cover` sliced their titles
   off. Mirrors .eshop-product-card__image-wrapper so promo imagery matches every other
   product image on the site. */
.eshop-megamenu__figure[b-c80bpj5v9w] {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--eshop-color-bg-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-megamenu__figure img[b-c80bpj5v9w] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

/* Set by eshop-megamenu.js when the product image fails to load. */
.eshop-megamenu__figure[hidden][b-c80bpj5v9w] {
    display: none;
}

.eshop-megamenu__promo-title[b-c80bpj5v9w] {
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: var(--eshop-font-size-md);
    line-height: 1.25;
    color: var(--eshop-color-text);
    text-decoration: none;
}

.eshop-megamenu__promo-title:hover[b-c80bpj5v9w] {
    color: var(--eshop-megamenu-accent);
}

.eshop-megamenu__promo-text[b-c80bpj5v9w] {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--eshop-color-gray-500);
    /* Teasers come straight from the PIM and can run to a paragraph; the design calls for
       a single short line, so clamp rather than let the tile drive the panel's height. */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

.eshop-megamenu__prices[b-c80bpj5v9w] {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

.eshop-megamenu__price[b-c80bpj5v9w] {
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: 22px;
    color: var(--eshop-megamenu-sale);
}

.eshop-megamenu__price-old[b-c80bpj5v9w] {
    font-size: 13px;
    color: var(--eshop-color-gray-500);
    text-decoration: line-through;
}

.eshop-megamenu__cta[b-c80bpj5v9w] {
    height: 40px;
    border: 0;
    background: var(--eshop-color-primary);
    font-family: var(--font-heading);
    font-weight: var(--eshop-font-weight-bold);
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--eshop-color-text-on-primary);
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
}

.eshop-megamenu__cta:hover[b-c80bpj5v9w] {
    background: var(--eshop-color-primary-hover);
}

/* ── Promo text fields ────────────────────────────────────────
   Every field is server-rendered, so there is no loading state to skeletonise. The reserved
   heights stay: a category whose promotion has no teaser, or a product with no reduction,
   must not make its tile a different height from the ones beside it. */

.eshop-megamenu__promo-title[b-c80bpj5v9w] {
    min-height: 20px;
}

.eshop-megamenu__promo-text[b-c80bpj5v9w] {
    min-height: 35px;
}

.eshop-megamenu__prices[b-c80bpj5v9w] {
    min-height: 26px;
}

/* Collapse the strike price when the product has no reduction */
.eshop-megamenu__price-old:empty[b-c80bpj5v9w] {
    display: none;
}

/* ══════════════════════════════════════════════════════════
   Responsive
   ══════════════════════════════════════════════════════════ */

/* Tablet: the rail moves above the section, two columns, promo stacked below */
@media (max-width: 1023px) {
    .eshop-megamenu__inner[b-c80bpj5v9w] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .eshop-megamenu__rail[b-c80bpj5v9w] {
        grid-column: 1;
        grid-row: 1;
        border-right: none;
        border-bottom: 1px solid var(--eshop-border-color);
        padding-block: 14px;
    }

    .eshop-megamenu__rail-list[b-c80bpj5v9w] {
        display: flex;
        flex-wrap: wrap;
        padding-inline: 10px;
    }

    .eshop-megamenu__rail-link[b-c80bpj5v9w] {
        padding: 7px 10px;
    }

    .eshop-megamenu__section[b-c80bpj5v9w],
    .eshop-megamenu__section--with-promo[b-c80bpj5v9w] {
        grid-column: 1;
        grid-row: 2;
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 24px 0 28px;
    }

    .eshop-megamenu__cols[b-c80bpj5v9w] {
        grid-template-columns: repeat(2, 1fr);
    }

    /* The rail is a wrapped band above the body here, so nothing stretches the section and
       there is no void to centre in. */
    .eshop-megamenu__empty[b-c80bpj5v9w] {
        padding-block: 8px 4px;
    }

    .eshop-megamenu__promo[b-c80bpj5v9w] {
        border-left: none;
        border-top: 1px solid var(--eshop-border-color);
        padding-left: 0;
        padding-top: 24px;
        /* Keep the tile at its designed width — stretched full-bleed the square
           figure would grow to the height of the whole panel. */
        max-width: 330px;
    }
}

/* Mobile: the burger drawer owns navigation, the panel never shows */
@media (max-width: 768px) {
    .eshop-megamenu[b-c80bpj5v9w] {
        display: none !important;
    }
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Product/EshopProductDynamicZone.razor.rz.scp.css */
/* 
   The container inherits from .eshop-sdui-container defined in the modular layout styles.
   This file can contain zone-specific overrides.
*/

.eshop-product-dynamic-zone[b-otzeat1aac] {
    /* Zone specific overrides if needed */
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Product/EshopProductHero.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopProductHero — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-product-hero[b-0vxqv42lr9] {
    background: var(--eshop-color-bg);
    border-bottom: 1px solid var(--eshop-border-color);
    font-family: var(--eshop-font-family);
    padding-bottom: var(--eshop-spacing-lg);
}

/* ── Container handled by global .eshop-container class ─── */

/* ── Breadcrumb ──────────────────────────────────────────── */
.eshop-product-hero__breadcrumb[b-0vxqv42lr9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-gray-500);
    flex-wrap: wrap;
}

.eshop-product-hero__breadcrumb-link[b-0vxqv42lr9] {
    color: var(--eshop-color-text-light);
    text-decoration: none;
    transition: color 150ms ease;
}

.eshop-product-hero__breadcrumb-link:hover[b-0vxqv42lr9] {
    text-decoration: underline;
}

.eshop-product-hero__breadcrumb-sep[b-0vxqv42lr9] { color: var(--eshop-color-text-muted); }

.eshop-product-hero__breadcrumb-current[b-0vxqv42lr9] {
    color: var(--eshop-color-text);
    font-weight: var(--eshop-font-weight-medium);
}

/* ── Two-column body ─────────────────────────────────────── */
.eshop-product-hero__body[b-0vxqv42lr9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eshop-spacing-xl);
    align-items: start;
}

/* ── Right column (form) ─────────────────────────────────── */
.eshop-product-hero__form[b-0vxqv42lr9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 4px;
}

/* ── Badges ──────────────────────────────────────────────── */
.eshop-product-hero__badges[b-0vxqv42lr9] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.eshop-product-hero__badge[b-0vxqv42lr9] {
    display: inline-block;
    padding: 3px 8px;
    font-size: 0.68rem;
    font-weight: var(--eshop-font-weight-black);
    text-transform: uppercase;
    border-radius: 2px;
    background: #d84315;
    color: #ffffff;
}

.eshop-product-hero__badge--sale[b-0vxqv42lr9],
.eshop-product-hero__badge--angebot[b-0vxqv42lr9],
.eshop-product-hero__badge--exklusiv[b-0vxqv42lr9] {
    background: #d84315;
    color: #ffffff;
}

.eshop-product-hero__sub-badge[b-0vxqv42lr9] {
    display: inline-block;
    padding: 3px 8px;
    font-size: 0.68rem;
    font-weight: var(--eshop-font-weight-semibold);
    background: var(--eshop-color-bg-subtle);
    color: var(--eshop-color-text-light);
    border-radius: 2px;
    border: 1px solid var(--eshop-border-color);
}

/* ── Title & Author ─────────────────────────────────────────── */
.eshop-product-hero__title[b-0vxqv42lr9] {
    font-family: var(--font-heading);
    font-size: 1.85rem;
    font-weight: var(--eshop-font-weight-black);
    color: var(--eshop-color-text);
    margin: 0;
    line-height: 1.3;
}

.eshop-product-hero__author[b-0vxqv42lr9] {
    font-size: var(--eshop-font-size-md);
    color: var(--eshop-color-text-light);
    margin-top: -6px;
}

.eshop-product-hero__author a[b-0vxqv42lr9] {
    color: inherit;
    text-decoration: none;
}

.eshop-product-hero__author a:hover[b-0vxqv42lr9] {
    text-decoration: underline;
}

/* ── Rating ──────────────────────────────────────────────── */
.eshop-product-hero__rating[b-0vxqv42lr9] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    font-size: var(--eshop-font-size-sm);
    margin-bottom: var(--eshop-spacing-xs);
}

.eshop-stars-wrapper[b-0vxqv42lr9] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.eshop-stars-empty[b-0vxqv42lr9] {
    display: flex;
    gap: 2px;
}

.eshop-stars-empty svg[b-0vxqv42lr9] {
    color: var(--eshop-border-color);
    flex-shrink: 0;
}

.eshop-stars-filled[b-0vxqv42lr9] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 2px;
    overflow: hidden;
    white-space: nowrap;
}

.eshop-stars-filled svg[b-0vxqv42lr9] {
    color: #ffb400; /* Yellow stars */
    flex-shrink: 0;
}

.eshop-product-hero__reviews-link[b-0vxqv42lr9] {
    color: var(--eshop-color-text-muted);
    text-decoration: none;
}

.eshop-product-hero__reviews-link:hover[b-0vxqv42lr9] {
    color: var(--eshop-color-text);
}

/* ── Attributes / Info Belt ──────────────────────────────── */
.eshop-product-hero__attributes[b-0vxqv42lr9] {
    border: 1px solid var(--eshop-border-color);
    background-color: #F5F5F566;
    padding: 1rem;
    border-radius: 2px;
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-product-hero__merkmale[b-0vxqv42lr9] {
    border: 1px solid var(--eshop-border-color);
    background-color: #F5F5F566;
    padding: 1rem;
    border-radius: 2px;
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-merkmale-title[b-0vxqv42lr9] {
    font-size: 0.75rem;
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-merkmale-grid[b-0vxqv42lr9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eshop-spacing-sm);
}

.eshop-merkmal[b-0vxqv42lr9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.eshop-merkmal__label[b-0vxqv42lr9] {
    font-size: 0.7rem;
    color: var(--eshop-color-text-muted);
    text-transform: uppercase;
}

.eshop-merkmal__value[b-0vxqv42lr9] {
    font-size: 0.9rem;
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
}

.eshop-attributes-list[b-0vxqv42lr9] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.eshop-attribute-row[b-0vxqv42lr9] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: start;
}

.eshop-attribute-row dt[b-0vxqv42lr9] {
    font-size: var(--eshop-font-size-m);
    color: var(--eshop-color-gray-500);
    font-weight: normal;
    margin: 0;
}

.eshop-attribute-row dd[b-0vxqv42lr9] {
    font-size: var(--eshop-font-size-m);
    color: var(--eshop-color-text);
    margin: 0;
}

/* ── Price ───────────────────────────────────────────────── */
.eshop-product-hero__price-block[b-0vxqv42lr9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-block: 12px;
}

.eshop-product-hero__price-main-row[b-0vxqv42lr9] {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.eshop-product-hero__price-tax[b-0vxqv42lr9] {
    font-size: 0.75rem;
    color: var(--eshop-color-text-muted);
    margin-top: -2px;
    margin-bottom: 2px;
}

.eshop-product-hero__description[b-0vxqv42lr9] {
    font-size: 1rem;
    color: var(--eshop-color-text-light);
    line-height: 1.6;
    margin-bottom: var(--eshop-spacing-md);
    max-width: 600px;
}

.eshop-product-hero__price-old[b-0vxqv42lr9] {
    font-family: var(--font-heading);
    font-size: 1.125rem;
    color: var(--eshop-color-text-muted);
    text-decoration: line-through;
    line-height: 1.75rem
}

.eshop-product-hero__price-current[b-0vxqv42lr9] {
    font-family: var(--font-heading);
    font-size: 1.875rem;
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-primary-dark, #eaa901);
    line-height: 1.1;
}

.eshop-product-hero__price-base[b-0vxqv42lr9] {
    font-size: 0.875rem;
    color: var(--eshop-color-text-muted);
    margin-top: 2px;
}

.eshop-product-hero__price-savings[b-0vxqv42lr9] {
    font-size: 1rem;
    color: var(--eshop-color-error);
    font-weight: var(--eshop-font-weight-bold);
}

/* ── Merkmale list (Premium Features) ────────────────────── */
.eshop-product-hero__merkmale-list[b-0vxqv42lr9] {
    border-top: 1px solid var(--eshop-border-color-subtle);
    border-bottom: 1px solid var(--eshop-border-color-subtle);
    padding-block: 1.25rem;
}

.eshop-merkmale-title[b-0vxqv42lr9] {
    font-size: 0.95rem;
    font-weight: var(--eshop-font-weight-black);
    color: var(--eshop-color-text);
    text-transform: uppercase;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
}

.eshop-merkmale-items[b-0vxqv42lr9] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eshop-merkmale-item[b-0vxqv42lr9] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    color: #555;
    line-height: 1.2;
}

.eshop-merkmale-icon[b-0vxqv42lr9] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #fbc02d; /* Golden yellow */
}

/* ── Qty stepper ─────────────────────────────────────────── */
.eshop-product-hero__qty-row[b-0vxqv42lr9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eshop-product-hero__qty-label[b-0vxqv42lr9] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-semibold);
    color: var(--eshop-color-text-light);
    min-width: 44px;
}

.eshop-product-hero__qty-stepper[b-0vxqv42lr9] {
    display: flex;
    border: 1.5px solid var(--eshop-border-color);
    border-radius: 2px;
    overflow: hidden;
    width: 110px;
}

.eshop-product-hero__qty-btn[b-0vxqv42lr9] {
    width: 34px;
    height: 34px;
    border: none;
    background: var(--eshop-color-bg-subtle);
    color: var(--eshop-color-text);
    font-size: 1.1rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 150ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.eshop-product-hero__qty-btn:hover[b-0vxqv42lr9] {
    background: var(--eshop-color-primary);
}

.eshop-product-hero__qty-input[b-0vxqv42lr9] {
    flex: 1;
    border: none;
    border-inline: 1.5px solid var(--eshop-border-color);
    text-align: center;
    font-size: 0.95rem;
    font-weight: var(--eshop-font-weight-bold);
    font-family: var(--eshop-font-family);
    color: var(--eshop-color-text);
    background: var(--eshop-color-white);
    outline: none;
    -moz-appearance: textfield;
    min-width: 0;
    height: 34px;
}

.eshop-product-hero__qty-input[b-0vxqv42lr9]::-webkit-outer-spin-button,
.eshop-product-hero__qty-input[b-0vxqv42lr9]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ── CTA ─────────────────────────────────────────────────── */
.eshop-product-hero__cta[b-0vxqv42lr9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 13px 20px;
    background: var(--eshop-color-primary);
    border: none;
    border-radius: 2px;
    font-size: 0.9rem;
    font-weight: var(--eshop-font-weight-black);
    font-family: var(--eshop-font-family);
    color: var(--eshop-color-text);
    cursor: pointer;
    transition: background-color 150ms ease, transform 150ms ease;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.eshop-product-hero__cta:hover[b-0vxqv42lr9] {
    background: var(--eshop-color-primary-hover);
    transform: translateY(-1px);
}

.eshop-product-hero__cta svg[b-0vxqv42lr9] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* ── Trust badges ────────────────────────────────────────── */
.eshop-product-hero__trust[b-0vxqv42lr9] {
    display: flex;
    gap: 0;
    border-top: 1px solid var(--eshop-border-color);
    padding-top: 14px;
    justify-content: space-around;
    flex-wrap: nowrap;
}

.eshop-product-hero__trust-item[b-0vxqv42lr9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 0.6rem;
    font-weight: var(--eshop-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--eshop-color-text-muted);
    text-align: center;
    flex: 1;
}

.eshop-product-hero__trust-item svg[b-0vxqv42lr9] {
    width: 24px;
    height: 24px;
    color: var(--eshop-color-text-muted);
}

/* ══════════════════════════════════════════════════════════
   Responsive
   ══════════════════════════════════════════════════════════ */
@media (max-width: 860px) {
    .eshop-product-hero__body[b-0vxqv42lr9] {
        grid-template-columns: 1fr;
        gap: var(--eshop-spacing-md);
    }
}

@media (max-width: 480px) {
    .eshop-product-hero__price-current[b-0vxqv42lr9] { font-size: 1.4rem; }
    .eshop-product-hero__title[b-0vxqv42lr9] { font-size: 1.25rem; }
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Product/EshopProductOfTheWeek.razor.rz.scp.css */
.eshop-potw[b-ogirj3vdnt] {
    background-color: var(--eshop-color-primary-light, #f9d985); /* Matches the screenshot's yellow background */
    padding: var(--eshop-spacing-xl) 0;
    text-align: center;
    font-family: var(--font-heading);
}

.eshop-potw__header[b-ogirj3vdnt] {
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-potw__title[b-ogirj3vdnt] {
    color: var(--eshop-color-text, #111); /* Changed to dark/black as in target */
    font-size: var(--eshop-font-size-2xl); /* Slightly smaller than before */
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 var(--eshop-spacing-xs) 0;
    font-family: var(--font-heading);
}

.eshop-potw__subtitle[b-ogirj3vdnt] {
    color: var(--eshop-color-text-light, #262626cc); /* Darker gray/black */
    font-size: var(--eshop-font-size-sm);
    font-weight: 400;
    margin: 0;
}

.eshop-potw__content[b-ogirj3vdnt] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.eshop-potw__card-wrapper[b-ogirj3vdnt] {
    width: 100%;
    max-width: 382px; /* Slightly wider for the large image */
    background: var(--eshop-color-white);
    border-radius: 0; /* Square edges as in target */
    box-shadow: none; /* Removed shadow to match target */
    transition: box-shadow var(--eshop-transition-base);
}

.eshop-potw__card-wrapper:hover[b-ogirj3vdnt] {
    box-shadow: var(--eshop-shadow-lg);
}

/* Deep targeting to style the nested product card correctly for this section */
.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-product-card {
    box-shadow: none;
    border: none;
    background: transparent;
    text-decoration: none;
    display: block;
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-product-card__image-wrapper {
    background: var(--eshop-color-white);
    height: 382px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-product-card__image {
    max-height: 100%;
    object-fit: contain;
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-product-card__title {
    font-size: var(--eshop-font-size-md);
    margin-bottom: var(--eshop-spacing-sm);
    height: auto;
    color: var(--eshop-color-text);
    text-align: center;
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-product-card__price-block {
    margin-bottom: var(--eshop-spacing-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-product-card__price-old {
    font-size: var(--eshop-font-size-sm);
    text-decoration: line-through;
    color: var(--eshop-color-text-muted);
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-product-card__price-current {
    font-size: var(--eshop-font-size-xl);
    font-weight: 800;
    color: var(--eshop-color-text);
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-atc__button {
    background: var(--eshop-color-primary, #f9d985);
    color: var(--eshop-color-text, #111);
    border-radius: 2px;
    text-transform: none;
}

.eshop-potw__card-wrapper[b-ogirj3vdnt]  .eshop-atc__button:hover {
    background: var(--eshop-color-primary-hover, #f5c956);
}

@media (max-width: 768px) {
    .eshop-potw[b-ogirj3vdnt] {
        padding: var(--eshop-spacing-lg) var(--eshop-page-padding);
    }
    
    .eshop-potw__title[b-ogirj3vdnt] {
        font-size: var(--eshop-font-size-2xl);
    }
    
    .eshop-potw__card-wrapper[b-ogirj3vdnt] {
        max-width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Components/Widgets/Product/EshopReviews.razor.rz.scp.css */
.eshop-reviews[b-1079bop6nb] {
    padding: var(--eshop-spacing-md) 0;
}

.eshop-reviews__container[b-1079bop6nb] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xl);
}

/* ─── Summary Header ─── */
.eshop-reviews__header[b-1079bop6nb] {
    background: var(--eshop-color-white);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg);
    border: 1px solid var(--eshop-border-color);
}

@media (max-width: 768px) {
    .eshop-reviews__header[b-1079bop6nb] {
        padding: var(--eshop-spacing-md);
    }
}

.eshop-reviews__summary[b-1079bop6nb] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--eshop-spacing-xl);
    align-items: center;
}

@media (max-width: 768px) {
    .eshop-reviews__summary[b-1079bop6nb] {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

.eshop-reviews__avg-block[b-1079bop6nb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--eshop-spacing-xs);
}

.eshop-reviews__avg-value[b-1079bop6nb] {
    font-size: 4rem;
    font-weight: var(--eshop-font-weight-black);
    line-height: 1;
    color: var(--eshop-color-text);
}

.eshop-reviews__stars-main[b-1079bop6nb] {
    font-size: 1.5rem;
    display: flex;
    gap: 2px;
}

.eshop-reviews__count[b-1079bop6nb] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
}

/* ─── Histogram ─── */
.eshop-reviews__histogram[b-1079bop6nb] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
}

.eshop-reviews__histogram-row[b-1079bop6nb] {
    display: grid;
    grid-template-columns: 80px 1fr 40px;
    gap: var(--eshop-spacing-md);
    align-items: center;
}

.eshop-reviews__histogram-label[b-1079bop6nb] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
    white-space: nowrap;
}

.eshop-reviews__histogram-track[b-1079bop6nb] {
    height: 8px;
    background: var(--eshop-color-gray-100);
    border-radius: var(--eshop-border-radius-pill);
    overflow: hidden;
}

.eshop-reviews__histogram-fill[b-1079bop6nb] {
    height: 100%;
    background: var(--eshop-color-primary);
    border-radius: var(--eshop-border-radius-pill);
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.eshop-reviews__histogram-count[b-1079bop6nb] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-text);
    text-align: right;
}

/* ─── Review Items ─── */
.eshop-reviews__list[b-1079bop6nb] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
}

.eshop-review-item[b-1079bop6nb] {
    padding: var(--eshop-spacing-lg);
    background: var(--eshop-color-white);
    border-bottom: 1px solid var(--eshop-border-color);
    transition: transform var(--eshop-transition-base);
}

@media (max-width: 768px) {
    .eshop-review-item[b-1079bop6nb] {
        padding: var(--eshop-spacing-md) 0.75rem;
    }
}

.eshop-review-item:last-child[b-1079bop6nb] {
    border-bottom: none;
}

.eshop-review-item__header[b-1079bop6nb] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--eshop-spacing-xs);
}

.eshop-review-item__stars[b-1079bop6nb] {
    display: flex;
    gap: 2px;
    color: var(--eshop-color-primary);
}

.eshop-review-item__date[b-1079bop6nb] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
}

.eshop-review-item__author-line[b-1079bop6nb] {
    margin-bottom: var(--eshop-spacing-sm);
    display: flex;
    gap: var(--eshop-spacing-xs);
    align-items: center;
}

.eshop-review-item__author[b-1079bop6nb] {
    font-weight: var(--eshop-font-weight-bold);
    font-size: var(--eshop-font-size-md);
}

.eshop-review-item__city[b-1079bop6nb] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
}

.eshop-review-item__content[b-1079bop6nb] {
    color: var(--eshop-color-text-light);
    line-height: 1.6;
}

/* ─── Star Helper ─── */
.eshop-star[b-1079bop6nb] {
    color: var(--eshop-color-gray-300);
}

.eshop-star--active[b-1079bop6nb] {
    color: var(--eshop-color-primary);
}

/* ─── Empty State ─── */
.eshop-reviews__empty[b-1079bop6nb] {
    text-align: center;
    padding: var(--eshop-spacing-xl);
    background: var(--eshop-color-gray-50);
    border-radius: var(--eshop-border-radius);
    border: 2px dashed var(--eshop-border-color);
}

.eshop-reviews__empty-icon[b-1079bop6nb] {
    color: var(--eshop-color-text-muted);
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-reviews__empty-text[b-1079bop6nb] {
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    margin-bottom: var(--eshop-spacing-xs);
}

.eshop-reviews__empty-subtext[b-1079bop6nb] {
    color: var(--eshop-color-text-muted);
}

/* ─── Form Section ─── */
.eshop-reviews__form-section[b-1079bop6nb] {
    margin-top: var(--eshop-spacing-xl);
}

.eshop-reviews__form-card[b-1079bop6nb] {
    background: var(--eshop-color-gray-50);
    padding: var(--eshop-spacing-xl);
    border-radius: var(--eshop-border-radius);
}

@media (max-width: 768px) {
    .eshop-reviews__form-card[b-1079bop6nb] {
        padding: 1rem 0.75rem;
    }
}

.eshop-reviews__form-title[b-1079bop6nb] {
    margin-top: 0;
    margin-bottom: var(--eshop-spacing-xs);
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-reviews__form-desc[b-1079bop6nb] {
    color: var(--eshop-color-text-light);
    margin-bottom: var(--eshop-spacing-lg);
    font-size: var(--eshop-font-size-sm);
}

.eshop-reviews__form-grid[b-1079bop6nb] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
}

.eshop-form-field[b-1079bop6nb] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
}

.eshop-form-label[b-1079bop6nb] {
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-semibold);
}

.eshop-form-row[b-1079bop6nb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--eshop-spacing-md);
}

@media (max-width: 600px) {
    .eshop-form-row[b-1079bop6nb] {
        grid-template-columns: 1fr;
    }
}

.eshop-reviews__star-selector[b-1079bop6nb] {
    display: flex;
    gap: 8px;
    font-size: 1.5rem;
    color: var(--eshop-color-gray-300);
}

.eshop-star-input[b-1079bop6nb] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: transform var(--eshop-transition-fast);
    color: var(--eshop-color-gray-300);
}

.eshop-star-input svg[b-1079bop6nb] {
    fill: transparent;
    stroke: var(--eshop-color-gray-300);
    transition:
        fill var(--eshop-transition-fast),
        stroke var(--eshop-transition-fast);
}

.eshop-star-input--active svg[b-1079bop6nb] {
    fill: var(--eshop-color-primary);
    stroke: var(--eshop-color-primary);
}

.eshop-star-input:hover svg[b-1079bop6nb] {
    stroke: var(--eshop-color-primary);
}

.eshop-reviews__star-selector:hover .eshop-star-input svg[b-1079bop6nb] {
    stroke: var(--eshop-color-primary);
    fill: var(--eshop-color-primary-light);
}

.eshop-reviews__star-selector .eshop-star-input:hover ~ .eshop-star-input svg[b-1079bop6nb] {
    fill: transparent;
    stroke: var(--eshop-color-gray-300);
}

.eshop-reviews__form-actions[b-1079bop6nb] {
    margin-top: var(--eshop-spacing-md);
}

@media (max-width: 600px) {
    .eshop-reviews__form-actions .eshop-button[b-1079bop6nb] {
        width: 100%;
    }
}

.eshop-button--lg[b-1079bop6nb] {
    padding: var(--eshop-spacing-md) var(--eshop-spacing-xl);
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-button--uppercase[b-1079bop6nb] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.eshop-form-error[b-1079bop6nb] {
    font-size: var(--eshop-font-size-xs);
    color: #ef4444;
    margin-top: 4px;
}

.eshop-reviews__star-selector--error[b-1079bop6nb] {
    padding: 4px;
    border: 1px solid #ef4444;
    border-radius: var(--eshop-border-radius-sm);
    background: rgba(239, 68, 68, 0.05);
}

/* ─── Alerts ─── */
.eshop-alert[b-1079bop6nb] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-md);
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius);
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-alert--success[b-1079bop6nb] {
    background: #ecfdf5;
    border: 1px solid #10b981;
    color: #065f46;
}

.eshop-alert--error[b-1079bop6nb] {
    background: #fef2f2;
    border: 1px solid #ef4444;
    color: #991b1b;
}

.eshop-alert__icon[b-1079bop6nb] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.eshop-alert__content[b-1079bop6nb] {
    display: flex;
    align-items: center;
    flex: 1;
}

.eshop-alert__text[b-1079bop6nb] {
    margin: 0;
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-medium);
    line-height: 1.4;
}
/* ─── Loading State ─── */
.eshop-button:disabled[b-1079bop6nb] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* ─── Success State ─── */
.eshop-reviews__form-success-state[b-1079bop6nb] {
    text-align: center;
    padding: var(--eshop-spacing-2xl) var(--eshop-spacing-xl);
    background: var(--eshop-color-white);
    border-radius: var(--eshop-border-radius);
    border: 1px solid var(--eshop-border-color);
    box-shadow: var(--eshop-shadow-sm);
    animation: eshop-fade-in-b-1079bop6nb 0.5s ease;
}

.eshop-reviews__success-icon[b-1079bop6nb] {
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-reviews__success-title[b-1079bop6nb] {
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-bold);
    margin-bottom: var(--eshop-spacing-sm);
    color: var(--eshop-color-text);
}

.eshop-reviews__success-text[b-1079bop6nb] {
    color: var(--eshop-color-text-muted);
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

@keyframes eshop-fade-in-b-1079bop6nb {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.eshop-button--outline[b-1079bop6nb] {
    background: transparent;
    border: 1px solid var(--eshop-border-color);
    color: var(--eshop-color-text-muted);
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-lg);
    font-size: var(--eshop-font-size-sm);
}

.eshop-button--outline:hover[b-1079bop6nb] {
    background: var(--eshop-color-gray-50);
    border-color: var(--eshop-color-gray-300);
}

.eshop-reviews__form-grid .eshop-alert[b-1079bop6nb] {
    margin-bottom: 0;
}
/* _content/Eshop.Foundation.UI/Layout/EshopFooter.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopFooter — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

/* ── Newsletter (Now handled by NewsLetterFormFooter) ────── */

.eshop-footer__a11y[b-a1md8xrhyu] {
    display: none;
}

/* ── Dark footer ─────────────────────────────────────────── */
.eshop-footer__dark[b-a1md8xrhyu] {
    background: var(--eshop-color-bg-footer);
    padding-top: var(--eshop-spacing-lg);
}

.eshop-footer__dark-inner[b-a1md8xrhyu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--eshop-spacing-lg);
    padding-bottom: var(--eshop-spacing-lg);
}

.eshop-footer__col-title[b-a1md8xrhyu] {
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-black);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--eshop-color-white);
    margin: 0 0 var(--eshop-spacing-sm) 0;
}

.eshop-footer__col-list[b-a1md8xrhyu] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
}

.eshop-footer__col-list a[b-a1md8xrhyu] {
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    font-size: var(--eshop-font-size-sm);
    transition: color var(--eshop-transition-fast);
}

.eshop-footer__col-list a:hover[b-a1md8xrhyu] {
    color: var(--eshop-color-primary);
}

.eshop-footer__copyright[b-a1md8xrhyu] {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-block: var(--eshop-spacing-sm);
    font-size: var(--eshop-font-size-xs);
    color: rgba(255,255,255,0.6);
    text-align: center;
}

[data-theme="a11y"] .eshop-footer__standard[b-a1md8xrhyu] {
    display: none;
}

[data-theme="a11y"] .eshop-footer__a11y[b-a1md8xrhyu] {
    display: block;
    margin-top: 48px;
    color: var(--eshop-color-text);
    background: var(--eshop-color-bg-alt);
    border-top: 2px solid var(--eshop-color-text);
}

.eshop-footer__a11y-inner[b-a1md8xrhyu] {
    max-width: var(--eshop-container-max-width);
    margin: 0 auto;
    padding: 32px 16px;
}

.eshop-footer__a11y-title[b-a1md8xrhyu] {
    margin: 0 0 16px;
    color: var(--eshop-color-text);
    font-family: var(--eshop-font-family);
    font-size: 20px;
    font-weight: var(--eshop-font-weight-bold);
    line-height: 1.3;
}

.eshop-footer__a11y-list[b-a1md8xrhyu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.eshop-footer__a11y-list a[b-a1md8xrhyu],
.eshop-footer__a11y-standard-btn[b-a1md8xrhyu] {
    display: inline-flex;
    align-items: center;
    color: var(--eshop-color-text) !important;
    font: inherit;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    text-decoration: none !important;
}

.eshop-footer__a11y-list a:hover[b-a1md8xrhyu],
.eshop-footer__a11y-standard-btn:hover[b-a1md8xrhyu] {
    color: var(--eshop-color-text) !important;
    text-decoration: underline !important;
}

.eshop-footer__a11y-standard-btn[b-a1md8xrhyu] {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

.eshop-footer__a11y-copyright[b-a1md8xrhyu] {
    margin: 24px 0 0;
    color: var(--eshop-color-text-muted);
    font-size: 16px;
    line-height: 1.5;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 900px) {
    .eshop-footer__dark-inner[b-a1md8xrhyu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .eshop-footer__a11y-list[b-a1md8xrhyu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .eshop-footer__dark-inner[b-a1md8xrhyu] {
        grid-template-columns: 1fr 1fr;
        gap: var(--eshop-spacing-md);
    }
}
/* _content/Eshop.Foundation.UI/Layout/EshopHeader.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopHeader — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

/* ── Wrapper ─────────────────────────────────────────────── */
.eshop-header[b-ckpr0kh9m7] {
    position: sticky;
    top: 0;
    z-index: var(--eshop-z-header);
    background: var(--eshop-color-bg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    font-family: var(--eshop-font-family);
    width: 100%;
}

.eshop-skip-link[b-ckpr0kh9m7] {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: calc(var(--eshop-z-header) + 1);
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 18px;
    background: var(--eshop-color-accent);
    color: var(--eshop-color-text-invert);
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none;
}

.eshop-skip-link:focus[b-ckpr0kh9m7],
.eshop-skip-link:focus-visible[b-ckpr0kh9m7] {
    left: 0;
}

.eshop-header__a11y[b-ckpr0kh9m7] {
    display: none;
}

/* ── Shared inner wrapper (re-used across all rows) ──────── */
.eshop-header__topbar-inner[b-ckpr0kh9m7],
.eshop-header__main-inner[b-ckpr0kh9m7] {
    max-width: var(--eshop-container-max-width);
    margin-inline: auto;
    padding-inline: var(--eshop-spacing-md);
    width: 100%;
    box-sizing: border-box;
}

/* ── Topbar ──────────────────────────────────────────────── */
.eshop-header__topbar[b-ckpr0kh9m7] {
    background: var(--eshop-color-bg-topbar);
    border-bottom: none;
    height: var(--eshop-header-topbar-height);
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-on-primary);
}

.eshop-header__topbar-inner[b-ckpr0kh9m7] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-md);
    height: 100%;
}

.eshop-header__topbar-contact[b-ckpr0kh9m7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-text-on-primary);
    white-space: nowrap;
}

.eshop-header__topbar-phone[b-ckpr0kh9m7] {
    color: inherit;
    text-decoration: none;
    transition: color var(--eshop-transition-fast);
}

.eshop-header__topbar-phone:hover[b-ckpr0kh9m7] {
    color: var(--eshop-color-accent);
    text-decoration: underline;
}

.eshop-header__topbar-cost[b-ckpr0kh9m7] {
    font-size: 0.85em;
    opacity: 0.7;
    font-weight: var(--eshop-font-weight-normal);
    margin-left: -4px;
}

.eshop-header__topbar-icon[b-ckpr0kh9m7] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.eshop-header__topbar-hours[b-ckpr0kh9m7] {
    flex-shrink: 0;
    white-space: nowrap;
    margin-left: 10px;
}

.eshop-header__topbar-a11y-link[b-ckpr0kh9m7] {
    display: none;
}

.eshop-header__topbar-usps[b-ckpr0kh9m7] {
    margin-left: auto;
    display: flex;
    gap: 24px;
    font-weight: var(--eshop-font-weight-medium);
    white-space: nowrap;
}

/* ── Main row ────────────────────────────────────────────── */
.eshop-header__main[b-ckpr0kh9m7] {
    border-bottom: none;
}

.eshop-header__main-inner[b-ckpr0kh9m7] {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 600px) 1fr;
    align-items: center;
    gap: var(--eshop-spacing-md);
    height: 100%;
}

/* ── Logo ────────────────────────────────────────────────── */
.eshop-header__logo[b-ckpr0kh9m7] {
    grid-column: 1;
    justify-self: start;
    text-decoration: none;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.eshop-header__logo img[b-ckpr0kh9m7] {
    height: 60px;
    width: auto;
    transition: height var(--eshop-transition-base);
}

/* ── Search Integration ──────────────────────────────────── */
.eshop-header__search-desktop[b-ckpr0kh9m7] {
    grid-column: 2;
    width: 100%;
    max-width: 600px;
    justify-self: center;
}

.eshop-header__action-btn--search[b-ckpr0kh9m7] {
    display: none;
}

/* ── Mobile search bar ── */
.eshop-header__mobile-search[b-ckpr0kh9m7] {
    height: 0;
    overflow: hidden;
    background: var(--eshop-color-bg-nav);
    transition: height 250ms ease, opacity 250ms ease;
    opacity: 0;
}

.eshop-header__mobile-search--open[b-ckpr0kh9m7] {
    height: auto;
    opacity: 1;
    overflow: visible;
    padding-block: 12px;
    border-bottom: 1px solid var(--eshop-border-color);
}

/* (Previous search styles removed) */

/* ── Action buttons (cart / account) ─────────────────────── */
.eshop-header__actions[b-ckpr0kh9m7] {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex-shrink: 0;
    height: 100%;
    padding-block: 10px;
}

.eshop-header__action-btn[b-ckpr0kh9m7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    color: var(--eshop-color-text);
    padding: 8px 12px;
    transition: all var(--eshop-transition-fast);
    font-family: inherit;
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-normal);
    border-radius: var(--eshop-border-radius-sm);
    border: none;
    background: transparent;
    cursor: pointer;
}

.eshop-header__action-btn--a11y[b-ckpr0kh9m7] {
    min-width: 82px;
}

.eshop-header__action-icon-wrapper[b-ckpr0kh9m7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-header__action-btn:hover[b-ckpr0kh9m7] {
    background: var(--eshop-color-primary-light);
    color: var(--eshop-color-black);
    transform: translateY(-1px);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-header__action-btn--search[b-ckpr0kh9m7] {
    display: none;
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text-on-primary);
}

.eshop-header__action-btn--account[b-ckpr0kh9m7] {
    background: var(--eshop-color-primary);
    margin-left: 4px;
}

.eshop-header__action-btn--account:hover[b-ckpr0kh9m7] {
    background: var(--eshop-color-primary-hover);
}

.eshop-header__action-btn[b-ckpr0kh9m7]  svg {
    width: 28px;
    height: 28px;
    stroke-width: 1.5;
}

.eshop-header__action-label[b-ckpr0kh9m7] {
    font-family: inherit;
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-normal);
    text-transform: none;
    letter-spacing: 0;
    line-height: 1;
}

/* ── Hamburger (mobile only) ─────────────────────────────── */
.eshop-header__hamburger[b-ckpr0kh9m7] {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
}

.eshop-header__hamburger span[b-ckpr0kh9m7] {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--eshop-color-text);
    border-radius: 2px;
}

/* ── Minimal Mode ────────────────────────────────────────── */
.eshop-header__nav--minimal[b-ckpr0kh9m7] {
    height: auto;
    padding-block: var(--eshop-spacing-xs);
}

.eshop-header__nav--minimal .eshop-header__nav-inner[b-ckpr0kh9m7] {
    justify-content: center;
}

.eshop-header__logo--minimal img[b-ckpr0kh9m7] {
    height: 32px;
}

/* ══════════════════════════════════════════════════════════
   Responsive
   ══════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
    .eshop-header__topbar-usps[b-ckpr0kh9m7] {
        display: none;
    }
}

[data-theme="a11y"] .eshop-header[b-ckpr0kh9m7] {
    position: static;
    background: var(--eshop-color-bg);
    color: var(--eshop-color-text);
    border-top: 1px solid var(--eshop-border-color);
    border-bottom: 1px solid var(--eshop-border-color);
    box-shadow: none;
}

[data-theme="a11y"] .eshop-header__normal[b-ckpr0kh9m7] {
    display: none;
}

[data-theme="a11y"] .eshop-header__a11y[b-ckpr0kh9m7] {
    display: block;
}

[data-theme="a11y"] .eshop-skip-link[b-ckpr0kh9m7] {
    background: var(--eshop-color-accent);
    color: var(--eshop-color-text-invert);
}

@media (max-width: 768px) {
    .eshop-header[b-ckpr0kh9m7] {
        position: sticky;
        top: calc(-1 * var(--eshop-header-sticky-offset, 120px));
    }

    .eshop-header__topbar[b-ckpr0kh9m7] {
        display: block;
        height: auto;
        padding-block: 6px;
        background: var(--eshop-color-bg-topbar) !important;
    }

    .eshop-header__topbar-inner[b-ckpr0kh9m7] {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 6px 12px !important;
        padding-inline: 12px !important;
    }

    .eshop-header__topbar-usps[b-ckpr0kh9m7] {
        display: none !important;
    }

    .eshop-header__main[b-ckpr0kh9m7] {
        height: auto;
    }

    .eshop-header__main-inner[b-ckpr0kh9m7] {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-block: var(--eshop-spacing-xs);
        padding-inline: 12px;
        gap: 12px;
        height: auto;
        align-items: center;
    }

    .eshop-header__logo[b-ckpr0kh9m7] {
        flex: 0 1 auto;
        min-width: 0;
        order: 0;
    }

    .eshop-header__logo img[b-ckpr0kh9m7] {
        height: 60px;
        max-width: 125px;
        object-fit: contain;
    }

    .eshop-header__actions[b-ckpr0kh9m7] {
        order: 1;
        margin-left: auto;
        gap: 12px;
        padding-block: 0;
        display: flex !important;
        align-items: stretch !important;
    }

    .eshop-header__hamburger[b-ckpr0kh9m7] {
        display: none !important;
    }

    .eshop-header__action-btn[b-ckpr0kh9m7],
    [b-ckpr0kh9m7] .eshop-header__action-btn {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: var(--eshop-spacing-xs) var(--eshop-spacing-xs) !important;
        text-decoration: none !important;
        color: var(--eshop-color-text) !important;
        border: none !important;
        background: transparent !important;
    }

    .eshop-header__action-btn[b-ckpr0kh9m7]  svg,
    [b-ckpr0kh9m7] .eshop-header__action-btn ::deep svg,
    [b-ckpr0kh9m7] .eshop-header__action-icon-wrapper svg {
        width: var(--eshop-mobile-action-icon-size, 24px) !important;
        height: var(--eshop-mobile-action-icon-size, 24px) !important;
        stroke-width: 1.5 !important;
    }

    .eshop-header__action-label[b-ckpr0kh9m7],
    [b-ckpr0kh9m7] .eshop-header__action-label {
        display: block !important;
        font-size: var(--eshop-font-size-xs) !important;
        line-height: 1.2 !important;
        margin-top: 3px !important;
        color: var(--eshop-color-black) !important;
        font-weight: var(--eshop-font-weight-normal) !important;
        text-align: center !important;
    }

    .eshop-header__action-btn--search[b-ckpr0kh9m7] {
        display: none !important;
    }



    .eshop-header__action-btn--account[b-ckpr0kh9m7],
    .eshop-header__auth-wrapper[b-ckpr0kh9m7]  .eshop-header__action-btn {
        background: var(--eshop-color-primary, #fbd47b) !important;
        border-radius: var(--eshop-border-radius-sm, 4px) !important;
        padding: 8px 12px !important;
    }

    .eshop-header__search-desktop[b-ckpr0kh9m7] {
        display: none;
    }



    .eshop-header__mobile-search[b-ckpr0kh9m7] {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        overflow: visible !important;
        padding-block: 8px !important;
        background: var(--eshop-color-white) !important;
        border-bottom: 1px solid var(--eshop-border-color) !important;
    }

    [b-ckpr0kh9m7] .eshop-header__mobile-search .eshop-container {
        padding-inline: var(--eshop-spacing-sm) !important;
        margin-bottom: var(--eshop-spacing-sm) !important;
    }

    [b-ckpr0kh9m7] .eshop-header__mobile-search .eshop-search-input {
        max-width: none !important;
    }
}

@media (max-width: 480px) {
    .eshop-header__main-inner[b-ckpr0kh9m7] {
        padding-inline: var(--eshop-spacing-sm);
        gap: var(--eshop-spacing-sm);
    }

    .eshop-header__logo img[b-ckpr0kh9m7] {
        height: 60px;
        max-width: 125px;
    }

    .eshop-header__action-btn[b-ckpr0kh9m7],
    [b-ckpr0kh9m7] .eshop-header__action-btn {
        padding: var(--eshop-spacing-xs) !important;
    }

    .eshop-header__action-btn[b-ckpr0kh9m7]  svg,
    [b-ckpr0kh9m7] .eshop-header__action-btn ::deep svg,
    [b-ckpr0kh9m7] .eshop-header__action-icon-wrapper svg {
        width: var(--eshop-mobile-action-icon-size-sm) !important;
        height: var(--eshop-mobile-action-icon-size-sm) !important;
    }

    .eshop-header__actions[b-ckpr0kh9m7] {
        gap: 8px;
    }
}
/* _content/Eshop.Foundation.UI/Layout/EshopLayout.razor.rz.scp.css */
#blazor-error-ui[b-8a5sy4rl9a] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-8a5sy4rl9a] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Eshop.Foundation.UI/Views/Auth/EshopLoginView.razor.rz.scp.css */
.eshop-auth-page[b-s2j6ogwpyl] {
    padding-block: var(--eshop-spacing-xl);
    background-color: var(--eshop-bg-neutral);
    min-height: 60vh;
}

.eshop-container[b-s2j6ogwpyl] {
    max-width: var(--eshop-container-max-width);
    margin-inline: auto;
    padding-inline: var(--eshop-page-padding);
}

.eshop-auth-page__title[b-s2j6ogwpyl] {
    font-family: var(--font-heading);
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-spacing-lg);
    text-align: center;
}

.eshop-auth-grid[b-s2j6ogwpyl] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--eshop-spacing-lg);
    align-items: start;
}

@media (min-width: 768px) {
    .eshop-auth-grid[b-s2j6ogwpyl] {
        grid-template-columns: 1fr 1fr;
    }
}

.eshop-auth-section[b-s2j6ogwpyl] {
    background-color: var(--eshop-color-white);
    padding: var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-sm);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.eshop-auth-section__title[b-s2j6ogwpyl] {
    font-family: var(--font-heading);
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-800);
    margin-bottom: var(--eshop-spacing-md);
    padding-bottom: var(--eshop-spacing-xs);
    border-bottom: 2px solid var(--eshop-color-primary);
}

.eshop-auth-section__content[b-s2j6ogwpyl] {
    flex-grow: 1;
    color: var(--eshop-color-text);
    line-height: 1.6;
}

.eshop-auth-section__actions[b-s2j6ogwpyl] {
    margin-top: var(--eshop-spacing-lg);
}

.eshop-form-group[b-s2j6ogwpyl] {
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-form-label[b-s2j6ogwpyl] {
    display: block;
    font-weight: var(--eshop-font-weight-semibold);
    margin-bottom: var(--eshop-spacing-xs);
    color: var(--eshop-color-gray-700);
}

.eshop-form-required[b-s2j6ogwpyl] {
    color: var(--eshop-color-error);
}

.eshop-form-error[b-s2j6ogwpyl] {
    display: block;
    color: var(--eshop-color-error);
    font-size: var(--eshop-font-size-sm);
    margin-top: var(--eshop-spacing-xs);
}

.eshop-form-hint[b-s2j6ogwpyl] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
}

.eshop-alert[b-s2j6ogwpyl] {
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius-sm);
    font-size: var(--eshop-font-size-sm);
}

.eshop-alert--error[b-s2j6ogwpyl] {
    background-color: #fee2e2;
    color: var(--eshop-color-error);
    border: 1px solid #fecaca;
}

.eshop-alert--error a[b-s2j6ogwpyl] {
    color: var(--eshop-color-error);
    text-decoration: underline;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-auth-link-sm[b-s2j6ogwpyl] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-gray-600);
    text-decoration: none;
    transition: color var(--eshop-transition-fast);
}

.eshop-auth-link-sm:hover[b-s2j6ogwpyl] {
    color: var(--eshop-color-primary-hover);
    text-decoration: underline;
}
/* _content/Eshop.Foundation.UI/Views/Auth/EshopLogoutView.razor.rz.scp.css */
.eshop-auth-page--logout[b-hiww4ra2xt] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    background-color: var(--eshop-bg-neutral);
}

.eshop-logout-card[b-hiww4ra2xt] {
    background-color: var(--eshop-color-white);
    padding: var(--eshop-spacing-xl);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-md);
    text-align: center;
    max-width: 400px;
    margin-inline: auto;
}

.eshop-logout-card__title[b-hiww4ra2xt] {
    font-family: var(--font-heading);
    font-size: var(--eshop-font-size-xl);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-logout-card__text[b-hiww4ra2xt] {
    color: var(--eshop-color-text-light);
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-loader-spinner[b-hiww4ra2xt] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--eshop-color-gray-200);
    border-top: 4px solid var(--eshop-color-primary);
    border-radius: 50%;
    margin-inline: auto;
    animation: eshop-spin-b-hiww4ra2xt 1s linear infinite;
}

@keyframes eshop-spin-b-hiww4ra2xt {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* _content/Eshop.Foundation.UI/Views/Auth/EshopPasswordForgottenView.razor.rz.scp.css */
.eshop-auth-centered-card[b-dgr7e3yn19] {
    background-color: var(--eshop-color-white);
    padding: var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-sm);
    max-width: 600px;
    margin-inline: auto;
}

.eshop-auth-card-info[b-dgr7e3yn19] {
    line-height: 1.6;
    color: var(--eshop-color-text);
}

.eshop-text-sm[b-dgr7e3yn19] {
    font-size: var(--eshop-font-size-sm);
}

.eshop-color-text-muted[b-dgr7e3yn19] {
    color: var(--eshop-color-text-muted);
}

.eshop-mt-4[b-dgr7e3yn19] {
    margin-top: 1rem;
}

.eshop-alert[b-dgr7e3yn19] {
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius-sm);
    font-size: var(--eshop-font-size-sm);
}

.eshop-alert--error[b-dgr7e3yn19] {
    background-color: #fee2e2;
    color: var(--eshop-color-error);
    border: 1px solid #fecaca;
}

.eshop-alert--success[b-dgr7e3yn19] {
    background-color: #ecfdf5;
    color: var(--eshop-color-success);
    border: 1px solid #d1fae5;
}

.eshop-alert--info[b-dgr7e3yn19] {
    background-color: #eff6ff;
    color: var(--eshop-color-info);
    border: 1px solid #dbeafe;
}

.eshop-form-group[b-dgr7e3yn19] {
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-form-label[b-dgr7e3yn19] {
    display: block;
    font-weight: var(--eshop-font-weight-semibold);
    margin-bottom: var(--eshop-spacing-xs);
    color: var(--eshop-color-gray-700);
}

.eshop-form-required[b-dgr7e3yn19] {
    color: var(--eshop-color-error);
}

.eshop-form-error[b-dgr7e3yn19] {
    display: block;
    color: var(--eshop-color-error);
    font-size: var(--eshop-font-size-sm);
    margin-top: var(--eshop-spacing-xs);
}

.eshop-auth-section__actions[b-dgr7e3yn19] {
    margin-top: var(--eshop-spacing-lg);
}
/* _content/Eshop.Foundation.UI/Views/Auth/EshopRegistrationView.razor.rz.scp.css */
.eshop-auth-page[b-hnlemkeakg] {
    padding-block: var(--eshop-spacing-xxl);
    background-color: var(--eshop-bg-neutral);
    min-height: auto;
}

.eshop-container[b-hnlemkeakg] {
    width: 100%;
    max-width: var(--eshop-container-max-width);
    margin-inline: auto;
    padding-inline: var(--eshop-page-padding);
}

.eshop-auth-page__title[b-hnlemkeakg] {
    font-family: var(--font-heading);
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-spacing-xl);
    text-align: center;
    letter-spacing: -0.02em;
}

.eshop-registration-container[b-hnlemkeakg] {
    max-width: 1200px;
    margin-inline: auto;
    animation: eshop-fade-in-b-hnlemkeakg 0.5s ease-out;
}

.eshop-auth-section[b-hnlemkeakg] {
    background-color: var(--eshop-color-white);
    padding: var(--eshop-spacing-md) var(--eshop-spacing-lg);
    border-radius: calc(var(--eshop-border-radius) * 2);
    box-shadow: var(--eshop-shadow-lg);
    border: 1px solid var(--eshop-color-gray-100);
}

.eshop-auth-footer[b-hnlemkeakg] {
    margin-top: var(--eshop-spacing-lg);
    text-align: center;
    color: var(--eshop-color-gray-600);
    font-size: var(--eshop-font-size-sm);
}

.eshop-auth-link[b-hnlemkeakg] {
    color: var(--eshop-color-highlight);
    font-weight: var(--eshop-font-weight-semibold);
    text-decoration: none;
    transition: color var(--eshop-transition-fast);
}

.eshop-auth-link:hover[b-hnlemkeakg] {
    color: var(--eshop-color-accent-hover);
    text-decoration: underline;
}

@keyframes eshop-fade-in-b-hnlemkeakg {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Eshop.Foundation.UI/Views/Auth/EshopResetPasswordView.razor.rz.scp.css */
.eshop-auth-centered-card[b-0yi4fg9ugi] {
    background-color: var(--eshop-color-white);
    padding: var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-sm);
    max-width: 600px;
    margin-inline: auto;
}

.eshop-auth-card-info[b-0yi4fg9ugi] {
    line-height: 1.6;
    color: var(--eshop-color-text);
}

.eshop-mb-8[b-0yi4fg9ugi] {
    margin-bottom: 2rem;
}

.eshop-mb-6[b-0yi4fg9ugi] {
    margin-bottom: 1.5rem;
}

.eshop-alert[b-0yi4fg9ugi] {
    padding: var(--eshop-spacing-md);
    border-radius: var(--eshop-border-radius-sm);
    font-size: var(--eshop-font-size-sm);
}

.eshop-alert--error[b-0yi4fg9ugi] {
    background-color: #fee2e2;
    color: var(--eshop-color-error);
    border: 1px solid #fecaca;
}

.eshop-form-group[b-0yi4fg9ugi] {
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-form-label[b-0yi4fg9ugi] {
    display: block;
    font-weight: var(--eshop-font-weight-semibold);
    margin-bottom: var(--eshop-spacing-xs);
    color: var(--eshop-color-gray-700);
}

.eshop-form-required[b-0yi4fg9ugi] {
    color: var(--eshop-color-error);
}

.eshop-form-error[b-0yi4fg9ugi] {
    display: block;
    color: var(--eshop-color-error);
    font-size: var(--eshop-font-size-sm);
    margin-top: var(--eshop-spacing-xs);
}

.eshop-auth-section__actions[b-0yi4fg9ugi] {
    margin-top: var(--eshop-spacing-lg);
}
/* _content/Eshop.Foundation.UI/Views/Auth/EshopVerificationView.razor.rz.scp.css */
.eshop-auth-page[b-a9ee7a8pe2] {
    padding-block: var(--eshop-spacing-xl);
    background-color: var(--eshop-bg-neutral);
    min-height: 60vh;
}

.eshop-container[b-a9ee7a8pe2] {
    max-width: var(--eshop-container-max-width);
    margin-inline: auto;
    padding-inline: var(--eshop-page-padding);
}

.eshop-auth-page__title[b-a9ee7a8pe2] {
    font-family: var(--font-heading);
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-spacing-lg);
    text-align: center;
}

.eshop-registration-container[b-a9ee7a8pe2] {
    max-width: 600px;
    margin-inline: auto;
}

.eshop-auth-section[b-a9ee7a8pe2] {
    background-color: var(--eshop-color-white);
    padding: var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-form-group[b-a9ee7a8pe2] {
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-form-label[b-a9ee7a8pe2] {
    display: block;
    font-weight: var(--eshop-font-weight-semibold);
    margin-bottom: var(--eshop-spacing-xs);
    color: var(--eshop-color-gray-700);
}

.eshop-form-error[b-a9ee7a8pe2] {
    display: block;
    color: var(--eshop-color-error);
    font-size: var(--eshop-font-size-sm);
    margin-top: var(--eshop-spacing-xs);
}
/* _content/Eshop.Foundation.UI/Views/EshopAllCategoriesView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopAllCategoriesPage — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-all-categories[b-lie9qrwnup] {
    /* Main wrapper */
}

.eshop-all-categories__a11y[b-lie9qrwnup] {
    display: none;
}

[data-theme="a11y"] .eshop-all-categories__standard[b-lie9qrwnup] {
    display: none;
}

[data-theme="a11y"] .eshop-all-categories__a11y[b-lie9qrwnup] {
    display: block;
    max-width: var(--eshop-container-max-width);
    margin: 0 auto;
    padding: 32px 16px;
}

@media (max-width: 680px) {
    [data-theme="a11y"] .eshop-all-categories__a11y[b-lie9qrwnup] {
        padding: 32px 16px;
    }
}

.eshop-all-categories__hero[b-lie9qrwnup] {
    margin-bottom: var(--eshop-spacing-lg);
}

/* ── Breadcrumbs ─────────────────────────────────────────── */
.eshop-breadcrumbs[b-lie9qrwnup] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-xs);
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
}

.eshop-breadcrumbs a[b-lie9qrwnup] {
    color: var(--eshop-color-text-muted);
    text-decoration: none;
}

.eshop-breadcrumbs a:hover[b-lie9qrwnup] {
    color: var(--eshop-color-text);
}

/* ── Header ──────────────────────────────────────────────── */
.eshop-all-categories__header[b-lie9qrwnup] {
    margin-bottom: var(--eshop-page-section-gap);
}

.eshop-all-categories__title[b-lie9qrwnup] {
    font-size: var(--eshop-font-size-2xl);
    font-weight: var(--eshop-font-weight-black);
    color: var(--eshop-color-text);
    margin: 0;
    letter-spacing: -0.5px;
}

.eshop-all-categories__subtitle[b-lie9qrwnup] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
    margin-top: var(--eshop-spacing-xs);
    max-width: 800px;
}

/* ── Grid ────────────────────────────────────────────────── */
.eshop-all-categories__grid[b-lie9qrwnup] {
    margin-bottom: var(--eshop-spacing-xxl);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .eshop-all-categories__title[b-lie9qrwnup] {
        font-size: var(--eshop-font-size-xl);
    }
}

/* ── Interactive Elements ────────────────────────────────── */
.eshop-all-categories__header-actions[b-lie9qrwnup] {
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-all-categories__back-btn[b-lie9qrwnup] {
    display: inline-flex;
    align-items: center;
    gap: var(--eshop-spacing-xs);
    font-size: var(--eshop-font-size-sm);
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-sm);
    border-radius: var(--eshop-border-radius-sm);
    background: transparent;
    border: 1px solid var(--eshop-color-border);
    color: var(--eshop-color-text);
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.eshop-all-categories__back-btn:hover[b-lie9qrwnup] {
    background: var(--eshop-color-surface-hover);
    border-color: var(--eshop-color-primary);
}

/* ── Modifiers ───────────────────────────────────────────── */
.eshop-category-card--view-all[b-lie9qrwnup] {
    border: 2px dashed var(--eshop-color-primary);
    background: var(--eshop-color-surface-hover);
    border-radius: var(--eshop-border-radius-md);
    overflow: hidden;
    position: relative;
    display: block;
    min-height: 200px;
}

.eshop-category-card--view-all:hover[b-lie9qrwnup] {
    border-style: solid;
}

.eshop-category-card--view-all .eshop-category-card__image-wrapper[b-lie9qrwnup] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eshop-category-card--view-all .eshop-category-card__overlay--always-visible[b-lie9qrwnup] {
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.05); /* very subtle dark tint */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.eshop-category-card--view-all .eshop-category-card__title[b-lie9qrwnup] {
    color: var(--eshop-color-primary);
    transform: translateY(0);
}

.eshop-category-card--view-all .eshop-category-card__link[b-lie9qrwnup] {
    color: var(--eshop-color-primary);
    transform: translateY(0);
}
/* _content/Eshop.Foundation.UI/Views/EshopCatalogView.razor.rz.scp.css */
.eshop-category-page__a11y[b-5psu0zwd2s] {
    display: none;
}

[data-theme="a11y"] .eshop-category-page[b-5psu0zwd2s] {
    display: none;
}

[data-theme="a11y"] .eshop-category-page__a11y[b-5psu0zwd2s] {
    display: block;
    max-width: var(--eshop-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
}

.eshop-category-page[b-5psu0zwd2s] {
    background-color: var(--eshop-color-background);
}

.eshop-category-page__layout[b-5psu0zwd2s] {
    display: flex;
    gap: var(--eshop-spacing-xl);
    margin-top: var(--eshop-page-section-gap);
}

.eshop-category-page__layout--no-sidebar[b-5psu0zwd2s] {
    gap: 0;
}

.eshop-category-page__main[b-5psu0zwd2s] {
    flex: 1;
    min-width: 0;
}

.eshop-category-page__header[b-5psu0zwd2s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: var(--eshop-page-section-gap);
    gap: var(--eshop-spacing-sm);
    flex-wrap: wrap;
    border-bottom: 1px solid var(--eshop-border-color-light);
    padding-bottom: var(--eshop-spacing-sm);
}

.eshop-category-page__header-left[b-5psu0zwd2s] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
}

.eshop-category-page__title[b-5psu0zwd2s] {
    font-size: var(--eshop-font-size-2xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
    margin: 0;
    line-height: 1.2;
}

.eshop-category-page__count[b-5psu0zwd2s] {
    color: var(--eshop-color-text-light);
    font-size: var(--eshop-font-size-lg);
    margin: 0;
}

.eshop-category-page__header-actions[b-5psu0zwd2s] {
    display: flex;
    gap: var(--eshop-spacing-md);
    align-items: center;
}

.eshop-category-page__sort[b-5psu0zwd2s] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
}

.eshop-category-page__sort label[b-5psu0zwd2s] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
    font-weight: var(--eshop-font-weight-medium);
    white-space: nowrap;
}

.eshop-category-page__select-wrapper[b-5psu0zwd2s] {
    position: relative;
}

.eshop-category-page__sort select[b-5psu0zwd2s] {
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-lg)
        var(--eshop-spacing-xs) var(--eshop-spacing-sm);
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius);
    background-color: var(--eshop-color-white);
    font-family: inherit;
    font-size: var(--eshop-font-size-sm);
    cursor: pointer;
    transition: var(--eshop-transition-fast);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23737373'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
    min-width: 160px;
}

.eshop-category-page__sort select:hover[b-5psu0zwd2s] {
    border-color: var(--eshop-color-gray-400);
}

.eshop-category-page__sort select:focus[b-5psu0zwd2s] {
    outline: none;
    border-color: var(--eshop-color-accent);
    box-shadow: 0 0 0 2px var(--eshop-color-primary-light);
}

/* Redundant styles removed, handled by EshopSidebarToggle.razor.css */

.eshop-category-page__banner[b-5psu0zwd2s] {
    margin-bottom: var(--eshop-spacing-xl);
    border-radius: var(--eshop-radius-md);
    overflow: hidden;
}

.eshop-category-page__grid[b-5psu0zwd2s] {
    margin-bottom: var(--eshop-spacing-xxl);
}

.eshop-category-page__loading[b-5psu0zwd2s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
    gap: var(--eshop-spacing-md);
    color: var(--eshop-color-text-muted);
}

.eshop-category-page__empty[b-5psu0zwd2s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--eshop-spacing-xxl) var(--eshop-spacing-md);
    background: var(--eshop-color-white);
    border-radius: var(--eshop-border-radius);
    border: 1px solid var(--eshop-border-color-light);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-category-page__empty-icon[b-5psu0zwd2s] {
    width: 80px;
    height: 80px;
    background: var(--eshop-color-gray-50);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--eshop-spacing-lg);
    color: var(--eshop-color-gray-400);
}

.eshop-category-page__empty-icon svg[b-5psu0zwd2s] {
    width: 40px;
    height: 40px;
}

.eshop-category-page__empty-title[b-5psu0zwd2s] {
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-category-page__empty-text[b-5psu0zwd2s] {
    font-size: var(--eshop-font-size-md);
    color: var(--eshop-color-text-light);
    margin-bottom: var(--eshop-spacing-xl);
    max-width: 400px;
}

@media (max-width: 1024px) {
    .eshop-category-page__header-actions[b-5psu0zwd2s] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .eshop-category-page__layout[b-5psu0zwd2s] {
        flex-direction: column;
    }

    .eshop-category-page__title[b-5psu0zwd2s] {
        font-size: 1.75rem;
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopCheckoutPageView.razor.rz.scp.css */
/* _content/Eshop.Foundation.UI/Views/EshopContactView.razor.rz.scp.css */
.eshop-contact[b-kb4680ox4y] {
    max-width: 900px;
    margin: 0 auto;
}

.eshop-contact__header[b-kb4680ox4y] {
    margin-bottom: var(--eshop-spacing-xl);
    text-align: center;
}

.eshop-contact__title[b-kb4680ox4y] {
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-contact__subtitle[b-kb4680ox4y] {
    font-size: var(--eshop-font-size-lg);
    color: var(--eshop-color-text-light);
    max-width: 600px;
    margin: 0 auto;
}

.eshop-contact__status[b-kb4680ox4y] {
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-contact__status .eshop-alert[b-kb4680ox4y] {
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-semibold);
    line-height: 1.5;
}

.eshop-alert--info[b-kb4680ox4y] {
    background-color: var(--eshop-color-primary-light, #fef3d1);
    background-color: color-mix(in srgb, var(--eshop-color-primary) 18%, #ffffff);
    color: var(--eshop-color-gray-900, #171717);
    border-left: 4px solid var(--eshop-color-primary-dark, var(--eshop-color-primary));
}

.eshop-form-grid[b-kb4680ox4y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--eshop-spacing-xl);
}

.eshop-contact__textarea[b-kb4680ox4y] {
    resize: vertical;
    min-height: 200px;
}

.eshop-contact__actions[b-kb4680ox4y] {
    margin-top: var(--eshop-spacing-xl);
    display: flex;
    justify-content: center;
}

.eshop-button--large[b-kb4680ox4y] {
    padding: 1rem 3rem;
    font-size: 1.125rem;
}

[data-theme="a11y"] .eshop-contact__actions .eshop-button--primary[b-kb4680ox4y] {
    min-height: 48px;
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-primary);
    border: 2px solid var(--eshop-color-primary);
    border-radius: 0;
    box-shadow: none;
    letter-spacing: 0;
}

[data-theme="a11y"] .eshop-contact__actions .eshop-button--primary:hover:not(:disabled)[b-kb4680ox4y],
[data-theme="a11y"] .eshop-contact__actions .eshop-button--primary:focus-visible[b-kb4680ox4y] {
    color: var(--eshop-color-text-invert) !important;
    background: var(--eshop-color-text);
    border-color: var(--eshop-color-text);
}

[data-theme="a11y"] .eshop-contact__actions .eshop-button--primary:disabled[b-kb4680ox4y] {
    opacity: 1;
    color: #ffffff !important;
    background: #595959;
    border-color: #595959;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .eshop-form-grid[b-kb4680ox4y] {
        grid-template-columns: 1fr;
        gap: var(--eshop-spacing-md);
    }

    .eshop-contact__title[b-kb4680ox4y] {
        font-size: var(--eshop-font-size-2xl);
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopErrorView.razor.rz.scp.css */
.eshop-error-page[b-w3qeete5kk] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--eshop-spacing-lg);
    background: radial-gradient(circle at center, var(--eshop-color-gray-50) 0%, var(--eshop-color-white) 100%);
    text-align: center;
    font-family: var(--eshop-font-family);
}

.eshop-error-page__content[b-w3qeete5kk] {
    max-width: 600px;
    width: 100%;
}

.eshop-error-page__icon[b-w3qeete5kk] {
    color: var(--eshop-color-accent);
    margin-bottom: var(--eshop-spacing-lg);
    filter: drop-shadow(0 10px 20px rgba(244, 67, 54, 0.2));
}

.eshop-error-page__title[b-w3qeete5kk] {
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-error-page__text[b-w3qeete5kk] {
    font-size: var(--eshop-font-size-lg);
    color: var(--eshop-color-gray-600);
    margin-bottom: var(--eshop-spacing-xl);
    line-height: 1.6;
}

.eshop-error-page__debug[b-w3qeete5kk] {
    margin-bottom: var(--eshop-spacing-xl);
    padding: 1rem;
    background: #fff5f5;
    border-left: 4px solid var(--eshop-color-accent);
    text-align: left;
    border-radius: 0 var(--eshop-border-radius) var(--eshop-border-radius) 0;
}

.eshop-error-page__debug-label[b-w3qeete5kk] {
    display: block;
    font-size: var(--eshop-font-size-xs);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-accent);
    text-transform: uppercase;
    margin-bottom: 4px;
}

.eshop-error-page__debug-message[b-w3qeete5kk] {
    margin: 0;
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-gray-700);
    font-family: monospace;
}

.eshop-error-page__request-id[b-w3qeete5kk] {
    display: inline-flex;
    gap: 8px;
    padding: 8px 16px;
    background: var(--eshop-color-gray-100);
    border-radius: var(--eshop-border-radius);
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-gray-500);
    margin-bottom: var(--eshop-spacing-xl);
}

.eshop-error-page__request-id code[b-w3qeete5kk] {
    color: var(--eshop-color-gray-900);
    font-weight: var(--eshop-font-weight-medium);
}

.eshop-error-page__actions[b-w3qeete5kk] {
    display: flex;
    gap: var(--eshop-spacing-md);
    justify-content: center;
    flex-wrap: wrap;
}

.eshop-error-page__btn[b-w3qeete5kk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none;
    border-radius: var(--eshop-border-radius-pill);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-transform: uppercase;
    font-size: var(--eshop-font-size-sm);
    letter-spacing: 0.05em;
    border: none;
    cursor: pointer;
}

.eshop-error-page__btn:hover[b-w3qeete5kk] {
    transform: translateY(-2px);
    box-shadow: var(--eshop-shadow-md);
}

.eshop-error-page__btn--primary[b-w3qeete5kk] {
    background: var(--eshop-color-accent);
    color: var(--eshop-color-white);
}

.eshop-error-page__btn--secondary[b-w3qeete5kk] {
    background: var(--eshop-color-white);
    color: var(--eshop-color-gray-800);
    border: 1px solid var(--eshop-color-gray-200);
}

@media (max-width: 480px) {
    .eshop-error-page__actions[b-w3qeete5kk] {
        flex-direction: column;
    }
    
    .eshop-error-page__btn[b-w3qeete5kk] {
        width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopHomeView.razor.rz.scp.css */
/* EshopHomePage scoped styles */

.eshop-home-section[b-gax43kgqlh] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.eshop-home-page__a11y[b-gax43kgqlh] {
    display: none;
}

[data-theme="a11y"] .eshop-home-page__standard[b-gax43kgqlh] {
    display: none;
}

[data-theme="a11y"] .eshop-home-page__a11y[b-gax43kgqlh] {
    display: block;
    max-width: var(--eshop-container-max-width);
    margin: 0 auto;
    padding: 32px 16px;
}

@media (max-width: 760px) {
    [data-theme="a11y"] .eshop-home-page__a11y[b-gax43kgqlh] {
        padding: 32px 16px;
    }
}

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

    #blazor-error-ui .dismiss[b-gax43kgqlh] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Eshop.Foundation.UI/Views/EshopNewsletterView.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   EshopNewsletterPage — BEM Isolated Styles
   ═══════════════════════════════════════════════════════════ */

.eshop-newsletter-page[b-sasvy9wfx2] {
    /* Main wrapper */
}

/* ── Hero Banner ─────────────────────────────────────────── */
.eshop-newsletter-hero[b-sasvy9wfx2] {
    background-color: #fecb00; /* Vibrant yellow from screenshot */
    padding: var(--eshop-spacing-xxl) 0;
    text-align: center;
    color: #000;
}

.eshop-newsletter-hero__content[b-sasvy9wfx2] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 var(--eshop-spacing-md);
}

.eshop-newsletter-hero__title[b-sasvy9wfx2] {
    font-size: 2.5rem;
    font-weight: var(--eshop-font-weight-black);
    margin-bottom: var(--eshop-spacing-sm);
    letter-spacing: -0.5px;
    color: #000;
}

.eshop-newsletter-hero__subtitle[b-sasvy9wfx2] {
    font-size: var(--eshop-font-size-md);
    margin-bottom: var(--eshop-spacing-xl);
    line-height: 1.5;
    color: #000;
}

/* ── Form Wrapper ────────────────────────────────────────── */
.eshop-newsletter-hero__form-wrapper[b-sasvy9wfx2] {
    max-width: 600px;
    margin: 0 auto var(--eshop-spacing-lg);
}

[b-sasvy9wfx2] .eshop-newsletter-hero__form-wrapper .newsletter-form .eshop-newsletter-form__group {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: white;
    border-radius: var(--eshop-border-radius-sm, 4px);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

[b-sasvy9wfx2] .eshop-newsletter-hero__form-wrapper .newsletter-form .eshop-input {
    flex: 1;
    border: none !important;
    padding: var(--eshop-spacing-md) var(--eshop-spacing-lg) !important;
    font-size: var(--eshop-font-size-md);
    outline: none;
    box-shadow: none !important;
    background: transparent !important;
}

[b-sasvy9wfx2] .eshop-newsletter-hero__form-wrapper .newsletter-form .eshop-button {
    background-color: #ef3657; /* Red from screenshot */
    color: white;
    border: none;
    padding: 0 var(--eshop-spacing-xl);
    font-size: var(--eshop-font-size-md);
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.2s;
    border-radius: 0; /* Keep it flush within the group */
}

[b-sasvy9wfx2] .eshop-newsletter-hero__form-wrapper .newsletter-form button:hover {
    opacity: 0.9;
}

[b-sasvy9wfx2] .eshop-newsletter-hero__form-wrapper .newsletter-form .invalid {
    display: block;
    text-align: center;
    margin-top: var(--eshop-spacing-xs);
    font-size: var(--eshop-font-size-sm);
    color: #ef3657 !important;
}

/* ── Disclaimer ──────────────────────────────────────────── */
.eshop-newsletter-hero__disclaimer[b-sasvy9wfx2] {
    font-size: var(--eshop-font-size-xs);
    opacity: 0.8;
    line-height: 1.4;
    margin-top: var(--eshop-spacing-md);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: #000;
}

/* ── Steps ───────────────────────────────────────────────── */
.eshop-newsletter-steps[b-sasvy9wfx2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--eshop-spacing-lg);
    padding: var(--eshop-spacing-xxl) 0;
}

.eshop-newsletter-step[b-sasvy9wfx2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--eshop-spacing-lg);
    background: var(--eshop-color-surface, #fff);
    border-radius: var(--eshop-border-radius-md, 8px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.eshop-newsletter-step__number[b-sasvy9wfx2] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fecb00; /* Match yellow banner */
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-newsletter-step__content h3[b-sasvy9wfx2] {
    font-size: var(--eshop-font-size-lg);
    margin-bottom: var(--eshop-spacing-xs);
    color: var(--eshop-color-text);
}

.eshop-newsletter-step__content p[b-sasvy9wfx2] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    line-height: 1.5;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .eshop-newsletter-steps[b-sasvy9wfx2] {
        grid-template-columns: 1fr;
        gap: var(--eshop-spacing-md);
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopNotFoundView.razor.rz.scp.css */
.eshop-not-found[b-7vhgnc0ed7] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--eshop-spacing-lg);
    background: radial-gradient(circle at center, var(--eshop-color-gray-50) 0%, var(--eshop-color-white) 100%);
    text-align: center;
    font-family: var(--eshop-font-family);
}

.eshop-not-found__a11y[b-7vhgnc0ed7] {
    display: none;
}

.eshop-not-found__content[b-7vhgnc0ed7] {
    max-width: 600px;
    width: 100%;
}

[data-theme="a11y"] .eshop-not-found[b-7vhgnc0ed7] {
    min-height: auto;
    display: block;
    max-width: var(--eshop-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
    background: var(--eshop-color-bg);
    text-align: left;
}

[data-theme="a11y"] .eshop-not-found__standard[b-7vhgnc0ed7] {
    display: none;
}

[data-theme="a11y"] .eshop-not-found__a11y[b-7vhgnc0ed7] {
    display: block;
}

.eshop-not-found__code[b-7vhgnc0ed7] {
    font-size: clamp(120px, 20vw, 220px);
    font-weight: var(--eshop-font-weight-black);
    line-height: 1;
    margin-bottom: var(--eshop-spacing-md);
    background: linear-gradient(135deg, var(--eshop-color-primary) 0%, var(--eshop-color-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
}

.eshop-not-found__title[b-7vhgnc0ed7] {
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-not-found__text[b-7vhgnc0ed7] {
    font-size: var(--eshop-font-size-lg);
    color: var(--eshop-color-gray-600);
    margin-bottom: var(--eshop-spacing-xl);
    line-height: 1.6;
}

.eshop-not-found__actions[b-7vhgnc0ed7] {
    display: flex;
    gap: var(--eshop-spacing-md);
    justify-content: center;
    flex-wrap: wrap;
}

.eshop-not-found__btn[b-7vhgnc0ed7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    font-weight: var(--eshop-font-weight-bold);
    text-decoration: none;
    border-radius: var(--eshop-border-radius-pill);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-transform: uppercase;
    font-size: var(--eshop-font-size-sm);
    letter-spacing: 0.05em;
}

.eshop-not-found__btn:hover[b-7vhgnc0ed7] {
    transform: translateY(-2px);
    box-shadow: var(--eshop-shadow-md);
}

.eshop-not-found__btn--primary[b-7vhgnc0ed7] {
    background: var(--eshop-color-primary);
    color: var(--eshop-color-black);
}

.eshop-not-found__btn--secondary[b-7vhgnc0ed7] {
    background: var(--eshop-color-white);
    color: var(--eshop-color-gray-800);
    border: 1px solid var(--eshop-color-gray-200);
}

@media (max-width: 480px) {
    .eshop-not-found__actions[b-7vhgnc0ed7] {
        flex-direction: column;
    }

    .eshop-not-found__btn[b-7vhgnc0ed7] {
        width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopOrderConfirmedView.razor.rz.scp.css */
.eshop-order-confirmed-page__a11y[b-fbrq4bwfiw] {
    display: none;
}

[data-theme="a11y"] .eshop-order-confirmed-page[b-fbrq4bwfiw] {
    display: none;
}

[data-theme="a11y"] .eshop-order-confirmed-page__a11y[b-fbrq4bwfiw] {
    display: block;
    max-width: var(--eshop-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
}
/* _content/Eshop.Foundation.UI/Views/EshopOrderWithdrawalView.razor.rz.scp.css */
.eshop-withdrawal-page[b-357bmn4y4v] {
    max-width: 640px;
    margin: 0 auto;
    padding: var(--eshop-space-xl, 2rem) var(--eshop-page-padding, 1rem);
}

.eshop-withdrawal-page h1[b-357bmn4y4v] {
    text-align: center;
    font-size: var(--eshop-font-size-3xl, 1.875rem);
    font-weight: var(--eshop-font-weight-bold, 700);
    color: var(--eshop-color-gray-900, #111827);
    margin-bottom: var(--eshop-space-lg, 1.5rem);
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-form-wrapper {
    background: var(--eshop-color-bg-surface, #ffffff);
    border: 1px solid var(--eshop-border-color, #e5e7eb);
    border-radius: var(--eshop-border-radius-lg, 12px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    padding: var(--eshop-space-xl, 2rem);
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-form h2,
.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-message h2 {
    font-size: var(--eshop-font-size-xl, 1.25rem);
    font-weight: var(--eshop-font-weight-semibold, 600);
    line-height: 1.4;
    color: var(--eshop-color-text, #1f2937);
    margin-bottom: var(--eshop-space-md, 1rem);
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-intro {
    font-size: var(--eshop-font-size-sm, 0.875rem);
    color: var(--eshop-color-text-light, #6b7280);
    margin-bottom: var(--eshop-space-lg, 1.5rem);
    line-height: 1.5;
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-form-group {
    margin-bottom: var(--eshop-space-lg, 1.25rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-form-label {
    font-size: var(--eshop-font-size-sm, 0.875rem);
    font-weight: var(--eshop-font-weight-medium, 500);
    color: var(--eshop-color-text, #374151);
    margin-bottom: 0.375rem;
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-form-required {
    color: var(--eshop-color-danger, #dc2626);
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-input {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--eshop-border-color, #d1d5db);
    border-radius: var(--eshop-border-radius-md, 6px);
    font-size: var(--eshop-font-size-md, 0.95rem);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-input:focus {
    outline: none;
    border-color: var(--eshop-color-primary, #2563eb);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-form-help {
    display: block;
    font-size: 0.8rem;
    color: var(--eshop-color-text-light, #6b7280);
    margin-top: 0.25rem;
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-form-error {
    display: block;
    font-size: 0.825rem;
    color: var(--eshop-color-danger, #dc2626);
    margin-top: 0.25rem;
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-form-error--banner {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: var(--eshop-border-radius-md, 6px);
    padding: var(--eshop-space-md, 0.875rem);
    color: #991b1b;
    margin-bottom: var(--eshop-space-lg, 1.25rem);
    font-size: var(--eshop-font-size-sm, 0.875rem);
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-form__actions {
    display: flex;
    justify-content: flex-start;
    gap: var(--eshop-space-sm, 0.75rem);
    margin-top: var(--eshop-space-lg, 1.5rem);
}

.eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-step {
    padding: 0;
}

@media (max-width: 640px) {
    .eshop-withdrawal-page h1[b-357bmn4y4v] {
        font-size: var(--eshop-font-size-2xl, 1.5rem);
    }

    .eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-form__actions {
        flex-direction: column;
    }

    .eshop-withdrawal-page[b-357bmn4y4v]  .eshop-withdrawal-form__actions .eshop-button {
        width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopProductView.razor.rz.scp.css */
/* EshopProductPage scoped styles */

.eshop-product-page__a11y[b-dos02ngtk4] {
    display: none;
}

[data-theme="a11y"] .eshop-product-page__standard[b-dos02ngtk4] {
    display: none;
}

[data-theme="a11y"] .eshop-product-page__a11y[b-dos02ngtk4] {
    display: block;
    max-width: var(--eshop-container-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
}

.eshop-product-page__variants[b-dos02ngtk4] {
    max-width: var(--eshop-container-max-width);
    margin: 0 auto;
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-md);
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    border-bottom: 1px solid var(--eshop-border-color);
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
    width: 100%;
}

.eshop-product-page__variants a[b-dos02ngtk4] {
    color: var(--eshop-color-primary-hover);
    text-decoration: none;
    font-weight: 600;
    padding: 2px 8px;
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius-sm);
    transition: background-color var(--eshop-transition-fast),
                color var(--eshop-transition-fast);
}

.eshop-product-page__variants a:hover[b-dos02ngtk4] {
    background: var(--eshop-color-primary);
    color: var(--eshop-color-text-on-primary);
    border-color: var(--eshop-color-primary);
}

/* ───────────────────────────────────────────────────────────── */
/*  Additional Sections (Mocked)                                 */
/* ───────────────────────────────────────────────────────────── */

.eshop-bg-neutral[b-dos02ngtk4] {
    background-color: var(--eshop-color-surface-hover);
    padding: var(--eshop-spacing-2xl) 0;
}

.eshop-product-page__reviews-section[b-dos02ngtk4] {
    padding: var(--eshop-spacing-2xl) 0;
    background-color: var(--eshop-color-bg);
}

.eshop-product-reviews[b-dos02ngtk4] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xl);
}

@media (min-width: 768px) {
    .eshop-product-reviews[b-dos02ngtk4] {
        flex-direction: row;
        align-items: flex-start;
    }
}

.eshop-product-reviews__summary[b-dos02ngtk4] {
    flex: 0 0 300px;
    background: var(--eshop-color-surface);
    padding: var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius-lg);
    border: 1px solid var(--eshop-border-color);
    text-align: center;
}

.eshop-product-reviews__score-value[b-dos02ngtk4] {
    font-size: 3rem;
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
    display: block;
    line-height: 1;
}

.eshop-product-reviews__stars[b-dos02ngtk4] {
    color: #ffb400; /* Star color */
    font-size: var(--eshop-font-size-xl);
    margin: var(--eshop-spacing-sm) 0;
}

.eshop-product-reviews__count[b-dos02ngtk4] {
    color: var(--eshop-color-text-muted);
    font-size: var(--eshop-font-size-sm);
    display: block;
    margin-bottom: var(--eshop-spacing-lg);
}

.eshop-product-reviews__list[b-dos02ngtk4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
}

.eshop-review-item[b-dos02ngtk4] {
    background: var(--eshop-color-surface);
    padding: var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius-lg);
    border: 1px solid var(--eshop-border-color);
    transition: transform var(--eshop-transition-normal),
                box-shadow var(--eshop-transition-normal);
}

.eshop-review-item:hover[b-dos02ngtk4] {
    transform: translateY(-2px);
    box-shadow: var(--eshop-shadow-md);
    border-color: var(--eshop-border-color-hover);
}

.eshop-review-item__header[b-dos02ngtk4] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--eshop-spacing-xs);
}

.eshop-review-item__author[b-dos02ngtk4] {
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
}

.eshop-review-item__date[b-dos02ngtk4] {
    color: var(--eshop-color-text-muted);
    font-size: var(--eshop-font-size-sm);
}

.eshop-review-item__stars[b-dos02ngtk4] {
    color: #ffb400;
    font-size: var(--eshop-font-size-md);
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-review-item__text[b-dos02ngtk4] {
    color: var(--eshop-color-text-light);
    line-height: 1.6;
    margin: 0;
}


/* _content/Eshop.Foundation.UI/Views/EshopReturnView.razor.rz.scp.css */
.eshop-return-page[b-fo23sjypw3] {
    max-width: 960px;
    margin: 0 auto;
    padding: var(--eshop-space-xl) var(--eshop-page-padding);
}

.eshop-return-page h1[b-fo23sjypw3] {
    text-align: center;
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin-bottom: var(--eshop-space-lg);
}

/* Step headings rendered by the child EshopReturnForm */
.eshop-return-page[b-fo23sjypw3]  h2 {
    text-align: center;
    font-size: var(--eshop-font-size-xl);
    font-weight: var(--eshop-font-weight-semibold);
    line-height: 1.35;
    color: var(--eshop-color-text);
    margin-bottom: var(--eshop-space-lg);
}

.eshop-return-page[b-fo23sjypw3]  h3 {
    text-align: center;
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-medium);
    color: var(--eshop-color-text-light);
    margin-bottom: var(--eshop-space-md);
}

/* Initial step grid layout */
.eshop-return-page[b-fo23sjypw3]  .eshop-return-initial-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--eshop-space-xl, 36px);
    align-items: stretch;
    max-width: 920px;
    margin: 0 auto;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-form-column {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-space-md, 20px);
    width: 100%;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-form-group {
    margin-bottom: 0;
}

/* Form (Initial / CheckPLZ / CheckEmail steps) */
.eshop-return-page[b-fo23sjypw3]  .eshop-return-form {
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-form-hint {
    display: block;
    text-align: right;
    font-size: var(--eshop-font-size-xs, 0.78rem);
    color: var(--eshop-color-text-muted, #64748b);
    margin-top: 4px;
}

/* Hint Card Aside */
.eshop-return-page[b-fo23sjypw3]  .eshop-return-hint-card {
    border: 1px solid var(--eshop-color-gray-300, #d1d5db);
    border-radius: var(--eshop-radius-md, 8px);
    padding: var(--eshop-space-md, 24px);
    background-color: var(--eshop-color-bg, #ffffff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--eshop-space-md, 18px);
    box-sizing: border-box;
    height: 100%;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-hint-card__text {
    font-size: var(--eshop-font-size-sm, 0.92rem);
    line-height: 1.5;
    color: var(--eshop-color-text, #374151);
    margin: 0;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-hint-card__example {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-hint-card__example-label {
    font-size: var(--eshop-font-size-base, 1rem);
    font-weight: var(--eshop-font-weight-semibold, 600);
    color: var(--eshop-color-text, #111827);
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-invoice-snippet {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 2px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #000000;
    white-space: nowrap;
    width: fit-content;
    max-width: 100%;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-invoice-snippet__cell:nth-child(odd) {
    background-color: #e0e0e0;
    padding: 2px 8px 2px 2px;
    font-weight: 600;
    color: #000000;
    white-space: nowrap;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-invoice-snippet__cell:nth-child(even) {
    background-color: #e0e0e0;
    padding: 2px 6px 2px 4px;
    font-weight: 600;
    color: #000000;
    white-space: nowrap;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-form__actions {
    display: flex;
    justify-content: center;
    gap: var(--eshop-space-sm);
    margin-top: var(--eshop-space-lg, 28px);
}

/* Table steps (SelectProducts / ConfirmReturn) */
.eshop-return-page[b-fo23sjypw3]  .eshop-return-table-wrapper {
    overflow-x: auto;
    margin: var(--eshop-space-lg) 0;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--eshop-font-size-sm);
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-table th,
.eshop-return-page[b-fo23sjypw3]  .eshop-return-table td {
    padding: var(--eshop-space-sm);
    text-align: center;
    border-bottom: 1px solid var(--eshop-border-color);
    vertical-align: middle;
}

.eshop-return-page[b-fo23sjypw3]  .eshop-return-table th {
    font-weight: var(--eshop-font-weight-semibold);
    color: var(--eshop-color-text);
    background-color: var(--eshop-color-bg-subtle);
}

/* Message states (Success / ContactSupport / NoProductsFound) */
.eshop-return-page[b-fo23sjypw3]  .eshop-return-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--eshop-space-sm);
}

@media (max-width: 768px) {
    .eshop-return-page h1[b-fo23sjypw3] {
        font-size: var(--eshop-font-size-2xl);
    }

    .eshop-return-page[b-fo23sjypw3]  .eshop-return-initial-grid {
        grid-template-columns: 1fr;
        gap: var(--eshop-space-lg, 24px);
    }

    .eshop-return-page[b-fo23sjypw3]  .eshop-return-form__actions {
        flex-direction: column;
    }

    .eshop-return-page[b-fo23sjypw3]  .eshop-return-form__actions .eshop-button {
        width: 100%;
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopSearchView.razor.rz.scp.css */
.eshop-search-page[b-bduoif6zom] {
    background-color: var(--eshop-color-bg);
    min-height: 80vh;
}

.eshop-search-page__header[b-bduoif6zom] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: var(--eshop-page-section-gap);
    gap: var(--eshop-spacing-sm);
    flex-wrap: wrap;
}

.eshop-search-page__title[b-bduoif6zom] {
    font-size: var(--eshop-font-size-2xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-text);
    margin: 0 0 var(--eshop-spacing-xs) 0;
    line-height: 1.2;
}

.eshop-search-page__count[b-bduoif6zom] {
    color: var(--eshop-color-text-light);
    font-size: var(--eshop-font-size-lg);
    margin: 0;
}

.eshop-search-page__actions[b-bduoif6zom] {
    display: flex;
    gap: var(--eshop-spacing-md);
    align-items: center;
}

.eshop-search-page__sort[b-bduoif6zom] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
}

.eshop-search-page__sort label[b-bduoif6zom] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-light);
    font-weight: var(--eshop-font-weight-medium);
    white-space: nowrap;
}

.eshop-search-page__select-wrapper[b-bduoif6zom] {
    position: relative;
}

.eshop-search-page__sort select[b-bduoif6zom] {
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-lg) var(--eshop-spacing-xs) var(--eshop-spacing-sm);
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius);
    background-color: var(--eshop-color-white);
    font-family: inherit;
    font-size: var(--eshop-font-size-sm);
    cursor: pointer;
    transition: var(--eshop-transition-fast);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23737373'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
    min-width: 160px;
}

.eshop-search-page__sort select:hover[b-bduoif6zom] {
    border-color: var(--eshop-color-gray-400);
}

.eshop-search-page__sort select:focus[b-bduoif6zom] {
    outline: none;
    border-color: var(--eshop-color-accent);
    box-shadow: 0 0 0 2px var(--eshop-color-primary-light);
}

.eshop-search-page__filter-toggle[b-bduoif6zom] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-xs);
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-md);
    background: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color);
    border-radius: var(--eshop-border-radius);
    font-weight: var(--eshop-font-weight-medium);
    cursor: pointer;
    transition: var(--eshop-transition-fast);
}

.eshop-search-page__filter-toggle:hover[b-bduoif6zom] {
    background: var(--eshop-color-gray-50);
    border-color: var(--eshop-color-gray-400);
}

.eshop-search-page__filter-toggle svg[b-bduoif6zom] {
    width: 18px;
    height: 18px;
}

.eshop-search-page__layout[b-bduoif6zom] {
    display: flex;
    gap: var(--eshop-spacing-xl, 32px);
    margin-top: var(--eshop-page-section-gap, 24px);
}

.eshop-search-page__main[b-bduoif6zom] {
    flex: 1;
    min-width: 0;
}

.eshop-search-page__grid[b-bduoif6zom] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--eshop-spacing-lg);
}

.eshop-search-page__loading[b-bduoif6zom] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--eshop-spacing-xxl) 0;
    text-align: center;
    background: var(--eshop-color-gray-50);
    border-radius: var(--eshop-border-radius);
    border: 1px solid var(--eshop-border-color-light);
}

.eshop-search-page__empty[b-bduoif6zom] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--eshop-spacing-xxl) var(--eshop-spacing-md);
    text-align: center;
    background: var(--eshop-color-white);
    border-radius: var(--eshop-border-radius);
    border: 1px solid var(--eshop-border-color-light);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-search-page__spinner[b-bduoif6zom] {
    width: 48px;
    height: 48px;
    border: 3px solid var(--eshop-color-gray-200);
    border-top-color: var(--eshop-color-accent);
    border-radius: 50%;
    animation: eshop-spin-b-bduoif6zom 1s linear infinite;
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-search-page__empty-icon[b-bduoif6zom] {
    width: 80px;
    height: 80px;
    background: var(--eshop-color-gray-50);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--eshop-spacing-lg);
    color: var(--eshop-color-gray-400);
}

.eshop-search-page__empty-icon svg[b-bduoif6zom] {
    width: 40px;
    height: 40px;
}

.eshop-search-page__empty-title[b-bduoif6zom] {
    font-size: var(--eshop-font-size-2xl);
    font-weight: var(--eshop-font-weight-bold);
    margin-bottom: var(--eshop-spacing-sm);
    color: var(--eshop-color-text);
}

.eshop-search-page__empty-text[b-bduoif6zom] {
    color: var(--eshop-color-text-light);
    font-size: var(--eshop-font-size-md);
    margin-bottom: var(--eshop-spacing-xl);
    max-width: 400px;
}

.eshop-search-page__clear-btn[b-bduoif6zom] {
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-xl);
    background-color: var(--eshop-color-primary);
    border: none;
    border-radius: var(--eshop-border-radius);
    font-weight: var(--eshop-font-weight-bold);
    cursor: pointer;
    transition: var(--eshop-transition-base);
}

.eshop-search-page__clear-btn:hover[b-bduoif6zom] {
    background-color: var(--eshop-color-primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--eshop-shadow-md);
}

.eshop-search-page__pagination[b-bduoif6zom] {
    margin-top: var(--eshop-spacing-xxl);
    display: flex;
    justify-content: center;
}

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

@media (max-width: 1024px) {
    .eshop-search-page__header[b-bduoif6zom] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--eshop-spacing-sm);
    }

    .eshop-search-page__actions[b-bduoif6zom] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 640px) {
    .eshop-search-page__grid[b-bduoif6zom] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: var(--eshop-spacing-sm);
    }

    .eshop-search-page__title[b-bduoif6zom] {
        font-size: var(--eshop-font-size-2xl);
    }

    .eshop-search-page__actions[b-bduoif6zom] {
        flex-direction: column;
        align-items: stretch;
    }

    .eshop-search-page__sort[b-bduoif6zom] {
        justify-content: space-between;
    }
}
/* _content/Eshop.Foundation.UI/Views/EshopSubscriptionSuccessView.razor.rz.scp.css */
.eshop-subscription-success[b-h7olf8vge4] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--eshop-spacing-xl) var(--eshop-page-padding);
    background: radial-gradient(circle at top right, var(--eshop-color-primary-light), transparent),
        radial-gradient(circle at bottom left, var(--eshop-color-primary-light), transparent);
}

.eshop-subscription-success__card[b-h7olf8vge4] {
    background: var(--eshop-color-white);
    padding: var(--eshop-spacing-xxl) var(--eshop-spacing-xl);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-lg);
    max-width: 600px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--eshop-spacing-md);
    animation: slideUp-b-h7olf8vge4 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.eshop-subscription-success__icon[b-h7olf8vge4] {
    color: var(--eshop-color-success);
    background: rgba(16, 185, 129, 0.1);
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: var(--eshop-spacing-md);
}

.eshop-subscription-success__title[b-h7olf8vge4] {
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0;
}

.eshop-subscription-success__message[b-h7olf8vge4] {
    font-size: var(--eshop-font-size-lg);
    line-height: 1.6;
    color: var(--eshop-color-text-light);
    margin: 0;
}

.eshop-subscription-success__actions[b-h7olf8vge4] {
    margin-top: var(--eshop-spacing-lg);
}

.eshop-subscription-success__button[b-h7olf8vge4] {
    display: inline-block;
    background: var(--eshop-color-primary);
    color: var(--eshop-color-gray-900);
    padding: 1rem 2.5rem;
    border-radius: var(--eshop-border-radius-pill);
    font-weight: var(--eshop-font-weight-semibold);
    text-decoration: none;
    transition: var(--eshop-transition-base);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-subscription-success__button:hover[b-h7olf8vge4] {
    background: var(--eshop-color-primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--eshop-shadow-md);
}

@keyframes slideUp-b-h7olf8vge4 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .eshop-subscription-success__card[b-h7olf8vge4] {
        padding: var(--eshop-spacing-xl) var(--eshop-spacing-md);
    }

    .eshop-subscription-success__title[b-h7olf8vge4] {
        font-size: var(--eshop-font-size-2xl);
    }
}
/* _content/Eshop.Foundation.UI/Views/Profile/EshopProfileDashboardView.razor.rz.scp.css */


.eshop-profile-content[b-b19u8qzado] {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: auto !important;
}

.eshop-welcome-banner[b-b19u8qzado] {
    background-color: var(--eshop-color-primary);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg) var(--eshop-spacing-xl);
    margin-bottom: var(--eshop-spacing-lg);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-welcome-banner__title[b-b19u8qzado] {
    font-size: var(--eshop-font-size-2xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0 0 var(--eshop-spacing-xs) 0;
}

.eshop-welcome-banner__subtitle[b-b19u8qzado] {
    font-size: var(--eshop-font-size-md);
    color: var(--eshop-color-gray-700);
    margin: 0;
}

/* The a11y ("Standard view") theme overrides --eshop-color-primary to a dark navy, so the
   default dark banner text loses contrast. Use the light/invert text colour there instead. */
:root[data-theme="a11y"] .eshop-welcome-banner__title[b-b19u8qzado],
:root[data-theme="a11y"] .eshop-welcome-banner__subtitle[b-b19u8qzado] {
    color: var(--eshop-color-text-invert);
}

/* 3-Card Grid */
.eshop-overview-grid[b-b19u8qzado] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--eshop-spacing-md);
    margin-bottom: var(--eshop-spacing-lg);
}

@media (min-width: 768px) {
    .eshop-overview-grid[b-b19u8qzado] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.eshop-overview-card[b-b19u8qzado] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 160px;
    box-shadow: var(--eshop-shadow-sm);
    transition: all var(--eshop-transition-base);
}

.eshop-overview-card:hover[b-b19u8qzado] {
    transform: translateY(-2px);
    box-shadow: var(--eshop-shadow-md);
    border-color: var(--eshop-color-primary-hover);
}

.eshop-overview-card--link[b-b19u8qzado] {
    text-decoration: none;
    cursor: pointer;
}

.eshop-overview-card__header[b-b19u8qzado] {
    margin-bottom: var(--eshop-spacing-sm);
}

.eshop-overview-card__icon[b-b19u8qzado] {
    display: flex;
    align-items: center;
}

[b-b19u8qzado] .eshop-card-icon {
    width: 24px;
    height: 24px;
    color: var(--eshop-color-primary);
}

.eshop-overview-card__body[b-b19u8qzado] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
    flex-grow: 1;
}

.eshop-overview-card__value[b-b19u8qzado] {
    font-size: var(--eshop-font-size-3xl);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    line-height: 1.1;
}

.eshop-overview-card__title[b-b19u8qzado] {
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
}

.eshop-overview-card__label[b-b19u8qzado] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
}

.eshop-overview-card__text[b-b19u8qzado] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    margin: 0;
}

.eshop-overview-card__link[b-b19u8qzado] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-primary-hover);
    text-decoration: none;
    font-weight: var(--eshop-font-weight-bold);
    margin-top: auto;
    padding-top: var(--eshop-spacing-xs);
    display: inline-block;
}

.eshop-overview-card__link:hover[b-b19u8qzado] {
    text-decoration: underline;
}

/* Progress Bar */
.eshop-profile-progress-bar-container[b-b19u8qzado] {
    background-color: var(--eshop-color-gray-100);
    border-radius: 4px;
    height: 8px;
    width: 100%;
    margin-block: var(--eshop-spacing-xs);
    overflow: hidden;
}

.eshop-profile-progress-bar[b-b19u8qzado] {
    background-color: var(--eshop-color-primary);
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}

/* Letzte Aktivitäten Section */
.eshop-activity-section[b-b19u8qzado] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg);
    margin-bottom: var(--eshop-spacing-lg);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-activity-section__header[b-b19u8qzado] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--eshop-spacing-md);
    border-bottom: 1px solid var(--eshop-border-color-light);
    padding-bottom: var(--eshop-spacing-sm);
}

.eshop-activity-section__title[b-b19u8qzado] {
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0;
}

.eshop-activity-section__link[b-b19u8qzado] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-primary-hover);
    text-decoration: none;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-activity-section__link:hover[b-b19u8qzado] {
    text-decoration: underline;
}

.eshop-activity-section__empty[b-b19u8qzado] {
    color: var(--eshop-color-text-muted);
    font-size: var(--eshop-font-size-sm);
    margin: 0;
    text-align: center;
    padding: var(--eshop-spacing-md) 0;
}

.eshop-activity-row[b-b19u8qzado] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--eshop-spacing-sm) 0;
}

.eshop-activity-row__left[b-b19u8qzado] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-2xs);
}

.eshop-activity-row__number[b-b19u8qzado] {
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
}

.eshop-activity-row__date[b-b19u8qzado] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
}

.eshop-activity-row__right[b-b19u8qzado] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-md);
}

.eshop-activity-row__price[b-b19u8qzado] {
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    font-size: var(--eshop-font-size-md);
    min-width: 80px;
    text-align: right;
}

/* Sicherheit Card */
.eshop-security-section[b-b19u8qzado] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-md) var(--eshop-spacing-lg);
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-md);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-security-section__icon-wrapper[b-b19u8qzado] {
    flex-shrink: 0;
}

.eshop-security-section__icon[b-b19u8qzado] {
    display: flex;
    align-items: center;
}

.eshop-security-icon[b-b19u8qzado] {
    width: 24px;
    height: 24px;
    color: var(--eshop-color-primary-hover);
}

.eshop-security-section__content[b-b19u8qzado] {
    flex-grow: 1;
}

.eshop-security-section__title[b-b19u8qzado] {
    font-size: var(--eshop-font-size-md);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0 0 2px 0;
}

.eshop-security-section__text[b-b19u8qzado] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    margin: 0;
}

.eshop-security-section__action[b-b19u8qzado] {
    flex-shrink: 0;
}

.eshop-security-section__link[b-b19u8qzado] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-primary-hover);
    text-decoration: none;
    font-weight: var(--eshop-font-weight-bold);
}

.eshop-security-section__link:hover[b-b19u8qzado] {
    text-decoration: underline;
}
/* _content/Eshop.Foundation.UI/Views/Profile/EshopProfileOrdersView.razor.rz.scp.css */
.eshop-profile-content[b-5k1nmir631] {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: auto !important;
}

/* Empty State */
.eshop-empty-state[b-5k1nmir631] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-xxl) var(--eshop-spacing-md);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--eshop-spacing-sm);
    box-shadow: var(--eshop-shadow-sm);
}

.eshop-empty-state__icon[b-5k1nmir631] {
    color: var(--eshop-color-gray-400);
    opacity: 0.5;
    margin-bottom: var(--eshop-spacing-xs);
}

.eshop-empty-state__text[b-5k1nmir631] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-text-muted);
    margin: 0 0 var(--eshop-spacing-xs) 0;
}

.eshop-empty-state__btn[b-5k1nmir631] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--eshop-color-primary);
    color: var(--eshop-color-gray-900);
    padding: var(--eshop-spacing-xs) var(--eshop-spacing-lg);
    border-radius: var(--eshop-border-radius-sm);
    font-size: var(--eshop-font-size-sm);
    font-weight: var(--eshop-font-weight-semibold);
    text-decoration: none;
    transition: background-color var(--eshop-transition-base);
}

.eshop-empty-state__btn:hover[b-5k1nmir631] {
    background-color: var(--eshop-color-primary-hover);
    color: var(--eshop-color-gray-900);
    text-decoration: none;
}
/* _content/Eshop.Foundation.UI/Views/Profile/EshopProfilePasswordView.razor.rz.scp.css */
.eshop-profile-content[b-pyf81gpij7] {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: auto !important;
}

.eshop-password-card[b-pyf81gpij7] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    padding: var(--eshop-spacing-lg);
    box-shadow: var(--eshop-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-md);
}

.eshop-password-card__title[b-pyf81gpij7] {
    font-size: var(--eshop-font-size-lg);
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    margin: 0;
}

.eshop-password-hints[b-pyf81gpij7] {
    list-style: none;
    padding: 0;
    margin: var(--eshop-spacing-xs) 0 0 0;
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.eshop-password-card__actions[b-pyf81gpij7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--eshop-spacing-md);
}

.eshop-forgot-password-link[b-pyf81gpij7] {
    font-size: var(--eshop-font-size-sm);
    color: var(--eshop-color-primary-hover);
    text-decoration: none;
}

.eshop-forgot-password-link:hover[b-pyf81gpij7] {
    text-decoration: underline;
}
/* _content/Eshop.Foundation.UI/Views/Profile/EshopProfilePersonalDataView.razor.rz.scp.css */
.eshop-profile-content[b-9ag8wbb6qm] {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: auto !important;
}
/* _content/Eshop.Foundation.UI/Views/Profile/EshopProfileSidebar.razor.rz.scp.css */
.eshop-profile-sidebar[b-fj8ktkkh2p] {
    background-color: var(--eshop-color-white);
    border: 1px solid var(--eshop-border-color-light);
    border-radius: var(--eshop-border-radius);
    box-shadow: var(--eshop-shadow-sm);
    padding: var(--eshop-spacing-md);
    height: fit-content;
}

.eshop-profile-sidebar__user-card[b-fj8ktkkh2p] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-md);
    padding-bottom: var(--eshop-spacing-md);
    margin-bottom: var(--eshop-spacing-md);
    border-bottom: 1px solid var(--eshop-border-color-light);
}

.eshop-profile-sidebar__avatar[b-fj8ktkkh2p] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--eshop-color-primary);
    color: var(--eshop-color-gray-900);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--eshop-font-weight-bold);
    font-size: var(--eshop-font-size-md);
    flex-shrink: 0;
}

/* a11y ("Standard view") theme: avatar background is dark navy → use light text for contrast. */
:root[data-theme="a11y"] .eshop-profile-sidebar__avatar[b-fj8ktkkh2p] {
    color: var(--eshop-color-text-invert);
}

.eshop-profile-sidebar__user-info[b-fj8ktkkh2p] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.eshop-profile-sidebar__email[b-fj8ktkkh2p] {
    font-weight: var(--eshop-font-weight-bold);
    color: var(--eshop-color-gray-900);
    font-size: var(--eshop-font-size-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* On mobile there isn't enough room for avatar + email side by side, so stack
   the avatar on top of the email and let the text use the full card width. */
@media (max-width: 767px) {
    .eshop-profile-sidebar__user-card[b-fj8ktkkh2p] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .eshop-profile-sidebar__user-info[b-fj8ktkkh2p] {
        align-items: center;
        width: 100%;
    }
}

.eshop-profile-sidebar__status[b-fj8ktkkh2p] {
    font-size: var(--eshop-font-size-xs);
    color: var(--eshop-color-text-muted);
}

.eshop-profile-sidebar__nav[b-fj8ktkkh2p] {
    display: flex;
    flex-direction: column;
    gap: var(--eshop-spacing-xs);
}

.eshop-profile-sidebar__link[b-fj8ktkkh2p] {
    display: flex;
    align-items: center;
    gap: var(--eshop-spacing-sm);
    padding: var(--eshop-spacing-sm) var(--eshop-spacing-md);
    text-decoration: none;
    color: var(--eshop-color-gray-900);
    font-weight: var(--eshop-font-weight-medium);
    border-radius: var(--eshop-border-radius-sm);
    transition: all var(--eshop-transition-fast);
}

[b-fj8ktkkh2p] .eshop-sidebar-icon {
    width: 20px;
    height: 20px;
    color: inherit;
    flex-shrink: 0;
}

.eshop-profile-sidebar__link:hover[b-fj8ktkkh2p] {
    background-color: var(--eshop-color-primary-light);
    color: var(--eshop-color-gray-900);
}

.eshop-profile-sidebar__link--active[b-fj8ktkkh2p] {
    background-color: var(--eshop-color-primary);
    color: var(--eshop-color-gray-900);
    font-weight: var(--eshop-font-weight-bold);
    box-shadow: none;
}

/* The a11y ("Standard view") theme overrides --eshop-color-primary to a dark navy, so the
   active link's dark text becomes invisible. Use the light/invert text colour there instead. */
:root[data-theme="a11y"] .eshop-profile-sidebar__link--active[b-fj8ktkkh2p] {
    color: var(--eshop-color-text-invert);
}

.eshop-profile-sidebar__divider[b-fj8ktkkh2p] {
    height: 1px;
    background-color: var(--eshop-border-color-light);
    margin-block: var(--eshop-spacing-xs);
}

.eshop-profile-sidebar__link--logout[b-fj8ktkkh2p] {
    color: var(--eshop-color-gray-900);
}

.eshop-profile-sidebar__link--logout:hover[b-fj8ktkkh2p] {
    background-color: #fee2e2;
    color: var(--eshop-color-error);
}