/* ==================================================
   OXYBAG - OXYLADY SVET V6
   - zarovnani podmenu do sirky obsahu
   - aktivni polozka tmave ruzova (jako OXY hover / CTA)
   - odstraneni zbytku cara po bloku Kategorie
   - 10px radius pro vsechny OXYLADY obdelnikove prvky
   ================================================== */

body.oxy-oxylady-mode {
    --oxy-lady-bg: #ffffff;
    --oxy-lady-surface: #ffffff;
    --oxy-lady-bar: #fbe5ee;
    --oxy-lady-bar-border: #f1cfdd;
    --oxy-lady-border: #ecd7df;
    --oxy-lady-pink: #de337f;
    --oxy-lady-pink-dark: #c92870;
    --oxy-lady-text: #222222;
    --oxy-lady-radius: 10px;
    background-color: var(--oxy-lady-bg) !important;
}

body.oxy-oxylady-mode #content-wrapper,
body.oxy-oxylady-mode .content-wrapper,
body.oxy-oxylady-mode .content-wrapper-in,
body.oxy-oxylady-mode #content {
    background-color: transparent !important;
}

body.oxy-oxylady-mode #header,
body.oxy-oxylady-mode #footer,
body.oxy-oxylady-mode footer {
    background-color: #fff !important;
}

@media (min-width: 992px) {
    body.oxy-oxylady-mode #navigation .oxy-oxylady-main-item > a > b,
    body.oxy-oxylady-mode #navigation .oxy-oxylady-main-item > a > span,
    body.oxy-oxylady-mode #navigation .oxy-oxylady-main-item > a {
        color: var(--oxy-lady-pink) !important;
        border-bottom-color: var(--oxy-lady-pink) !important;
    }
}

/* ==================================================
   Dlouhy OXYLADY pruh pod hlavnim menu
   ================================================== */
.oxy-oxylady-subnav {
    position: relative;
    z-index: 18;
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 0 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.oxy-oxylady-subnav__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - 40px);
    max-width: 1380px;
    min-height: 52px;
    margin: 0;
    padding: 8px 12px;
    background: var(--oxy-lady-bar, #fbe5ee);
    border: 1px solid var(--oxy-lady-bar-border, #f1cfdd);
    border-radius: var(--oxy-lady-radius, 10px);
}

.oxy-oxylady-subnav__link,
.oxy-oxylady-subnav__link:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid transparent;
    border-radius: var(--oxy-lady-radius, 10px) !important;
    background: transparent;
    color: var(--oxy-lady-text, #222) !important;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.oxy-oxylady-subnav__link.is-active,
.oxy-oxylady-subnav__link[aria-current="page"] {
    background: #c93678;
    border-color: #c93678;
    color: #fff !important;
    box-shadow: none;
}

@media (hover: hover) {
    .oxy-oxylady-subnav__link:not(.is-active):hover {
        background: rgba(255, 255, 255, .78);
        border-color: rgba(222, 51, 127, .16);
        color: var(--oxy-lady-pink-dark) !important;
    }
}

.oxy-oxylady-subnav__link:focus-visible {
    outline: 2px solid var(--oxy-lady-pink, #de337f);
    outline-offset: 2px;
}

/* ==================================================
   Kategorie vlevo: schovame cely box Kategorie + zbytky po nem
   ================================================== */
body.oxy-oxylady-mode.type-category .oxy-oxylady-hidden-category-box,
body.oxy-oxylady-mode.type-category .box-categories,
body.oxy-oxylady-mode.type-category #categories {
    display: none !important;
}

body.oxy-oxylady-mode.type-category .sidebar hr,
body.oxy-oxylady-mode.type-category .left-menu hr,
body.oxy-oxylady-mode.type-category .sidebar .separator,
body.oxy-oxylady-mode.type-category .left-menu .separator,
body.oxy-oxylady-mode.type-category .sidebar::before,
body.oxy-oxylady-mode.type-category .left-menu::before,
body.oxy-oxylady-mode.type-category .sidebar-in::before,
body.oxy-oxylady-mode.type-category .sidebar::after,
body.oxy-oxylady-mode.type-category .left-menu::after {
    display: none !important;
    content: none !important;
}

body.oxy-oxylady-mode.type-category .sidebar > *:first-child,
body.oxy-oxylady-mode.type-category .left-menu > *:first-child,
body.oxy-oxylady-mode.type-category .sidebar-in > *:first-child {
    margin-top: 0 !important;
    border-top: 0 !important;
    padding-top: 0 !important;
}

/* Zbytek po puvodnim boxu Kategorie: Shoptet muze nechat samostatny
   wrapper / nadpis / divider. JS ho oznaci touto tridou. */
body.oxy-oxylady-mode.type-category .oxy-oxylady-sidebar-ghost {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* PRESNE identifikovana cara z DevTools:
   div.box.box-bg-default.box-sm.box-filters ma border-top: 1px solid #dadada.
   Odstranime pouze tuto horni linku; zbytek filtru zustava beze zmeny. */
body.oxy-oxylady-mode.type-category div.box.box-bg-default.box-sm.box-filters,
body.oxy-oxylady-mode.type-category div.box.box-filters {
    border-top: 0 !important;
}

/* Pojistka proti horizontalni lince, kterou muze kreslit samotny sidebar. */
body.oxy-oxylady-mode.type-category #content aside.sidebar,
body.oxy-oxylady-mode.type-category #content .sidebar,
body.oxy-oxylady-mode.type-category #content .sidebar-left,
body.oxy-oxylady-mode.type-category #content .sidebar-inner,
body.oxy-oxylady-mode.type-category #content .sidebar-in {
    border-top: 0 !important;
    background-image: none !important;
}

body.oxy-oxylady-mode.type-category #content aside.sidebar::before,
body.oxy-oxylady-mode.type-category #content aside.sidebar::after,
body.oxy-oxylady-mode.type-category #content .sidebar::before,
body.oxy-oxylady-mode.type-category #content .sidebar::after,
body.oxy-oxylady-mode.type-category #content .sidebar-inner::before,
body.oxy-oxylady-mode.type-category #content .sidebar-inner::after,
body.oxy-oxylady-mode.type-category #content .sidebar-in::before,
body.oxy-oxylady-mode.type-category #content .sidebar-in::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
}

/* ==================================================
   Barevna hierarchie OXYLADY
   ================================================== */
body.oxy-oxylady-mode.type-category #filters {
    border: 1px solid var(--oxy-lady-border) !important;
    border-radius: var(--oxy-lady-radius) !important;
    background: var(--oxy-lady-surface) !important;
    box-shadow: none !important;
}

body.oxy-oxylady-mode.type-category #filters .filter-section,
body.oxy-oxylady-mode.type-category #filters .filter-section-boolean,
body.oxy-oxylady-mode.type-category #filters .filter-section-parametric,
body.oxy-oxylady-mode.type-category #filters .filter-section-price,
body.oxy-oxylady-mode.type-category #filters fieldset {
    background-color: transparent !important;
    border-color: #eee1e6 !important;
}

body.oxy-oxylady-mode.type-category #filters .filter-section-content,
body.oxy-oxylady-mode.type-category #filters .filter-section__content,
body.oxy-oxylady-mode.type-category #filters .filter-content,
body.oxy-oxylady-mode.type-category #filters .filter-section > form,
body.oxy-oxylady-mode.type-category #filters .filter-section > fieldset,
body.oxy-oxylady-mode.type-category #filters .filter-section > ul,
body.oxy-oxylady-mode.type-category #filters .filter-section > div:not(.ui-slider):not(.slider),
body.oxy-oxylady-mode.type-category #filters form,
body.oxy-oxylady-mode.type-category #filters ul,
body.oxy-oxylady-mode.type-category #filters .param-filter,
body.oxy-oxylady-mode.type-category #filters .advanced-parameter {
    background-color: transparent !important;
}

body.oxy-oxylady-mode.type-category #products.products-block > .product > .p,
body.oxy-oxylady-mode.type-category #products .products-block > .product > .p,
body.oxy-oxylady-mode.type-category .products-block:not(.products-top):not(.products-related):not(.products-alternative) > .product > .p,
body.oxy-oxylady-mode.type-category .oxy-category-card-outline,
body.oxy-oxylady-mode.type-category .load-products,
body.oxy-oxylady-mode.type-category .next-page,
body.oxy-oxylady-mode.type-category .btn {
    border-radius: var(--oxy-lady-radius) !important;
}

/* Root OXYLADY - podkategorie jako cistejsi, vetsi karty */
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 20px 0 8px !important;
    padding: 0 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .subcategories > li,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image > li {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .subcategories > li > a,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image > li > a,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories li a {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 154px;
    height: 100% !important;
    padding: 14px 12px !important;
    border: 1px solid var(--oxy-lady-border) !important;
    border-radius: var(--oxy-lady-radius) !important;
    background: var(--oxy-lady-surface) !important;
    text-align: center !important;
    box-shadow: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .subcategories a img,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image a img {
    max-height: 84px !important;
    width: auto !important;
    object-fit: contain;
    margin: 0 0 12px !important;
}

@media (hover: hover) {
    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories > li > a:hover,
    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image > li > a:hover {
        border-color: #e6b9ca !important;
        background: #fff !important;
        transform: translateY(-1px);
    }
}

body.oxy-oxylady-mode.oxy-oxylady-root .category-title,
body.oxy-oxylady-mode.oxy-oxylady-root h1 {
    margin-bottom: 14px;
}

body.oxy-oxylady-mode.oxy-oxylady-root .category-perex,
body.oxy-oxylady-mode.oxy-oxylady-root .category-description,
body.oxy-oxylady-mode.oxy-oxylady-root .category-header {
    margin-bottom: 18px;
}

/* Responsive */
@media (max-width: 1199px) and (min-width: 992px) {
    .oxy-oxylady-subnav__inner {
        gap: 2px;
        width: calc(100vw - 40px);
        max-width: 1380px;
    }

    .oxy-oxylady-subnav__link,
    .oxy-oxylady-subnav__link:visited {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories,
    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image {
        gap: 14px;
    }
}

@media (max-width: 991px) {
    .oxy-oxylady-subnav {
        z-index: 16;
        padding-top: 8px;
    }

    .oxy-oxylady-subnav__inner {
        left: auto;
        transform: none;
        justify-content: flex-start;
        gap: 6px;
        width: calc(100% - 20px);
        min-height: 48px;
        padding: 7px 10px;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .oxy-oxylady-subnav__inner::-webkit-scrollbar {
        display: none;
    }

    .oxy-oxylady-subnav__link,
    .oxy-oxylady-subnav__link:visited {
        min-height: 32px;
        padding: 6px 12px;
        font-size: 12px;
        border-radius: var(--oxy-lady-radius, 10px) !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories,
    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories > li > a,
    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image > li > a {
        min-height: 136px;
    }
}


/* ==================================================
   OXYLADY V30 - CISTY DESKTOP ZAKLAD
   - bez historickych override pravidel
   - serverovy levy box = lifestyle foto
   - filtr pod fotkou, zarovnany na produkty
   - podkategorie 4 + 4
   - full image z data-image, thumbnail pouze fallback
   ================================================== */

body.oxy-oxylady-mode {
    --oxy-lady-panel-bg: #fbeef4;
    --oxy-lady-panel-border: #efc8d8;
    --oxy-lady-panel-divider: #e8ccd8;
    background: #fff !important;
}

body.oxy-oxylady-mode #content-wrapper,
body.oxy-oxylady-mode .content-wrapper,
body.oxy-oxylady-mode .content-wrapper-in,
body.oxy-oxylady-mode #content,
body.oxy-oxylady-mode main,
body.oxy-oxylady-mode .overall-wrapper {
    background: #fff !important;
}

/* ---------- Root desktop: levy sloupec ---------- */
/* Body class in-modni-doplnky-oxylady je serverova, proto se sidebar schova jeste pred JS. */
@media (min-width: 992px) {
    body.in-modni-doplnky-oxylady .sidebar-left .sidebar-inner {
        visibility: hidden;
    }

    body.in-modni-doplnky-oxylady.oxy-oxylady-layout-ready .sidebar-left .sidebar-inner {
        visibility: visible;
    }

    body.in-modni-doplnky-oxylady .sidebar-left .sidebar-inner,
    body.oxy-oxylady-mode.oxy-oxylady-root .sidebar-left .sidebar-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        padding-top: 0 !important;
        border: 0 !important;
        background: transparent !important;
        transition: none !important;
    }

    /* Puvodni serverovy box Kategorie se na rootu meni na foto banner. */
    body.in-modni-doplnky-oxylady .sidebar-left .box-categories,
    body.in-modni-doplnky-oxylady .sidebar-left .box.box-bg-variant.box-categories,
    body.oxy-oxylady-mode.oxy-oxylady-root .sidebar-left .oxy-oxylady-side-photo {
        display: block !important;
        visibility: visible !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: var(--oxy-photo-height, 760px) !important;
        min-height: 360px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        overflow: hidden !important;
        background-color: #fbeef4 !important;
        background-image: url('/user/documents/upload/OXYLADY/blonde_oxylady.png?v=33') !important;
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        transition: none !important;
    }

    body.in-modni-doplnky-oxylady .sidebar-left .box-categories > *,
    body.oxy-oxylady-mode.oxy-oxylady-root .sidebar-left .oxy-oxylady-side-photo > * {
        display: none !important;
    }
}

/* ---------- Filtr ---------- */
body.oxy-oxylady-mode.type-category .sidebar-left .box-filters,
body.oxy-oxylady-mode.type-category .sidebar-left div.box.box-bg-default.box-sm.box-filters {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--oxy-lady-panel-border) !important;
    border-radius: 10px !important;
    background: var(--oxy-lady-panel-bg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none !important;
}

body.oxy-oxylady-mode.type-category .sidebar-left #filters {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 18px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Zrusime bile vnitrni plochy, ale nevymazeme background-image ovladacim prvkum. */
body.oxy-oxylady-mode.type-category .sidebar-left #filters *,
body.oxy-oxylady-mode.type-category .sidebar-left #filters-default-position,
body.oxy-oxylady-mode.type-category .sidebar-left .filters-wrapper {
    background-color: transparent !important;
}

body.oxy-oxylady-mode.type-category .sidebar-left #filters .filter-section,
body.oxy-oxylady-mode.type-category .sidebar-left #filters .filter-section-price,
body.oxy-oxylady-mode.type-category .sidebar-left #filters .filter-section-parametric,
body.oxy-oxylady-mode.type-category .sidebar-left #filters .filter-section-boolean,
body.oxy-oxylady-mode.type-category .sidebar-left #filters fieldset {
    border-color: var(--oxy-lady-panel-divider) !important;
}

/* Ciselne badge mohou zustat bile, ale nebarvime bile cele kontejnery s pocty. */
body.oxy-oxylady-mode.type-category .sidebar-left #filters span.filter-count,
body.oxy-oxylady-mode.type-category .sidebar-left #filters span.count,
body.oxy-oxylady-mode.type-category .sidebar-left #filters em.filter-count,
body.oxy-oxylady-mode.type-category .sidebar-left #filters small.filter-count {
    background: #fff !important;
}

/* Spodni radek "Polozek k zobrazeni" musi splynout s ruzovym filtrem. */
body.oxy-oxylady-mode.type-category .sidebar-left #filters .oxy-oxylady-filter-total-row,
body.oxy-oxylady-mode.type-category .sidebar-left #filters .oxy-oxylady-filter-total-row * {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Price slider - explicitne obnovime track, aktivni rozsah a handle. */
body.oxy-oxylady-mode.type-category .sidebar-left #filters .slider,
body.oxy-oxylady-mode.type-category .sidebar-left #filters .ui-slider,
body.oxy-oxylady-mode.type-category .sidebar-left #filters [class*='slider'].ui-widget-content {
    display: block !important;
    position: relative !important;
    height: 6px !important;
    min-height: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #d9d9d9 !important;
    overflow: visible !important;
}

body.oxy-oxylady-mode.type-category .sidebar-left #filters .ui-slider-range {
    display: block !important;
    position: absolute !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #dc3f82 !important;
}

body.oxy-oxylady-mode.type-category .sidebar-left #filters .ui-slider-handle {
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    width: 18px !important;
    height: 18px !important;
    margin-left: -9px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #dc3f82 !important;
    box-shadow: none !important;
}

/* ---------- Root hero ---------- */
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-source-hidden {
    display: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero {
    display: block;
    width: 100%;
    margin: 0 0 12px;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__content {
    box-sizing: border-box;
    width: 100%;
    padding: 22px 22px 20px;
    border: 1px solid var(--oxy-lady-panel-border);
    border-radius: 10px;
    background: var(--oxy-lady-panel-bg);
    box-shadow: none;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__eyebrow {
    margin: 0 0 7px;
    color: var(--oxy-lady-pink-dark);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__title {
    margin: 0 0 9px;
    color: #111;
    font-size: 28px;
    line-height: 1.12;
    font-weight: 700;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__lead,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__text {
    max-width: 760px;
    margin: 0 0 7px;
    color: #333;
    font-size: 14px;
    line-height: 1.45;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__buttons {
    margin-top: 13px;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 15px;
    border: 0;
    border-radius: 10px;
    background: #d43d82;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

/* ---------- Root podkategorie 4 + 4 ---------- */
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-section-title {
    margin: 0 0 10px;
    color: #111;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
}

body.oxy-oxylady-mode.oxy-oxylady-root .subcategories,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.oxy-oxylady-static-grid,
body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image.oxy-oxylady-static-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile-item {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile {
    position: relative !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    padding: 14px 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--oxy-lady-panel-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile__content {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 100%;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile__title {
    display: block;
    color: #111 !important;
    font-size: 14px;
    line-height: 1.18;
    font-weight: 700;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile__image {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 62px;
    margin-top: 10px;
}

/* Thumbnail fallback - puvodni 140x100 Shoptet obrazek. */
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile:not(.oxy-oxylady-tile--cover) .oxy-oxylady-tile__image img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 72% !important;
    max-height: 78px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 14px rgba(0,0,0,.08));
}

/* data-image / custom full image - pres cely obdelnik. */
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover {
    padding: 0 !important;
    background: #fbeef4 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__content {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    max-width: none !important;
    padding: 48px 14px 13px !important;
    background: linear-gradient(to bottom, rgba(20,15,18,0), rgba(20,15,18,.68)) !important;
    text-align: left !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__title {
    color: #fff !important;
    font-size: 15px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
}

@media (hover:hover) {
    body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile:hover {
        border-color: #e2a9bf !important;
    }
}

/* ---------- Responsive zaklad ---------- */
@media (max-width: 991px) {
    body.in-modni-doplnky-oxylady .sidebar-left .sidebar-inner,
    body.in-modni-doplnky-oxylady.oxy-oxylady-layout-ready .sidebar-left .sidebar-inner {
        visibility: visible !important;
    }

    body.in-modni-doplnky-oxylady .sidebar-left .box-categories,
    body.oxy-oxylady-mode.oxy-oxylady-root .sidebar-left .oxy-oxylady-side-photo {
        display: none !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories,
    body.oxy-oxylady-mode.oxy-oxylady-root .subcategories.with-image {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__content {
        padding: 18px 16px;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__title {
        font-size: 24px;
    }
}


/* ==================================================
   OXYLADY V31 - presne zarovnani + full-bleed podkategorie
   ================================================== */
@media (min-width: 992px) {
    body.in-modni-doplnky-oxylady .sidebar-left .sidebar-inner,
    body.oxy-oxylady-mode.oxy-oxylady-root .sidebar-left .sidebar-inner {
        padding-top: var(--oxy-sidebar-top-offset, 0px) !important;
    }
}

/* Na rootu OXYLADY vyplni obrazek vzdy celou kartu. Shoptet ale standardne
   poskytuje pouze category thumbnail 140x100, takze jde zatim hlavne o layout. */
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover {
    position: relative !important;
    padding: 0 !important;
    background: #fbeef4 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile__image,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile__image img,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile:not(.oxy-oxylady-tile--cover) .oxy-oxylady-tile__image img,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile__content,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__content {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    max-width: none !important;
    padding: 42px 13px 12px !important;
    background: linear-gradient(to bottom, rgba(20,15,18,0), rgba(20,15,18,.64)) !important;
    text-align: left !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile__title,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-tile.oxy-oxylady-tile--cover .oxy-oxylady-tile__title {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}


/* ==================================================
   OXYLADY V33 - vsech 8 vlastnich banneru + cisty filtr
   ================================================== */
body.oxy-oxylady-mode.type-category .sidebar-left #filters .oxy-oxylady-filter-total-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
}


/* ==================================================
   OXYLADY V34 - bez horni listy podkategorii
   ================================================== */
body.oxy-oxylady-mode .oxy-oxylady-subnav {
    display: none !important;
}

/* ==================================================
   OXYLADY V35 - bez eyebrow/CTA, foto + intro i v podkategoriich
   ================================================== */

/* Zdrojovy nadpis a odstavce podkategorie jsou nahrazeny jednotnym panelem. */
body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-category-source-hidden {
    display: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-category-intro {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 14px;
    padding: 22px 22px 20px;
    border: 1px solid var(--oxy-lady-panel-border, #efc8d8);
    border-radius: 10px;
    background: var(--oxy-lady-panel-bg, #fbeef4);
    box-shadow: none;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-category-intro__title {
    margin: 0 0 12px;
    color: #111;
    font-size: 28px;
    line-height: 1.12;
    font-weight: 700;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-category-intro__text {
    max-width: 900px;
    margin: 0 0 8px;
    color: #333;
    font-size: 14px;
    line-height: 1.45;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-category-intro__text:last-child {
    margin-bottom: 0;
}

/* Root hero uz nema horni OXYLADY eyebrow ani CTA. */
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__eyebrow,
body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-hero__buttons {
    display: none !important;
}

/* Desktop: levy lifestyle banner + filtr stejne na rootu i ve 4 podkategoriich. */
@media (min-width: 992px) {
    body.in-modni-doplnky-oxylady .sidebar-left .sidebar-inner,
    body.in-damske-batohy-a-tasky .sidebar-left .sidebar-inner,
    body.in-penezenky .sidebar-left .sidebar-inner,
    body.in-kosmeticke-tasky .sidebar-left .sidebar-inner,
    body.in-manikura .sidebar-left .sidebar-inner {
        visibility: hidden;
    }

    body.oxy-oxylady-mode.oxy-oxylady-category-page.oxy-oxylady-layout-ready .sidebar-left .sidebar-inner {
        visibility: visible !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-category-page .sidebar-left .sidebar-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        padding-top: var(--oxy-sidebar-top-offset, 0px) !important;
        border: 0 !important;
        background: transparent !important;
        transition: none !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-category-page .sidebar-left .oxy-oxylady-side-photo,
    body.in-modni-doplnky-oxylady .sidebar-left .box-categories,
    body.in-damske-batohy-a-tasky .sidebar-left .box-categories,
    body.in-penezenky .sidebar-left .box-categories,
    body.in-kosmeticke-tasky .sidebar-left .box-categories,
    body.in-manikura .sidebar-left .box-categories {
        display: block !important;
        visibility: visible !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: var(--oxy-photo-height, 760px) !important;
        min-height: 360px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        overflow: hidden !important;
        background-color: #fbeef4 !important;
        background-image: url('/user/documents/upload/OXYLADY/blonde_oxylady.png?v=35') !important;
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        transition: none !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-category-page .sidebar-left .oxy-oxylady-side-photo > *,
    body.in-damske-batohy-a-tasky .sidebar-left .box-categories > *,
    body.in-penezenky .sidebar-left .box-categories > *,
    body.in-kosmeticke-tasky .sidebar-left .box-categories > *,
    body.in-manikura .sidebar-left .box-categories > * {
        display: none !important;
    }
}

@media (max-width: 991px) {
    body.oxy-oxylady-mode.oxy-oxylady-category-page .sidebar-left .sidebar-inner {
        visibility: visible !important;
        padding-top: 0 !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-category-page .sidebar-left .oxy-oxylady-side-photo {
        display: none !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-category-intro {
        padding: 18px 16px;
    }

    body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-category-intro__title {
        font-size: 24px;
    }
}


/* ==================================================
   OXYLADY V36 - stejne 4 podkategorie i uvnitr podkategorii
   ================================================== */
body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-categories {
    display: block;
    width: 100%;
    margin: 0 0 18px;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-categories .oxy-oxylady-section-title {
    margin: 0 0 10px;
    color: #111;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid .oxy-oxylady-tile-item {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid .oxy-oxylady-tile {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--oxy-lady-panel-border, #efc8d8) !important;
    border-radius: 10px !important;
    background: #fbeef4 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid .oxy-oxylady-tile__image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid .oxy-oxylady-tile__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: none !important;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid .oxy-oxylady-tile__content {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 42px 13px 12px !important;
    background: linear-gradient(to bottom, rgba(20,15,18,0), rgba(20,15,18,.64)) !important;
    text-align: left !important;
}

body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid .oxy-oxylady-tile__title {
    display: block;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}

@media (hover:hover) {
    body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid .oxy-oxylady-tile:hover {
        border-color: #e2a9bf !important;
    }
}

@media (max-width: 991px) {
    body.oxy-oxylady-mode.oxy-oxylady-category-page .oxy-oxylady-sibling-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}


/* ==================================================
   OXYLADY V37 - root podkategorie na mobilu stejne jako v podkategoriich
   ================================================== */
/* Puvodni root pouziva Shoptet .subcategories, na ktery sahaji mobilni styly sablony.
   Tohle je vlastni finalni hook, ktery resetuje flex/width pravidla Shoptetu. */
body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.oxy-oxylady-root-grid,
body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.with-image.oxy-oxylady-root-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item,
body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.with-image.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item {
    display: block !important;
    float: none !important;
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item > a.oxy-oxylady-tile,
body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.with-image.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item > a.oxy-oxylady-tile {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--oxy-lady-panel-border, #efc8d8) !important;
    border-radius: 10px !important;
    background: #fbeef4 !important;
}

@media (max-width: 991px) {
    body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.oxy-oxylady-root-grid,
    body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.with-image.oxy-oxylady-root-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item,
    body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.with-image.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item {
        flex: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item > a.oxy-oxylady-tile,
    body.oxy-oxylady-mode.oxy-oxylady-root ul.subcategories.with-image.oxy-oxylady-root-grid > li.oxy-oxylady-tile-item > a.oxy-oxylady-tile {
        width: 100% !important;
        aspect-ratio: 4 / 3 !important;
    }

    body.oxy-oxylady-mode.oxy-oxylady-root .oxy-oxylady-section-title {
        margin-bottom: 10px !important;
    }
}