:root {
    --mbx-search-blue: #2F63D8;
    --mbx-search-navy: #061755;
    --mbx-search-text: #020817;
    --mbx-search-muted: #667085;
    --mbx-search-border: #d8deea;
    --mbx-search-separator: #bac3d3;
    --mbx-search-soft: #f3f6fb;
    --mbx-search-green: #257500;
}

/* Starý / nativní Shoptet whisperer je pouze zdroj dat. Nikdy se nesmí vizuálně ukázat. */
html body .search-whisperer,
html body .search-whisperer.active,
html body .search-whisperer.mb-open,
html body .search-whisperer[style] {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 920px !important;
    max-width: 920px !important;
    min-width: 920px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 70vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
    z-index: -1 !important;
}

/* Staré UI z předchozích verzí schovat, kdyby zůstalo v cache. */
html body .mbc-search-panel,
html body .mbc-search-backdrop,
html body .mb-search-main,
html body .mb-category-section,
html body .mb-all-results-wrap {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body .mbx-search-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483300 !important;
    background: rgba(8, 14, 32, .72) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .16s ease, visibility .16s ease !important;
}

html body.mbx-search-active .mbx-search-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html body .mbx-search-panel {
    position: fixed !important;
    z-index: 2147483500 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 260px !important;
    max-width: calc(100vw - 32px) !important;
    background: #fff !important;
    border: 1px solid var(--mbx-search-border) !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: 0 34px 85px rgba(5, 14, 45, .28) !important;
    color: var(--mbx-search-text) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-4px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
    box-sizing: border-box !important;
    isolation: isolate !important;
}

html body .mbx-search-panel,
html body .mbx-search-panel * {
    box-sizing: border-box !important;
}

html body .mbx-search-panel.mbx-search-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Aktivní formulář je jen nad overlayem. Samotný input necháváme v původním vzhledu Shoptetu. */
html body .mbx-search-form-active {
    position: relative !important;
    z-index: 2147483700 !important;
    pointer-events: auto !important;
}

html body.mbx-search-active .mbx-search-form-active,
html body.mbx-search-active .mbx-search-form-active * {
    pointer-events: auto !important;
}

html body.mbx-search-active .mbx-search-form-active input.js-search-input,
html body.mbx-search-active .mbx-search-form-active input.query-input,
html body.mbx-search-active .mbx-search-form-active input[name="string"],
html body.mbx-search-active .mbx-search-form-active input[type="search"] {
    transform: none !important;
    transition: none !important;
}

html body .mbx-search-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(5, 14, 45, .16) !important;
    cursor: pointer !important;
    appearance: none !important;
}

html body .mbx-search-close span,
html body .mbx-search-close::before,
html body .mbx-search-close::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    width: 22px !important;
    height: 2.5px !important;
    border-radius: 999px !important;
    background: #000 !important;
}

html body .mbx-search-close::before { transform: rotate(45deg) !important; }
html body .mbx-search-close::after { transform: rotate(-45deg) !important; }
html body .mbx-search-close span { display: none !important; }

html body .mbx-search-close:hover,
html body .mbx-search-close:focus-visible {
    background: var(--mbx-search-soft) !important;
    outline: none !important;
}

html body .mbx-search-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: #fff !important;
}

html body .mbx-search-content::-webkit-scrollbar { width: 8px !important; height: 0 !important; }
html body .mbx-search-content::-webkit-scrollbar-thumb { background: #cfd8e8 !important; border-radius: 999px !important; }
html body .mbx-search-content::-webkit-scrollbar-track { background: transparent !important; }

html body .mbx-search-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 100% !important;
    background: #fff !important;
}

html body .mbx-search-products {
    min-width: 0 !important;
    padding: 28px 30px 30px !important;
    background: #fff !important;
}

html body .mbx-search-side {
    min-width: 0 !important;
    padding: 28px 30px 30px !important;
    border-left: 1px solid var(--mbx-search-separator) !important;
    background: #fff !important;
    align-self: stretch !important;
}

html body .mbx-search-title {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 0 10px !important;
    position: relative !important;
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

html body .mbx-search-title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    display: block !important;
    width: 58px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: var(--mbx-search-blue) !important;
}

html body .mbx-search-product-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    width: 100% !important;
}

html body .mbx-search-product {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) 96px !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    min-height: 92px !important;
    padding: 12px 16px !important;
    border-radius: 14px !important;
    color: var(--mbx-search-text) !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: background .16s ease, transform .16s ease !important;
}

html body .mbx-search-product:hover,
html body .mbx-search-product:focus-visible {
    background: var(--mbx-search-soft) !important;
    color: var(--mbx-search-text) !important;
    text-decoration: none !important;
    outline: none !important;
}

html body .mbx-search-product-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    background: transparent !important;
    overflow: visible !important;
}

html body .mbx-search-product-image img {
    display: block !important;
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    filter: none !important;
}

html body .mbx-search-no-image {
    border-radius: 14px !important;
    background: #f3f6fb !important;
}

html body .mbx-search-product-info {
    display: block !important;
    min-width: 0 !important;
}

html body .mbx-search-product-name {
    display: block !important;
    margin: 0 0 7px !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.23 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html body .mbx-search-product-availability {
    display: block !important;
    color: var(--mbx-search-green) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

html body .mbx-search-product-price {
    justify-self: end !important;
    display: block !important;
    min-width: max-content !important;
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

html body .mbx-search-group + .mbx-search-group {
    margin-top: 34px !important;
}

html body .mbx-search-group-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}

html body .mbx-search-side-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
    color: #000 !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: background .16s ease !important;
}

html body .mbx-search-side-item:hover,
html body .mbx-search-side-item:focus-visible {
    background: var(--mbx-search-soft) !important;
    color: var(--mbx-search-text) !important;
    text-decoration: none !important;
    outline: none !important;
}

html body .mbx-search-folder,
html body .mbx-search-icon-category,
html body .mbx-search-icon-brand,
html body .mbx-search-icon-article,
html body .mbx-search-icon-sale {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    color: var(--mbx-search-blue) !important;
}

/* Kategorie = složka */
html body .mbx-search-icon-category::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 9px !important;
    width: 24px !important;
    height: 15px !important;
    border-radius: 3px !important;
    background: var(--mbx-search-blue) !important;
}

html body .mbx-search-icon-category::after {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: 5px !important;
    width: 12px !important;
    height: 8px !important;
    border-radius: 3px 3px 0 0 !important;
    background: var(--mbx-search-blue) !important;
}

/* Značka = štítek */
html body .mbx-search-icon-brand::before {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 6px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 5px 5px 5px 2px !important;
    background: var(--mbx-search-blue) !important;
    transform: rotate(45deg) !important;
}

html body .mbx-search-icon-brand::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 999px !important;
    background: #fff !important;
}

/* Články & rubriky = dokument */
html body .mbx-search-icon-article::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 4px !important;
    width: 17px !important;
    height: 21px !important;
    border-radius: 3px !important;
    border: 2px solid var(--mbx-search-blue) !important;
    background: transparent !important;
}

html body .mbx-search-icon-article::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    width: 11px !important;
    height: 8px !important;
    border-top: 2px solid var(--mbx-search-blue) !important;
    border-bottom: 2px solid var(--mbx-search-blue) !important;
    box-shadow: 0 5px 0 -3px var(--mbx-search-blue) !important;
}

/* Akce = odznak */
html body .mbx-search-icon-sale::before {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 5px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    border: 3px solid var(--mbx-search-blue) !important;
}

html body .mbx-search-icon-sale::after {
    content: "" !important;
    position: absolute !important;
    left: 13px !important;
    top: 10px !important;
    width: 3px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: var(--mbx-search-blue) !important;
    transform: rotate(45deg) !important;
}

html body .mbx-search-side-name {
    display: block !important;
    min-width: 0 !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html body .mbx-search-empty,
html body .mbx-search-loading {
    display: block !important;
    width: 100% !important;
    padding: 14px 0 !important;
    color: var(--mbx-search-muted) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

html body .mbx-search-loading {
    padding: 42px 0 !important;
}

html body .mbx-search-footer {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 24px 28px 28px !important;
    border-top: 1px solid var(--mbx-search-border) !important;
    background: #f2f4f7 !important;
}

html body .mbx-search-all-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 270px !important;
    min-height: 44px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 28px !important;
    border: 1px solid #9da6b5 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--mbx-search-navy) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    appearance: none !important;
}

html body .mbx-search-all-button:hover,
html body .mbx-search-all-button:focus-visible {
    background: var(--mbx-search-navy) !important;
    border-color: var(--mbx-search-navy) !important;
    color: #fff !important;
    outline: none !important;
}


/* Během vyhledávání se hlavní menu nechová jako aktivní prvek. Neotevírá dropdowny a nepřekrývá search. */
html body.mbx-search-active #navigation,
html body.mbx-search-active .navigation-in,
html body.mbx-search-active .navigation-buttons,
html body.mbx-search-active .menu-helper,
html body.mbx-search-active .menu-level-1,
html body.mbx-search-active .top-navigation-menu,
html body.mbx-search-active .header-bottom,
html body.mbx-search-active .top-navigation-bar,
html body.mbx-search-active .site-name-wrapper,
html body.mbx-search-active .site-name {
    pointer-events: none !important;
}

html body.mbx-search-active .mbx-search-form-active,
html body.mbx-search-active .mbx-search-form-active * {
    pointer-events: auto !important;
}

html body.mbx-search-active .menu-helper,
html body.mbx-search-active .menu-level-2,
html body.mbx-search-active .menu-level-3,
html body.mbx-search-active .submenu,
html body.mbx-search-active .navigation-dropdown,
html body.mbx-search-active .menu-dropdown,
html body.mbx-search-active .menu-submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body.mbx-search-active .mbx-search-panel,
html body.mbx-search-active .mbx-search-backdrop {
    pointer-events: auto !important;
}

@media (max-width: 900px) {
    html body .mbx-search-layout {
        grid-template-columns: minmax(0, 1fr) 290px !important;
    }

    html body .mbx-search-products,
    html body .mbx-search-side {
        padding: 24px 20px 26px !important;
    }

    html body .mbx-search-product {
        grid-template-columns: 62px minmax(0, 1fr) 84px !important;
        gap: 14px !important;
        min-height: 82px !important;
        padding: 10px 12px !important;
    }

    html body .mbx-search-product-image,
    html body .mbx-search-product-image img {
        width: 58px !important;
        height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
        min-width: 58px !important;
    }
}

@media (max-width: 767px) {
    html body .mbx-search-backdrop {
        background: rgba(8, 14, 32, .74) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    html body .mbx-search-form-active {
        position: relative !important;
        z-index: 2147483700 !important;
    }

    html body .mbx-search-panel {
        max-width: calc(100vw - 24px) !important;
        border-radius: 0 0 16px 16px !important;
        min-height: 260px !important;
        box-shadow: 0 24px 65px rgba(5, 14, 45, .30) !important;
    }

    html body .mbx-search-close {
        top: 10px !important;
        right: 10px !important;
        width: 40px !important;
        height: 40px !important;
    }

    html body .mbx-search-layout {
        display: block !important;
    }

    html body .mbx-search-products {
        padding: 20px 14px 14px !important;
    }

    html body .mbx-search-side {
        padding: 20px 14px 22px !important;
        border-left: 0 !important;
        border-top: 1px solid var(--mbx-search-separator) !important;
    }

    html body .mbx-search-title {
        margin-bottom: 16px !important;
        padding-bottom: 8px !important;
        font-size: 16px !important;
    }

    html body .mbx-search-title::after {
        width: 50px !important;
    }

    html body .mbx-search-product {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        gap: 11px !important;
        min-height: 76px !important;
        padding: 10px 10px !important;
        border-radius: 12px !important;
    }

    html body .mbx-search-product-image,
    html body .mbx-search-product-image img {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        max-height: 50px !important;
    }

    html body .mbx-search-product-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
        margin-bottom: 5px !important;
    }

    html body .mbx-search-product-availability {
        font-size: 11px !important;
    }

    html body .mbx-search-product-price {
        grid-column: 2 !important;
        justify-self: start !important;
        margin-top: 4px !important;
        font-size: 14px !important;
    }

    html body .mbx-search-group + .mbx-search-group {
        margin-top: 26px !important;
    }

    html body .mbx-search-side-item {
        min-height: 40px !important;
        padding: 7px 6px !important;
    }

    html body .mbx-search-side-name {
        font-size: 13px !important;
    }

    html body .mbx-search-footer {
        padding: 16px 14px 18px !important;
    }

    html body .mbx-search-all-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;
    }



    html body .mbx-search-panel {
        left: 8px !important;
        right: auto !important;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
    }

    html body .mbx-search-content {
        max-height: calc(100dvh - 190px) !important;
    }

    html body.mbx-search-active #navigation,
    html body.mbx-search-active .navigation-in,
    html body.mbx-search-active .menu-helper,
    html body.mbx-search-active .menu-level-1,
    html body.mbx-search-active .header-bottom {
        pointer-events: none !important;
    }
}

/* ===============================
   MakerBase Search X3 final fixes
   =============================== */

/* Při otevřeném vyhledávání se stránka nesmí scrollovat ani omylem klikat do menu. */
html body.mbx-search-active {
    overflow: hidden !important;
}

html body.mbx-search-active #content,
html body.mbx-search-active main,
html body.mbx-search-active .content-wrapper,
html body.mbx-search-active .overall-wrapper,
html body.mbx-search-active #footer {
    pointer-events: none !important;
}

html body.mbx-search-active .mbx-search-panel,
html body.mbx-search-active .mbx-search-panel *,
html body.mbx-search-active .mbx-search-backdrop,
html body.mbx-search-active .mbx-search-form-active,
html body.mbx-search-active .mbx-search-form-active * {
    pointer-events: auto !important;
}

/* Víc prémiový blur/tmavší stránka. */
html body .mbx-search-backdrop {
    background: rgba(7, 12, 28, .78) !important;
    backdrop-filter: blur(16px) saturate(.9) !important;
    -webkit-backdrop-filter: blur(16px) saturate(.9) !important;
}

/* Search input zůstává pořád jeden čistý zaoblený prvek, žádné uříznuté rohy. */
html body.mbx-search-active .mbx-search-form-active {
    border-radius: 10px !important;
    overflow: visible !important;
    background: transparent !important;
}

html body.mbx-search-active .mbx-search-form-active input.js-search-input,
html body.mbx-search-active .mbx-search-form-active input.query-input,
html body.mbx-search-active .mbx-search-form-active input[name="string"],
html body.mbx-search-active .mbx-search-form-active input[type="search"] {
    width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    border: 1px solid #d8deea !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(5, 14, 45, .20) !important;
    outline: none !important;
    transform: none !important;
    transition: none !important;
    color: #020817 !important;
}

html body.mbx-search-active .mbx-search-form-active input.js-search-input:focus,
html body.mbx-search-active .mbx-search-form-active input.query-input:focus,
html body.mbx-search-active .mbx-search-form-active input[name="string"]:focus,
html body.mbx-search-active .mbx-search-form-active input[type="search"]:focus {
    border-color: #2F63D8 !important;
    box-shadow: 0 18px 44px rgba(5, 14, 45, .22), 0 0 0 2px rgba(47, 99, 216, .12) !important;
}

/* Nové čisté SVG ikonky místo CSS pseudo ikon. */
html body .mbx-search-folder::before,
html body .mbx-search-folder::after,
html body .mbx-search-icon-category::before,
html body .mbx-search-icon-category::after,
html body .mbx-search-icon-brand::before,
html body .mbx-search-icon-brand::after,
html body .mbx-search-icon-article::before,
html body .mbx-search-icon-article::after,
html body .mbx-search-icon-sale::before,
html body .mbx-search-icon-sale::after {
    content: none !important;
    display: none !important;
}

html body .mbx-search-folder {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    color: var(--mbx-search-blue) !important;
}

html body .mbx-search-folder svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    color: currentColor !important;
    overflow: visible !important;
}

html body .mbx-search-icon-category svg {
    width: 30px !important;
    height: 30px !important;
}

html body .mbx-search-icon-brand svg,
html body .mbx-search-icon-article svg,
html body .mbx-search-icon-sale svg {
    width: 27px !important;
    height: 27px !important;
}

html body .mbx-search-brand-logo {
    flex: 0 0 70px !important;
    width: 70px !important;
    height: 28px !important;
    justify-content: flex-start !important;
}

html body .mbx-search-brand-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 68px !important;
    max-height: 24px !important;
    object-fit: contain !important;
    border: 0 !important;
    background: transparent !important;
}

html body .mbx-search-side-item:has(.mbx-search-brand-logo) {
    gap: 12px !important;
}

/* Vlastní panel má mít zaoblený celý spodní box a nesmí odskočit mimo input. */
html body .mbx-search-panel {
    border-radius: 0 0 18px 18px !important;
}

@media (max-width: 767px) {
    html body .mbx-search-backdrop {
        background: rgba(7, 12, 28, .80) !important;
        backdrop-filter: blur(16px) saturate(.9) !important;
        -webkit-backdrop-filter: blur(16px) saturate(.9) !important;
    }

    html body.mbx-search-active .mbx-search-form-active input.js-search-input,
    html body.mbx-search-active .mbx-search-form-active input.query-input,
    html body.mbx-search-active .mbx-search-form-active input[name="string"],
    html body.mbx-search-active .mbx-search-form-active input[type="search"] {
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 8px !important;
        box-shadow: 0 12px 30px rgba(5, 14, 45, .20) !important;
    }

    html body .mbx-search-panel {
        top: auto;
        max-height: calc(100dvh - 84px) !important;
    }

    html body .mbx-search-content {
        max-height: calc(100dvh - 170px) !important;
    }

    html body .mbx-search-brand-logo {
        flex-basis: 64px !important;
        width: 64px !important;
    }

    html body .mbx-search-brand-logo img {
        max-width: 62px !important;
        max-height: 23px !important;
    }
}

/* ===============================
   MakerBase Search X4 polish
   =============================== */

/* Aktivní search nesmí vytvořit druhý rámeček okolo inputu. */
html body.mbx-search-active .mbx-search-form-active,
html body.mbx-search-active form.mbx-search-form-active,
html body.mbx-search-active .search-form.mbx-search-form-active,
html body.mbx-search-active .compact-form.mbx-search-form-active,
html body.mbx-search-active #formSearchForm.mbx-search-form-active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
    clip-path: none !important;
}

html body.mbx-search-active .mbx-search-form-active::before,
html body.mbx-search-active .mbx-search-form-active::after,
html body.mbx-search-active .mbx-search-form-active > div::before,
html body.mbx-search-active .mbx-search-form-active > div::after {
    content: none !important;
    display: none !important;
}

html body.mbx-search-active .mbx-search-form-active input.js-search-input,
html body.mbx-search-active .mbx-search-form-active input.query-input,
html body.mbx-search-active .mbx-search-form-active input[name="string"],
html body.mbx-search-active .mbx-search-form-active input[type="search"] {
    border-radius: 10px !important;
    clip-path: none !important;
    overflow: hidden !important;
    background: #fff !important;
    outline: none !important;
}

/* Když má šablona okolo inputu další wrapper, nesmí malovat vlastní okraj. */
html body.mbx-search-active .mbx-search-form-active .search-input,
html body.mbx-search-active .mbx-search-form-active .query-input,
html body.mbx-search-active .mbx-search-form-active .input-wrapper,
html body.mbx-search-active .mbx-search-form-active .form-control,
html body.mbx-search-active .mbx-search-form-active .search-form-input-wrapper {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 10px !important;
    overflow: visible !important;
}

/* Oltio logo blíž k textu. */
html body .mbx-search-side-item-logo {
    gap: 7px !important;
}

html body .mbx-search-side-item-logo .mbx-search-brand-logo {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 28px !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
}

html body .mbx-search-side-item-logo .mbx-search-brand-logo img {
    max-width: 36px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* Podmínky mají vlastní skupinu i vlastní ikonku. */
html body .mbx-search-icon-terms svg {
    width: 28px !important;
    height: 28px !important;
}

html body .mbx-search-side-item-terms .mbx-search-side-name {
    font-weight: 800 !important;
}

/* Karta položek vpravo může mít menší mezeru, aby ikony nepůsobily odtrženě. */
html body .mbx-search-side-item {
    gap: 11px !important;
}

/* Na mobilu držíme search input čistý a plně zaoblený, bez dvojitého okraje. */
@media (max-width: 767px) {
    html body.mbx-search-active .mbx-search-form-active,
    html body.mbx-search-active form.mbx-search-form-active,
    html body.mbx-search-active .search-form.mbx-search-form-active,
    html body.mbx-search-active .compact-form.mbx-search-form-active,
    html body.mbx-search-active #formSearchForm.mbx-search-form-active {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible !important;
    }

    html body.mbx-search-active .mbx-search-form-active input.js-search-input,
    html body.mbx-search-active .mbx-search-form-active input.query-input,
    html body.mbx-search-active .mbx-search-form-active input[name="string"],
    html body.mbx-search-active .mbx-search-form-active input[type="search"] {
        border-radius: 10px !important;
        clip-path: none !important;
    }

    html body .mbx-search-side-item-logo .mbx-search-brand-logo {
        flex-basis: 36px !important;
        width: 36px !important;
    }

    html body .mbx-search-side-item-logo .mbx-search-brand-logo img {
        max-width: 34px !important;
        max-height: 21px !important;
    }
}

/* Bez modrého/dvojitého focus rámečku na search inputu. */
html body.mbx-search-active .mbx-search-form-active input.js-search-input:focus,
html body.mbx-search-active .mbx-search-form-active input.query-input:focus,
html body.mbx-search-active .mbx-search-form-active input[name="string"]:focus,
html body.mbx-search-active .mbx-search-form-active input[type="search"]:focus {
    border-color: #d8deea !important;
    outline: none !important;
    box-shadow: 0 14px 36px rgba(5, 14, 45, .16) !important;
}

/* ===============================
   MakerBase Search X5 stabilní horní input + panel
   =============================== */

html body .mbx-search-floating {
    position: fixed !important;
    z-index: 2147483700 !important;
    display: flex !important;
    align-items: center !important;
    width: 520px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-2px) !important;
    transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
    box-sizing: border-box !important;
}

html body.mbx-search-active .mbx-search-floating {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

html body .mbx-search-floating,
html body .mbx-search-floating * {
    box-sizing: border-box !important;
}

html body .mbx-search-floating-input {
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 62px 0 18px !important;
    border: 1px solid #d8deea !important;
    border-radius: 10px !important;
    outline: none !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(5, 14, 45, .18) !important;
    color: #020817 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 52px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: none !important;
}

html body .mbx-search-floating-input:focus {
    border-color: #2F63D8 !important;
    box-shadow: 0 18px 44px rgba(5, 14, 45, .20), 0 0 0 1px rgba(47, 99, 216, .18) !important;
}

html body .mbx-search-floating-button {
    position: absolute !important;
    right: 4px !important;
    top: 4px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    appearance: none !important;
}

html body .mbx-search-floating-button:hover,
html body .mbx-search-floating-button:focus-visible {
    background: #f3f6fb !important;
    outline: none !important;
}

html body .mbx-search-floating-button::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 10px !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #6b7280 !important;
    border-radius: 999px !important;
    background: transparent !important;
}

html body .mbx-search-floating-button::after {
    content: "" !important;
    position: absolute !important;
    left: 28px !important;
    top: 27px !important;
    width: 12px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #6b7280 !important;
    transform: rotate(-45deg) !important;
    transform-origin: left center !important;
}

html body .mbx-search-floating-button span {
    display: none !important;
}

/* Při aktivním vlastním searchi se původní formulář nechává v pozadí — bez z-indexu a bez nového rámečku. */
html body.mbx-search-active .mbx-search-form-active,
html body.mbx-search-active form.mbx-search-form-active,
html body.mbx-search-active .search-form.mbx-search-form-active,
html body.mbx-search-active .compact-form.mbx-search-form-active,
html body.mbx-search-active #formSearchForm.mbx-search-form-active {
    z-index: auto !important;
}

/* Panel držíme vždy pod vlastním inputem a nikdy nesmí ořezávat levou část produktů. */
html body .mbx-search-panel {
    min-height: 280px !important;
    border-radius: 0 0 18px 18px !important;
}

html body .mbx-search-products {
    overflow: visible !important;
}

html body .mbx-search-product-list {
    overflow: visible !important;
}

html body .mbx-search-product {
    overflow: visible !important;
}

@media (max-width: 767px) {
    html body .mbx-search-floating {
        height: 48px !important;
        min-height: 48px !important;
        max-width: calc(100vw - 32px) !important;
    }

    html body .mbx-search-floating-input {
        height: 48px !important;
        min-height: 48px !important;
        padding-left: 14px !important;
        padding-right: 58px !important;
        border-radius: 10px !important;
        line-height: 48px !important;
        font-size: 14px !important;
        box-shadow: 0 14px 32px rgba(5, 14, 45, .18) !important;
    }

    html body .mbx-search-floating-button {
        width: 40px !important;
        height: 40px !important;
    }

    html body .mbx-search-floating-button::before {
        left: 10px !important;
        top: 9px !important;
        width: 15px !important;
        height: 15px !important;
    }

    html body .mbx-search-floating-button::after {
        left: 25px !important;
        top: 25px !important;
        width: 11px !important;
    }

    html body .mbx-search-panel {
        max-width: calc(100vw - 16px) !important;
        border-radius: 0 0 16px 16px !important;
    }

    html body .mbx-search-content {
        max-height: calc(100dvh - 148px) !important;
    }
}

/* ===============================
   MakerBase Search X7 – stabilní input + fix otevírání při scrollu
   =============================== */

/* Původní Shoptet search při aktivním popupu úplně schováme vizuálně.
   Data z něj pořád čteme přes JS, ale zákazník vidí jen náš stabilní input. */
html body.mbx-search-active .mbx-search-form-active,
html body.mbx-search-active form.mbx-search-form-active,
html body.mbx-search-active .search-form.mbx-search-form-active,
html body.mbx-search-active .compact-form.mbx-search-form-active,
html body.mbx-search-active #formSearchForm.mbx-search-form-active {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
}

html body .mbx-search-floating {
    position: fixed !important;
    z-index: 2147483700 !important;
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 10px !important;
    overflow: visible !important;
}

html body .mbx-search-floating-input {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 10px !important;
    border: 1px solid #d8deea !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(5, 14, 45, .18) !important;
    outline: none !important;
    transform: none !important;
    transition: none !important;
}

html body .mbx-search-floating-input:focus {
    border-color: #d8deea !important;
    box-shadow: 0 18px 44px rgba(5, 14, 45, .20) !important;
    outline: none !important;
}

html body .mbx-search-floating-button {
    border-radius: 9px !important;
}

/* Popup držíme zarovnaný a nikdy nesmí useknout levou část produktů. */
html body .mbx-search-panel {
    max-width: calc(100vw - 48px) !important;
    border-radius: 0 0 18px 18px !important;
    overflow: hidden !important;
}

html body .mbx-search-content {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

html body .mbx-search-layout {
    grid-template-columns: minmax(0, 1fr) 320px !important;
}

html body .mbx-search-products {
    min-width: 0 !important;
    padding-left: 36px !important;
    padding-right: 30px !important;
    overflow: visible !important;
}

html body .mbx-search-product-list,
html body .mbx-search-product {
    overflow: visible !important;
}

html body .mbx-search-product {
    grid-template-columns: 78px minmax(0, 1fr) 96px !important;
    column-gap: 18px !important;
    padding: 12px 18px !important;
}

html body .mbx-search-product-image,
html body .mbx-search-product-image img {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Když je vyhledávání otevřené, menu v headeru je jen vizuální pozadí a nereaguje. */
html body.mbx-search-active #navigation,
html body.mbx-search-active .navigation-in,
html body.mbx-search-active .menu-helper,
html body.mbx-search-active .menu-level-1,
html body.mbx-search-active .menu-level-2,
html body.mbx-search-active .top-navigation-menu,
html body.mbx-search-active .navigation-wrapper,
html body.mbx-search-active .header-bottom {
    pointer-events: none !important;
}

/* Tmavší / rozmazanější pozadí jako modal. */
html body .mbx-search-backdrop {
    background: rgba(7, 12, 28, .82) !important;
    backdrop-filter: blur(18px) saturate(.85) !important;
    -webkit-backdrop-filter: blur(18px) saturate(.85) !important;
}

/* Zabránění scrollu stránky mimo popup. */
html body.mbx-search-active,
html body.mbx-search-active > *:not(.mbx-search-panel):not(.mbx-search-floating):not(.mbx-search-backdrop) {
    overscroll-behavior: none !important;
}

@media (max-width: 900px) {
    html body .mbx-search-layout {
        grid-template-columns: minmax(0, 1fr) 286px !important;
    }

    html body .mbx-search-products {
        padding-left: 24px !important;
        padding-right: 18px !important;
    }

    html body .mbx-search-product {
        grid-template-columns: 62px minmax(0, 1fr) 84px !important;
        column-gap: 14px !important;
    }
}

@media (max-width: 767px) {
    html body .mbx-search-floating {
        width: calc(100vw - 32px) !important;
        min-width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 10px !important;
    }

    html body .mbx-search-floating-input {
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 10px !important;
        padding-left: 14px !important;
        padding-right: 58px !important;
    }

    html body .mbx-search-panel {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        border-radius: 0 0 16px 16px !important;
    }

    html body .mbx-search-layout {
        display: block !important;
    }

    html body .mbx-search-products {
        padding: 20px 14px 14px !important;
    }

    html body .mbx-search-side {
        padding: 20px 14px 22px !important;
        border-left: 0 !important;
        border-top: 1px solid var(--mbx-search-separator) !important;
    }

    html body .mbx-search-product {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        column-gap: 11px !important;
        padding: 10px 10px !important;
    }
}

/* ===============================
   MakerBase Search X8 – focus, ikonky a skupiny
   =============================== */

/* Oprava rozbité lupy ve vlastním horním vyhledávání – používá čisté SVG bez pseudo prvků. */
html body .mbx-search-floating-button::before,
html body .mbx-search-floating-button::after {
    content: none !important;
    display: none !important;
}

html body .mbx-search-floating-button svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    color: #6b7280 !important;
    overflow: visible !important;
}

html body .mbx-search-floating-button:hover svg,
html body .mbx-search-floating-button:focus-visible svg {
    color: #2F63D8 !important;
}

/* Kontakt má vlastní ikonku, ne složku/dokument. */
html body .mbx-search-icon-contact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    color: var(--mbx-search-blue) !important;
}

html body .mbx-search-icon-contact svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    color: currentColor !important;
    overflow: visible !important;
}

/* Podmínky mají vlastní ikonku – odlišnou od článků/rubrik. */
html body .mbx-search-icon-terms {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    color: var(--mbx-search-blue) !important;
}

html body .mbx-search-icon-terms svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    color: currentColor !important;
    overflow: visible !important;
}

html body .mbx-search-side-item-contact .mbx-search-side-name,
html body .mbx-search-side-item-terms .mbx-search-side-name {
    font-weight: 800 !important;
}

/* Položky v pravém sloupci držíme kompaktní a zarovnané. */
html body .mbx-search-side-item {
    gap: 10px !important;
}

/* Oltio logo ještě blíž k názvu. */
html body .mbx-search-side-item-logo {
    gap: 5px !important;
}

html body .mbx-search-side-item-logo .mbx-search-brand-logo {
    flex: 0 0 34px !important;
    width: 34px !important;
}

html body .mbx-search-side-item-logo .mbx-search-brand-logo img {
    max-width: 32px !important;
}

/* Po zavření popupu nesmí zůstat formulář schovaný ani neklikací. */
html body:not(.mbx-search-active) .mbx-search-form-active,
html body:not(.mbx-search-active) form.mbx-search-form-active,
html body:not(.mbx-search-active) .search-form.mbx-search-form-active,
html body:not(.mbx-search-active) .compact-form.mbx-search-form-active,
html body:not(.mbx-search-active) #formSearchForm.mbx-search-form-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
}

@media (max-width: 767px) {
    html body .mbx-search-floating-button svg {
        width: 24px !important;
        height: 24px !important;
    }

    html body .mbx-search-side-item {
        gap: 9px !important;
    }

    html body .mbx-search-side-item-logo .mbx-search-brand-logo {
        flex-basis: 32px !important;
        width: 32px !important;
    }

    html body .mbx-search-side-item-logo .mbx-search-brand-logo img {
        max-width: 30px !important;
    }
}

/* ===============================
   MakerBase Search X9 – finální opravy focusu, lupy a skupin
   =============================== */

/* Vlastní horní input drží stejný rozměr a vizuál i při psaní prvního písmena. */
html body .mbx-search-floating {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 10px !important;
    overflow: visible !important;
}

html body .mbx-search-floating-input,
html body .mbx-search-floating-input:focus,
html body .mbx-search-floating-input:active {
    height: 52px !important;
    min-height: 52px !important;
    border: 1px solid #d8deea !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(5, 14, 45, .18) !important;
    outline: none !important;
    color: #020817 !important;
    transform: none !important;
    transition: none !important;
}

/* Šedá čistá lupa – žádná černá ikona ani pseudo prvek ze šablony. */
html body .mbx-search-floating-button,
html body .mbx-search-floating-button:hover,
html body .mbx-search-floating-button:focus,
html body .mbx-search-floating-button:active {
    color: #7b8497 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

html body .mbx-search-floating-button::before,
html body .mbx-search-floating-button::after,
html body .mbx-search-floating-button *::before,
html body .mbx-search-floating-button *::after {
    content: none !important;
    display: none !important;
}

html body .mbx-search-floating-button svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
    color: #7b8497 !important;
    overflow: visible !important;
    pointer-events: none !important;
}

html body .mbx-search-floating-button svg circle,
html body .mbx-search-floating-button svg path,
html body .mbx-search-floating-button svg line {
    stroke: #7b8497 !important;
    stroke-width: 1.8 !important;
    fill: none !important;
}

/* Při aktivním searchi původní Shoptet form jen krmí data, ale není vidět ani nebere focus/klik. */
html body.mbx-search-active .mbx-search-form-active,
html body.mbx-search-active form.mbx-search-form-active,
html body.mbx-search-active .search-form.mbx-search-form-active,
html body.mbx-search-active .compact-form.mbx-search-form-active,
html body.mbx-search-active #formSearchForm.mbx-search-form-active {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Skupiny systémových stránek mají vlastní ikonky a nepadají pod ČLÁNKY & RUBRIKY. */
html body .mbx-search-side-item-terms .mbx-search-folder svg {
    width: 28px !important;
    height: 28px !important;
}

html body .mbx-search-side-item-contact .mbx-search-folder svg {
    width: 28px !important;
    height: 28px !important;
}

@media (max-width: 767px) {
    html body .mbx-search-floating {
        width: calc(100vw - 32px) !important;
        min-width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        height: 48px !important;
        min-height: 48px !important;
    }

    html body .mbx-search-floating-input,
    html body .mbx-search-floating-input:focus,
    html body .mbx-search-floating-input:active {
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 10px !important;
        box-shadow: 0 14px 32px rgba(5, 14, 45, .18) !important;
    }

    html body .mbx-search-floating-button svg {
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
    }
}

/* ===============================
   MakerBase Search X10 – mobilní modrá search lišta + full screen výsledky
   =============================== */

@media (max-width: 767px) {
    html body .mbx-search-backdrop {
        background: rgba(7, 12, 28, .84) !important;
        backdrop-filter: blur(18px) saturate(.86) !important;
        -webkit-backdrop-filter: blur(18px) saturate(.86) !important;
    }

    html body .mbx-search-floating {
        left: 0 !important;
        top: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 74px !important;
        min-height: 74px !important;
        padding: 12px 18px 14px !important;
        background: #061755 !important;
        border-radius: 0 !important;
        box-shadow: 0 18px 40px rgba(5, 14, 45, .26) !important;
        overflow: visible !important;
    }

    html body .mbx-search-floating-input,
    html body .mbx-search-floating-input:focus,
    html body .mbx-search-floating-input:active {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 58px 0 14px !important;
        border: 1px solid #d8deea !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: none !important;
        outline: none !important;
        line-height: 48px !important;
        color: #020817 !important;
        font-size: 14px !important;
    }

    html body .mbx-search-floating-button,
    html body .mbx-search-floating-button:hover,
    html body .mbx-search-floating-button:focus,
    html body .mbx-search-floating-button:active {
        right: 22px !important;
        top: 16px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 8px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #7b8497 !important;
    }

    html body .mbx-search-floating-button svg {
        width: 24px !important;
        height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
    }

    html body .mbx-search-panel {
        left: 0 !important;
        right: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        min-height: calc(100dvh - 74px) !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 0 16px 16px !important;
        box-shadow: 0 26px 70px rgba(5, 14, 45, .34) !important;
    }

    html body .mbx-search-content {
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html body .mbx-search-layout {
        display: block !important;
        width: 100% !important;
    }

    html body .mbx-search-products {
        padding: 22px 18px 16px !important;
    }

    html body .mbx-search-side {
        padding: 22px 18px 24px !important;
        border-left: 0 !important;
        border-top: 1px solid var(--mbx-search-separator) !important;
    }

    html body .mbx-search-product {
        width: 100% !important;
        grid-template-columns: 58px minmax(0, 1fr) !important;
        gap: 12px !important;
        min-height: 82px !important;
        padding: 11px 12px !important;
        border-radius: 13px !important;
    }

    html body .mbx-search-product-price {
        grid-column: 2 !important;
        justify-self: start !important;
        margin-top: 4px !important;
    }

    html body .mbx-search-footer {
        padding: 16px 18px 18px !important;
    }

    html body .mbx-search-all-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* ===============================
   MakerBase Search X11 – mobilní focus + zákaz iOS zoomu
   =============================== */

/* iPhone zoomuje inputy s font-size pod 16px. Držíme 16px jak na původním,
   tak na našem vlastním inputu. */
html body .mbx-search-floating-input,
html body .mbx-search-floating-input:focus,
html body .mbx-search-floating-input:active {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

@media (max-width: 767px) {
    html,
    body {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    html body input.js-search-input,
    html body input.query-input,
    html body input[name="string"],
    html body input[type="search"],
    html body .mbx-search-floating-input,
    html body .mbx-search-floating-input:focus,
    html body .mbx-search-floating-input:active {
        font-size: 16px !important;
    }

    html body .mbx-search-floating-input,
    html body .mbx-search-floating-input:focus,
    html body .mbx-search-floating-input:active {
        line-height: 48px !important;
        transform: none !important;
        -webkit-transform: none !important;
        caret-color: #020817 !important;
    }

    /* Původní Shoptet input po otevření jen krmí data, ale nemůže brát focus/klik. */
    html body.mbx-search-active .mbx-search-form-active,
    html body.mbx-search-active form.mbx-search-form-active,
    html body.mbx-search-active .search-form.mbx-search-form-active,
    html body.mbx-search-active .compact-form.mbx-search-form-active,
    html body.mbx-search-active #formSearchForm.mbx-search-form-active {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }
}

/* ===============================
   MakerBase Search X12 – mobil bez přepínání inputu + title-case položky
   =============================== */

@media (max-width: 767px) {
    /* Na mobilu zákazník píše pořád do původního Shoptet inputu.
       Nepřepínáme focus do nového inputu, protože iOS/Android pak po 1. písmenu vyhodí kurzor. */
    html body.mbx-search-active .mbx-search-floating {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body.mbx-search-active .mbx-search-form-active,
    html body.mbx-search-active form.mbx-search-form-active,
    html body.mbx-search-active .search-form.mbx-search-form-active,
    html body.mbx-search-active .compact-form.mbx-search-form-active,
    html body.mbx-search-active #formSearchForm.mbx-search-form-active {
        position: fixed !important;
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        margin: 0 !important;
        padding: 12px 18px 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #061755 !important;
        box-shadow: 0 18px 40px rgba(5, 14, 45, .26) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 2147483700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        transform: none !important;
        overflow: visible !important;
    }

    html body.mbx-search-active .mbx-search-form-active input.js-search-input,
    html body.mbx-search-active .mbx-search-form-active input.query-input,
    html body.mbx-search-active .mbx-search-form-active input[name="string"],
    html body.mbx-search-active .mbx-search-form-active input[type="search"] {
        display: block !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        padding: 0 58px 0 14px !important;
        border: 1px solid #d8deea !important;
        border-radius: 8px !important;
        outline: none !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #020817 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 48px !important;
        caret-color: #020817 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
        box-sizing: border-box !important;
    }

    html body.mbx-search-active .mbx-search-form-active input.js-search-input:focus,
    html body.mbx-search-active .mbx-search-form-active input.query-input:focus,
    html body.mbx-search-active .mbx-search-form-active input[name="string"]:focus,
    html body.mbx-search-active .mbx-search-form-active input[type="search"]:focus {
        border-color: #d8deea !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Search ikonka v původním formuláři zůstane šedá a čistá. */
    html body.mbx-search-active .mbx-search-form-active button,
    html body.mbx-search-active .mbx-search-form-active .btn,
    html body.mbx-search-active .mbx-search-form-active .search-submit,
    html body.mbx-search-active .mbx-search-form-active .search-button,
    html body.mbx-search-active .mbx-search-form-active [type="submit"] {
        position: absolute !important;
        right: 22px !important;
        top: 16px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #7b8497 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 2 !important;
        transform: none !important;
    }

    html body.mbx-search-active .mbx-search-form-active button::before,
    html body.mbx-search-active .mbx-search-form-active .btn::before,
    html body.mbx-search-active .mbx-search-form-active .search-submit::before,
    html body.mbx-search-active .mbx-search-form-active .search-button::before,
    html body.mbx-search-active .mbx-search-form-active [type="submit"]::before {
        content: "" !important;
        position: absolute !important;
        left: 10px !important;
        top: 8px !important;
        width: 15px !important;
        height: 15px !important;
        border: 1.8px solid #7b8497 !important;
        border-radius: 999px !important;
        background: transparent !important;
        display: block !important;
    }

    html body.mbx-search-active .mbx-search-form-active button::after,
    html body.mbx-search-active .mbx-search-form-active .btn::after,
    html body.mbx-search-active .mbx-search-form-active .search-submit::after,
    html body.mbx-search-active .mbx-search-form-active .search-button::after,
    html body.mbx-search-active .mbx-search-form-active [type="submit"]::after {
        content: "" !important;
        position: absolute !important;
        left: 25px !important;
        top: 25px !important;
        width: 11px !important;
        height: 1.8px !important;
        border-radius: 999px !important;
        background: #7b8497 !important;
        transform: rotate(45deg) !important;
        transform-origin: left center !important;
        display: block !important;
    }

    html body.mbx-search-active .mbx-search-form-active button svg,
    html body.mbx-search-active .mbx-search-form-active .btn svg,
    html body.mbx-search-active .mbx-search-form-active .search-submit svg,
    html body.mbx-search-active .mbx-search-form-active .search-button svg,
    html body.mbx-search-active .mbx-search-form-active [type="submit"] svg,
    html body.mbx-search-active .mbx-search-form-active button span,
    html body.mbx-search-active .mbx-search-form-active .btn span,
    html body.mbx-search-active .mbx-search-form-active .search-submit span,
    html body.mbx-search-active .mbx-search-form-active .search-button span,
    html body.mbx-search-active .mbx-search-form-active [type="submit"] span {
        display: none !important;
    }

    /* Výsledky začínají hned pod mobilní modrou search lištou. */
    html body .mbx-search-panel.mbx-search-open {
        top: 74px !important;
        left: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        max-height: calc(100dvh - 74px) !important;
    }

    html body .mbx-search-side-name {
        text-transform: none !important;
    }
}

/* ===============================
   MakerBase Search X13 – mobile full-width panel + always visible blue search bar
   =============================== */
@media (max-width: 767px) {
    /* Používáme vlastní horní search bar, aby na telefonu nezmizel a neztrácel focus. */
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"] {
        display: flex !important;
        position: fixed !important;
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        margin: 0 !important;
        padding: 12px 18px 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #061755 !important;
        box-shadow: 0 18px 40px rgba(5, 14, 45, .26) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 2147483700 !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        transform: none !important;
        -webkit-transform: none !important;
        overflow: visible !important;
    }

    html body.mbx-search-active .mbx-search-floating-input,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input {
        display: block !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        padding: 0 58px 0 14px !important;
        border: 1px solid #d8deea !important;
        border-radius: 8px !important;
        outline: none !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #020817 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 48px !important;
        caret-color: #020817 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
        box-sizing: border-box !important;
    }

    html body.mbx-search-active .mbx-search-floating-input:focus,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input:focus {
        border-color: #d8deea !important;
        outline: none !important;
        box-shadow: none !important;
    }

    html body.mbx-search-active .mbx-search-floating-button,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-button {
        display: inline-flex !important;
        position: absolute !important;
        right: 22px !important;
        top: 16px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #7b8497 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 2 !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
    }

    html body.mbx-search-active .mbx-search-floating-button svg,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-button svg {
        display: block !important;
        width: 25px !important;
        height: 25px !important;
        stroke: currentColor !important;
        color: #7b8497 !important;
    }

    /* Původní Shoptet formulář je jen zdroj dat, vizuálně pryč. */
    html body.mbx-search-active .mbx-search-form-active,
    html body.mbx-search-active form.mbx-search-form-active,
    html body.mbx-search-active .search-form.mbx-search-form-active,
    html body.mbx-search-active .compact-form.mbx-search-form-active,
    html body.mbx-search-active #formSearchForm.mbx-search-form-active {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: -1 !important;
        position: fixed !important;
        left: -9999px !important;
        top: -9999px !important;
        width: 1px !important;
        height: 1px !important;
        min-width: 1px !important;
        min-height: 1px !important;
        max-width: 1px !important;
        max-height: 1px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    /* Výsledky na telefonu přes celou obrazovku, bez zaoblení dole i nahoře. */
    html body .mbx-search-panel,
    html body .mbx-search-panel.mbx-search-open {
        top: 74px !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100dvh - 74px) !important;
        min-height: calc(100dvh - 74px) !important;
        max-height: calc(100dvh - 74px) !important;
        margin: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body .mbx-search-content,
    html body .mbx-search-footer {
        border-radius: 0 !important;
    }

    html body .mbx-search-footer {
        flex: 0 0 auto !important;
    }

    html body .mbx-search-backdrop {
        background: rgba(8, 14, 32, .78) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }
}

/* ===============================
   MakerBase Search X14 – desktop blue contact bar + submit icon
   =============================== */
@media (min-width: 768px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"] {
        display: flex !important;
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        right: auto !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 78px !important;
        min-height: 78px !important;
        max-height: 78px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: linear-gradient(180deg, #061755 0%, #071b63 100%) !important;
        box-shadow: 0 20px 48px rgba(5, 14, 45, .30) !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 2147483700 !important;
    }

    html body.mbx-search-active .mbx-search-floating-input,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input {
        flex: 0 0 520px !important;
        width: 520px !important;
        min-width: 520px !important;
        max-width: 520px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 0 62px 0 18px !important;
        border: 1px solid #d8deea !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: #020817 !important;
        box-shadow: 0 18px 44px rgba(5, 14, 45, .22) !important;
        outline: none !important;
        font-size: 16px !important;
        line-height: 52px !important;
        font-weight: 500 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        transition: none !important;
    }

    html body.mbx-search-active .mbx-search-floating-input:focus,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input:focus {
        border-color: #d8deea !important;
        outline: none !important;
        box-shadow: 0 18px 44px rgba(5, 14, 45, .22) !important;
    }

    html body.mbx-search-active .mbx-search-floating-button,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-button {
        position: absolute !important;
        left: calc(50% + 212px) !important;
        right: auto !important;
        top: 17px !important;
        width: 44px !important;
        height: 44px !important;
        border: 0 !important;
        border-radius: 9px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #7b8497 !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 4 !important;
    }

    html body .mbx-search-floating-button::before,
    html body .mbx-search-floating-button::after,
    html body .mbx-search-floating-button *::before,
    html body .mbx-search-floating-button *::after {
        content: none !important;
        display: none !important;
    }

    html body.mbx-search-active .mbx-search-floating-button svg,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-button svg {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        color: #7b8497 !important;
        stroke: currentColor !important;
        fill: none !important;
        pointer-events: none !important;
    }

    html body.mbx-search-active .mbx-search-floating-button:hover,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-button:hover {
        background: #f3f6fb !important;
    }

    html body .mbx-search-floating-contact {
        position: absolute !important;
        right: clamp(24px, 4vw, 72px) !important;
        top: 0 !important;
        height: 78px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 18px !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        pointer-events: auto !important;
        z-index: 3 !important;
    }

    html body .mbx-search-floating-contact-label {
        display: inline-block !important;
        color: rgba(255,255,255,.78) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        letter-spacing: .04em !important;
        margin-right: 2px !important;
    }

    html body .mbx-search-floating-contact a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: 800 !important;
        opacity: .96 !important;
    }

    html body .mbx-search-floating-contact a:hover {
        color: #fff !important;
        text-decoration: underline !important;
        opacity: 1 !important;
    }

    html body .mbx-search-floating-contact svg {
        width: 19px !important;
        height: 19px !important;
        display: block !important;
        color: #fff !important;
        stroke: currentColor !important;
        flex: 0 0 19px !important;
    }
}

@media (min-width: 768px) and (max-width: 1120px) {
    html body .mbx-search-floating-contact {
        display: none !important;
    }
}

@media (max-width: 767px) {
    html body .mbx-search-floating-contact {
        display: none !important;
    }

    html body .mbx-search-floating-button::before,
    html body .mbx-search-floating-button::after,
    html body .mbx-search-floating-button *::before,
    html body .mbx-search-floating-button *::after {
        content: none !important;
        display: none !important;
    }

    html body.mbx-search-active .mbx-search-floating-button svg,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-button svg {
        display: block !important;
        width: 25px !important;
        height: 25px !important;
        color: #7b8497 !important;
        stroke: currentColor !important;
        fill: none !important;
    }
}


/* ===============================
   MakerBase Search X15 – softer desktop contact bar
   =============================== */
@media (min-width: 768px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"] {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        background: linear-gradient(180deg, #07195c 0%, #061755 100%) !important;
        box-shadow: 0 18px 42px rgba(5, 14, 45, .24) !important;
    }

    html body.mbx-search-active .mbx-search-floating-input,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        line-height: 50px !important;
        border-radius: 11px !important;
        box-shadow: 0 14px 34px rgba(5, 14, 45, .18) !important;
    }

    html body.mbx-search-active .mbx-search-floating-button,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-button {
        top: 15px !important;
    }

    html body .mbx-search-floating-contact-label {
        display: none !important;
    }

    html body .mbx-search-floating-contact {
        top: 16px !important;
        height: 42px !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .09) !important;
        border: 1px solid rgba(255, 255, 255, .16) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
        gap: 18px !important;
        color: rgba(255,255,255,.92) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
    }

    html body .mbx-search-floating-contact a {
        gap: 7px !important;
        color: rgba(255,255,255,.92) !important;
        font-weight: 600 !important;
        opacity: 1 !important;
        text-decoration: none !important;
    }

    html body .mbx-search-floating-contact a:hover {
        color: #fff !important;
        text-decoration: none !important;
        opacity: 1 !important;
    }

    html body .mbx-search-floating-contact svg {
        width: 17px !important;
        height: 17px !important;
        flex: 0 0 17px !important;
        color: rgba(255,255,255,.88) !important;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    html body .mbx-search-floating-contact {
        display: none !important;
    }
}

/* ===============================
   MakerBase Search X16 – logo vlevo, bez tvrdého stínu, lupa = Enter
   =============================== */
@media (min-width: 768px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"] {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        background: #061755 !important;
        box-shadow: none !important;
    }

    html body .mbx-search-floating-logo {
        position: absolute !important;
        left: clamp(28px, 4.8vw, 90px) !important;
        top: 0 !important;
        height: 74px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-decoration: none !important;
        pointer-events: auto !important;
        z-index: 4 !important;
    }

    html body .mbx-search-floating-logo img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 250px !important;
        max-height: 48px !important;
        object-fit: contain !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body .mbx-search-logo-text {
        display: inline-flex !important;
        align-items: baseline !important;
        gap: 0 !important;
        font-size: 28px !important;
        line-height: 1 !important;
        letter-spacing: -.04em !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        font-weight: 900 !important;
        color: #fff !important;
    }

    html body .mbx-search-logo-text strong {
        color: #fff !important;
        font-weight: 900 !important;
    }

    html body .mbx-search-logo-text b,
    html body .mbx-search-logo-text em {
        color: #3390ff !important;
        font-style: normal !important;
        font-weight: 900 !important;
    }

    html body.mbx-search-active .mbx-search-floating-input,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input,
    html body.mbx-search-active .mbx-search-floating-input:focus,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input:focus {
        box-shadow: none !important;
    }

    html body .mbx-search-panel,
    html body .mbx-search-panel.mbx-search-open {
        top: 74px !important;
        box-shadow: none !important;
        border-top: 0 !important;
        transform: none !important;
    }

    html body .mbx-search-content {
        box-shadow: none !important;
    }

    html body .mbx-search-floating-button {
        cursor: pointer !important;
    }
}

@media (max-width: 767px) {
    html body .mbx-search-floating-logo {
        display: none !important;
    }

    html body .mbx-search-floating,
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"] {
        box-shadow: none !important;
    }

    html body .mbx-search-panel,
    html body .mbx-search-panel.mbx-search-open {
        box-shadow: none !important;
    }
}


/* ===============================
   MakerBase Search X17 – světle modrý horní search pruh
   =============================== */
html body.mbx-search-active .mbx-search-floating,
html body .mbx-search-floating[aria-hidden="false"] {
    background: #54A7F6 !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"],
    html body .mbx-search-floating {
        background: #54A7F6 !important;
        box-shadow: none !important;
    }
}

@media (min-width: 768px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"] {
        background: #54A7F6 !important;
        box-shadow: none !important;
    }
}

/* ===============================
   MakerBase Search X18 – návrat původní tmavě modré + světlejší logo
   =============================== */
html body.mbx-search-active .mbx-search-floating,
html body .mbx-search-floating[aria-hidden="false"],
html body .mbx-search-floating {
    background: #061755 !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body .mbx-search-floating-logo img {
    filter: brightness(0) invert(1) opacity(.92) !important;
}

html body .mbx-search-logo-text,
html body .mbx-search-logo-text strong {
    color: #ffffff !important;
}

html body .mbx-search-logo-text b,
html body .mbx-search-logo-text em {
    color: #d8ecff !important;
}

@media (max-width: 767px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"],
    html body .mbx-search-floating {
        background: #061755 !important;
        background-image: none !important;
        box-shadow: none !important;
    }
}

/* ===============================
   MakerBase Search X19 – desktop bílý pruh, mobil tmavě modrý
   =============================== */
@media (min-width: 768px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"],
    html body .mbx-search-floating {
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        border-bottom: 1px solid rgba(216, 222, 234, .95) !important;
    }

    html body .mbx-search-floating-logo img {
        filter: none !important;
        opacity: 1 !important;
    }

    html body .mbx-search-logo-text,
    html body .mbx-search-logo-text strong {
        color: #061755 !important;
    }

    html body .mbx-search-logo-text b,
    html body .mbx-search-logo-text em {
        color: #2F63D8 !important;
    }

    html body .mbx-search-floating-contact {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #020817 !important;
    }

    html body .mbx-search-floating-contact a,
    html body .mbx-search-floating-contact a:hover,
    html body .mbx-search-floating-contact a:focus-visible {
        color: #020817 !important;
        text-decoration: none !important;
        opacity: 1 !important;
    }

    html body .mbx-search-floating-contact svg {
        color: #020817 !important;
        stroke: currentColor !important;
    }

    html body.mbx-search-active .mbx-search-floating-input,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input,
    html body.mbx-search-active .mbx-search-floating-input:focus,
    html body .mbx-search-floating[aria-hidden="false"] .mbx-search-floating-input:focus {
        background: #ffffff !important;
        border: 1px solid #d8deea !important;
        box-shadow: none !important;
    }
}

@media (max-width: 767px) {
    html body.mbx-search-active .mbx-search-floating,
    html body .mbx-search-floating[aria-hidden="false"],
    html body .mbx-search-floating {
        background: #061755 !important;
        background-image: none !important;
        box-shadow: none !important;
        border-bottom: 0 !important;
    }
}


/* ===============================
   MakerBase Search X20 – větší kontakt + jistota kliknutí na lupu
   =============================== */
@media (min-width: 768px) {
    html body .mbx-search-floating-contact {
        font-size: 15.5px !important;
        font-weight: 700 !important;
        gap: 22px !important;
    }

    html body .mbx-search-floating-contact a,
    html body .mbx-search-floating-contact a:hover,
    html body .mbx-search-floating-contact a:focus-visible {
        font-size: 15.5px !important;
        font-weight: 700 !important;
        gap: 9px !important;
        color: #020817 !important;
        text-decoration: none !important;
    }

    html body .mbx-search-floating-contact svg {
        width: 19px !important;
        height: 19px !important;
        flex: 0 0 19px !important;
        color: #020817 !important;
    }

    html body .mbx-search-floating-button {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}