/* Header: composición compartida y trigger del drawer Navigation. */
.zedra-header { position: relative; padding-block: 24px; color: var(--zedra-text-light); }
.zedra-header__inner { --zedra-page-gutter: 16px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.zedra-header__menu { justify-self: start; padding: 0; border: 0; background: transparent; color: inherit; min-block-size: 44px; min-inline-size: 44px; }
.zedra-header__brand { color: inherit; text-decoration: none; }
.zedra-header__logo { inline-size: 120px; block-size: 42.46px; object-fit: contain; }
.zedra-header__brand .zedra-identity-placeholder { letter-spacing: 4px; font-size: 19px; }
.zedra-header__actions { justify-self: end; }
.zedra-header--dark { color: var(--zedra-text-main); }
.zedra-header__cart-link { position: relative; }
.zedra-cart-count { position: absolute; inset-inline-end: -5px; inset-block-start: 0; display: grid; place-items: center; min-inline-size: 18px; block-size: 18px; padding-inline: 3px; border-radius: var(--zedra-radius-full); background: var(--zedra-bg-neutral); color: var(--zedra-text-main); font-size: 10px; line-height: 12px; font-weight: 700; }
.zedra-cart-count[hidden] { display: none; }
.zedra-header__actions a { display: inline-flex; min-block-size: 44px; align-items: center; color: inherit; text-decoration: none; }
.zedra-header__cart { inline-size: 32px; block-size: 32px; object-fit: contain; }
.zedra-header__menu-icon { inline-size: 44px; block-size: 40px; }
.zedra-header__menu-label { display: none; }
@media (min-width: 1100px) {
    .zedra-header { padding-block-end: 0; }
    .zedra-header__inner { --zedra-page-gutter: var(--zedra-gutter-desktop); }
    .zedra-header__logo { inline-size: 114.77px; block-size: 49.41px; }
    .zedra-header__cart { inline-size: 24px; block-size: 24px; }
    .zedra-header__menu { display: inline-flex; gap: 8px; align-items: center; }
    .zedra-header__menu-icon { inline-size: 66.67px; block-size: 42.67px; object-fit: contain; }
    .zedra-header__menu-label { display: inline; font-size: 18.6px; line-height: 28px; text-transform: uppercase; }
}