/* ==========================================================
   SAKESHOP PUBLIC HEADER – single source of truth
   ----------------------------------------------------------
   Tento soubor má být načtený po layout.css a layoutPublic.css.
   Veškeré stylování public headeru je zde, aby se header nepřebíjel
   duplicitami z layout.css / layoutPublic.css.
   ========================================================== */

:root {
    --sakshop-header-h: 76px;
    --sakshop-header-h-real: 76px;
    --sakshop-blue: #0055cc;
    --sakshop-blue-hover: #0047aa;
    --sakshop-ink: #0f172a;
}

/* ==========================================================
   SAKESHOP AUTHENTICATED HEADER
   ----------------------------------------------------------
   Stejny vizual jako public header, ale s prihlasenym uctem
   a kosikem napojenym na updateCart.js.
   ========================================================== */

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
    max-width: 250px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
    max-width: 250px !important;
    padding-right: 11px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
    max-width: 180px !important;
    min-width: 0 !important;
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.05 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name br {
    display: none !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name > span:first-child {
    margin-right: 6px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-icon {
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    font-size: 17px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu {
    min-width: 248px !important;
    padding: 8px !important;
    border-radius: 18px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-item {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 12px !important;
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-item:hover,
.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-item:focus {
    background: rgba(0,85,204,.075) !important;
    color: #0055cc !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu hr {
    margin: 7px 0 !important;
    border-color: rgba(15,23,42,.08) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop {
    position: relative !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .nav-link {
    width: auto !important;
    min-width: 44px !important;
    max-width: 230px !important;
    height: 38px !important;
    min-height: 38px !important;
    gap: 8px !important;
    padding: 0 12px !important;
    overflow: visible !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .fe-shopping-cart {
    flex: 0 0 auto !important;
    font-size: 18px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
    position: static !important;
    top: auto !important;
    right: auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 158px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0055cc !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated.is-over-dark .nav-cart.desktop #cartValue.shopping-cart-badge,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
    color: #fff !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9300 !important;
    min-width: 560px !important;
    max-width: min(720px, calc(100vw - 32px)) !important;
    margin: 0 !important;
    padding-top: 12px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-4px) !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .nav-item.dropdown:hover .cart-preview,
.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview:hover {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu {
    position: static !important;
    display: block !important;
    min-width: 560px !important;
    max-width: min(720px, calc(100vw - 32px)) !important;
    max-height: min(68vh, 540px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-y: auto !important;
    transform: none !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(191,215,242,.92) !important;
    box-shadow: 0 24px 54px rgba(15,41,71,.22) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu > a {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 0 !important;
    color: #0f2947 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu h4 {
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    color: #0f2947 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item {
    display: grid !important;
    grid-template-columns: minmax(130px, 1.5fr) minmax(78px, .75fr) minmax(92px, .85fr) minmax(64px, .6fr) minmax(94px, .9fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 9px 10px !important;
    color: #0f2947 !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item:hover {
    background: #eff6ff !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-title-cart-preview {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #0a2a50 !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-brand,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-price,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-quantity,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-sum {
    width: auto !important;
    min-width: 0 !important;
    color: #64748b !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-sum,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview b.product-sum {
    color: #0055cc !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.mobile #cartValue.shopping-cart-badge {
    top: 2px !important;
    right: 2px !important;
    width: 10px !important;
    min-width: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 2px solid rgba(255,255,255,.92) !important;
    background: #16a34a !important;
    box-shadow: 0 0 0 1px rgba(22,163,74,.22) !important;
}

@media (min-width: 721px) and (max-width: 1180px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
        display: inline-flex !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        width: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
    }
}

@media (min-width: 721px) and (max-width: 1320px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
        max-width: 104px !important;
    }
}

@media (max-width: 720px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-user {
        border: 0 !important;
        font: inherit !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-actions {
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-cart,
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-user {
        flex: 0 0 auto !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu.active {
        position: fixed !important;
        top: calc(var(--sakshop-header-h-real, 118px) + 8px) !important;
        left: 12px !important;
        right: 12px !important;
        z-index: 9400 !important;
        width: auto !important;
        max-height: calc(100dvh - var(--sakshop-header-h-real, 118px) - 24px) !important;
        display: block !important;
        margin: 0 !important;
        padding: 8px !important;
        overflow-y: auto !important;
        background: rgba(255,255,255,.98) !important;
        border: 1px solid rgba(191,215,242,.92) !important;
        border-radius: 18px !important;
        box-shadow: 0 24px 54px rgba(15,41,71,.24) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list {
        display: grid !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list > li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list a {
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 0 12px !important;
        border-radius: 13px !important;
        color: #0f2947 !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        text-decoration: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list a:hover,
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list a:focus {
        background: #eff6ff !important;
        color: #0055cc !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .dropdown-list {
        margin: 0 0 4px !important;
        padding: 0 0 0 10px !important;
        list-style: none !important;
    }
}

@media (max-width: 390px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header .logo-image {
        width: 104px !important;
        max-width: 104px !important;
    }
}

/* Cart preview compact line items */
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main {
    min-width: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main .product-title-cart-preview {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    color: #08264a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main .product-brand {
    flex: 0 0 auto !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item > .product-quantity {
    align-self: center !important;
    width: auto !important;
    min-width: 44px !important;
    padding: 4px 9px !important;
    color: #075fb8 !important;
    background: #eef6ff !important;
    border: 1px solid #cfe3ff !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item > .product-sum {
    align-self: center !important;
    color: #0055cc !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

/* Authenticated desktop header responsive guard */
@media (min-width: 721px) and (max-width: 2296px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated {
        gap: 14px !important;
        padding-left: clamp(18px, 1.7vw, 34px) !important;
        padding-right: clamp(18px, 1.7vw, 34px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop {
        min-width: 0 !important;
        gap: clamp(16px, 2vw, 42px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-bottom.desktop {
        min-width: 0 !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link.text-muted {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(15, 23, 42, .09) !important;
        background: rgba(255, 255, 255, .76) !important;
        color: #172033 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .news-icon,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .help-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: inherit !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex: 1 1 min(900px, 48vw) !important;
        width: min(900px, 48vw) !important;
        max-width: 900px !important;
        min-width: 430px !important;
        margin-left: clamp(18px, 2.4vw, 48px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form > li,
    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form > form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form > form,
    .custom-topnav.public-header--sak.eshop-header--authenticated form#searchForm {
        width: 100% !important;
        max-width: 900px !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop {
        flex: 0 0 auto !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
        max-width: 220px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        max-width: 220px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        max-width: 152px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
        max-width: 122px !important;
    }
}

@media (min-width: 721px) and (max-width: 2150px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex-basis: min(820px, 46vw) !important;
        width: min(820px, 46vw) !important;
        max-width: 820px !important;
        min-width: 390px !important;
        margin-left: clamp(14px, 2vw, 36px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone {
        padding-right: 10px !important;
        gap: 7px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone__number {
        display: none !important;
    }
}

@media (min-width: 721px) and (max-width: 2010px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .logo-image {
        width: 158px !important;
        max-width: 158px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .navbar-brand,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .navbar-brand {
        min-width: 160px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex-basis: min(720px, 44vw) !important;
        width: min(720px, 44vw) !important;
        max-width: 720px !important;
        min-width: 360px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
        max-width: 176px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        max-width: 176px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        max-width: 116px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals .nav-link.dropdown-toggle {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}

@media (min-width: 721px) and (max-width: 1580px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person,
    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        padding: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        min-width: 320px !important;
    }
}

@media (min-width: 721px) and (max-width: 1320px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        min-width: 300px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
        max-width: 104px !important;
    }
}

@media (min-width: 721px) and (max-width: 2150px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text::after {
        content: "Filtr" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-icon {
        display: none !important;
    }
}

@media (min-width: 721px) and (max-width: 2150px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text::after {
        content: "Filtr" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-icon {
        display: none !important;
    }
}

/* ==========================================================
   SAKESHOP AUTHENTICATED HEADER - DESKTOP RESPONSIVE FIX
   ----------------------------------------------------------
   Logged-in header has more controls than public header. Start
   compacting earlier so controls do not collide on desktop widths
   below wide monitor layouts.
   ========================================================== */

@media (min-width: 721px) and (max-width: 2296px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated {
        gap: 14px !important;
        padding-left: clamp(18px, 1.7vw, 34px) !important;
        padding-right: clamp(18px, 1.7vw, 34px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-bottom.desktop {
        gap: 8px !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left {
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link.text-muted {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(15, 23, 42, .09) !important;
        background: rgba(255, 255, 255, .76) !important;
        color: #172033 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .news-icon,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .help-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: inherit !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex: 1 1 min(900px, 48vw) !important;
        width: min(900px, 48vw) !important;
        max-width: 900px !important;
        min-width: 430px !important;
        margin-left: clamp(18px, 2.4vw, 48px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form > form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form > form,
    .custom-topnav.public-header--sak.eshop-header--authenticated form#searchForm {
        width: 100% !important;
        max-width: 900px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
        max-width: 220px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        max-width: 152px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
        max-width: 122px !important;
    }
}

@media (min-width: 721px) and (max-width: 2150px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex-basis: min(820px, 46vw) !important;
        width: min(820px, 46vw) !important;
        max-width: 820px !important;
        min-width: 390px !important;
        margin-left: clamp(14px, 2vw, 36px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone {
        padding-right: 10px !important;
        gap: 7px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone__number {
        display: none !important;
    }
}

@media (min-width: 721px) and (max-width: 2010px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .logo-image {
        width: 158px !important;
        max-width: 158px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .navbar-brand,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .navbar-brand {
        min-width: 160px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex-basis: min(720px, 44vw) !important;
        width: min(720px, 44vw) !important;
        max-width: 720px !important;
        min-width: 360px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
        max-width: 176px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        max-width: 116px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals .nav-link.dropdown-toggle {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}

@media (min-width: 721px) and (max-width: 1580px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        width: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        min-width: 320px !important;
    }
}

@media (min-width: 721px) and (max-width: 1320px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals {
        display: none !important;
    }
}

/* Cart preview final override */
.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview {
    min-width: 430px !important;
    max-width: min(520px, calc(100vw - 24px)) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu,
.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview.dropdown-menu {
    min-width: 430px !important;
    max-width: min(520px, calc(100vw - 24px)) !important;
    max-height: none !important;
    padding: 10px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background:
        radial-gradient(260px 140px at 94% 0%, rgba(0, 85, 204, .10), rgba(0, 85, 204, 0) 68%),
        rgba(255, 255, 255, .98) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 10px 10px 12px !important;
    border-bottom: 1px solid rgba(219, 231, 245, .95) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__head strong {
    display: block !important;
    color: #0f2947 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 3px !important;
    color: #0055cc !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__eyebrow::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #2f7df6 !important;
    box-shadow: 0 0 0 4px rgba(47, 125, 246, .12) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__cta {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    padding: 0 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #0b63e5, #0055cc) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 24px rgba(0, 85, 204, .20) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__list {
    display: grid !important;
    gap: 3px !important;
    max-height: min(46vh, 330px) !important;
    padding: 8px 0 !important;
    overflow-y: auto !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 13px !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item:hover {
    background: #f3f8ff !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main .product-title-cart-preview {
    color: #08264a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main .product-brand {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta {
    justify-items: end !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta .product-quantity {
    width: auto !important;
    padding: 4px 9px !important;
    color: #075fb8 !important;
    background: #eef6ff !important;
    border: 1px solid #cfe3ff !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta .product-price {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item > .product-sum {
    color: #0055cc !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 2px !important;
    padding: 12px 10px 8px !important;
    border-top: 1px solid rgba(219, 231, 245, .95) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__summary .product-title-cart-preview {
    color: #64748b !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__summary .product-sum {
    color: #0055cc !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__empty {
    min-height: 74px !important;
    display: grid !important;
    place-items: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

/* Modern cart preview */
.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview {
    min-width: 430px !important;
    max-width: min(520px, calc(100vw - 24px)) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu {
    min-width: 430px !important;
    max-width: min(520px, calc(100vw - 24px)) !important;
    padding: 10px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background:
        radial-gradient(260px 140px at 94% 0%, rgba(0, 85, 204, .10), rgba(0, 85, 204, 0) 68%),
        rgba(255, 255, 255, .98) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 10px 10px 12px !important;
    border-bottom: 1px solid rgba(219, 231, 245, .95) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__head strong {
    display: block !important;
    color: #0f2947 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 3px !important;
    color: #0055cc !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__eyebrow::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #2f7df6 !important;
    box-shadow: 0 0 0 4px rgba(47, 125, 246, .12) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__cta,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-menu > .cart-preview__cta {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    padding: 0 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #0b63e5, #0055cc) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 24px rgba(0, 85, 204, .20) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__list {
    display: grid !important;
    gap: 3px !important;
    max-height: min(46vh, 330px) !important;
    padding: 8px 0 !important;
    overflow-y: auto !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 13px !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item:hover {
    background: #f3f8ff !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main .product-title-cart-preview {
    color: #08264a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main .product-brand {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta {
    justify-items: end !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta .product-quantity {
    width: auto !important;
    padding: 4px 9px !important;
    color: #075fb8 !important;
    background: #eef6ff !important;
    border: 1px solid #cfe3ff !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__meta .product-price {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item > .product-sum {
    color: #0055cc !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 2px !important;
    padding: 12px 10px 8px !important;
    border-top: 1px solid rgba(219, 231, 245, .95) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__summary .product-title-cart-preview {
    color: #64748b !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__summary .product-sum {
    color: #0055cc !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__empty {
    min-height: 74px !important;
    display: grid !important;
    place-items: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media (max-width: 720px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview {
        display: none !important;
    }
}

/* ==========================================================
   SAKESHOP AUTH USER DROPDOWN - FINAL POLISH
   ----------------------------------------------------------
   Final override for the account dropdown so it matches the
   language/currency menus and the presentation web style.
   ========================================================== */

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-item-small-menu {
    position: relative !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-item-small-menu::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    height: 12px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .dropdown-menu.dropdown-small-menu,
.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .dropdown-menu.dropdown-small-menu.show {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9200 !important;
    width: min(292px, calc(100vw - 24px)) !important;
    min-width: 292px !important;
    max-width: calc(100vw - 24px) !important;
    margin: 0 !important;
    margin-right: 0 !important;
    padding: 8px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
    transform: none !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .dropdown-menu.dropdown-small-menu,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .dropdown-menu.dropdown-small-menu.show,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .dropdown-menu.dropdown-small-menu,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .dropdown-menu.dropdown-small-menu.show {
    background: rgba(31,42,62,.96) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item,
.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu.show .dropdown-small-menu__item {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    background-image: none !important;
    color: #0f172a !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
    box-shadow: none !important;
    transition: background .16s ease, color .16s ease, transform .16s ease !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item + .dropdown-small-menu__item {
    margin-top: 2px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item i {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    background: #eff6ff !important;
    color: #0b63e5 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item span {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:hover,
.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:focus {
    background: #f1f5f9 !important;
    color: #0b63e5 !important;
    outline: 0 !important;
    transform: translateY(-1px) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:hover i,
.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:focus i {
    background: #dbeafe !important;
    color: #0055cc !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item {
    color: rgba(255,255,255,.90) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item i,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item i {
    background: rgba(255,255,255,.10) !important;
    color: #93c5fd !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:hover,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:focus,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:hover,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item:focus {
    background: rgba(59,130,246,.14) !important;
    color: #dbeafe !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item--danger {
    color: #b42318 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item--danger i {
    background: #fff1f2 !important;
    color: #dc2626 !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item--danger,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item--danger {
    color: #fecaca !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item--danger i,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__item--danger i {
    background: rgba(248,113,113,.14) !important;
    color: #fca5a5 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__divider {
    margin: 8px 4px !important;
    border: 0 !important;
    border-top: 1px solid rgba(226,232,240,.86) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__divider,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-small-menu__divider {
    border-top-color: rgba(255,255,255,.10) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .small-menu-modals {
    padding-top: 0 !important;
}

/* Header přes celou šířku */
body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
.wrapper > nav.topnav.custom-topnav.public-header--sak,
nav.topnav.custom-topnav.public-header--sak,
.custom-topnav.public-header--sak {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1040 !important;
    width: 100vw !important;
    max-width: none !important;
    height: var(--sakshop-header-h) !important;
    min-height: var(--sakshop-header-h) !important;
    margin: 0 !important;
    padding: 0 28px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, backdrop-filter .25s ease !important;
    backdrop-filter: blur(10px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(130%) !important;
    background: rgba(11,18,32,.28) !important;
    color: #fff !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak {
    background: rgba(11,18,32,.28) !important;
    border-bottom-color: rgba(255,255,255,.10) !important;
    color: #fff !important;
    box-shadow: none !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.is-scrolled {
    background: rgba(11,18,32,.72) !important;
    border-bottom-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak {
    background: rgba(255,255,255,.66) !important;
    border-bottom-color: rgba(15,23,42,.08) !important;
    color: var(--sakshop-ink) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
}

.main-content {
    margin-top: 0 !important;
    padding-top: var(--sakshop-header-h-real, var(--sakshop-header-h)) !important;
}

body:has(.public-hero--sak) .main-content,
html[data-sak-has-hero="true"] .main-content {
    padding-top: 0 !important;
}

body:has(.public-hero--sak) .public-hero.public-hero--sak {
    padding-top: 0 !important;
}

body:has(.public-hero--sak) .public-hero--sak .public-hero__container {
    padding-top: calc(var(--sakshop-header-h-real, var(--sakshop-header-h)) + 28px) !important;
}

.custom-topnav.public-header--sak *,
.custom-topnav.public-header--sak *::before,
.custom-topnav.public-header--sak *::after {
    box-sizing: border-box !important;
}

/* Základní rozložení */
.custom-topnav.public-header--sak .nav-top.desktop,
.custom-topnav.public-header--sak .nav-bottom.desktop {
    position: static !important;
    inset: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.custom-topnav.public-header--sak .nav-top.desktop {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
}

.custom-topnav.public-header--sak .nav-bottom.desktop {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

/* Logo */
.custom-topnav.public-header--sak .navbar-brand,
.custom-topnav.public-header--sak .nav-top.desktop > .navbar-brand {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 190px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.custom-topnav.public-header--sak .logo-image {
    display: block !important;
    width: 188px !important;
    max-width: 188px !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
    transition: filter .25s ease, width .25s ease, max-height .25s ease !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .logo-image,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .logo-image {
    filter: brightness(0) invert(1) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .logo-image,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .logo-image {
    filter: none !important;
}

/* SearchForm – odsadit od loga, opticky více do středu */
.custom-topnav.public-header--sak .search-form,
.custom-topnav.public-header--sak .nav.search-form,
.custom-topnav.public-header--sak .nav-top.desktop > .search-form {
    flex: 0 1 980px !important;
    min-width: 560px !important;
    max-width: 980px !important;
    width: 980px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 0 clamp(34px, 4vw, 86px) !important;
    padding: 0 !important;
}

.custom-topnav.public-header--sak .search-form > .nav-item,
.custom-topnav.public-header--sak .search-form li.nav-item,
.custom-topnav.public-header--sak #searchForm,
.custom-topnav.public-header--sak #searchForm .form-row,
.custom-topnav.public-header--sak #searchForm .form-group {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

.custom-topnav.public-header--sak .main-search-form {
    height: 46px !important;
    min-height: 46px !important;
    width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form {
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.115) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.14) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form {
    background: rgba(255,255,255,.76) !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 22px rgba(15,47,95,.07) !important;
}

.custom-topnav.public-header--sak .main-search-form .form-row,
.custom-topnav.public-header--sak .main-search-form .form-group,
.custom-topnav.public-header--sak .main-search-form .input-wrapper,
.custom-topnav.public-header--sak .main-search-form .input-group,
.custom-topnav.public-header--sak .main-search-form .input-group-prepend {
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
}

.custom-topnav.public-header--sak .main-search-form .search-icon-segment {
    flex: 0 0 46px !important;
    width: 46px !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
    flex: 1 1 300px !important;
    width: 300px !important;
    max-width: 340px !important;
}

.custom-topnav.public-header--sak .main-search-form .dimension-segment {
    display: flex !important;
    flex: 0 0 104px !important;
    width: 104px !important;
    max-width: 104px !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type {
    flex: 0 0 142px !important;
    width: 142px !important;
    max-width: 142px !important;
}

.custom-topnav.public-header--sak .main-search-form .search-submit-segment {
    flex: 0 0 210px !important;
    width: 210px !important;
    max-width: 210px !important;
}

.custom-topnav.public-header--sak .main-search-form .field-caption {
    position: absolute !important;
    top: 4px !important;
    left: 12px !important;
    right: 10px !important;
    z-index: 1 !important;
    height: 12px !important;
    overflow: hidden !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;
    pointer-events: none !important;
    transition: color .25s ease !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .field-caption,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .field-caption {
    color: rgba(255,255,255,.55) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .field-caption,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .field-caption {
    color: #64748b !important;
}

.custom-topnav.public-header--sak .main-search-form .input-group-text,
.custom-topnav.public-header--sak .main-search-form .form-control,
.custom-topnav.public-header--sak .main-search-form input,
.custom-topnav.public-header--sak .main-search-form select {
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 46px !important;
    background: transparent !important;
    transition: color .25s ease, background .25s ease, border-color .25s ease !important;
}

.custom-topnav.public-header--sak .main-search-form .form-control,
.custom-topnav.public-header--sak .main-search-form input,
.custom-topnav.public-header--sak .main-search-form select {
    padding: 16px 12px 3px !important;
    border-left: 1px solid rgba(255,255,255,.075) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form select,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form select {
    border-left-color: rgba(15,23,42,.075) !important;
}

.custom-topnav.public-header--sak .main-search-form .input-group-text {
    min-width: 46px !important;
    justify-content: center !important;
    padding: 0 !important;
    border-left: 0 !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .input-group-text,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .input-group-text,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .form-control,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form input,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form input {
    color: rgba(255,255,255,.94) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form input::placeholder,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form input::placeholder {
    color: rgba(255,255,255,.58) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .input-group-text,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .input-group-text,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form input {
    color: #0f172a !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form input::placeholder,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form input::placeholder {
    color: #64748b !important;
}

.custom-topnav.public-header--sak .main-search-form select,
.custom-topnav.public-header--sak .main-search-form option {
    color: #0f172a !important;
}

.custom-topnav.public-header--sak .main-search-form .btn.btn-primary,
.custom-topnav.public-header--sak .main-search-form button[type="button"],
.custom-topnav.public-header--sak .main-search-form button[type="submit"] {
    width: calc(100% - 8px) !important;
    height: 38px !important;
    min-height: 38px !important;
    align-self: center !important;
    margin: 14px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0b63e5, #0055cc) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(0,85,204,.26) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak .main-search-form .filter-button-icon {
    display: none !important;
}

.custom-topnav.public-header--sak .search-tip-container {
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2200 !important;
    border: 1px solid rgba(226,232,240,.92) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 22px 46px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
}

/* Pravé prvky */
.custom-topnav.public-header--sak .nav-left,
.custom-topnav.public-header--sak .nav-modals,
.custom-topnav.public-header--sak .nav-person,
.custom-topnav.public-header--sak .nav-cart.desktop {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.custom-topnav.public-header--sak .nav-left-modal-icon {
    padding-top: 0 !important;
}

.custom-topnav.public-header--sak .nav-left .nav-item,
.custom-topnav.public-header--sak .nav-modals .nav-item,
.custom-topnav.public-header--sak .nav-person .nav-item,
.custom-topnav.public-header--sak .nav-cart.desktop .nav-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.custom-topnav.public-header--sak .nav-link {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-link,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-link {
    color: rgba(255,255,255,.88) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-link,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-link {
    color: #334155 !important;
}

.custom-topnav.public-header--sak .nav-link:hover {
    text-decoration: none !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-link:hover,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-link:hover {
    color: #fff !important;
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.12) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-link:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-link:hover {
    color: #0f172a !important;
    background: rgba(15,23,42,.05) !important;
    border-color: rgba(15,23,42,.08) !important;
}

.custom-topnav.public-header--sak .news-button,
.custom-topnav.public-header--sak .help-button,
.custom-topnav.public-header--sak .nav-item-language > a,
.custom-topnav.public-header--sak .nav-item-language > button,
.custom-topnav.public-header--sak .nav-item-currency > a,
.custom-topnav.public-header--sak .nav-item-currency > button,
.custom-topnav.public-header--sak .nav-item-currency select {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    box-shadow: none !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .news-button,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .news-button,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .help-button,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .help-button,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-item-language > a,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-item-language > a,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-item-currency > a,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-item-currency > a,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-item-currency select,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-item-currency select {
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.92) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .news-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .news-button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .help-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .help-button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-language > a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-language > a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-currency > a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-currency > a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-currency select,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-currency select {
    border: 1px solid rgba(15,23,42,.09) !important;
    background: rgba(255,255,255,.70) !important;
    color: #334155 !important;
}

.custom-topnav.public-header--sak .news-icon,
.custom-topnav.public-header--sak .help-icon {
    display: none !important;
}

.custom-topnav.public-header--sak .nav-modals,
.custom-topnav.public-header--sak .nav-person {
    padding-left: 8px !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-person,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-person {
    border-left: 1px solid rgba(255,255,255,.10) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-person,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-person {
    border-left: 1px solid rgba(15,23,42,.08) !important;
}

.custom-topnav.public-header--sak .user-name,
.custom-topnav.public-header--sak .user-icon {
    color: inherit !important;
}

.custom-topnav.public-header--sak .nav-cart .nav-link {
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-cart .nav-link,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-cart .nav-link {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #fff !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-cart .nav-link,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-cart .nav-link {
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(15,23,42,.08) !important;
    color: #0f172a !important;
}

.custom-topnav.public-header--sak .shopping-cart-badge {
    top: -5px !important;
    right: -6px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #0055cc !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px rgba(0,85,204,.34) !important;
}

.custom-topnav.public-header--sak .dropdown-menu {
    border-radius: 18px !important;
    border: 1px solid rgba(226,232,240,.92) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 22px 46px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
}

/* Responsive */
@media (max-width: 1780px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        flex-basis: 900px !important;
        width: 900px !important;
        max-width: 900px !important;
        min-width: 520px !important;
        margin-left: clamp(24px, 3vw, 58px) !important;
    }

    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        flex-basis: 98px !important;
        width: 98px !important;
        max-width: 98px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-submit-segment {
        flex-basis: 200px !important;
        width: 200px !important;
        max-width: 200px !important;
    }
}

@media (max-width: 1540px) {
    body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
    .wrapper > nav.topnav.custom-topnav.public-header--sak,
    nav.topnav.custom-topnav.public-header--sak,
    .custom-topnav.public-header--sak {
        padding-left: 22px !important;
        padding-right: 22px !important;
        gap: 14px !important;
    }

    .custom-topnav.public-header--sak .logo-image {
        width: 164px !important;
        max-width: 164px !important;
    }

    .custom-topnav.public-header--sak .navbar-brand,
    .custom-topnav.public-header--sak .nav-top.desktop > .navbar-brand {
        min-width: 166px !important;
    }

    .custom-topnav.public-header--sak .nav-left {
        display: none !important;
    }

    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        flex-basis: 790px !important;
        width: 790px !important;
        max-width: 790px !important;
        min-width: 440px !important;
        margin-left: 26px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-submit-segment {
        flex-basis: 188px !important;
        width: 188px !important;
        max-width: 188px !important;
    }
}

@media (max-width: 1280px) {
    .custom-topnav.public-header--sak .nav-modals {
        display: none !important;
    }

    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        flex: 1 1 auto !important;
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 340px !important;
        margin-left: 22px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        display: none !important;
    }
}

@media (max-width: 980px) {
    .custom-topnav.public-header--sak .nav-person .user-name {
        display: none !important;
    }

    .custom-topnav.public-header--sak .navbar-brand,
    .custom-topnav.public-header--sak .nav-top.desktop > .navbar-brand {
        min-width: 142px !important;
    }

    .custom-topnav.public-header--sak .logo-image {
        width: 140px !important;
        max-width: 140px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-type {
        display: none !important;
    }
}

@media (max-width: 720px) {
    body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
    .wrapper > nav.topnav.custom-topnav.public-header--sak,
    nav.topnav.custom-topnav.public-header--sak,
    .custom-topnav.public-header--sak {
        height: auto !important;
        min-height: 118px !important;
        padding: 10px 14px 12px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    body:has(.public-hero--sak) .public-hero--sak .public-hero__container {
        padding-top: calc(var(--sakshop-header-h-real, 118px) + 18px) !important;
    }

    .custom-topnav.public-header--sak .mobile-header {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .custom-topnav.public-header--sak .mobile-header-upper,
    .custom-topnav.public-header--sak .mobile-header-lower {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .custom-topnav.public-header--sak .mobile-header-upper {
        justify-content: space-between !important;
    }

    .custom-topnav.public-header--sak .mobile-menu-icon {
        color: inherit !important;
    }

    .custom-topnav.public-header--sak .mobile-menu-icon .fe {
        font-size: 26px !important;
    }

    .custom-topnav.public-header--sak .mobile-header .logo-image {
        width: 138px !important;
        max-width: 138px !important;
        max-height: 44px !important;
    }

    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    .custom-topnav.public-header--sak .main-search-form {
        height: 44px !important;
        min-height: 44px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .input-wrapper,
    .custom-topnav.public-header--sak .main-search-form .input-group,
    .custom-topnav.public-header--sak .main-search-form .input-group-prepend,
    .custom-topnav.public-header--sak .main-search-form .form-control,
    .custom-topnav.public-header--sak .main-search-form input,
    .custom-topnav.public-header--sak .main-search-form select {
        height: 44px !important;
        min-height: 44px !important;
        line-height: 44px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-type,
    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        display: none !important;
    }

    .custom-topnav.public-header--sak .main-search-form .btn.btn-primary,
    .custom-topnav.public-header--sak .main-search-form button[type="button"],
    .custom-topnav.public-header--sak .main-search-form button[type="submit"] {
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 14px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .filter-button-text {
        display: none !important;
    }

    .custom-topnav.public-header--sak .main-search-form .filter-button-icon {
        display: inline-flex !important;
    }
}

/* ==========================================================
   SAKESHOP PUBLIC HEADER – hotfix v2
   ----------------------------------------------------------
   Oprava po vyčištění duplicit:
   - ruší obecné bílé pozadí .nav-item v headeru,
   - sjednocuje pravé header položky do glass pill stylu,
   - upravuje SearchForm caption/text, aby se nepřekrýval,
   - zjemňuje oddělovače v SearchFormu.
   ========================================================== */

/* Starý globální styl .nav-item { background-color:#fff; } nesmí působit v headeru */
.custom-topnav.public-header--sak .nav-item,
.custom-topnav.public-header--sak li,
.custom-topnav.public-header--sak .nav-left .nav-item,
.custom-topnav.public-header--sak .nav-modals .nav-item,
.custom-topnav.public-header--sak .nav-person .nav-item,
.custom-topnav.public-header--sak .nav-cart .nav-item {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Pravá část nesmí tvořit bílé obdélníky */
.custom-topnav.public-header--sak .nav-left,
.custom-topnav.public-header--sak .nav-modals,
.custom-topnav.public-header--sak .nav-person,
.custom-topnav.public-header--sak .nav-cart.desktop {
    background: transparent !important;
    background-color: transparent !important;
}

/* Všechny přímé odkazy/tlačítka v pravé části jako glass pill */
.custom-topnav.public-header--sak .nav-left a,
.custom-topnav.public-header--sak .nav-modals a,
.custom-topnav.public-header--sak .nav-person a,
.custom-topnav.public-header--sak .nav-cart a,
.custom-topnav.public-header--sak .language-dropdown-toggle,
.custom-topnav.public-header--sak .currency-dropdown-toggle,
.custom-topnav.public-header--sak .dropdown-toggle,
.custom-topnav.public-header--sak .news-button,
.custom-topnav.public-header--sak .help-button {
    min-height: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Dark varianta vpravo */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-left a,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-left a,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals a,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals a,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-person a,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-person a,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-cart a,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-cart a,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .news-button,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .news-button,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .help-button,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .help-button {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.92) !important;
}

/* Light varianta vpravo */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-person a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-person a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-cart a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-cart a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .news-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .news-button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .help-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .help-button {
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    color: #334155 !important;
}

/* Ikony/flagy v dropdown tlačítkách */
.custom-topnav.public-header--sak .flag-icon,
.custom-topnav.public-header--sak .nav-link .flag-icon {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    border-radius: 999px !important;
}

.custom-topnav.public-header--sak .nav-person .user-name,
.custom-topnav.public-header--sak .nav-person .user-icon {
    color: inherit !important;
}

/* SearchForm – popisky nemají být nalepené na horní hraně */
.custom-topnav.public-header--sak .main-search-form {
    height: 48px !important;
    min-height: 48px !important;
}

.custom-topnav.public-header--sak .main-search-form .form-row,
.custom-topnav.public-header--sak .main-search-form .form-group,
.custom-topnav.public-header--sak .main-search-form .input-wrapper,
.custom-topnav.public-header--sak .main-search-form .input-group,
.custom-topnav.public-header--sak .main-search-form .input-group-prepend {
    height: 48px !important;
    min-height: 48px !important;
}

.custom-topnav.public-header--sak .main-search-form .field-caption {
    top: 7px !important;
    left: 13px !important;
    right: 10px !important;
    height: 10px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    opacity: .78 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.custom-topnav.public-header--sak .main-search-form .form-control,
.custom-topnav.public-header--sak .main-search-form input,
.custom-topnav.public-header--sak .main-search-form select {
    height: 48px !important;
    min-height: 48px !important;
    line-height: 1.15 !important;
    padding-top: 19px !important;
    padding-bottom: 5px !important;
}

/* Jemnější oddělovače mezi segmenty */
.custom-topnav.public-header--sak .main-search-form .form-control,
.custom-topnav.public-header--sak .main-search-form input,
.custom-topnav.public-header--sak .main-search-form select {
    border-left-color: rgba(255,255,255,.055) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form select,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form select {
    border-left-color: rgba(15,23,42,.055) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form {
    border-color: rgba(255,255,255,.09) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form {
    border-color: rgba(15,23,42,.07) !important;
}

/* Tlačítko filtru ve formuláři dorovnat na novou výšku */
.custom-topnav.public-header--sak .main-search-form .btn.btn-primary,
.custom-topnav.public-header--sak .main-search-form button[type="button"],
.custom-topnav.public-header--sak .main-search-form button[type="submit"] {
    height: 40px !important;
    min-height: 40px !important;
}

/* Search form více od loga, ale bez přetlačení pravých prvků */
.custom-topnav.public-header--sak .search-form,
.custom-topnav.public-header--sak .nav.search-form,
.custom-topnav.public-header--sak .nav-top.desktop > .search-form {
    margin-left: clamp(48px, 4.8vw, 96px) !important;
    max-width: 940px !important;
    width: 940px !important;
}

/* Menší šířky */
@media (max-width: 1780px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        margin-left: clamp(34px, 3.2vw, 64px) !important;
        max-width: 860px !important;
        width: 860px !important;
    }
}

@media (max-width: 1540px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        margin-left: 28px !important;
        max-width: 760px !important;
        width: 760px !important;
    }
}

@media (max-width: 720px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – hotfix v3
   ----------------------------------------------------------
   Doladění po testu:
   - ruší ořez field captionů (byly useknuté nahoře),
   - jemnější a čitelnější popisky v search formu,
   - ještě nepatrně menší separátory ve formuláři.
   ========================================================== */

.custom-topnav.public-header--sak .main-search-form .field-caption {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.12 !important;
    top: 6px !important;
    font-size: 9px !important;
    letter-spacing: .015em !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .field-caption {
    left: 12px !important;
    right: 10px !important;
    font-size: 8.5px !important;
}

.custom-topnav.public-header--sak .main-search-form .form-control,
.custom-topnav.public-header--sak .main-search-form input,
.custom-topnav.public-header--sak .main-search-form select {
    padding-top: 18px !important;
    padding-bottom: 6px !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseType {
    padding-top: 18px !important;
    padding-bottom: 6px !important;
}

.custom-topnav.public-header--sak .main-search-form .input-wrapper,
.custom-topnav.public-header--sak .main-search-form .input-group-prepend {
    border-left-color: rgba(255,255,255,.045) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .input-wrapper,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .input-wrapper,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .input-group-prepend,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .input-group-prepend {
    border-left-color: rgba(15,23,42,.045) !important;
}

.custom-topnav.public-header--sak .main-search-form .search-icon-segment,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment,
.custom-topnav.public-header--sak .main-search-form .search-submit-segment {
    border-left-color: transparent !important;
}

/* ==========================================================
   SEARCHFORM HEADER – FINAL FIX
   ----------------------------------------------------------
   Oprava SearchFormu v public headeru.
   Důležité:
   - input-wrapper musí být position: relative, jinak field-caption
     neleží uvnitř svého segmentu a utíká nahoru.
   - field-caption nesmí mít pevnou ořezanou výšku.
   - input/select text je zarovnaný pod caption.
   ========================================================== */

.custom-topnav.public-header--sak .main-search-form {
    height: 52px !important;
    min-height: 52px !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 999px !important;
}

/* Segmenty formuláře */
.custom-topnav.public-header--sak .main-search-form .input-wrapper,
.custom-topnav.public-header--sak .main-search-form .input-group-prepend,
.custom-topnav.public-header--sak .main-search-form .search-segment {
    position: relative !important;
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

/* Ikona hledání */
.custom-topnav.public-header--sak .main-search-form .search-icon-segment {
    flex: 0 0 48px !important;
    width: 48px !important;
    max-width: 48px !important;
    border-left: 0 !important;
}

.custom-topnav.public-header--sak .main-search-form .input-group-text {
    width: 48px !important;
    min-width: 48px !important;
    height: 52px !important;
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
}

/* Hlavní fráze – rozumná šířka, ne moc dlouhá */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
    flex: 1 1 310px !important;
    width: 310px !important;
    min-width: 240px !important;
    max-width: 360px !important;
    border-left: 0 !important;
}

/* Způsob hledání */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type {
    flex: 0 0 145px !important;
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
}

/* Rozměry */
.custom-topnav.public-header--sak .main-search-form .dimension-segment {
    display: flex !important;
    flex: 0 0 105px !important;
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
}

/* Tlačítko */
.custom-topnav.public-header--sak .main-search-form .search-submit-segment {
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    border-left: 0 !important;
}

/* Jemné oddělovače mezi segmenty */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type,
.custom-topnav.public-header--sak .main-search-form .dimension-segment {
    border-left: 1px solid rgba(255,255,255,.07) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .dimension-segment,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .dimension-segment {
    border-left-color: rgba(15,23,42,.06) !important;
}

/* Caption – už se nesmí ořezávat a musí být uvnitř segmentu */
.custom-topnav.public-header--sak .main-search-form .field-caption {
    position: absolute !important;
    top: 7px !important;
    left: 14px !important;
    right: 12px !important;
    z-index: 3 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .015em !important;
    opacity: .72 !important;
    pointer-events: none !important;
    transform: none !important;
}

/* U prvního pole caption kratší a bezpečně uvnitř */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .field-caption {
    left: 13px !important;
    right: 10px !important;
}

/* Barvy caption podle pozadí */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .field-caption,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .field-caption {
    color: rgba(255,255,255,.64) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .field-caption,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .field-caption {
    color: #64748b !important;
}

/* Inputy a selecty – text pod caption */
.custom-topnav.public-header--sak .main-search-form .form-control,
.custom-topnav.public-header--sak .main-search-form input,
.custom-topnav.public-header--sak .main-search-form select {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 20px 14px 6px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

/* Žádné další levé bordery přímo na inputech */
.custom-topnav.public-header--sak .main-search-form .form-control,
.custom-topnav.public-header--sak .main-search-form input,
.custom-topnav.public-header--sak .main-search-form select {
    border-left: 0 !important;
}

/* Select – vlastní šipka, ne defaultní */
.custom-topnav.public-header--sak .main-search-form .searchPhraseType {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 34px !important;
    cursor: pointer !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseType::-ms-expand {
    display: none !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type::after {
    content: "" !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -5px !important;
    border-right: 2px solid rgba(255,255,255,.78) !important;
    border-bottom: 2px solid rgba(255,255,255,.78) !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
    z-index: 4 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type::after,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type::after {
    border-color: #334155 !important;
}

/* Option dropdown je nativní browser prvek – necháme čitelný světlý */
.custom-topnav.public-header--sak .main-search-form select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

/* Tlačítko v SearchFormu */
.custom-topnav.public-header--sak .main-search-form .btn.btn-primary,
.custom-topnav.public-header--sak .main-search-form button[type="button"],
.custom-topnav.public-header--sak .main-search-form button[type="submit"] {
    width: calc(100% - 8px) !important;
    height: 44px !important;
    min-height: 44px !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 14px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0b63e5, #0055cc) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(0,85,204,.26) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Našeptávač patří pod první textové pole */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
    overflow: visible !important;
}

.custom-topnav.public-header--sak .search-tip-container {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    width: min(640px, calc(100vw - 32px)) !important;
    right: auto !important;
    z-index: 2200 !important;
    display: none !important;
    border: 1px solid rgba(226,232,240,.92) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 22px 46px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
}

.custom-topnav.public-header--sak .search-tip-container:not(:empty) {
    display: block !important;
}

/* Šířka celého searchFormu */
.custom-topnav.public-header--sak .search-form,
.custom-topnav.public-header--sak .nav.search-form,
.custom-topnav.public-header--sak .nav-top.desktop > .search-form {
    flex: 0 1 950px !important;
    width: 950px !important;
    max-width: 950px !important;
    min-width: 560px !important;
    margin-left: clamp(48px, 4.5vw, 92px) !important;
}

/* Při menší šířce se postupně zmenší */
@media (max-width: 1780px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        width: 860px !important;
        max-width: 860px !important;
        min-width: 520px !important;
        margin-left: clamp(34px, 3.2vw, 64px) !important;
    }

    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        flex-basis: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-submit-segment {
        flex-basis: 195px !important;
        width: 195px !important;
        min-width: 195px !important;
        max-width: 195px !important;
    }
}

@media (max-width: 1540px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        width: 760px !important;
        max-width: 760px !important;
        min-width: 440px !important;
        margin-left: 28px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        flex-basis: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }
}

@media (max-width: 1280px) {
    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        display: none !important;
    }

    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 340px !important;
        margin-left: 22px !important;
    }
}

@media (max-width: 980px) {
    .custom-topnav.public-header--sak .main-search-form .search-phrase-type {
        display: none !important;
    }
}

@media (max-width: 720px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }

    .custom-topnav.public-header--sak .main-search-form {
        height: 46px !important;
        min-height: 46px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .input-wrapper,
    .custom-topnav.public-header--sak .main-search-form .input-group-prepend,
    .custom-topnav.public-header--sak .main-search-form .search-segment,
    .custom-topnav.public-header--sak .main-search-form .form-control,
    .custom-topnav.public-header--sak .main-search-form input,
    .custom-topnav.public-header--sak .main-search-form select {
        height: 46px !important;
        min-height: 46px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .field-caption {
        display: none !important;
    }

    .custom-topnav.public-header--sak .main-search-form .form-control,
    .custom-topnav.public-header--sak .main-search-form input,
    .custom-topnav.public-header--sak .main-search-form select {
        padding: 0 12px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .btn.btn-primary,
    .custom-topnav.public-header--sak .main-search-form button[type="button"],
    .custom-topnav.public-header--sak .main-search-form button[type="submit"] {
        height: 38px !important;
        min-height: 38px !important;
    }
}

/* ==========================================================
   NAV SEARCH-FORM – CUSTOM SearchPhraseType DROPDOWN
   ----------------------------------------------------------
   Nativní select menu nelze plně nastylovat napříč prohlížeči.
   Proto je SearchPhraseType vykreslený jako custom dropdown
   a původní hodnota zůstává v hidden inputu .searchPhraseType.
   ========================================================== */

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom {
    position: relative !important;
    overflow: visible !important;
    z-index: 30 !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeValue {
    display: none !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 20px 34px 6px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    text-align: left !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger {
    color: #0f172a !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeText {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -4px !important;
    border-right: 2px solid rgba(255,255,255,.76) !important;
    border-bottom: 2px solid rgba(255,255,255,.76) !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
    transition: transform .16s ease, border-color .16s ease !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron {
    border-right-color: #334155 !important;
    border-bottom-color: #334155 !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeChevron {
    transform: rotate(225deg) translate(-2px, -2px) !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    position: absolute !important;
    left: 8px !important;
    top: calc(100% + 10px) !important;
    z-index: 6000 !important;
    width: 190px !important;
    min-width: 190px !important;
    padding: 7px !important;
    display: none !important;
    border-radius: 16px !important;
    border: 1px solid rgba(226,232,240,.92) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 22px 46px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeMenu {
    display: block !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption {
    width: 100% !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #0f172a !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    transition: background .14s ease, color .14s ease !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:hover,
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:focus {
    background: #f2f7ff !important;
    color: #0055cc !important;
    outline: 0 !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected {
    background: #0b63e5 !important;
    color: #fff !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected:hover {
    background: #0055cc !important;
    color: #fff !important;
}

/* Když je custom dropdown otevřený, segment jemně zvýrazníme. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open {
    background: rgba(255,255,255,.09) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open {
    background: rgba(15,23,42,.045) !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – SEARCH PHRASE TYPE HOVER DROPDOWN
   ----------------------------------------------------------
   Finální override pro custom dropdown v public headeru:
   - nahrazuje původní select chováním dropdown listu,
   - dropdown se otevře po najetí myší,
   - zároveň zůstává funkční přes fokus / kliknutí.
   ========================================================== */

.custom-topnav.public-header--sak .main-search-form {
    overflow: visible !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom {
    overflow: visible !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:hover .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:focus-within .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeMenu {
    display: block !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:hover .searchPhraseTypeChevron,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:focus-within .searchPhraseTypeChevron,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeChevron {
    transform: rotate(225deg) translate(-2px, -2px) !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger {
    position: relative !important;
    z-index: 2 !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    z-index: 7000 !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – SEARCH PHRASE TYPE VISUAL CLEANUP
   ----------------------------------------------------------
   Oprava vzhledu custom dropdownu:
   - trigger nesmí vypadat jako modrý button,
   - options nesmí být modré pilulky,
   - odstranění duplicitní šipky,
   - jemnější a čistší dropdown menu.
   ========================================================== */

/* Modrý CTA styl pouze pro pravé tlačítko filtrů */
    .custom-topnav.public-header--sak .main-search-form .search-submit-segment .btn.btn-primary,
    .custom-topnav.public-header--sak .main-search-form .search-submit-segment button[type="button"],
    .custom-topnav.public-header--sak .main-search-form .search-submit-segment button[type="submit"] {
        width: calc(100% - 8px) !important;
        height: 44px !important;
        min-height: 44px !important;
        align-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 14px !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 333px 999px 999px 333px !important;
        background: linear-gradient(135deg, #0b63e5, #0055cc) !important;
        color: #fff !important;
        box-shadow: 0 10px 22px rgba(0,85,204,.26) !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        margin-bottom: 16px !important;
    }

/* SearchPhraseType uvnitř formu nesmí převzít button styl CTA */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button[type="button"] {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Starou pseudo šipku vypnout – jinak je vidět 2x */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type::after {
    display: none !important;
    content: none !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 20px 34px 6px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.94) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-align: left !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger {
    color: #0f172a !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeText {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    padding-right: 10px !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -5px !important;
    border-right: 2px solid rgba(255,255,255,.76) !important;
    border-bottom: 2px solid rgba(255,255,255,.76) !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
    transition: transform .16s ease, border-color .16s ease !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron {
    border-right-color: #334155 !important;
    border-bottom-color: #334155 !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 10px) !important;
    z-index: 7000 !important;
    width: 220px !important;
    min-width: 220px !important;
    padding: 8px 0 !important;
    display: none !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 18px 40px rgba(2, 8, 23, .18) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption {
    width: 100% !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    cursor: pointer !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    transition: background .14s ease, color .14s ease !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption + .searchPhraseTypeOption {
    border-top: 1px solid rgba(226,232,240,.7) !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:hover,
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:focus {
    background: #f8fbff !important;
    color: #0b63e5 !important;
    outline: 0 !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected {
    background: #eef5ff !important;
    color: #0b63e5 !important;
    font-weight: 800 !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected:hover {
    background: #e6f0ff !important;
    color: #0055cc !important;
}

/* Otevřený segment zvýraznit velmi jemně, ne jako tlačítko */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open {
    background: rgba(255,255,255,.035) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open {
    background: rgba(15,23,42,.03) !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – SEARCH PHRASE TYPE SIMPLE MENU
   ----------------------------------------------------------
   Finální podoba:
   - v segmentu search-phrase-type je vidět pouze text + jedna šipka,
   - žádné modré tlačítko uvnitř searchformu,
   - dropdown je jednoduché svislé menu,
   - pozadí menu vizuálně navazuje na searchform.
   ========================================================== */

/* SearchForm musí pustit dropdown ven. */
.custom-topnav.public-header--sak .main-search-form {
    overflow: visible !important;
}

/* Segment s výběrem typu hledání. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom {
    position: relative !important;
    overflow: visible !important;
}

/* Vypnout starou pseudo šipku, aby nebyla 2x. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type::after,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom::after {
    display: none !important;
    content: none !important;
}

/* Hidden input nesmí být vidět. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeValue {
    display: none !important;
}

/* Reset všech button stylů uvnitř search-phrase-type.
   Tím se zabrání tomu, aby se z triggeru nebo položek menu stal modrý CTA button. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button[type="button"],
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom .searchPhraseTypeTrigger,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom .searchPhraseTypeOption {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: 0 !important;
}

/* V searchformu je vidět pouze text vybrané volby. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button.searchPhraseTypeTrigger[type="button"] {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 20px 30px 6px 14px !important;
    border-radius: 0 !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-align: left !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button.searchPhraseTypeTrigger[type="button"],
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button.searchPhraseTypeTrigger[type="button"] {
    color: #0f172a !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeText {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* Jediná šipka. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -5px !important;
    border-right: 2px solid rgba(255,255,255,.76) !important;
    border-bottom: 2px solid rgba(255,255,255,.76) !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
    transition: transform .16s ease, border-color .16s ease !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeChevron {
    border-right-color: #334155 !important;
    border-bottom-color: #334155 !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:hover .searchPhraseTypeChevron,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:focus-within .searchPhraseTypeChevron,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeChevron {
    transform: rotate(225deg) translate(-2px, -2px) !important;
}

/* Menu – stejný vizuální základ jako searchform, ale jednoduché řádky pod sebou. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 8px) !important;
    z-index: 7000 !important;
    width: 190px !important;
    min-width: 190px !important;
    display: none !important;
    flex-direction: column !important;
    padding: 6px 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Tmavý hero – menu ladí ke skleněnému searchformu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    background: rgba(31, 42, 62, .96) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

/* Světlý režim / bez hero. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:hover .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:focus-within .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeMenu {
    display: flex !important;
}

/* Položky menu – žádné buttony, jen řádky menu. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button.searchPhraseTypeOption[type="button"] {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    text-align: left !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* Barvy položek v tmavém menu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption {
    color: rgba(255,255,255,.88) !important;
}

/* Barvy položek ve světlém menu. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption {
    color: #0f172a !important;
}

/* Jemné oddělení řádků. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption + .searchPhraseTypeOption,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption + .searchPhraseTypeOption {
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption + .searchPhraseTypeOption,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption + .searchPhraseTypeOption {
    border-top: 1px solid rgba(226,232,240,.78) !important;
}

/* Hover a vybraná položka – decentní, bez modrých buttonů. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:hover,
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:focus {
    background: rgba(59,130,246,.12) !important;
    color: #60a5fa !important;
    outline: 0 !important;
}

.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected {
    background: rgba(59,130,246,.16) !important;
    color: #93c5fd !important;
    font-weight: 800 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:focus {
    background: #f1f5f9 !important;
    color: #0b63e5 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected {
    background: #eff6ff !important;
    color: #0b63e5 !important;
}

/* Otevřený segment pouze jemně, ne jako aktivní button. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:hover {
    background: rgba(255,255,255,.035) !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – SEARCH PHRASE TYPE HOVER BRIDGE
   ----------------------------------------------------------
   Drobné doladění:
   - vyplní neviditelnou hover zónou mezeru mezi search-phrase-type
     a searchPhraseTypeMenu,
   - menu díky tomu nezmizí při přejezdu myší z textu na dropdown.
   ========================================================== */

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    width: 190px !important;
    height: 10px !important;
    display: block !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 6999 !important;
}

/* Menu začíná přesně za hover můstkem. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    top: calc(100% + 8px) !important;
}

/* Při přejezdu přes můstek zůstává menu otevřené. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:hover .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:focus-within .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeMenu {
    display: flex !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – SEARCH PHRASE SUGGESTIONS MENU
   ----------------------------------------------------------
   Našeptávač pro search-phrase-segment:
   - stejný vizuální jazyk jako searchform a dropdown typu hledání,
   - jednoduché svislé menu,
   - žádné rozbité bordery / modré buttony / inline border-bottom,
   - počet kusů jako decentní badge vpravo.
   ========================================================== */

/* Segment s textovým hledáním musí pustit našeptávač ven. */
.custom-topnav.public-header--sak .main-search-form,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
    overflow: visible !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
    position: relative !important;
    z-index: 45 !important;
}

/* Kontejner našeptávače jako jednoduché menu pod search inputem. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container {
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 8px) !important;
    z-index: 7000 !important;

    width: min(430px, calc(100vw - 32px)) !important;
    min-width: min(310px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;

    display: none !important;
    flex-direction: column !important;

    padding: 6px 0 !important;
    margin: 0 !important;

    border-radius: 14px !important;
    overflow: hidden !important;

    border-bottom: 0 !important;
    list-style: none !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Zobrazit pouze pokud obsahuje položky. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container:not(:empty),
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container:not(:empty) {
    display: flex !important;
}

/* Tmavý hero – stejný základ jako searchform. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container {
    background: rgba(31, 42, 62, .96) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

/* Světlý režim / bez hero. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
}

/* Jednotlivé řádky našeptávače. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip {
    width: 100% !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    cursor: pointer !important;
    user-select: none !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    text-align: left !important;

    transition: background .14s ease, color .14s ease !important;
}

/* Oddělení položek – jemné jako u dropdown menu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip + .search-tip,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip + .search-tip {
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip + .search-tip,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip + .search-tip {
    border-top: 1px solid rgba(226,232,240,.78) !important;
}

/* Barvy textu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip {
    color: rgba(255,255,255,.88) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip {
    color: #0f172a !important;
}

/* Hover/focus položky. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip:hover,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip:focus {
    background: rgba(59,130,246,.12) !important;
    color: #60a5fa !important;
    outline: 0 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip:focus {
    background: #f1f5f9 !important;
    color: #0b63e5 !important;
}

/* Text fráze. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip__text {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* Zvýraznění hledané části. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip__match {
    font-weight: 900 !important;
    color: inherit !important;
}

/* Počet kusů vpravo jako decentní badge. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip__count {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 42px !important;
    height: 22px !important;
    padding: 0 8px !important;

    border-radius: 999px !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* Badge v tmavém menu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip__count,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip__count {
    color: rgba(255,255,255,.86) !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

/* Badge ve světlém menu. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip__count,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip__count {
    color: #0b63e5 !important;
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
}

/* Řádek "a další..." */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip--more {
    justify-content: center !important;
    cursor: default !important;
    opacity: .76 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

/* Scrollovatelna cast vysledku. Napoveda pod ni zustava vzdy viditelna. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-results,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-results {
    width: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-results::-webkit-scrollbar,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-results::-webkit-scrollbar {
    width: 8px !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-results::-webkit-scrollbar-thumb,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-results::-webkit-scrollbar-thumb {
    border: 2px solid transparent !important;
    border-radius: 999px !important;
    background: rgba(100,116,139,.38) !important;
    background-clip: padding-box !important;
}

/* Kontextova napoveda v naseptavaci. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist {
    width: 100% !important;
    min-height: 46px !important;
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 12px !important;
    margin: 2px 0 0 !important;
    color: #334155 !important;
    background: rgba(239,246,255,.82) !important;
    border: 0 !important;
    border-top: 1px solid rgba(191,219,254,.9) !important;
    border-radius: 0 !important;
    box-shadow: 0 -8px 18px rgba(15,23,42,.05) !important;
    cursor: default !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist--empty,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist--empty {
    margin-top: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    background: rgba(239,246,255,.96) !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__text,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist__text {
    min-width: 0 !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 780 !important;
    line-height: 1.35 !important;
    color: inherit !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__actions,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist__actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist__action {
    height: 28px !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    color: #0b63ce !important;
    background: #fff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 14px rgba(37,99,235,.08) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action:hover,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action:focus,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist__action:hover,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist__action:focus {
    color: #fff !important;
    background: #0b63ce !important;
    border-color: #0b63ce !important;
    outline: 0 !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist {
    color: rgba(255,255,255,.88) !important;
    background: rgba(31,42,62,.98) !important;
    border-top-color: rgba(255,255,255,.10) !important;
    box-shadow: 0 -10px 18px rgba(0,0,0,.18) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action {
    color: #dbeafe !important;
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.16) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action:hover,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action:focus,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action:hover,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action:focus {
    color: #0f172a !important;
    background: #dbeafe !important;
    border-color: #dbeafe !important;
}

/* Na mobilu šířku držet v viewportu. */
@media (max-width: 720px) {
    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container,
    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container {
        left: 0 !important;
        width: calc(100vw - 64px) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 64px) !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist,
    .custom-topnav.public-header--sak .mobile-search-form .search-tip-assist {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__actions,
    .custom-topnav.public-header--sak .mobile-search-form .search-tip-assist__actions {
        width: 100% !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist__action,
    .custom-topnav.public-header--sak .mobile-search-form .search-tip-assist__action {
        flex: 1 1 0 !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – NAV MODALS DROPDOWNS
   ----------------------------------------------------------
   Dropdowny v nav-modals:
   - jazyk a měna ladí se searchformem,
   - žádné bílé bootstrapové boxy bez kontextu,
   - menu je jednoduché, svislé a čitelné,
   - trigger zůstává decentní ikonový/textový prvek v headeru.
   ========================================================== */

.custom-topnav.public-header--sak .nav-modals {
    position: relative !important;
    overflow: visible !important;
    z-index: 80 !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item,
.custom-topnav.public-header--sak .nav-modals .nav-item-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency {
    position: relative !important;
    overflow: visible !important;
    background: transparent !important;
}

/* Trigger jazyka/měny – decentní prvek, ne klasický bootstrap button. */
.custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle {
    height: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.07) !important;
    box-shadow: none !important;

    color: rgba(255,255,255,.88) !important;
    text-decoration: none !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:hover,
.custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:focus,
.custom-topnav.public-header--sak .nav-modals .nav-item.show .nav-link.dropdown-toggle {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #fff !important;
    outline: 0 !important;
}

/* Světlý header / bez hero. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle {
    background: rgba(15,23,42,.04) !important;
    border-color: rgba(15,23,42,.08) !important;
    color: #0f172a !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:focus,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item.show .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item.show .nav-link.dropdown-toggle {
    background: rgba(15,23,42,.07) !important;
    border-color: rgba(15,23,42,.12) !important;
    color: #0f172a !important;
}

/* Bootstrap šipka je moc výrazná – necháme jen jemnou. */
.custom-topnav.public-header--sak .nav-modals .dropdown-toggle::after {
    width: 7px !important;
    height: 7px !important;
    margin-left: 2px !important;
    vertical-align: 0 !important;

    border: 0 !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;

    transform: rotate(45deg) translateY(-1px) !important;
    opacity: .72 !important;

    transition: transform .16s ease, opacity .16s ease !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item.show .dropdown-toggle::after,
.custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:hover::after,
.custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle:focus::after {
    opacity: 1 !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item.show .dropdown-toggle::after {
    transform: rotate(225deg) translate(-2px, -2px) !important;
}

/* Dropdown menu – stejný vizuální jazyk jako searchform menu. */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu,
.custom-topnav.public-header--sak .nav-modals .dropdown-language,
.custom-topnav.public-header--sak .nav-modals .dropdown-currency {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 8000 !important;

    min-width: 190px !important;
    width: max-content !important;
    max-width: min(320px, calc(100vw - 24px)) !important;

    padding: 6px 0 !important;
    margin: 0 !important;

    border-radius: 14px !important;
    overflow: hidden !important;

    transform: none !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Bootstrap někdy přidává inline transform přes Popper. Udržíme menu pod triggerem. */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu[x-placement],
.custom-topnav.public-header--sak .nav-modals .dropdown-menu[data-popper-placement] {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
}

/* Tmavý hero. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu {
    background: rgba(31, 42, 62, .96) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

/* Světlý header / bez hero. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
}

/* Položky menu jako jednoduché řádky. */
.custom-topnav.public-header--sak .nav-modals .dropdown-item {
    width: 100% !important;
    min-height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition: background .14s ease, color .14s ease !important;
}

/* Barvy položek v tmavém menu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-item {
    color: rgba(255,255,255,.88) !important;
}

/* Barvy položek ve světlém menu. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item {
    color: #0f172a !important;
}

/* Jemné oddělení řádků. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(226,232,240,.78) !important;
}

/* Hover/focus. */
.custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
.custom-topnav.public-header--sak .nav-modals .dropdown-item:focus {
    background: rgba(59,130,246,.12) !important;
    color: #60a5fa !important;
    outline: 0 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:focus {
    background: #f1f5f9 !important;
    color: #0b63e5 !important;
}

/* Ikony a vlajky v triggeru/menu. */
.custom-topnav.public-header--sak .nav-modals .flag-icon,
.custom-topnav.public-header--sak .nav-modals .currency-icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.custom-topnav.public-header--sak .nav-modals .dropdown-item .flag-icon,
.custom-topnav.public-header--sak .nav-modals .dropdown-item .currency-icon {
    width: 18px !important;
    min-width: 18px !important;
    text-align: center !important;
}

.custom-topnav.public-header--sak .nav-modals .current-currency {
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
}

/* Jazykové menu může být užší. */
.custom-topnav.public-header--sak .nav-modals .dropdown-language {
    min-width: 120px !important;
}

/* Měnové menu je delší. */
.custom-topnav.public-header--sak .nav-modals .dropdown-currency {
    min-width: 230px !important;
}

/* Menší obrazovky – udržet menu vpravo v viewportu. */
@media (max-width: 720px) {
    .custom-topnav.public-header--sak .nav-modals .dropdown-menu,
    .custom-topnav.public-header--sak .nav-modals .dropdown-language,
    .custom-topnav.public-header--sak .nav-modals .dropdown-currency {
        right: 0 !important;
        left: auto !important;
        max-width: calc(100vw - 64px) !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – NAV MODALS MATCH SEARCHPHRASETYPEMENU
   ----------------------------------------------------------
   Jazykový a měnový dropdown mají vypadat stejně jako
   searchPhraseTypeMenu.
   ========================================================== */

/* Panel menu – stejný základ jako searchPhraseTypeMenu */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-currency {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 8000 !important;

    width: auto !important;
    min-width: 190px !important;
    max-width: min(320px, calc(100vw - 24px)) !important;

    display: none;
    padding: 6px 0 !important;
    margin: 0 !important;

    border-radius: 14px !important;
    overflow: hidden !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transform: none !important;
}

/* tmavý režim */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu {
    background: rgba(31, 42, 62, .96) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

/* světlý režim / bez hero */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
}

/* Bootstrap .show necháme, jen jistota */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.show {
    display: block !important;
}

/* položky – stejné jednoduché řádky jako searchPhraseTypeMenu */
.custom-topnav.public-header--sak .nav-modals .dropdown-item {
    width: 100% !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition: background .14s ease, color .14s ease !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-item {
    color: rgba(255,255,255,.88) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item {
    color: #0f172a !important;
}

/* stejné jemné oddělení řádků */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(226,232,240,.78) !important;
}

/* stejný hover jako searchPhraseTypeMenu */
.custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
.custom-topnav.public-header--sak .nav-modals .dropdown-item:focus {
    background: rgba(59,130,246,.12) !important;
    color: #60a5fa !important;
    outline: 0 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:focus {
    background: #f1f5f9 !important;
    color: #0b63e5 !important;
}

/* šířky menu */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-language {
    min-width: 120px !important;
}

.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-currency {
    min-width: 230px !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – HARD OVERRIDE FOR BOOTSTRAP DROPDOWNS
   ----------------------------------------------------------
   Přímé přepsání přesných Bootstrap dropdownů v nav-modals.
   Toto musí být úplně na konci souboru.
   Cíl:
   - dropdown-language a dropdown-currency musí vypadat stejně
     jako searchPhraseTypeMenu,
   - obejít Bootstrap .dropdown-menu styly,
   - obejít předchozí obecné styly pro nav dropdowny.
   ========================================================== */

/* Obal musí povolit zobrazení menu mimo header. */
.custom-topnav.public-header--sak,
.custom-topnav.public-header--sak .nav-modals,
.custom-topnav.public-header--sak .nav-modals .nav-item {
    overflow: visible !important;
}

/* Přesný panel: jazyk + měna */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show {
    position: absolute !important;

    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;

    z-index: 9000 !important;

    padding: 6px 0 !important;
    margin: 0 !important;

    border-radius: 14px !important;
    overflow: hidden !important;

    background-clip: padding-box !important;

    transform: none !important;
    will-change: auto !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Musí zůstat skryté bez .show a zobrazené se .show. */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language:not(.show),
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency:not(.show) {
    display: none !important;
}

.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show {
    display: block !important;
}

/* Stejné rozměry jako jednoduché menu. */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show {
    width: 230px !important;
    min-width: 230px !important;
    max-width: min(230px, calc(100vw - 24px)) !important;
}

/* Tmavý header – stejné jako searchPhraseTypeMenu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show {
    background: rgba(31, 42, 62, .96) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

/* Světlý header / bez hero – stejné jako searchPhraseTypeMenu. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
}

/* Položky menu – přesné přepsání Bootstrap .dropdown-item. */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language.show .dropdown-item,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency.show .dropdown-item {
    width: 100% !important;
    min-height: 36px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition: background .14s ease, color .14s ease !important;
}

/* Barvy položek – tmavé menu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item {
    color: rgba(255,255,255,.88) !important;
}

/* Barvy položek – světlé menu. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item {
    color: #0f172a !important;
}

/* Oddělení položek stejné jako searchPhraseTypeMenu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item + .dropdown-item,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item + .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item + .dropdown-item,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item + .dropdown-item,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item + .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item + .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(226,232,240,.78) !important;
}

/* Hover přesně jako searchPhraseTypeMenu. */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item:hover,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item:hover,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item:focus,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item:focus {
    background: rgba(59,130,246,.12) !important;
    color: #60a5fa !important;
    outline: 0 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item:focus,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item:focus {
    background: #f1f5f9 !important;
    color: #0b63e5 !important;
}

/* Ikony uvnitř položek zarovnat stejně. */
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language .dropdown-item .flag-icon,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency .dropdown-item .currency-icon {
    width: 18px !important;
    min-width: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – NAV MODALS HOVER FINAL FIX
   ----------------------------------------------------------
   Opravy:
   1) language/currency menu se zobrazí po najetí myší,
   2) odstranění duplicitní bootstrap šipky,
   3) aktivní vzhled dostane pouze konkrétní nav-item,
      ne oba současně.
   Tento blok musí být úplně na konci souboru.
   ========================================================== */

/* Povolit hover dropdown mimo header. */
.custom-topnav.public-header--sak,
.custom-topnav.public-header--sak .nav-modals,
.custom-topnav.public-header--sak .nav-modals .nav-item,
.custom-topnav.public-header--sak .nav-modals .nav-item-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency {
    overflow: visible !important;
}

/* Úplně vypnout bootstrap caret / ::after.
   Tím zmizí duplicitní šipka u dropdown-toggle. */
.custom-topnav.public-header--sak .nav-modals .dropdown-toggle::after,
.custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle::after,
.custom-topnav.public-header--sak .nav-modals .language-dropdown-toggle::after,
.custom-topnav.public-header--sak .nav-modals #navbarDropdownMenuLang::after,
.custom-topnav.public-header--sak .nav-modals #navbarDropdownMenuCurrency::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* Vlastní jedna decentní šipka přes background pseudo-element nepotřebujeme,
   proto necháváme trigger pouze s textem/ikonou. */
.custom-topnav.public-header--sak .nav-modals .nav-link.dropdown-toggle {
    position: relative !important;
    height: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.88) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}

/* Reset aktivního vzhledu pro všechny triggery – zabrání rozsvícení obou najednou. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language > .nav-link.dropdown-toggle,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency > .nav-link.dropdown-toggle {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.88) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-language > .nav-link.dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-language > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .nav-link.dropdown-toggle {
    background: rgba(15,23,42,.04) !important;
    border-color: rgba(15,23,42,.08) !important;
    color: #0f172a !important;
}

/* Aktivní vzhled jen pro konkrétní item pod myší nebo s otevřeným vlastním menu. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language:hover > .nav-link.dropdown-toggle,
.custom-topnav.public-header--sak .nav-modals .nav-item-language.show > .nav-link.dropdown-toggle,
.custom-topnav.public-header--sak .nav-modals .nav-item-language:has(.dropdown-language.show) > .nav-link.dropdown-toggle,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:hover > .nav-link.dropdown-toggle,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency.show > .nav-link.dropdown-toggle,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:has(.dropdown-currency.show) > .nav-link.dropdown-toggle {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #fff !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-language:hover > .nav-link.dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-language.show > .nav-link.dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-language:has(.dropdown-language.show) > .nav-link.dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency:hover > .nav-link.dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency.show > .nav-link.dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency:has(.dropdown-currency.show) > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-language:hover > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-language.show > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-language:has(.dropdown-language.show) > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency:hover > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency.show > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency:has(.dropdown-currency.show) > .nav-link.dropdown-toggle {
    background: rgba(15,23,42,.07) !important;
    border-color: rgba(15,23,42,.12) !important;
    color: #0f172a !important;
}

/* Hover zobrazení menu bez kliknutí. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language:hover > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-language:focus-within > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-language.show > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-language > .dropdown-menu.dropdown-language.show,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:hover > .dropdown-menu.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:focus-within > .dropdown-menu.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency.show > .dropdown-menu.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency > .dropdown-menu.dropdown-currency.show {
    display: block !important;
}

/* Poloha a vzhled obou menu držíme stejně jako searchPhraseTypeMenu. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency > .dropdown-menu.dropdown-currency {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9000 !important;

    padding: 6px 0 !important;
    margin: 0 !important;

    border-radius: 14px !important;
    overflow: hidden !important;

    transform: none !important;
    will-change: auto !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item-language > .dropdown-menu.dropdown-language {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item-currency > .dropdown-menu.dropdown-currency {
    width: 230px !important;
    min-width: 230px !important;
    max-width: min(230px, calc(100vw - 24px)) !important;
}

/* Neviditelný můstek mezi triggerem a menu, aby dropdown nezmizel při přejezdu myší. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language::before,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency::before {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 120px !important;
    height: 10px !important;
    display: block !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 8999 !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item-currency::before {
    min-width: 230px !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – NAV MODALS HOVER OVERLAP FIX
   ----------------------------------------------------------
   Oprava přechodu z language triggeru do language dropdownu:
   - currency pseudo-můstek nesmí překrývat language dropdown,
   - můstek je jen úzký mezi vlastním triggerem a vlastním menu,
   - language má vyšší z-index než currency při hoveru,
   - menu je blíže k triggeru, aby nevznikala velká mrtvá mezera.
   Tento blok musí být úplně na konci CSS.
   ========================================================== */

/* Přiblížit menu k triggeru – menší mrtvá mezera. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency > .dropdown-menu.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency {
    top: calc(100% + 4px) !important;
}

/* Z-index podle aktivního itemu. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language {
    z-index: 82 !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item-currency {
    z-index: 81 !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item-language:hover,
.custom-topnav.public-header--sak .nav-modals .nav-item-language:focus-within,
.custom-topnav.public-header--sak .nav-modals .nav-item-language.show {
    z-index: 95 !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item-currency:hover,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:focus-within,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency.show {
    z-index: 94 !important;
}

/* Původní široký pseudo-můstek mohl překrývat sousední menu.
   Resetujeme jej na šířku triggeru, ne na šířku dropdown menu. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language::before,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency::before {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 6px !important;

    display: block !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 1 !important;
}

/* Samotná menu musí být nad můstkem. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency > .dropdown-menu.dropdown-currency {
    z-index: 9000 !important;
}

/* Hover otevře pouze vlastní menu daného nav-itemu. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language:hover > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-language:focus-within > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-language.show > .dropdown-menu.dropdown-language,
.custom-topnav.public-header--sak .nav-modals .nav-item-language > .dropdown-menu.dropdown-language.show {
    display: block !important;
}

.custom-topnav.public-header--sak .nav-modals .nav-item-currency:hover > .dropdown-menu.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:focus-within > .dropdown-menu.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency.show > .dropdown-menu.dropdown-currency,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency > .dropdown-menu.dropdown-currency.show {
    display: block !important;
}

/* Když je hover na language, currency menu nesmí vyskočit jen kvůli překryvu. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language:hover ~ .nav-item-currency:not(:hover):not(:focus-within):not(.show) > .dropdown-menu.dropdown-currency {
    display: none !important;
}

/* Když je hover na currency, language menu se nechová jako aktivní, pokud language není skutečně hover/focus/show. */
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:hover ~ .nav-item-language:not(:hover):not(:focus-within):not(.show) > .dropdown-menu.dropdown-language {
    display: none !important;
}

/* Bezpečnostní reset aktivního vzhledu – neaktivní soused nezíská stav. */
.custom-topnav.public-header--sak .nav-modals .nav-item-language:not(:hover):not(:focus-within):not(.show) > .nav-link.dropdown-toggle,
.custom-topnav.public-header--sak .nav-modals .nav-item-currency:not(:hover):not(:focus-within):not(.show) > .nav-link.dropdown-toggle {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.88) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-language:not(:hover):not(:focus-within):not(.show) > .nav-link.dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency:not(:hover):not(:focus-within):not(.show) > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-language:not(:hover):not(:focus-within):not(.show) > .nav-link.dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-item-currency:not(:hover):not(:focus-within):not(.show) > .nav-link.dropdown-toggle {
    background: rgba(15,23,42,.04) !important;
    border-color: rgba(15,23,42,.08) !important;
    color: #0f172a !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – SEARCHPHRASETYPE MENU ATTACHED
   ----------------------------------------------------------
   Doladění searchPhraseTypeMenu:
   - menu je stejně široké jako searchPhraseTypeTrigger / segment,
   - menu se dotýká searchformu,
   - nahoře nemá zaoblení,
   - působí jako přirozené pokračování searchformu.
   Tento blok musí být na konci CSS.
   ========================================================== */

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom {
    position: relative !important;
    overflow: visible !important;
}

/* Dropdown přesně pod segmentem a stejně široký jako trigger. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    padding: 4px 0 6px !important;
    margin: 0 !important;

    border-radius: 0 0 14px 14px !important;
    border-top: 0 !important;

    z-index: 7000 !important;
}

/* Menu se má otevřít bez mezery pod triggerem. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:hover .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom:focus-within .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-open .searchPhraseTypeMenu {
    display: flex !important;
}

/* Protože menu už navazuje přímo, hover můstek není potřeba. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom::before {
    display: none !important;
    content: none !important;
}

/* Horní hrana menu opticky navazuje na spodní hranu segmentu. */
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu,
html:not([data-sak-hero="light"]) body:has(.public-hero--sak) .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    background: rgba(31, 42, 62, .96) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu {
    background: rgba(255,255,255,.96) !important;
    border-color: rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
}

/* Položky ponechat jako jednoduché řádky a přizpůsobit menší šířce. */
.custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom button.searchPhraseTypeOption[type="button"] {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 0 !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – SEARCHPHRASETYPE CLOSE AFTER SELECT
   ----------------------------------------------------------
   Po výběru položky se dropdown zavře i v situaci,
   kdy je kurzor stále nad search-phrase-type segmentem.
   ========================================================== */

.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-suppressed-after-select .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-suppressed-after-select:hover .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-suppressed-after-select:focus-within .searchPhraseTypeMenu,
.custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom.is-suppressed-after-select.is-open .searchPhraseTypeMenu {
    display: none !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – NAV LEFT DOUBLE BUTTON FIX
   ----------------------------------------------------------
   Oprava dvojitých tlačítek Novinky / Nápověda:
   - vizuální pill zůstává pouze na vnitřním .news-button/.help-button,
   - obalový .nav-link je jen průhledný klikací wrapper,
   - odstraní se dvojité pozadí, dvojitý border a dvojitý stín.
   Tento blok musí být na konci CSS.
   ========================================================== */

.custom-topnav.public-header--sak .nav-left,
.custom-topnav.public-header--sak .nav-left .nav-item,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Anchor nesmí vypadat jako další tlačítko. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link {
    height: auto !important;
    min-height: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: inherit !important;
    text-decoration: none !important;
}

/* Vypnout případné pseudo vrstvy na odkazu. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link::before,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link::after {
    display: none !important;
    content: none !important;
}

/* Jediný skutečný vizuální pill. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .btn.btn-light.sm,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .news-button,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .help-button {
    height: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.07) !important;
    background-image: none !important;
    box-shadow: none !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;

    cursor: pointer !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}

/* Klik řeší anchor s data-toggle, button necháme vizuální, aby se události nebily. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .btn.btn-light.sm {
    pointer-events: none !important;
}

/* Hover/focus – jen jeden pill. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link:hover .btn.btn-light.sm,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link:focus .btn.btn-light.sm {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #fff !important;
}

/* Světlý header / bez hero. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .btn.btn-light.sm {
    background: rgba(15,23,42,.04) !important;
    border-color: rgba(15,23,42,.08) !important;
    color: #0f172a !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link:hover .btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link:hover .btn.btn-light.sm,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link:focus .btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > .nav-link:focus .btn.btn-light.sm {
    background: rgba(15,23,42,.07) !important;
    border-color: rgba(15,23,42,.12) !important;
    color: #0f172a !important;
}

/* Ikony vedle buttonů nezobrazovat současně s textovým buttonem na desktopu,
   aby nevznikal druhý vizuální prvek. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .news-icon,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .help-icon {
    display: none !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – NAV LEFT SQUARE BORDER FIX
   ----------------------------------------------------------
   Dotažení tlačítek Novinky / Nápověda:
   - odstraní hranatý rámeček z obalového odkazu/nav-itemu,
   - pill tvar zůstane pouze na skutečném vnitřním buttonu,
   - odstraní případný outline/focus shadow z Bootstrapu.
   Tento blok musí být úplně na konci CSS.
   ========================================================== */

.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:hover,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:focus,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:focus-within {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link.text-muted,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:active {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    text-decoration: none !important;
}

/* Odstranit případné pseudo pozadí/rámečky z wrapperu. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link::before,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Jediný viditelný prvek je pill button. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.news-button,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.help-button {
    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.07) !important;
    background-color: rgba(255,255,255,.07) !important;
    background-image: none !important;

    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Hover pouze na pill, bez hranatého obalu. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover > button.btn.btn-light.sm,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus > button.btn.btn-light.sm {
    background: rgba(255,255,255,.12) !important;
    background-color: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Světlý header / bez hero. */
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm {
    background: rgba(15,23,42,.04) !important;
    background-color: rgba(15,23,42,.04) !important;
    border-color: rgba(15,23,42,.08) !important;
    color: #0f172a !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover > button.btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover > button.btn.btn-light.sm,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus > button.btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus > button.btn.btn-light.sm {
    background: rgba(15,23,42,.07) !important;
    background-color: rgba(15,23,42,.07) !important;
    border-color: rgba(15,23,42,.12) !important;
    color: #0f172a !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – NAV LEFT HOVER SQUARE FINAL FIX
   ----------------------------------------------------------
   Odstranění čtverečku při hoveru na Novinky / Nápověda:
   - ruší hover/focus/active pozadí a rámeček na všech wrapper vrstvách,
   - hover efekt zůstává pouze na skutečném pill buttonu,
   - vypíná Bootstrap focus ring / outline / shadow i při :focus-visible.
   Tento blok musí být úplně na konci CSS.
   ========================================================== */

.custom-topnav.public-header--sak .nav-left .nav-notif,
.custom-topnav.public-header--sak .nav-left .nav-notif:hover,
.custom-topnav.public-header--sak .nav-left .nav-notif:focus,
.custom-topnav.public-header--sak .nav-left .nav-notif:focus-within,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:hover,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:focus,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:focus-within {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Wrapper odkaz nesmí mít žádný hover/focus čtverec. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link.text-muted,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus-visible,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;

    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    filter: none !important;

    -webkit-tap-highlight-color: transparent !important;
}

/* Vypnout pseudo vrstvy, které mohou kreslit hover čtverec. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon::before,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon::after,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:hover::before,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon:hover::after,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link::before,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link::after,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover::before,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover::after,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus::before,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Ani button nesmí při hover/focus vytvořit hranatý Bootstrap stav.
   Viditelný zůstává jen jeho vlastní zaoblený tvar. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm:hover,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm:focus,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm:focus-visible,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm:active,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm:not(:disabled):not(.disabled):active {
    border-radius: 999px !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Finální hover barva pouze pro pill. */
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover > button.btn.btn-light.sm,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus > button.btn.btn-light.sm,
.custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:focus-visible > button.btn.btn-light.sm {
    background: rgba(255,255,255,.12) !important;
    background-color: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #fff !important;
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER – CENTER SEARCHFORM
   ----------------------------------------------------------
   Optické vycentrování searchFormu v public headeru:
   - search form je hlavní akční prvek, proto je vedený do středu,
   - centrování je řešené flexem, ne absolutní pozicí,
   - nedochází ke kolizi s logem ani pravou navigací,
   - na menších šířkách se formulář plynule zmenšuje.
   Tento blok musí být na konci CSS.
   ========================================================== */

/* Horní řádek headeru drží logo vlevo, search uprostřed a akce vpravo. */
.custom-topnav.public-header--sak {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
}

/* Logo držet vlevo bez zbytečného natahování. */
.custom-topnav.public-header--sak .navbar-brand,
.custom-topnav.public-header--sak .nav-logo,
.custom-topnav.public-header--sak .brand-logo {
    flex: 0 0 auto !important;
}

/* Search wrapper zabere dostupný prostor a centruje obsah. */
.custom-topnav.public-header--sak .search-form,
.custom-topnav.public-header--sak .nav.search-form {
    flex: 1 1 auto !important;
    min-width: 420px !important;
    max-width: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* Samotný formulář má rozumný maximální rozměr a je uprostřed. */
.custom-topnav.public-header--sak .search-form > form,
.custom-topnav.public-header--sak .nav.search-form > form,
.custom-topnav.public-header--sak form#searchForm {
    width: min(980px, 100%) !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Bootstrap vrstvy uvnitř formu nesmí centrování rozbíjet. */
.custom-topnav.public-header--sak form#searchForm .form-row,
.custom-topnav.public-header--sak form#searchForm .form-group,
.custom-topnav.public-header--sak form#searchForm .input-group.main-search-form {
    width: 100% !important;
}

/* Pravá část headeru zůstává kompaktní. */
.custom-topnav.public-header--sak .nav-bottom.desktop {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: 0 !important;
}

/* Při užších desktopech formulář trochu zkrátit, ale ponechat uprostřed. */
@media (max-width: 1680px) {
    .custom-topnav.public-header--sak .search-form > form,
    .custom-topnav.public-header--sak .nav.search-form > form,
    .custom-topnav.public-header--sak form#searchForm {
        width: min(900px, 100%) !important;
        max-width: 900px !important;
    }
}

@media (max-width: 1480px) {
    .custom-topnav.public-header--sak {
        gap: 16px !important;
    }

    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form {
        min-width: 360px !important;
    }

    .custom-topnav.public-header--sak .search-form > form,
    .custom-topnav.public-header--sak .nav.search-form > form,
    .custom-topnav.public-header--sak form#searchForm {
        width: min(820px, 100%) !important;
        max-width: 820px !important;
    }
}

/* Na menších šířkách už je důležitější dostupnost než centrování. */
@media (max-width: 1180px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        justify-content: stretch !important;
    }

    .custom-topnav.public-header--sak .search-form > form,
    .custom-topnav.public-header--sak .nav.search-form > form,
    .custom-topnav.public-header--sak form#searchForm {
        width: 100% !important;
        max-width: none !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER - LIGHT SURFACE FINAL
   ----------------------------------------------------------
   Stejny princip jako v prezentacnim webu:
   - tmavy vzhled zustava pouze nad tmavym hero,
   - po prechodu na svetly obsah ma header cisty bily glass povrch,
   - texty, ikony, search i dropdowny se prebarvi do ink/brand palety.
   ========================================================== */

html[data-sak-hero="light"] .custom-topnav.public-header--sak,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak {
    background: rgba(255,255,255,.90) !important;
    border-bottom: 1px solid rgba(15,23,42,.085) !important;
    box-shadow: 0 10px 30px rgba(15,23,42,.075) !important;
    color: #0f172a !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak.is-scrolled,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak.is-scrolled {
    background: rgba(255,255,255,.95) !important;
    border-bottom-color: rgba(15,23,42,.10) !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.10) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .logo-image,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .logo-image {
    filter: none !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-link,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-link,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .user-name,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .user-name,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .user-icon,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .user-icon,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-menu-icon,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-menu-icon {
    color: #172033 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-link:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-link:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-link:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-link:focus {
    background: rgba(0,85,204,.075) !important;
    border-color: rgba(0,85,204,.14) !important;
    color: #0055cc !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-person,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-person {
    border-left-color: rgba(15,23,42,.08) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .news-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .news-button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .help-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .help-button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-language > a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-language > a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-language > button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-language > button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-currency > a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-currency > a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-currency > button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-currency > button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-currency select,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-currency select,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .language-dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .language-dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .currency-dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .currency-dropdown-toggle,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .dropdown-toggle,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .dropdown-toggle {
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(15,23,42,.09) !important;
    color: #172033 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover > button.btn.btn-light.sm,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link:hover > button.btn.btn-light.sm,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .news-button:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .news-button:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .help-button:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .help-button:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-link:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-link:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .nav-link:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .nav-link:focus {
    background: rgba(0,85,204,.08) !important;
    border-color: rgba(0,85,204,.18) !important;
    color: #0055cc !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-cart .nav-link,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-cart .nav-link {
    background: #fff !important;
    border-color: rgba(15,23,42,.09) !important;
    color: #172033 !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.07) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-cart .nav-link:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-cart .nav-link:hover {
    color: #0055cc !important;
    border-color: rgba(0,85,204,.18) !important;
    background: #f7fbff !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form {
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 28px rgba(15,47,95,.08) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form:focus-within,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form:focus-within {
    border-color: rgba(0,85,204,.20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 14px 32px rgba(0,85,204,.11) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .field-caption,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .field-caption {
    color: #64748b !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .input-group-text,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .input-group-text,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form select,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form select,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger {
    color: #0f172a !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .form-control,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form input,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form select,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form select,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeTrigger {
    border-left-color: rgba(15,23,42,.065) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form input::placeholder,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form input::placeholder {
    color: #64748b !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeMenu,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .search-tip-container,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .search-tip-container,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .dropdown-menu,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .dropdown-menu,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-language,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-menu.dropdown-menu-right.dropdown-currency {
    background: rgba(255,255,255,.98) !important;
    border-color: rgba(15,23,42,.10) !important;
    color: #0f172a !important;
    box-shadow: 0 22px 46px rgba(15,23,42,.14) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item {
    color: #172033 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption:focus,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-modals .dropdown-item:focus {
    background: rgba(0,85,204,.075) !important;
    color: #0055cc !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .main-search-form .searchPhraseTypeOption.is-selected {
    background: #0055cc !important;
    color: #fff !important;
}

@media (max-width: 720px) {
    html[data-sak-hero="light"] .custom-topnav.public-header--sak,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak {
        background: rgba(255,255,255,.94) !important;
        box-shadow: 0 10px 28px rgba(15,23,42,.10) !important;
    }

    html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-header-upper,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-header-upper {
        color: #0f172a !important;
    }

    html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-menu-icon,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-menu-icon {
        width: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: #fff !important;
        border: 1px solid rgba(15,23,42,.09) !important;
        box-shadow: 0 10px 22px rgba(15,23,42,.075) !important;
    }
}

/* ==========================================================
   SAKESHOP PUBLIC HEADER – final surface switch override
   ----------------------------------------------------------
   Tento blok je záměrně na konci souboru. Přepisuje starší
   duplicitní hotfixy a navazuje na JS v _LayoutPublic.cshtml,
   který nastavuje html[data-sak-hero] + třídy is-over-dark/light.
   ========================================================== */

html[data-sak-hero="dark"] body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
html[data-sak-hero="dark"] .wrapper > nav.topnav.custom-topnav.public-header--sak,
html[data-sak-hero="dark"] nav.topnav.custom-topnav.public-header--sak,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak,
.custom-topnav.public-header--sak.is-over-dark {
    background: rgba(11,18,32,.30) !important;
    border-bottom-color: rgba(255,255,255,.12) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(130%) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak.is-scrolled,
.custom-topnav.public-header--sak.is-over-dark.is-scrolled {
    background: rgba(11,18,32,.76) !important;
    border-bottom-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;
}

html[data-sak-hero="light"] body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
html[data-sak-hero="light"] .wrapper > nav.topnav.custom-topnav.public-header--sak,
html[data-sak-hero="light"] nav.topnav.custom-topnav.public-header--sak,
html[data-sak-hero="light"] .custom-topnav.public-header--sak,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak,
.custom-topnav.public-header--sak.is-over-light {
    background: rgba(255,255,255,.82) !important;
    border-bottom-color: rgba(15,23,42,.09) !important;
    color: #0f172a !important;
    box-shadow: 0 4px 20px rgba(15,23,42,.08) !important;
    backdrop-filter: blur(14px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak.is-scrolled,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak.is-scrolled,
.custom-topnav.public-header--sak.is-over-light.is-scrolled {
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.11) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .logo-image,
.custom-topnav.public-header--sak.is-over-dark .logo-image {
    filter: brightness(0) invert(1) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .logo-image,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .logo-image,
.custom-topnav.public-header--sak.is-over-light .logo-image {
    filter: none !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak a,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-link,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .news-button,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .help-button,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .user-name,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .user-icon,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-item-currency select,
.custom-topnav.public-header--sak.is-over-dark a,
.custom-topnav.public-header--sak.is-over-dark .nav-link,
.custom-topnav.public-header--sak.is-over-dark .news-button,
.custom-topnav.public-header--sak.is-over-dark .help-button,
.custom-topnav.public-header--sak.is-over-dark .user-name,
.custom-topnav.public-header--sak.is-over-dark .user-icon,
.custom-topnav.public-header--sak.is-over-dark .nav-item-currency select {
    color: rgba(255,255,255,.94) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak a,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-link,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .news-button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .help-button,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .user-name,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .user-icon,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-item-currency select,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak a,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-link,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .news-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .help-button,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .user-name,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .user-icon,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-item-currency select,
.custom-topnav.public-header--sak.is-over-light a,
.custom-topnav.public-header--sak.is-over-light .nav-link,
.custom-topnav.public-header--sak.is-over-light .news-button,
.custom-topnav.public-header--sak.is-over-light .help-button,
.custom-topnav.public-header--sak.is-over-light .user-name,
.custom-topnav.public-header--sak.is-over-light .user-icon,
.custom-topnav.public-header--sak.is-over-light .nav-item-currency select {
    color: #172033 !important;
}

/* ==========================================================
   SAKESHOP PUBLIC HEADER – nonstop phone button
   ----------------------------------------------------------
   Samostatný blok až za surface override, aby tlačítko správně
   reagovalo na světlý/tmavý podklad headeru.
   ========================================================== */

.custom-topnav.public-header--sak .nav-phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.custom-topnav.public-header--sak .public-header-phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 14px 0 8px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.custom-topnav.public-header--sak .public-header-phone:hover,
.custom-topnav.public-header--sak .public-header-phone:focus {
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

.custom-topnav.public-header--sak .public-header-phone__badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.16) inset, 0 6px 18px rgba(37,99,235,.28) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.custom-topnav.public-header--sak .public-header-phone__icon {
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 15px !important;
}

.custom-topnav.public-header--sak .public-header-phone__number {
    white-space: nowrap !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .public-header-phone,
.custom-topnav.public-header--sak.is-over-dark .public-header-phone {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    color: rgba(255,255,255,.94) !important;
}

html[data-sak-hero="dark"] .custom-topnav.public-header--sak .public-header-phone:hover,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak .public-header-phone:focus,
.custom-topnav.public-header--sak.is-over-dark .public-header-phone:hover,
.custom-topnav.public-header--sak.is-over-dark .public-header-phone:focus {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.24) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.18) !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .public-header-phone,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .public-header-phone,
.custom-topnav.public-header--sak.is-over-light .public-header-phone {
    background: rgba(255,255,255,.74) !important;
    border: 1px solid rgba(0,85,204,.18) !important;
    color: #172033 !important;
}

html[data-sak-hero="light"] .custom-topnav.public-header--sak .public-header-phone:hover,
html[data-sak-hero="light"] .custom-topnav.public-header--sak .public-header-phone:focus,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .public-header-phone:hover,
html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .public-header-phone:focus,
.custom-topnav.public-header--sak.is-over-light .public-header-phone:hover,
.custom-topnav.public-header--sak.is-over-light .public-header-phone:focus {
    background: #fff !important;
    border-color: rgba(0,85,204,.34) !important;
    color: #0055cc !important;
    box-shadow: 0 10px 24px rgba(15,47,95,.10) !important;
}

@media (max-width: 1120px) {
    .custom-topnav.public-header--sak .public-header-phone {
        padding-right: 9px !important;
        gap: 7px !important;
    }

    .custom-topnav.public-header--sak .public-header-phone__number {
        display: none !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER - RESPONSIVE SAFETY LAYER
   ----------------------------------------------------------
   Drzi header pouzitelny i pri uzkem desktop viewportu a na
   mobilech, kde se meni vyska adresniho radku.
   ========================================================== */

@media (max-width: 1180px) {
    .custom-topnav.public-header--sak .nav-person {
        display: none !important;
    }

    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form {
        min-width: 0 !important;
    }
}

@media (max-width: 860px) {
    .custom-topnav.public-header--sak .navbar-brand,
    .custom-topnav.public-header--sak .nav-top.desktop > .navbar-brand {
        min-width: 126px !important;
    }

    .custom-topnav.public-header--sak .logo-image {
        width: 124px !important;
        max-width: 124px !important;
    }

    .custom-topnav.public-header--sak .nav-phone {
        display: none !important;
    }
}

@media (max-width: 720px) {
    body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
    .wrapper > nav.topnav.custom-topnav.public-header--sak,
    nav.topnav.custom-topnav.public-header--sak,
    .custom-topnav.public-header--sak {
        width: 100% !important;
        min-height: 118px !important;
        padding: calc(10px + env(safe-area-inset-top)) 12px 12px !important;
        gap: 10px !important;
    }

    html[data-sak-has-hero="false"] .main-content {
        padding-top: var(--sakshop-header-h-real, 118px) !important;
    }

    body:has(.public-hero--sak) .public-hero--sak .public-hero__container {
        padding-top: calc(var(--sakshop-header-h-real, 118px) + 18px) !important;
    }

    .custom-topnav.public-header--sak .nav-top.desktop {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .custom-topnav.public-header--sak .nav-top.desktop > .navbar-brand {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
    }

    .custom-topnav.public-header--sak .nav-bottom.desktop {
        display: none !important;
    }

    .custom-topnav.public-header--sak .mobile-header {
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-header-upper {
        min-height: 44px !important;
    }

    .custom-topnav.public-header--sak .mobile-header-quick {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-header-phone {
        min-width: 0 !important;
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 12px 0 7px !important;
        border-radius: 999px !important;
        color: rgba(255,255,255,.94) !important;
        background: rgba(255,255,255,.10) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak .mobile-header-phone__badge {
        min-width: 38px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 8px !important;
        border-radius: 999px !important;
        color: #fff !important;
        background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
        font-size: 11px !important;
        font-weight: 950 !important;
    }

    .custom-topnav.public-header--sak .mobile-header-language {
        position: relative !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-header-language .language-dropdown-toggle {
        min-width: 48px !important;
        min-height: 38px !important;
        height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        color: rgba(255,255,255,.94) !important;
        background: rgba(255,255,255,.10) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        text-decoration: none !important;
    }

    .custom-topnav.public-header--sak .mobile-header-language .language-dropdown-toggle::after {
        display: none !important;
        content: none !important;
    }

    .custom-topnav.public-header--sak .mobile-header-language .dropdown-language {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 9100 !important;
        min-width: 124px !important;
        padding: 6px 0 !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        background: rgba(31, 42, 62, .96) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
    }

    .custom-topnav.public-header--sak .mobile-header-language .dropdown-item {
        min-height: 36px !important;
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 0 13px !important;
        color: rgba(255,255,255,.90) !important;
        font-size: 13px !important;
        font-weight: 750 !important;
    }

    html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-header-phone,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-header-phone,
    .custom-topnav.public-header--sak.is-over-light .mobile-header-phone,
    html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-header-language .language-dropdown-toggle,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-header-language .language-dropdown-toggle,
    .custom-topnav.public-header--sak.is-over-light .mobile-header-language .language-dropdown-toggle {
        color: #172033 !important;
        background: rgba(255,255,255,.82) !important;
        border-color: rgba(15,23,42,.10) !important;
    }

    html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-header-language .dropdown-language,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-header-language .dropdown-language,
    .custom-topnav.public-header--sak.is-over-light .mobile-header-language .dropdown-language {
        background: rgba(255,255,255,.98) !important;
        border-color: rgba(15,23,42,.10) !important;
        box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
    }

    html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-header-language .dropdown-item,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-header-language .dropdown-item,
    .custom-topnav.public-header--sak.is-over-light .mobile-header-language .dropdown-item {
        color: #172033 !important;
    }

    .custom-topnav.public-header--sak .mobile-header-lower,
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .input-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 50px !important;
        align-items: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        border-radius: 999px !important;
        overflow: hidden !important;
        background: rgba(255,255,255,.92) !important;
        border: 1px solid rgba(15,23,42,.10) !important;
        box-shadow: 0 10px 24px rgba(15,47,95,.08) !important;
    }

    html[data-sak-hero="dark"] .custom-topnav.public-header--sak .mobile-search-form .input-row,
    .custom-topnav.public-header--sak.is-over-dark .mobile-search-form .input-row {
        background: rgba(255,255,255,.12) !important;
        border-color: rgba(255,255,255,.14) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.14) !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .input-wrapper {
        min-width: 0 !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form #searchPhraseInput.mobile,
    .custom-topnav.public-header--sak .mobile-search-form .form-control.searchPhrase {
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-radius: 999px 0 0 999px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0f172a !important;
        font-size: 16px !important;
        font-weight: 800 !important;
    }

    html[data-sak-hero="dark"] .custom-topnav.public-header--sak .mobile-search-form #searchPhraseInput.mobile,
    html[data-sak-hero="dark"] .custom-topnav.public-header--sak .mobile-search-form .form-control.searchPhrase,
    .custom-topnav.public-header--sak.is-over-dark .mobile-search-form #searchPhraseInput.mobile,
    .custom-topnav.public-header--sak.is-over-dark .mobile-search-form .form-control.searchPhrase {
        color: rgba(255,255,255,.94) !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .filterButton {
        width: 50px !important;
        min-width: 50px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 999px 999px 0 !important;
        box-shadow: none !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip-container {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9200 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: min(42vh, 260px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    .custom-topnav.public-header--sak .main-search-form {
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        display: flex !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-icon-segment {
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-submit-segment {
        flex: 0 0 50px !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-type,
    .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom,
    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        display: none !important;
    }

    .custom-topnav.public-header--sak .main-search-form .input-group-text,
    .custom-topnav.public-header--sak .main-search-form .form-control,
    .custom-topnav.public-header--sak .main-search-form input,
    .custom-topnav.public-header--sak .main-search-form select {
        height: 46px !important;
        min-height: 46px !important;
        line-height: 46px !important;
        font-size: 16px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .btn.btn-primary,
    .custom-topnav.public-header--sak .main-search-form button[type="button"],
    .custom-topnav.public-header--sak .main-search-form button[type="submit"] {
        width: 42px !important;
        min-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 4px !important;
        padding: 0 !important;
        border-radius: 999px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .filter-button-text {
        display: none !important;
    }

    .custom-topnav.public-header--sak .main-search-form .filter-button-icon {
        display: inline-flex !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container,
    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container {
        left: -44px !important;
        width: calc(100vw - 64px) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 64px) !important;
        max-height: min(42vh, 260px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    .custom-topnav.public-header--sak .mobile-menu {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-height: calc(100svh - var(--sakshop-header-h-real, 118px)) !important;
        max-height: calc(100dvh - var(--sakshop-header-h-real, 118px)) !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 420px) {
    body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
    .wrapper > nav.topnav.custom-topnav.public-header--sak,
    nav.topnav.custom-topnav.public-header--sak,
    .custom-topnav.public-header--sak {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .custom-topnav.public-header--sak .mobile-header .logo-image,
    .custom-topnav.public-header--sak .logo-image {
        width: 126px !important;
        max-width: 126px !important;
    }

    .custom-topnav.public-header--sak .mobile-menu-icon,
    .custom-topnav.public-header--sak .nav-cart.mobile .nav-link {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER - WIDE COMPACTING SEQUENCE
   ----------------------------------------------------------
   Postupne zmensovani headeru pro rozliseni, kde se jeste
   pouziva desktopova hlavicka, ale vsechny prvky uz nemaji
   dost mista vedle sebe.
   ========================================================== */

@media (min-width: 721px) and (max-width: 2150px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        max-width: 860px !important;
    }

    .custom-topnav.public-header--sak .search-form > form,
    .custom-topnav.public-header--sak .nav.search-form > form,
    .custom-topnav.public-header--sak form#searchForm {
        width: min(860px, 100%) !important;
        max-width: 860px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
        flex-basis: 270px !important;
        width: 270px !important;
        min-width: 210px !important;
        max-width: 310px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-submit-segment {
        flex: 0 0 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-submit-segment .btn.btn-primary,
    .custom-topnav.public-header--sak .main-search-form .search-submit-segment button[type="button"],
    .custom-topnav.public-header--sak .main-search-form .search-submit-segment button[type="submit"] {
        width: calc(100% - 8px) !important;
        margin: 4px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-bottom: 6px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .filter-button-text {
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .custom-topnav.public-header--sak .main-search-form .filter-button-text::after {
        content: "Filtr";
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak .nav-bottom.desktop {
        gap: 8px !important;
    }

    .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media (min-width: 721px) and (max-width: 2010px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        max-width: 780px !important;
    }

    .custom-topnav.public-header--sak .search-form > form,
    .custom-topnav.public-header--sak .nav.search-form > form,
    .custom-topnav.public-header--sak form#searchForm {
        width: min(780px, 100%) !important;
        max-width: 780px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
        flex-basis: 230px !important;
        width: 230px !important;
        min-width: 180px !important;
        max-width: 260px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        flex-basis: 86px !important;
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-type,
    .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom {
        flex-basis: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        max-width: 128px !important;
    }

    .custom-topnav.public-header--sak .public-header-phone__number {
        display: none !important;
    }
}

@media (min-width: 721px) and (max-width: 1865px) {
    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        max-width: 620px !important;
    }

        .custom-topnav.public-header--sak .search-form > form,
        .custom-topnav.public-header--sak .nav.search-form > form,
        .custom-topnav.public-header--sak form#searchForm {
            width: min(620px, 100%) !important;
            max-width: 620px !important;
        }

    .custom-topnav.public-header--sak .main-search-form .dimension-segment {
        display: none !important;
    }

    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment {
        flex-basis: 260px !important;
        width: 260px !important;
        min-width: 190px !important;
        max-width: none !important;
    }
}

@media (min-width: 721px) and (max-width: 1540px) {
    .custom-topnav.public-header--sak .main-search-form .search-phrase-type,
    .custom-topnav.public-header--sak .main-search-form .search-phrase-type-custom {
        display: none !important;
    }

    .custom-topnav.public-header--sak .search-form,
    .custom-topnav.public-header--sak .nav.search-form,
    .custom-topnav.public-header--sak .nav-top.desktop > .search-form {
        max-width: 480px !important;
    }

    .custom-topnav.public-header--sak .search-form > form,
    .custom-topnav.public-header--sak .nav.search-form > form,
    .custom-topnav.public-header--sak form#searchForm {
        width: min(480px, 100%) !important;
        max-width: 480px !important;
    }

    .custom-topnav.public-header--sak .nav-left {
        display: inline-flex !important;
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link.text-muted {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        background: rgba(255,255,255,.07) !important;
        color: rgba(255,255,255,.92) !important;
    }

    html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak.is-over-light .nav-left .nav-left-modal-icon > a.nav-link {
        border-color: rgba(15,23,42,.09) !important;
        background: rgba(255,255,255,.78) !important;
        color: #172033 !important;
    }

    .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm {
        display: none !important;
    }

    .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .news-icon,
    .custom-topnav.public-header--sak .nav-left .nav-left-modal-icon .help-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: inherit !important;
        font-size: 16px !important;
    }
}

@media (min-width: 721px) and (max-width: 1320px) {
    .custom-topnav.public-header--sak .nav-left {
        display: none !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER - SEARCH SUGGESTIONS SCROLL
   ----------------------------------------------------------
   Naseptavac zustava pouzitelny i pri vetsim poctu polozek:
   desktop i mobil maji omezenou vysku a vlastni scroll.
   ========================================================== */

.custom-topnav.public-header--sak .search-tip-container,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-container {
    max-height: min(46vh, 320px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
}

.custom-topnav.public-header--sak .search-tip-container::-webkit-scrollbar,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container::-webkit-scrollbar,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-container::-webkit-scrollbar {
    width: 8px;
}

.custom-topnav.public-header--sak .search-tip-container::-webkit-scrollbar-thumb,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container::-webkit-scrollbar-thumb,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-container::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(100,116,139,.38);
    background-clip: padding-box;
}

@media (max-width: 720px) {
    .custom-topnav.public-header--sak .mobile-search-form .search-tip-container,
    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container,
    .custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container {
        max-height: min(38vh, 240px) !important;
    }
}


/* ==========================================================
   SAKESHOP PUBLIC HEADER - MOBILE TEMPLATE HARD RESET
   ----------------------------------------------------------
   Serverova mobilni sablona nacita starsi siteMobile.css.
   Ten pridava bile pozadi, absolutni logo a velke odsazeni.
   Tento finalni blok vraci mobilni header do kompaktni podoby.
   ========================================================== */

@media (max-width: 720px) {
    body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak,
    .wrapper > nav.topnav.custom-topnav.public-header--sak,
    nav.topnav.custom-topnav.public-header--sak,
    .custom-topnav.public-header--sak {
        min-height: 0 !important;
        padding: calc(10px + env(safe-area-inset-top)) 12px 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    .custom-topnav.public-header--sak .mobile-header {
        position: relative !important;
        z-index: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .custom-topnav.public-header--sak .mobile-header-upper {
        position: relative !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .custom-topnav.public-header--sak .mobile-header-upper .navbar-brand,
    .custom-topnav.public-header--sak .mobile-header-upper a.navbar-brand {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: auto !important;
        min-width: 0 !important;
        height: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: none !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak .mobile-header .logo-image {
        width: 132px !important;
        max-width: 132px !important;
        height: auto !important;
        max-height: 42px !important;
        display: block !important;
        object-fit: contain !important;
    }

    .custom-topnav.public-header--sak .mobile-header-actions {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak .mobile-menu-icon,
    .custom-topnav.public-header--sak .nav-cart.mobile {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: inherit !important;
    }

    .custom-topnav.public-header--sak .mobile-menu-icon {
        border-radius: 999px !important;
        cursor: pointer !important;
    }

    .custom-topnav.public-header--sak .mobile-menu-icon .fe,
    .custom-topnav.public-header--sak .nav-cart.mobile .fe,
    .custom-topnav.public-header--sak .nav-cart.mobile .user-icon {
        color: inherit !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak .nav-cart.mobile .nav-item {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .custom-topnav.public-header--sak .nav-cart.mobile .nav-link {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
        text-decoration: none !important;
        color: inherit !important;
    }

    .custom-topnav.public-header--sak.is-over-dark .mobile-menu-icon,
    html[data-sak-hero="dark"] .custom-topnav.public-header--sak .mobile-menu-icon,
    .custom-topnav.public-header--sak.is-over-dark .nav-cart.mobile .nav-link,
    html[data-sak-hero="dark"] .custom-topnav.public-header--sak .nav-cart.mobile .nav-link {
        color: rgba(255,255,255,.94) !important;
        background: rgba(255,255,255,.10) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
    }

    .custom-topnav.public-header--sak.is-over-light .mobile-menu-icon,
    html[data-sak-hero="light"] .custom-topnav.public-header--sak .mobile-menu-icon,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .mobile-menu-icon,
    .custom-topnav.public-header--sak.is-over-light .nav-cart.mobile .nav-link,
    html[data-sak-hero="light"] .custom-topnav.public-header--sak .nav-cart.mobile .nav-link,
    html[data-sak-has-hero="false"] .custom-topnav.public-header--sak .nav-cart.mobile .nav-link {
        color: #172033 !important;
        background: rgba(255,255,255,.84) !important;
        border: 1px solid rgba(15,23,42,.10) !important;
    }

    .custom-topnav.public-header--sak .mobile-header-quick {
        width: 100% !important;
        min-height: 38px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-header-phone {
        justify-self: start !important;
        flex: 0 1 auto !important;
        max-width: 152px !important;
        overflow: hidden !important;
    }

    .custom-topnav.public-header--sak .mobile-header-phone__number {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .custom-topnav.public-header--sak .mobile-header-language .language-dropdown-toggle {
        padding-top: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-header-lower {
        width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .custom-topnav.public-header--sak .mobile-header-lower .nav.search-form,
    .custom-topnav.public-header--sak .mobile-header-lower .nav-item,
    .custom-topnav.public-header--sak .mobile-header-lower form#searchForm {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    .custom-topnav.public-header--sak .mobile-menu {
        display: none !important;
    }
}

@media (max-width: 430px) {
    .custom-topnav.public-header--sak .mobile-header-phone {
        max-width: none !important;
        padding-right: 8px !important;
    }

    .custom-topnav.public-header--sak .mobile-header-phone__number {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .custom-topnav.public-header--sak .mobile-header .logo-image {
        width: 112px !important;
        max-width: 112px !important;
    }

    .custom-topnav.public-header--sak .mobile-header-phone {
        font-size: 11px !important;
        padding-right: 9px !important;
    }

    .custom-topnav.public-header--sak .mobile-header-actions {
        gap: 5px !important;
    }

    .custom-topnav.public-header--sak .mobile-header-language .language-dropdown-toggle,
    .custom-topnav.public-header--sak .nav-cart.mobile,
    .custom-topnav.public-header--sak .nav-cart.mobile .nav-link {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }
}

/* ==========================================================
   SAKESHOP PUBLIC HEADER - MOBILE SEARCH SUGGESTIONS
   ----------------------------------------------------------
   The mobile search uses a different DOM branch than desktop.
   Keep suggestions bright, readable, and scrollable over the
   dark mobile header.
   ========================================================== */

@media (max-width: 720px) {
    .custom-topnav.public-header--sak .mobile-search-form .search-tip-container {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9200 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: min(38vh, 230px) !important;
        display: none !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 6px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        color: #0f2947 !important;
        background: rgba(255,255,255,.98) !important;
        border: 1px solid rgba(191,215,242,.92) !important;
        border-bottom: 1px solid rgba(191,215,242,.92) !important;
        border-radius: 18px !important;
        box-shadow: 0 20px 42px rgba(15,41,71,.24) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip-container:not(:empty) {
        display: flex !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip {
        width: 100% !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        color: #0f2947 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: left !important;
        cursor: pointer !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip + .search-tip {
        margin-top: 2px !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip:hover,
    .custom-topnav.public-header--sak .mobile-search-form .search-tip:focus {
        color: #0b63ce !important;
        background: #eff6ff !important;
        outline: 0 !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip__text {
        min-width: 0 !important;
        display: block !important;
        overflow: hidden !important;
        color: inherit !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip__match {
        color: #0b63ce !important;
        font-weight: 950 !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip__count {
        flex: 0 0 auto !important;
        min-width: 42px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 8px !important;
        color: #0b63ce !important;
        background: #eff6ff !important;
        border: 1px solid #dbeafe !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak .mobile-search-form .search-tip--more {
        justify-content: center !important;
        color: #64748b !important;
        cursor: default !important;
    }
}

/* ==========================================================
   SAKESHOP AUTHENTICATED HEADER - final overrides
   ----------------------------------------------------------
   Musi byt za public mobile/search hotfixy, jinak ho prebije
   obecny public header.
   ========================================================== */

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
    max-width: 250px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
    max-width: 250px !important;
    padding-right: 11px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
    max-width: 180px !important;
    min-width: 0 !important;
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.05 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name br {
    display: none !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name > span:first-child {
    margin-right: 6px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu {
    min-width: 248px !important;
    padding: 8px !important;
    border-radius: 18px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-item {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 12px !important;
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-item:hover,
.custom-topnav.public-header--sak.eshop-header--authenticated .dropdown-small-menu .dropdown-item:focus {
    background: rgba(0,85,204,.075) !important;
    color: #0055cc !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop {
    position: relative !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .nav-link {
    width: auto !important;
    min-width: 44px !important;
    max-width: 230px !important;
    height: 38px !important;
    min-height: 38px !important;
    gap: 8px !important;
    padding: 0 12px !important;
    overflow: visible !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .fe-shopping-cart {
    flex: 0 0 auto !important;
    font-size: 18px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
    position: static !important;
    top: auto !important;
    right: auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 158px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0055cc !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated.is-over-dark .nav-cart.desktop #cartValue.shopping-cart-badge,
html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
    color: #fff !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9300 !important;
    min-width: 560px !important;
    max-width: min(720px, calc(100vw - 32px)) !important;
    margin: 0 !important;
    padding-top: 12px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-4px) !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .nav-item.dropdown:hover .cart-preview,
.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview:hover {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu {
    position: static !important;
    display: block !important;
    min-width: 560px !important;
    max-width: min(720px, calc(100vw - 32px)) !important;
    max-height: min(68vh, 540px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-y: auto !important;
    transform: none !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(191,215,242,.92) !important;
    box-shadow: 0 24px 54px rgba(15,41,71,.22) !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu > a {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 0 !important;
    color: #0f2947 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .cart-preview .dropdown-menu h4 {
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    color: #0f2947 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item {
    display: grid !important;
    grid-template-columns: minmax(130px, 1.5fr) minmax(78px, .75fr) minmax(92px, .85fr) minmax(64px, .6fr) minmax(94px, .9fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 9px 10px !important;
    color: #0f2947 !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item:hover {
    background: #eff6ff !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-title-cart-preview {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #0a2a50 !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-brand,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-price,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-quantity,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-sum {
    width: auto !important;
    min-width: 0 !important;
    color: #64748b !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .product-sum,
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview b.product-sum {
    color: #0055cc !important;
    font-weight: 950 !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.mobile #cartValue.shopping-cart-badge {
    top: 2px !important;
    right: 2px !important;
    width: 10px !important;
    min-width: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 2px solid rgba(255,255,255,.92) !important;
    background: #16a34a !important;
    box-shadow: 0 0 0 1px rgba(22,163,74,.22) !important;
}

@media (min-width: 721px) and (max-width: 1180px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person {
        display: inline-flex !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        width: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
    }
}

@media (min-width: 721px) and (max-width: 1320px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
        max-width: 104px !important;
    }
}

@media (max-width: 720px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-user {
        border: 0 !important;
        font: inherit !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-actions {
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-cart,
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-user {
        flex: 0 0 auto !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu.active {
        position: fixed !important;
        top: calc(var(--sakshop-header-h-real, 118px) + 8px) !important;
        left: 12px !important;
        right: 12px !important;
        z-index: 9400 !important;
        width: auto !important;
        max-height: calc(100dvh - var(--sakshop-header-h-real, 118px) - 24px) !important;
        display: block !important;
        margin: 0 !important;
        padding: 8px !important;
        overflow-y: auto !important;
        background: rgba(255,255,255,.98) !important;
        border: 1px solid rgba(191,215,242,.92) !important;
        border-radius: 18px !important;
        box-shadow: 0 24px 54px rgba(15,41,71,.24) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list {
        display: grid !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list > li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list a {
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 0 12px !important;
        border-radius: 13px !important;
        color: #0f2947 !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        text-decoration: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list a:hover,
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .menu-list a:focus {
        background: #eff6ff !important;
        color: #0055cc !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-menu .dropdown-list {
        margin: 0 0 4px !important;
        padding: 0 0 0 10px !important;
        list-style: none !important;
    }
}

@media (max-width: 390px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header .logo-image {
        width: 104px !important;
        max-width: 104px !important;
    }
}
/* Cart preview compact line items - final cascade */
.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview__main {
    min-width: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item > .product-quantity {
    align-self: center !important;
    width: auto !important;
    min-width: 44px !important;
    padding: 4px 9px !important;
    color: #075fb8 !important;
    background: #eef6ff !important;
    border: 1px solid #cfe3ff !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.custom-topnav.public-header--sak.eshop-header--authenticated .cart-preview .dropdown-item.cart-preview__item > .product-sum {
    align-self: center !important;
    color: #0055cc !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

/* Authenticated desktop header responsive guard - final cascade */
@media (min-width: 721px) and (max-width: 2296px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated {
        gap: 14px !important;
        padding-left: clamp(18px, 1.7vw, 34px) !important;
        padding-right: clamp(18px, 1.7vw, 34px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop {
        min-width: 0 !important;
        gap: clamp(16px, 2vw, 42px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-bottom.desktop {
        min-width: 0 !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link.text-muted {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(15, 23, 42, .09) !important;
        background: rgba(255, 255, 255, .76) !important;
        color: #172033 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .news-icon,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .help-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: inherit !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex: 1 1 min(900px, 48vw) !important;
        width: min(900px, 48vw) !important;
        max-width: 900px !important;
        min-width: 430px !important;
        margin-left: clamp(18px, 2.4vw, 48px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form > li,
    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form > form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form > form,
    .custom-topnav.public-header--sak.eshop-header--authenticated form#searchForm {
        width: 100% !important;
        max-width: 900px !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop {
        flex: 0 0 auto !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person,
    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        max-width: 220px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        max-width: 152px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
        max-width: 122px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment {
        position: relative !important;
        height: 52px !important;
        min-height: 52px !important;
        display: flex !important;
        align-items: stretch !important;
        min-width: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment > .btn.btn-primary {
        position: absolute !important;
        inset: 4px !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        align-self: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border-radius: 333px 999px 999px 333px !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 721px) and (max-width: 2150px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex-basis: min(820px, 46vw) !important;
        width: min(820px, 46vw) !important;
        max-width: 820px !important;
        min-width: 390px !important;
        margin-left: clamp(14px, 2vw, 36px) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone {
        padding-right: 10px !important;
        gap: 7px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-phone__number {
        display: none !important;
    }
}

@media (min-width: 721px) and (max-width: 2010px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .logo-image {
        width: 158px !important;
        max-width: 158px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .navbar-brand,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .navbar-brand {
        min-width: 160px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        flex-basis: min(720px, 44vw) !important;
        width: min(720px, 44vw) !important;
        max-width: 720px !important;
        min-width: 360px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person,
    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        max-width: 176px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        max-width: 116px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals .nav-link.dropdown-toggle {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}

@media (min-width: 721px) and (max-width: 1580px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person .user-name {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person,
    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle {
        padding: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        min-width: 320px !important;
    }
}

@media (min-width: 721px) and (max-width: 1320px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav.search-form,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop > .search-form {
        min-width: 300px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop #cartValue.shopping-cart-badge {
        max-width: 104px !important;
    }
}

@media (min-width: 721px) and (max-width: 2150px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text::after {
        content: "Filtr" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-icon {
        display: none !important;
    }
}

/* Authenticated header Full HD optimization */
@media (min-width: 721px) {
    body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak.eshop-header--authenticated,
    .wrapper > nav.topnav.custom-topnav.public-header--sak.eshop-header--authenticated,
    nav.topnav.custom-topnav.public-header--sak.eshop-header--authenticated,
    .custom-topnav.public-header--sak.eshop-header--authenticated {
        height: auto !important;
        min-height: 94px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: 24px minmax(54px, auto) !important;
        align-items: center !important;
        column-gap: 18px !important;
        row-gap: 6px !important;
        padding-top: 6px !important;
        padding-bottom: 10px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-bar {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 24px !important;
        min-height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-phone {
        min-height: 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 0 10px !important;
        color: #0f2947 !important;
        border-radius: 999px !important;
        text-decoration: none !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-phone:hover,
    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-phone:focus {
        color: #0055cc !important;
        background: rgba(0, 85, 204, .07) !important;
        text-decoration: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-phone__badge {
        min-width: 42px !important;
        height: 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 8px !important;
        color: #fff !important;
        background: #2f80ed !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        font-weight: 950 !important;
        box-shadow: 0 6px 14px rgba(47, 128, 237, .22) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-phone__label {
        color: #64748b !important;
        font-weight: 800 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-phone strong {
        color: #0f2947 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 100% !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-bottom.desktop {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-preferences {
        padding-top: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-preference {
        min-height: 42px !important;
        display: grid !important;
        grid-template-columns: minmax(84px, auto) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 5px 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-preference__label {
        min-width: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #475569 !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-preference__label i {
        width: 24px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #0055cc !important;
        background: #eff6ff !important;
        border-radius: 999px !important;
        font-size: 13px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-choice-group {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        flex-wrap: wrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-choice {
        min-width: 34px !important;
        min-height: 28px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 8px !important;
        color: #334155 !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-choice:hover,
    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-choice:focus,
    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-menu-choice.is-active {
        color: #fff !important;
        background: #0055cc !important;
        border-color: #0055cc !important;
        text-decoration: none !important;
    }
}

@media (min-width: 1321px) and (max-width: 2296px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left {
        display: inline-flex !important;
        gap: 8px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link.text-muted {
        width: auto !important;
        min-width: 0 !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 13px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(15, 23, 42, .09) !important;
        background: rgba(255, 255, 255, .78) !important;
        color: #172033 !important;
        text-decoration: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link > button.btn.btn-light.sm {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: inherit !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .news-icon,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon .help-icon {
        display: none !important;
    }
}

/* Authenticated header compact desktop refinement */
@media (min-width: 721px) {
    body.vertical.light.collapsed .wrapper > nav.topnav.custom-topnav.public-header--sak.eshop-header--authenticated,
    .wrapper > nav.topnav.custom-topnav.public-header--sak.eshop-header--authenticated,
    nav.topnav.custom-topnav.public-header--sak.eshop-header--authenticated,
    .custom-topnav.public-header--sak.eshop-header--authenticated {
        height: auto !important;
        min-height: 82px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: minmax(58px, auto) !important;
        align-items: center !important;
        column-gap: 16px !important;
        row-gap: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .auth-utility-bar {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-top.desktop {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-bottom.desktop {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact {
        min-width: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        flex: 0 0 auto !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-link.dropdown-toggle {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(15, 23, 42, .09) !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .82) !important;
        color: #172033 !important;
        box-shadow: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-link.dropdown-toggle:hover,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-link.dropdown-toggle:focus,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item.show .nav-link.dropdown-toggle {
        color: #0055cc !important;
        background: #eff6ff !important;
        border-color: rgba(0, 85, 204, .18) !important;
        outline: 0 !important;
        text-decoration: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .dropdown-toggle::after {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .flag-icon {
        width: 18px !important;
        height: 14px !important;
        min-width: 18px !important;
        border-radius: 3px !important;
        box-shadow: 0 0 0 1px rgba(15, 23, 42, .08) !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .currency-icon {
        width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .current-currency {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 12px 0 8px !important;
        gap: 7px !important;
        color: #0f2947 !important;
        background: rgba(255, 255, 255, .82) !important;
        border: 1px solid rgba(15, 23, 42, .09) !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone:hover,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone:focus {
        color: #0055cc !important;
        background: #eff6ff !important;
        border-color: rgba(0, 85, 204, .18) !important;
        text-decoration: none !important;
        outline: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone__badge {
        height: 24px !important;
        min-width: 44px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        font-weight: 950 !important;
        box-shadow: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone__icon {
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: currentColor !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone__number {
        display: inline-flex !important;
        color: inherit !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        letter-spacing: 0 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-person,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop {
        flex: 0 0 auto !important;
    }
}

@media (min-width: 1321px) and (max-width: 1780px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-bottom.desktop {
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left {
        gap: 6px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link.text-muted {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone {
        padding-right: 10px !important;
    }
}

@media (min-width: 1321px) and (max-width: 1540px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone__badge {
        display: none !important;
    }
}

/* Authenticated search filter button: keep it inside search form */
@media (min-width: 721px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment {
        position: static !important;
        flex: 0 0 84px !important;
        width: 84px !important;
        min-width: 84px !important;
        max-width: 84px !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        padding: 4px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

        .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment > .btn.btn-primary,
        .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment > button[type="button"],
        .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment > button[type="submit"] {
            position: static !important;
            inset: auto !important;
            flex: 1 1 auto !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            height: 100% !important;
            min-height: 0 !important;
            margin: 0 !important;
            padding: 0 10px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 0 999px 999px 0 !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
        }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-text::after {
        content: "Filtr" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: 100% !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .main-search-form .search-submit-segment .filter-button-icon {
        display: none !important;
    }
}

/* EOF currency icon override */
@media (min-width: 721px) {
    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item-currency > .currency-dropdown-toggle {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .current-currency {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-icon {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: currentColor !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-icon__svg {
        width: 24px !important;
        height: 24px !important;
        display: block !important;
        overflow: visible !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-icon__disc {
        fill: currentColor !important;
        opacity: .08 !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-icon__ring {
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2 !important;
        opacity: .18 !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-icon__text {
        fill: currentColor !important;
        font-family: Arial, "Segoe UI", sans-serif !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-anchor: middle !important;
        dominant-baseline: middle !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-icon__text--pair {
        font-size: 13px !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-icon__text--eur {
        font-size: 19px !important;
    }
}

/* EOF currency text override */
@media (min-width: 721px) {
    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        color: currentColor !important;
        font-size: 15px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak .nav-modals .nav-item-currency > .currency-dropdown-toggle .currency-symbol-text--eur {
        font-size: 18px !important;
    }
}

/* Auth header action height alignment */
@media (min-width: 721px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-left .nav-left-modal-icon > a.nav-link,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item > .nav-link.dropdown-toggle,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-phone.auth-header-phone .public-header-phone,
    .custom-topnav.public-header--sak.eshop-header--authenticated .public-header-user-toggle,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.desktop .nav-link {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        box-sizing: border-box !important;
        line-height: 1 !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        align-items: center !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item > .nav-link.dropdown-toggle,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item-language > .language-dropdown-toggle,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .nav-item-currency > .currency-dropdown-toggle {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: top !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .flag-icon,
    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .currency-symbol-text {
        flex: 0 0 auto !important;
        margin: 0 !important;
        transform: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-modals.nav-modals--compact .flag-icon {
        width: 20px !important;
        min-width: 20px !important;
        height: 15px !important;
        border-radius: 5px !important;
        overflow: hidden !important;
        background-size: cover !important;
        box-shadow: 0 0 0 1px rgba(15, 23, 42, .10) !important;
    }
}

/* Search autocomplete final layout: results scroll, assist footer stays visible. */
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container,
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-container {
    display: none !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment #searchTipContainer.search-tip-container:not(:empty),
.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container:not(:empty),
.custom-topnav.public-header--sak .mobile-search-form .search-tip-container:not(:empty) {
    display: flex !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-results,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-results {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-assist,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-assist {
    position: relative !important;
    bottom: auto !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container--with-results .search-tip-assist,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-container--with-results .search-tip-assist {
    border-top: 1px solid rgba(191,219,254,.9) !important;
}

.custom-topnav.public-header--sak .main-search-form .search-phrase-segment .search-tip-container--assist-only .search-tip-assist,
.custom-topnav.public-header--sak .mobile-search-form .search-tip-container--assist-only .search-tip-assist {
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Public desktop search filter button: keep "Filtr" visible below the legacy 1690px breakpoint. */
@media (min-width: 721px) and (max-width: 1690px) {
    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .main-search-form .search-submit-segment .filter-button-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
    }

    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .main-search-form .search-submit-segment .filter-button-text::after {
        content: "Filtr" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: 100% !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .main-search-form .search-submit-segment .filter-button-icon {
        display: none !important;
    }
}

/* Public desktop header: keep the phone number visible on compact widths. */
@media (min-width: 721px) and (max-width: 2010px) {
    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .nav-phone {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .nav-phone .public-header-phone {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 12px 0 9px !important;
        gap: 7px !important;
        white-space: nowrap !important;
    }

    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .nav-phone .public-header-phone__icon {
        width: 16px !important;
        min-width: 16px !important;
        height: 16px !important;
        flex: 0 0 auto !important;
    }

    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .nav-phone .public-header-phone__number {
        display: inline-flex !important;
        align-items: center !important;
        color: inherit !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        letter-spacing: 0 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 721px) and (max-width: 1540px) {
    .custom-topnav.public-header--sak:not(.eshop-header--authenticated) .nav-phone .public-header-phone__badge {
        display: none !important;
    }
}

@media (max-width: 720px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-language {
        display: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-cart {
        width: auto !important;
        min-width: 0 !important;
        height: 40px !important;
        min-height: 40px !important;
        flex: 0 1 auto !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-cart .nav-link {
        width: auto !important;
        min-width: 98px !important;
        max-width: 138px !important;
        height: 40px !important;
        min-height: 40px !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 0 10px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-cart .fe-shopping-cart {
        flex: 0 0 auto !important;
        font-size: 18px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.mobile #cartValue.shopping-cart-badge {
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 92px !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #0055cc !important;
        font-size: 11px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated.is-over-dark .nav-cart.mobile #cartValue.shopping-cart-badge,
    html[data-sak-hero="dark"] .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.mobile #cartValue.shopping-cart-badge {
        color: #fff !important;
    }
}

@media (max-width: 380px) {
    .custom-topnav.public-header--sak.eshop-header--authenticated .mobile-header-cart .nav-link {
        min-width: 86px !important;
        max-width: 112px !important;
        padding: 0 8px !important;
    }

    .custom-topnav.public-header--sak.eshop-header--authenticated .nav-cart.mobile #cartValue.shopping-cart-badge {
        max-width: 72px !important;
        font-size: 10px !important;
    }
}