/* `

` (Header/Default.cshtml) e un simplu wrapper semantic, fără stiluri proprii — dar CA BOX de bloc, are exact înălțimea celor 3 componente din interior (TopBar+Navbar+SearchBar), fără spațiu în plus. `position:sticky` nu poate „ține" un element mai mult decât înălțimea propriului părinte — deci `.header-navigation` (ultimul copil) s-ar „dezlipi" aproape imediat (după doar propria-i înălțime de scroll), fiind practic imperceptibil. `display:contents` pe wrapper îi elimină box-ul (copiii devin practic copii direcți ai , care întinde pe toată pagina), fără să scoată tag-ul

din DOM. */ .header-wrapper { display: contents; } .header-navigation { position: sticky; top: 0; z-index: var(--z-header); background-color: var(--color-bg-primary); } .searchbar__categories, .searchbar__form { padding: 1rem; } .searchbar__categories { background-color: var(--color-bg-button-primary); color: var(--color-content-button-primary); font-size: var(--text-m-size); border: none; white-space: nowrap; transition: background-color var(--transition-fast); } .searchbar__categories:hover { background-color: var(--color-bg-button-primary-hover); color: var(--color-content-button-primary); } .searchbar__form { background-color: var(--color-bg-secondary); border: none; } .searchbar__input { font-size: var(--text-s-size); color: var(--color-content-primary); } .searchbar__input::placeholder { color: var(--color-content-tertiary); } .searchbar__input:focus { box-shadow: none; background-color: transparent; } .searchbar__submit { background-color: var(--color-bg-primary); border: 1px solid var(--color-border-primary); width: 2.25rem; height: 2.25rem; } .searchbar__actions { background-color: var(--color-bg-secondary); } .searchbar__action { background-color: var(--color-bg-primary); border: 1px solid var(--color-border-primary); font-size: var(--text-s-size); color: var(--color-content-primary); white-space: nowrap; padding: 0.75rem 1rem; } /* Tabletă (md 768 – sub lg 992): butonul Categorii + acțiunile devin doar-iconiță. Ascunderea label-urilor/chevron-urilor se face prin utilități responsive în markup (d-none d-lg-inline); aici rămân doar dimensiunile icon-only (68px pătrat) și padding-ul de 0.75rem — valori non-spacer, fără echivalent utilitar Bootstrap. Ascunderea completă a acțiunilor pe mobil (