/* input(13,31): run-time error CSS1030: Expected identifier, found '>'
input(13,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(449,5): run-time error CSS1030: Expected identifier, found '.'
input(467,1): run-time error CSS1025: Expected comma or open brace, found ')' */
/* Generated by scripts/build-product-theme-bundle.cjs; edit the source stylesheets. */
@font-face {
    font-family: "DB Menu Semibold";
    src: url("../fonts/ProximaNova-Semibold.woff2") format("woff2"),
         url("../fonts/ProximaNova-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Desktop navigation is visible from the first paint, without a toggle. */
/* Reserve a separate row for administration, including while the header is fixed. */
body .master-wrapper-page:has(> .admin-header-links) {
    padding-top: var(--db-measured-admin-bar-height, 36px);
}
body .master-wrapper-page > .admin-header-links {
    /* Sticky is constrained by the storefront's scrolling/overflow containers. */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    box-sizing: border-box;
    min-height: 36px;
    padding: 0 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #333;
    color: #fff;
}
body .master-wrapper-page > .admin-header-links a {
    padding: 5px 10px;
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    font-weight: 400;
}
body .master-wrapper-page > .admin-header-links .admin-logout {
    position: absolute;
    right: 32px;
    top: 0;
}
body .admin-header-links ~ header.db-reveal-header {
    --db-admin-bar-height: var(--db-measured-admin-bar-height, 36px);
}
body .admin-header-links ~ header.db-reveal-header.sticky {
    top: var(--db-admin-bar-height);
}
@media (max-width: 992px) {
    body .master-wrapper-page > .admin-header-links { padding: 0 88px; }
    body .master-wrapper-page > .admin-header-links .admin-logout { right: 8px; }
}
@media (min-width: 993px) {
    body header.db-reveal-header.db-reveal-ready .header_middle {
        max-width: none;
        padding: 0 32px;
    }
    body header.db-reveal-header.db-reveal-ready .header_middle > .row {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        align-items: center;
    }
    body header.db-reveal-ready .header_middle .header_middle_center.logo {
        position: absolute;
        left: max(0px, calc((100% - 1440px) / 2));
        top: 50%;
        transform: translate(0, -50%);
        width: 250px;
        max-width: none;
        padding: 0;
        flex: none;
        z-index: 2;
    }
    body header.db-reveal-ready .header_middle .header_middle_center.logo a {
        min-width: 0;
        width: 100%;
        padding: 0;
    }
    body header.db-reveal-ready .header_middle .header_middle_center.logo img {
        width: 100%;
        height: 50px;
        object-fit: contain;
    }
    body header.db-reveal-ready .header_middle .header_middle_left {
        flex: 1;
        max-width: none;
        padding: 0 0 0 max(270px, calc((100% - 1440px) / 2 + 270px));
        min-width: 0;
    }
    body header.db-reveal-ready .header_middle .header_middle_right {
        flex: none;
        width: auto;
        padding: 0;
        margin-left: auto;
        gap: 12px;
    }
    body header.db-reveal-ready .header_bottom {
        visibility: visible;
        pointer-events: auto;
        width: 100%;
    }
    body header.db-reveal-ready .header_bottom nav > ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    /* Extend the dropdown across the header's 32px side padding. */
    body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section {
        left: -32px;
        right: -32px;
        width: auto;
    }
    body header.db-reveal-ready .header_bottom .header-menu nav > ul > li > a {
        opacity: 1;
        transform: none;
        /* Optical alignment with the wordmark; retain the 30px total vertical padding. */
        padding: 17px clamp(7px, 1vw, 20px) 13px !important;
    }
    body header.db-reveal-ready a:focus-visible { outline: 1px solid #333; outline-offset: 4px; }
    /* Apply the real semibold face to labels too: global.css sets span fonts explicitly. */
    body header.db-reveal-ready .header_bottom .header-menu nav > ul > li > a,
    body header.db-reveal-ready .header_bottom .header-menu nav > ul > li > a > span {
        font-family: "DB Menu Semibold", "Proxima Nova Rg", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600;
    }
    @media (max-width: 1199px) {
        body header.db-reveal-ready .header_middle .header_middle_center.logo { width: 190px; }
        body header.db-reveal-ready .header_middle .header_middle_left { padding-left: 210px; }
        body header.db-reveal-ready .header_middle .header_middle_right { gap: 4px; }
    }
}
@media (prefers-reduced-motion: reduce) {
    body header.db-reveal-ready *, body header.db-reveal-ready *::before, body header.db-reveal-ready *::after {
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}

/* Catalog listings flow into the header without a separator. */
html.html-category-page body header.db-reveal-header,
html.html-search-page body header.db-reveal-header,
html.html-recently-added-products-page body header.db-reveal-header,
html.html-manufacturer-page body header.db-reveal-header,
html.html-vendor-page body header.db-reveal-header,
html.html-product-tag-page body header.db-reveal-header {
    border-bottom: 0;
}

/* Match the homepage's comfortable scrolled header height on inner pages. */
@media (min-width: 993px) {
    body header.db-reveal-header.sticky {
        height: 64px;
    }
    body header.db-reveal-header.sticky .header_middle {
        height: 100%;
    }
}

/* Keep one panel open across top-level gaps; switch only after lazy content arrives. */
@media (min-width: 993px) {
    body header .header_bottom .header-menu nav.db-managed-mega-menu > ul > .menu_dropdown:not(.db-mega-active) > section {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        /* Keep geometry during fade-out; visibility removes closed links from focus. */
        max-height: 100vh;
        clip-path: inset(0 0 100% 0);
        transition: opacity 180ms ease, clip-path 220ms cubic-bezier(.22, 1, .36, 1), visibility 0s 220ms;
    }
    body header .header_bottom .header-menu nav.db-managed-mega-menu > ul > .menu_dropdown.db-mega-active > section {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        max-height: 100vh;
        z-index: 9;
        clip-path: inset(0 0 -16px 0);
        transition: opacity 320ms ease, clip-path 520ms cubic-bezier(.22, 1, .36, 1), visibility 0s;
    }
    /* Animate rows independently, preserving the nested menu's existing layout. */
    body header .header_bottom .header-menu nav.db-managed-mega-menu > ul > .menu_dropdown > section .db-mega-reveal {
        opacity: 0;
        transform: translateY(18px);
        transition: opacity 160ms ease, transform 220ms ease;
    }
    body header .header_bottom .header-menu nav.db-managed-mega-menu > ul > .menu_dropdown.db-mega-active > section .db-mega-reveal {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 420ms ease var(--db-mega-delay, 90ms),
            transform 600ms cubic-bezier(.22, 1, .36, 1) var(--db-mega-delay, 90ms);
    }
}

/* All desktop submenu levels share a smaller type scale and roomier link rows. */
@media (min-width: 993px) {
    html body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section .container ul.link_menu li > a,
    html body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section .container ul.link_menu li > a > span,
    html body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section .image_menu li a > span {
        font-size: 12px !important;
        line-height: 20px;
    }

    html body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section .link_menu li {
        margin-bottom: 12px !important;
    }

    html body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section .link_menu li:last-child {
        margin-bottom: 0 !important;
    }
}

/* Desktop category names remain on one line, including translated labels. */
@media (min-width: 993px) {
    html body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section .link_menu li > a,
    html body header.db-reveal-ready .header_bottom .header-menu nav > ul > .menu_dropdown > section .link_menu li > a > span {
        white-space: nowrap;
    }
}

/* Only the first opening plays the curtain; category switches keep the surface open. */
@media (min-width: 993px) {
    body header .header_bottom .header-menu nav.db-managed-mega-menu.db-mega-switching > ul > .menu_dropdown > section,
    body header .header_bottom .header-menu nav.db-managed-mega-menu.db-mega-switching > ul > .menu_dropdown > section .db-mega-reveal {
        transition: none;
    }
}

/* A slightly stronger category label in the mobile navigation. */
@media (max-width: 992px) {
    .bm_mobil_menu .mobil-menu-list .parent-menu-container > span:not(.arrow),
    .bm_mobil_menu .mobil-menu-list li > a,
    .bm_mobil_menu .mobil-menu-list li > a > span:not(.arrow) {
        font-family: "DB Menu Semibold", "Proxima Nova Rg", sans-serif !important;
        font-weight: 600 !important;
    }
}

/* Product breadcrumb: 2px larger text and 2px extra vertical space. */
html body .product-details-page .page-body .breadcrumb {
    padding-top: 2px;
    padding-bottom: 2px;
}

html body .product-details-page .page-body .breadcrumb ul li a,
html body .product-details-page .page-body .breadcrumb ul li .current-item {
    font-size: 12px;
}

html body .breadcrumb.category-breadcrumb {
    margin-bottom: 24px;
    padding-bottom: 0;
}

/* Inherits the page's lang so Turkish i/ı uppercase as İ/I. */
html body .breadcrumb.category-breadcrumb ul li a,
html body .breadcrumb.category-breadcrumb ul li .current-item {
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 16px;
}

html body .breadcrumb.category-breadcrumb ul li .delimiter {
    line-height: 16px;
}

html body .category-page-title {
    margin-bottom: 0;
}

/* Give the heading extra breathing room above the category filters. */
html body .category-page .page-body .product-list .catalog-filter-toolbar {
    margin: 32px 0 24px;
}

/* Keep catalog titles visually subordinate to the brand wordmark. */
html body .category-page-title .category-heading {
    font-family: "DB Menu Semibold", "Proxima Nova Rg", sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
@media (max-width: 768px) {
    html body .breadcrumb.category-breadcrumb {
        margin-bottom: 16px;
    }

    html body .category-page .page-body .product-list .catalog-filter-toolbar {
        margin: 24px 0 16px;
    }

    html body .breadcrumb.category-breadcrumb ul {
        justify-content: flex-start;
        text-align: left;
    }

    html body .category-page-title,
    html body .category-page-title .category-heading {
        text-align: left;
    }

    html body .category-page-title .category-heading {
        font-size: 16px;
        /* Match the breadcrumb link's 10px horizontal inset. */
        padding-left: 10px;
    }
}

/* The combined filter row is server-rendered; spacing belongs to its outer row. */
html body .category-page .page-body .product-list .catalog-filter-action-row.has-inline-categories:not(.is-stuck) {
    margin: 32px 0 24px;
}
html body .category-page .page-body .product-list .catalog-filter-action-row.has-inline-categories .catalog-filter-toolbar {
    margin: 0;
}
@media (max-width: 768px) {
    html body .category-page .page-body .product-list .catalog-filter-action-row.has-inline-categories:not(.is-stuck) {
        margin: 24px 0 16px;
    }
}

/* Match the desktop category chips, including the label's global span styles. */
@media (min-width: 993px) {
    html body .category-page .product-list .catalog-filter-action-row .catalog-filter-toggle,
    html body .category-page .product-list .catalog-filter-action-row .catalog-filter-toggle > span {
        font-size: 13px !important;
        line-height: 1.15;
    }
}

/* Keep the color subordinate to the product title at every screen size. */
.product-details-page .overview .product-title-content > .product-color-name {
    font-family: "Proxima Nova Lt", sans-serif !important;
    font-size: calc(1em - 4px);
    font-weight: 300;
    margin-top: 2px;
}

/* Align the cart badge with the centered 1920px shop-by-category area. */
@media (min-width: 1964px) {
    body header.db-reveal-ready .header_middle .header_middle_right {
        margin-right: calc(50vw - 982px);
    }
}

/* Keep the logo and navigation on the category content's left edge. */
@media (min-width: 2076px) {
    body header.db-reveal-ready .header_middle .header_middle_center.logo {
        left: calc(50vw - 982px);
    }

    body header.db-reveal-ready .header_middle .header_middle_left {
        padding-left: calc(50vw - 712px);
    }
}

/* Catalog and header share the same desktop edges, capped on ultrawide screens. */
@media (min-width: 993px) {
    html.html-category-page {
        --db-catalog-edge: max(32px, calc((100vw - 1920px) / 2));
    }

    html.html-category-page body header.db-reveal-ready .header_middle .header_middle_center.logo {
        left: calc(var(--db-catalog-edge) - 32px);
    }

    html.html-category-page body header.db-reveal-ready .header_middle .header_middle_left {
        padding-left: calc(var(--db-catalog-edge) - 32px + 270px);
    }

    html.html-category-page body header.db-reveal-ready .header_middle .header_middle_right {
        margin-right: calc(var(--db-catalog-edge) - 32px);
    }

    html.html-category-page .master-wrapper-content,
    html.html-category-page .master-column-wrapper {
        width: 100%;
        max-width: none;
    }

    html.html-category-page .master-column-wrapper > .container,
    html.html-category-page .category-page > .container,
    html.html-category-page .center-1 > .category-page-title > .container {
        width: calc(100% - 2 * var(--db-catalog-edge));
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }

    html.html-category-page .master-column-wrapper > .container > .row,
    html.html-category-page .category-page > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    html.html-category-page .category-page .page-body {
        width: 100%;
        max-width: none;
    }

    html.html-category-page body .breadcrumb.category-breadcrumb ul {
        justify-content: flex-start;
    }

    html.html-category-page .category-page-title {
        text-align: left;
    }

    html.html-category-page .category-page .product-grid .item-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 32px 16px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    html.html-category-page .category-page .page-body .product-list .products-container .product-grid .item-grid .item-box {
        width: 100%;
        max-width: none;
        padding: 0;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    html.html-category-page body header.db-reveal-ready .header_middle .header_middle_left {
        padding-left: 210px;
    }
}

/* Storefront backdrop component. Use .db-backdrop for new surfaces.
   Legacy selectors are adapters for plugin-owned nodes and pseudo-elements:
   keep their positioning, visibility, click handlers and stacking order intact.
   Do not target generic .overlay: product images and login panels use it too. */
:root {
    --db-backdrop-tint: rgba(255, 255, 255, .18);
    --db-backdrop-blur: 8px;
    --db-backdrop-duration: 240ms;
}

html body :is(
    .db-backdrop,
    .menu_overlay,
    #fly_out_cart .fly-shopping-cart .overlayy,
    .so-backdrop,
    .qv-backdrop,
    .drawer-overlay,
    .wishlist-login-modal-overlay,
    .international-visitor-notice,
    .ui-widget-overlay,
    .mfp-bg,
    .modal-backdrop,
    .modal > .overlay,
    .bar-notification-container .bar-notification .overlay,
    .header-search-wrapper ~ .search-overlay,
    .search_box .search_overlay,
    #loadingOverlay,
    .overlayOffCanvas,
    .master-wrapper-page > .bm_mobil_menu_overlay
),
html body .master-wrapper-page::before,
html body header .header_middle .header_middle_right :is(.region_box, .language_box, .current_box) button::before,
html body .bm_mobil_menu .mobile-menu-bottom-area .region_box button::before {
    background: var(--db-backdrop-tint) !important;
    -webkit-backdrop-filter: blur(var(--db-backdrop-blur)) !important;
    backdrop-filter: blur(var(--db-backdrop-blur)) !important;
}

/* These libraries used element opacity to darken the old black backdrop.
   Tint now lives in the shared color; do not dilute the blur itself. */
html body .ui-widget-overlay,
html body .mfp-bg:not(.mfp-removing),
html body .modal-backdrop.show {
    opacity: 1 !important;
}

html body header .header_bottom .header-menu nav .menu_overlay {
    /* Cover the viewport, independently of the navigation container gutters. */
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    transition: opacity var(--db-backdrop-duration) ease,
        visibility 0s linear var(--db-backdrop-duration);
}
html body header .header_bottom .header-menu nav .menu_overlay.db-backdrop-visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

/* A light veil remains usable on browsers without backdrop filtering. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root { --db-backdrop-tint: rgba(255, 255, 255, .65); }
}
@media (prefers-reduced-motion: reduce) {
    :root { --db-backdrop-duration: 0ms; }
}

/* The add-to-cart notification is a full-screen stacking context. Apply the
   backdrop to that surface so its nested overlay cannot isolate the blur. */
html body #bar-notification.bar-notification-container > .bar-notification {
    background: var(--db-backdrop-tint) !important;
    -webkit-backdrop-filter: blur(var(--db-backdrop-blur)) !important;
    backdrop-filter: blur(var(--db-backdrop-blur)) !important;
}
html body #bar-notification.bar-notification-container > .bar-notification > .overlay {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Silk curtain: a subtle dark veil and gentle blur, limited to the desktop menu. */
@media (min-width: 993px) {
    html body header .header_bottom .header-menu nav.db-managed-mega-menu .menu_overlay {
        --db-backdrop-tint: rgba(20, 18, 14, .24);
        --db-backdrop-blur: 2px;
        --db-backdrop-duration: 520ms;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body header .header_bottom .header-menu nav.db-managed-mega-menu .menu_overlay {
        transition: none;
    }
}