/* Bestmarket Amazon-style responsive header — standalone CSS */

@media only screen and (max-width: 1023px) {
    .page-header.configurable > .panel.wrapper {
        display: none !important;
    }

    .page-header.configurable > .header.wrapper {
        background: #0f1927;
        padding: 0 !important;
    }

    .page-header.configurable .header.content {
        box-sizing: border-box;
        display: grid !important;
        grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
        grid-template-rows: 64px auto;
        gap: 0 10px;
        align-items: center;
        width: 100%;
        max-width: none;
        min-height: 0;
        margin: 0;
        padding: 0 14px 12px !important;
    }

    .page-header.configurable .header.content > .flex-col-left {
        grid-column: 1 / 3;
        grid-row: 1;
        display: flex !important;
        align-items: center;
        min-width: 0;
        gap: 12px;
    }

    .page-header.configurable .header.content > .flex-col-center {
        grid-column: 1 / -1;
        grid-row: 2;
        display: block !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
    }

    .page-header.configurable .header.content > .flex-col-right {
        grid-column: 3;
        grid-row: 1;
        position: relative;
        z-index: 32;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        width: auto;
        min-width: 0;
        margin: 0 !important;
    }

    .page-header.configurable .nav-toggle {
        position: static !important;
        inset: auto !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 40px;
        width: 40px;
        height: 44px;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff;
    }

    .page-header.configurable .nav-toggle::before {
        font-size: 34px;
        line-height: 1;
        color: #fff;
    }

    .page-header.configurable .logo {
        position: static !important;
        inset: auto !important;
        display: inline-flex;
        align-items: center;
        flex: 0 1 auto;
        width: auto;
        max-width: min(207px, calc(100vw - 196px));
        height: auto;
        margin: 0 !important;
        padding: 0;
    }

    .page-header.configurable .logo img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 36px;
        object-fit: contain;
    }

    .page-header.configurable .switcher.customer {
        position: static !important;
        inset: auto !important;
        display: inline-flex !important;
        align-items: center;
        width: auto;
        margin: 0 !important;
        color: #fff;
    }

    .page-header.configurable .switcher.customer .switcher-trigger {
        display: inline-flex;
        align-items: center;
        min-width: 34px;
        min-height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        color: #fff;
    }

    .page-header.configurable .switcher.customer .switcher-trigger strong {
        display: inline-flex;
        align-items: center;
    }

    .page-header.configurable .switcher.customer .toggle .icon {
        display: inline-block;
        width: 31px;
        height: 31px;
        margin: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='9' r='6' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3Cpath d='M5 30c.7-8 5-12 11-12s10.3 4 11 12' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        vertical-align: middle;
    }

    .page-header.configurable .switcher.customer .toggle .text {
        display: none !important;
    }

    .page-header.configurable .switcher.customer .switcher-dropdown {
        right: 0;
        left: auto;
        min-width: 190px;
    }

    .page-header.configurable .minicart-wrapper,
    .page-header.configurable .page-header .minicart-wrapper {
        position: relative !important;
        inset: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        display: inline-flex !important;
        align-items: center;
        float: none !important;
        width: auto;
        margin: 0 !important;
    }

    .page-header.configurable .minicart-wrapper .action.showcart {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        min-height: 44px;
        margin: 0;
    }

    .page-header.configurable .minicart-wrapper .action.showcart::before {
        color: #fff;
    }

    .page-header.configurable .minicart-wrapper .action.showcart .text {
        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;
    }

    .page-header.configurable .minicart-wrapper .counter.qty {
        position: absolute;
        top: 1px;
        right: -2px;
        z-index: 2;
        min-width: 18px;
        height: 18px;
        margin: 0;
        padding: 0 4px;
        border-radius: 10px;
        background: #ff9900;
        color: #111;
        font-size: 11px;
        line-height: 18px;
        text-align: center;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch {
        position: relative;
        z-index: 30;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .page-header.configurable .block-search .block-content,
    .page-header.configurable .block-search .form.minisearch,
    .page-header.configurable .block-search .field.search,
    .page-header.configurable .block-search .origin,
    .page-header.configurable .block-search .control,
    .page-header.configurable .block-search .control.inactive {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent;
    }

    .page-header.configurable .block-search .label {
        display: none !important;
    }

    .page-header.configurable .block-search .twitter-typeahead {
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }

    .page-header.configurable .block-search .input-text,
    .page-header.configurable .block-search input#search {
        box-sizing: border-box;
        display: block;
        width: 100% !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 58px 0 14px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: #fff !important;
        color: #111;
        font-size: 16px;
        line-height: 48px;
        box-shadow: none !important;
    }

    .page-header.configurable .block-search .input-text:focus,
    .page-header.configurable .block-search input#search:focus {
        outline: 2px solid #ff9900;
        outline-offset: 0;
    }

    .page-header.configurable .block-search .actions {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 5;
        display: block !important;
        width: 52px;
        height: 48px;
        margin: 0 !important;
    }

    .page-header.configurable .block-search .actions .action.search {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        float: none !important;
        width: 52px;
        height: 48px;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 8px 8px 0 !important;
        background: #ffb65c !important;
        color: #111 !important;
        opacity: 1 !important;
    }

    .page-header.configurable .block-search .actions .action.search::before {
        color: #111 !important;
        font-size: 25px;
        line-height: 1;
    }

    .page-header.configurable .block-search .action.close {
        display: none !important;
    }

    .page-header.configurable .block-search .tt-menu,
    .page-header.configurable .block-swissup-ajaxsearch-results {
        position: absolute !important;
        top: calc(100% + 4px) !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 1000 !important;
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        max-height: min(60vh, 520px);
        margin: 0 !important;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        overscroll-behavior: contain;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
    }

    .page-header.configurable .minicart-wrapper .mage-dropdown-dialog {
        right: 0 !important;
        left: auto !important;
        width: min(420px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px);
    }

    .page-header.configurable .minicart-wrapper .block-minicart {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100%;
    }

    .page-header.configurable .nav-sections {
        z-index: 1001;
    }

    .page-header.configurable {
        background: #0f1927;
    }

}

@media only screen and (max-width: 599px) {
    .page-header.configurable .header.content {
        grid-template-rows: 58px auto;
        gap: 0 7px;
        padding: 0 9px 10px !important;
    }

    .page-header.configurable .header.content > .flex-col-left {
        gap: 7px;
    }

    .page-header.configurable .header.content > .flex-col-right {
        gap: 5px;
    }

    .page-header.configurable .nav-toggle {
        flex-basis: 36px;
        width: 36px;
    }

    .page-header.configurable .nav-toggle::before {
        font-size: 30px;
    }

    .page-header.configurable .logo {
        max-width: min(176px, calc(100vw - 166px));
    }

    .page-header.configurable .logo img {
        height: 31px;
    }

    .page-header.configurable .switcher.customer .toggle .icon {
        width: 28px;
        height: 28px;
    }

    .page-header.configurable .minicart-wrapper .action.showcart {
        min-width: 38px;
    }

}

/* Bestmarket mobile/tablet inline-search correction — append after existing CSS */
@media only screen and (max-width: 1023px) {
    .page-header.configurable .header.content > .flex-col-center {
        align-self: stretch !important;
        min-height: 48px !important;
        height: 48px !important;
        overflow: visible !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .block-content,
    .page-header.configurable .block-search.block-swissup-ajaxsearch form.form.minisearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .field.search,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .origin,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control.inactive,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .twitter-typeahead {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch input.input-text,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input#search,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input.tt-input,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input.tt-hint {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: block !important;
        visibility: visible !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 62px 0 14px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: #fff !important;
        color: #111 !important;
        font-size: 16px !important;
        line-height: 48px !important;
        text-align: left !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch input.tt-hint {
        z-index: 1 !important;
        opacity: 1 !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch input.tt-input,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input#search.tt-input {
        z-index: 2 !important;
        opacity: 1 !important;
        background-color: transparent !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 10 !important;
        display: block !important;
        visibility: visible !important;
        width: 54px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions .action.search {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        visibility: visible !important;
        float: none !important;
        box-sizing: border-box !important;
        width: 54px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 8px 8px 0 !important;
        background-color: #ffb65c !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='13' cy='13' r='8.5' fill='none' stroke='%23111' stroke-width='3.2'/%3E%3Cpath d='M19.5 19.5 28 28' fill='none' stroke='%23111' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 28px 28px !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: -9999px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions .action.search > span,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions .action.search::before,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions .action.search::after {
        display: none !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .label,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .action.close {
        display: none !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .tt-menu,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .block-swissup-ajaxsearch-results {
        position: absolute !important;
        top: 52px !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        z-index: 1000 !important;
        width: 100% !important;
        max-width: none !important;
        max-height: min(60vh, 520px) !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}

/* Bestmarket mobile search: final stacking, click and caret correction */
@media only screen and (max-width: 1023px) {
    .page-header.configurable .block-search.block-swissup-ajaxsearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .block-content,
    .page-header.configurable .block-search.block-swissup-ajaxsearch form.form.minisearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .field.search,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .origin,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control.inactive,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .twitter-typeahead {
        z-index: auto !important;
        pointer-events: auto !important;
    }

    /* Typeahead's visual hint must never intercept taps or clicks. */
    .page-header.configurable .block-search.block-swissup-ajaxsearch input.tt-hint {
        z-index: 1 !important;
        pointer-events: none !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        caret-color: transparent !important;
    }

    /* This is the genuine editable Magento/Swissup search input. */
    .page-header.configurable .block-search.block-swissup-ajaxsearch input#search.tt-input,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input[name="q"].tt-input {
        z-index: 3 !important;
        pointer-events: auto !important;
        cursor: text !important;
        user-select: text !important;
        -webkit-user-select: text !important;
        caret-color: #111 !important;
        color: #111 !important;
        opacity: 1 !important;
        touch-action: manipulation !important;
    }

    /* Keep the button above both Typeahead input layers. */
    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions {
        z-index: 10 !important;
        pointer-events: auto !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions .action.search {
        z-index: 11 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}

/* Bestmarket mobile search: remove folded-search seams and appendages */
@media only screen and (max-width: 1023px) {
    .page-header.configurable .header.content,
    .page-header.configurable .header.content > .flex-col-center,
    .page-header.configurable .block-search.block-swissup-ajaxsearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .block-content,
    .page-header.configurable .block-search.block-swissup-ajaxsearch form.form.minisearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .field.search,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .origin,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .twitter-typeahead {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .field.search::before,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .field.search::after,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .origin::before,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .origin::after,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control::before,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control::after,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .twitter-typeahead::before,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .twitter-typeahead::after {
        display: none !important;
        content: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch input.input-text,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input#search,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input.tt-input,
    .page-header.configurable .block-search.block-swissup-ajaxsearch input.tt-hint {
        border: 0 !important;
        border-bottom: 0 !important;
        outline-offset: 0 !important;
        box-shadow: none !important;
        background-clip: padding-box !important;
    }

    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .actions .action.search {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }
}

/* Bestmarket tablet containment: start */
/* Bestmarket tablet search containment */
@media only screen and (min-width:600px) and (max-width:1023px){
    .page-header.configurable,
    .page-header.configurable > .header.wrapper,
    .page-header.configurable .header.content {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .page-header.configurable {
        overflow-x: clip !important;
    }

    .page-header.configurable .header.content {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    .page-header.configurable .header.content > .flex-col-center,
    .page-header.configurable .block-search.block-swissup-ajaxsearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .block-content,
    .page-header.configurable .block-search.block-swissup-ajaxsearch form.form.minisearch,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .field.search,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .origin,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .control,
    .page-header.configurable .block-search.block-swissup-ajaxsearch .twitter-typeahead {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}
/* Bestmarket tablet containment: end */