.header-tools{display:flex;align-items:center;gap:12px}
.header-tools .catalog-search,.hero-search-row{display:flex;min-width:0}
.catalog-search input{min-width:0;width:100%;border:1px solid var(--control-border);border-radius:6px 0 0 6px;padding:8px 10px;color:var(--ink);background:var(--white);font:inherit}
.catalog-search button{flex:none;border:0;border-radius:0 6px 6px 0;background:var(--blue);color:var(--white);font:inherit;font-weight:700;cursor:pointer}
.catalog-search button:hover{background:var(--blue-hover)}
.header-tools .catalog-search{width:clamp(144px,14vw,205px)}
.header-tools input{font-size:.85rem}
.header-tools button{display:grid;place-items:center;width:44px;height:44px}
.search-icon{position:relative;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;margin-right:3px;margin-bottom:3px}
.search-icon::after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;background:currentColor;transform:rotate(45deg)}
.hero-image{position:relative}
.hero-search {
    position: absolute;
    inset-inline: clamp(12px, 4vw, 36px);
    bottom: clamp(12px, 4vw, 32px);
    max-width: 460px;
    margin-inline: auto;
    padding: clamp(10px, 2vw, 16px);
    border: 1px solid #ffffffb0;
    border-radius: 18px;
    background: #f9f5edf5;
    box-shadow: 0 8px 32px #33261938;
}
.hero-search label {
    display: block;
    margin: 0 4px 8px;
    font-size: .91rem;
    font-weight: 700;
}
.hero-search-row {
    gap: 4px;
    padding: 3px;
    border: 1px solid #c9c1b4;
    border-radius: 28px;
    background: var(--white);
}
.hero-search input {
    min-height: 44px;
    border: 0;
    border-radius: 24px;
    padding-inline: 11px;
    font-size: .9rem;
}
.hero-search button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    border-radius: 24px;
    padding-inline: clamp(10px, 2vw, 16px);
    font-size: .87rem;
}
@media(max-width:400px){.hero-search button .search-icon{display:none}}
@media(max-width:1080px){.header-inner{flex-wrap:wrap}.header-tools{flex:1 1 100%;justify-content:space-between}.header-tools .catalog-search{width:min(100%,320px)}}
@media(max-width:650px){.header-tools{flex-wrap:wrap}.header-tools .catalog-search{width:100%}}
