.header .logo { display: flex; align-items: center; width: 132px; height: 43px; overflow: hidden; }
.header .logo img { width: 132px; height: 52px; object-fit: cover; object-position: center; }
.hero-image { background-position: center; background-size: cover; }
@media (max-width: 720px) { .header .logo { width: 106px; height: 37px; } .header .logo img { width: 106px; height: 42px; } }
.catalog-search { margin: 0 0 18px; max-width: 520px; }
.catalog-search label { display: block; margin: 0 0 7px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.catalog-search > div { position: relative; }
.catalog-search input { width: 100%; min-height: 46px; padding: 12px 44px 12px 15px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--white); font: 14px Manrope, sans-serif; outline-color: var(--yellow); }
.catalog-search input::placeholder { color: #858480; }
.catalog-search button { position: absolute; top: 50%; right: 8px; width: 30px; height: 30px; transform: translateY(-50%); border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; font-size: 20px; line-height: 1; }
.catalog-search button:hover { background: var(--soft); color: var(--white); }
dialog { max-height: calc(100dvh - 30px); overflow-y: auto; }