/* Компактная шапка; избранное, профиль и корзина — залитые SVG по референсу ADAMAS. */
.site-header{position:sticky;top:0;z-index:50;padding:8px 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.header-row{display:flex;align-items:stretch;gap:10px;height:48px}
.header-glass{background:rgba(238,238,238,.58);border:1px solid rgba(255,255,255,.35);border-radius:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.header-brand{flex:0 0 170px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 18px;text-decoration:none;color:#000;font:500 12px/1.3 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.header-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:0;padding:0 16px}
.header-search input{border:0;outline:none;background:transparent;width:100%;min-width:0;font-family:inherit;font-size:14px;line-height:1.4;color:#000}
.header-search input::placeholder{color:#666;opacity:1}
.header-search button,.header-action{background:transparent;border:0;cursor:pointer;color:#000;font:inherit}
.header-search button{flex-shrink:0;display:grid;place-items:center;width:36px;height:40px;padding:6px}
.header-search svg{width:24px;height:24px}
.header-actions{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;flex:0 0 224px}
.header-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:62px;min-height:42px;padding:2px 5px;border-radius:8px;font-size:11px;line-height:1.3}
.header-action svg{display:block;width:22px;height:22px}
.header-action-icon{position:relative;display:block}
.header-badge{position:absolute;top:-5px;right:-12px;min-width:14px;height:14px;font-size:9px;line-height:14px;text-align:center;border-radius:7px;background:#ececec;color:#000}
.header-action:hover,.header-action[aria-pressed="true"]{background:rgba(0,0,0,.055)}
.header-search:focus-within{box-shadow:0 0 0 1px #666}
.header-brand:focus-visible,.header-action:focus-visible,.header-search button:focus-visible{outline:2px solid #666;outline-offset:3px}
.catalog-heading{padding-top:10px}.favorite-tile[hidden]{display:none}
.header-photo svg{fill:none}.header-photo g{stroke-width:1.65}
@media(max-width:1099px){.header-brand{flex-basis:150px;padding:0 14px;font-size:11px}.header-actions{flex-basis:208px;gap:0;padding:0 4px}.header-action{min-width:62px}.header-row{gap:8px}}
@media(max-width:759px){.site-header{padding:7px 0}.header-row{height:auto;display:grid;grid-template-columns:1fr auto;gap:8px}.header-brand{padding:7px 12px;min-height:44px;font-size:11px;border-radius:12px}.header-actions{padding:0 4px;border-radius:12px}.header-action{min-width:51px;min-height:40px;padding:2px 3px;font-size:10px}.header-action svg{width:20px;height:20px}.header-search{grid-column:1/-1;grid-row:2;min-height:42px;border-radius:12px;padding:0 10px}.header-search input{font-size:16px}.header-brand span{white-space:nowrap}}

/* На ПК поле занимает треть прежней свободной ширины, но не уже 420 px (на 1100–1500 px треть давала ~230 px); при нехватке места сжимается. */
@media(min-width:1100px){
  .header-search{flex:0 1 max(420px, calc((100% - 414px)/3));margin-left:auto;margin-right:auto;padding:0 10px;gap:6px}
  .header-search button{width:30px;padding:3px}
}

/* Порядок поиска: микрофон, поле, фотоаппарат, лупа. */
.header-search{gap:4px;padding-left:8px;padding-right:8px}
.header-search button{width:28px;padding:2px}
.header-search svg{width:22px;height:22px}
.header-search input{flex:1}

/* Красное сердечко в шапке при непустом избранном. */
[data-header-favorites].has-favorites .header-action-icon > svg{color:#e53950}

/* Выбранный логотип 03 — векторная кривая и опорные точки. */
.header-brand-logo{display:block;width:100%;height:40px;max-width:134px;object-fit:contain;object-position:left center}
@media(max-width:759px){.header-brand-logo{height:30px}}

/* Корзина: красный значок при наличии позиций, включая снятые с выбора. */
[data-header-cart] .header-action-icon > svg{color:#000}
[data-header-cart].has-cart .header-action-icon > svg{color:#e53950}