/* Polished desktop Header 4. Mobile presentation remains independently controlled. */
@media only screen and (min-width: 768px) {
    .header-area.header4 > .middle-header {
        padding: 7px 0 !important;
        border-bottom: 1px solid #ebe9e4;
        background: #fff;
    }

    .header-area.header4 > .middle-header .line {
        display: grid !important;
        grid-template-columns: minmax(170px, 220px) minmax(360px, 680px) minmax(170px, 1fr);
        align-items: center;
        column-gap: clamp(24px, 4vw, 68px);
        min-height: 72px;
        margin: 0 !important;
    }

    .header-area.header4 > .middle-header .line > div {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .header-area.header4 .logo-header {
        display: flex;
        align-items: center;
        justify-content: flex-start !important;
    }

    .header-area.header4 .logo-header .logo {
        display: flex;
        align-items: center;
        margin: 0 !important;
    }

    .header-area.header4 .logo-header img {
        display: block;
        width: auto !important;
        max-width: 176px !important;
        max-height: 58px !important;
    }

    .header-area.header4 .parent-search,
    .header-area.header4 .parent-search .search-form,
    .header-area.header4 .parent-search .block-search,
    .header-area.header4 .parent-search .block-content {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .header-area.header4 .parent-search .form.minisearch {
        position: relative;
        width: 100%;
        height: 44px;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        border: 1.5px solid #262622 !important;
        border-radius: 999px !important;
        background: #fafaf8 !important;
        box-shadow: none !important;
    }

    .header-area.header4 .parent-search input#search {
        width: 100% !important;
        height: 41px !important;
        padding: 0 52px 0 20px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #171714 !important;
        font-size: 15px !important;
    }

    .header-area.header4 .parent-search input#search::placeholder {
        color: #77756f;
        opacity: 1;
    }

    .header-area.header4 .parent-search .actions {
        position: absolute !important;
        top: 0 !important;
        right: 3px !important;
        width: 42px !important;
        height: 42px !important;
    }

    .header-area.header4 .parent-search button.action.search {
        display: grid !important;
        place-items: center;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #171714 !important;
    }

    .header-area.header4 .right-content {
        display: flex !important;
        align-items: center;
        justify-content: flex-end !important;
        gap: 10px;
        min-height: 48px;
    }

    .header-area.header4 .right-content > * {
        flex: 0 0 44px;
        width: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-area.header4 .right-content a,
    .header-area.header4 .right-content button,
    .header-area.header4 .minicart-wrapper .action.showcart {
        min-width: 44px;
        min-height: 44px;
    }

    .header-area.header4 .cwp-sticky-search-toggle {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1050px) {
    .header-area.header4 > .middle-header .line {
        grid-template-columns: 150px minmax(300px, 1fr) 166px;
        column-gap: 22px;
    }

    .header-area.header4 .logo-header img {
        max-width: 150px !important;
        max-height: 50px !important;
    }
}