/* Legacy header composition; all rules stay inside the shop header. */
#header #menu-search-icon,
#header #customer-menu,
#header #menu-cart-icon,
#header [x-ref="menuServices"] { color: var(--color-primary); }
#header .searchbar--first-type .form.minisearch,
#header .searchbar--second-type .form.minisearch {
    border: 1px solid #ccc; border-radius: 0; background: #fff;
}
#header .form.minisearch input {
    min-width: 0; border: 0; border-radius: 0; box-shadow: none; background: #fff;
}
#header .form.minisearch .action.search {
    color: #aaa; background: #fff; border: 0; border-radius: 0; box-shadow: none;
}
#header .form.minisearch .action.search:hover { color: var(--color-primary); background: #f7f7f7; }
#header .form.minisearch:focus-within { outline: 2px solid var(--color-primary); outline-offset: 2px; }
#header .gub-header-contact,
#header .gub-header-custom { display: none; }
@media (min-width: 1024px) {
    #header .gub-header-main {
        max-width: 1420px; min-height: 165px; padding: 18px 24px 16px; gap: 118px;
    }
    #header .gub-header-brand { flex: 0 0 230px; }
    #header .header-logo { width: 230px; height: auto; }
    #header .gub-header-actions {
        flex: 1; min-width: 0; margin: 0; gap: 24px; align-items: flex-end; min-height: 131px; padding-bottom: 16px; justify-content: space-between;
    }
    /* MageWorx applies .hidden !important on PDPs; restore desktop header controls only. */
    #header .gub-header-search { display: block !important; flex: 1; max-width: 410px; min-width: 280px; margin: 0; position: relative; }
    #header .gub-header-contact {
        display: flex; position: absolute; left: 0; top: -48px; align-items: center;
        gap: 5px; white-space: nowrap; font-size: 18px; color: #707070;
    }
    #header .gub-header-contact button { color: var(--color-primary); margin-right: 6px; }
    #header .gub-header-contact a { display: inline-flex; align-items: center; gap: 4px; }
    #header .gub-header-contact a:hover,
    #header .gub-header-contact button:hover { text-decoration: underline; }
    #header .gub-header-search .form.minisearch { height: 50px; }
    #header .gub-header-search input { font-size: 14px; }
    #header .gub-header-search .action.search svg { width: 16px; height: 16px; }
    #header .gub-header-custom { display: block; flex: 0 0 165px; margin: 0 20px -9px 0; }
    #header .gub-header-custom img { width: 100%; height: auto; }
    #header #customer-menu,
    #header #menu-cart-icon {
        display: flex; align-items: center; gap: 6px; white-space: nowrap;
        border-radius: 0; padding: 10px 0;
    }
    #header #customer-menu svg,
    #header #menu-cart-icon svg { width: 26px; height: 26px; }
    #header #customer-menu span,
    #header #menu-cart-icon > span:not([aria-hidden]) { display: block !important; font-size: 14px; text-transform: uppercase; }
    #header #menu-cart-icon { border-left: 1px solid #ccc; padding-left: 24px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    #header .gub-header-main { gap: 24px; }
    #header .gub-header-actions { gap: 16px; }
    #header .gub-header-brand { flex-basis: 200px; }
    #header .header-logo { width: 200px; }
    #header .gub-header-contact { font-size: 16px; }
    #header .gub-header-custom { flex-basis: 100px; margin-right: 0; margin-bottom: 8px; }
    #header #menu-cart-icon { padding-left: 16px; }
}

#searchbar--second-type .form.minisearch { border: 1px solid #ccc; border-radius: 0; background: #fff; }
#searchbar--second-type .form.minisearch input { border: 0; border-radius: 0; box-shadow: none; background: #fff; }
#searchbar--second-type .action.search { color: #aaa; background: #fff; border: 0; border-radius: 0; }
#searchbar--second-type .form.minisearch:focus-within { outline: 2px solid var(--color-primary); outline-offset: 2px; }
@media (min-width: 1280px) and (max-width: 1535px) { #header .gub-header-main { gap: 60px; } }