/* The native header remains the stable sticky reserve. Its existing child is the only surface. */
[data-testid="storefront-header-shell"] {
    --ibo-motion-ease: cubic-bezier(.16,1,.3,1);
    position: sticky; top: 0; z-index: 40;
    height: 64px; padding: 0; border: 0; background: transparent;
    backdrop-filter: none; translate: none; transform: none;
    transition: none; pointer-events: none;
}
[data-testid="storefront-header-shell"] > div {
    position: absolute; left: 50%; top: 0; translate: -50% 0;
    width: 100%; max-width: 100%; height: 64px; margin: 0;
    padding-inline: max(12px, calc((100% - 1232px) / 2));
    gap: 6px; border: 1px solid transparent; border-bottom-color: var(--brand-border);
    border-radius: 0; background: color-mix(in oklab,var(--brand-bg) 95%,transparent);
    box-shadow: 0 0 0 rgb(0 0 0 / 0); backdrop-filter: blur(24px); pointer-events: auto;
    transition: width 1s var(--ibo-motion-ease), max-width 1s var(--ibo-motion-ease), height 1s var(--ibo-motion-ease), top 1s var(--ibo-motion-ease), padding 1s var(--ibo-motion-ease), gap 1s var(--ibo-motion-ease), border-radius 1s var(--ibo-motion-ease), background-color 700ms var(--ibo-motion-ease), border-color 700ms var(--ibo-motion-ease), box-shadow 700ms var(--ibo-motion-ease);
}
[data-testid="storefront-header-shell"] > div > a:first-of-type { min-height: 44px; min-width: 44px; }
[data-testid="storefront-header-shell"] > div > a:first-of-type > :first-child { width: 36px; height: 36px; transition: width 1s var(--ibo-motion-ease), height 1s var(--ibo-motion-ease); }
[data-testid="storefront-header-shell"] > div > div:last-child { transition: gap 1s var(--ibo-motion-ease); }
[data-testid="storefront-header-shell"] button[aria-label="Abrir menú"], [data-testid="storefront-header-shell"] button[aria-label="Abrir búsqueda"] { scale: 1; }
[data-ibo-motion="capsule"] > div { top: 12px; width: calc(100% - 28px); height: 60px; padding-inline: 6px; gap: 4px; border-radius: 50px; border-color: color-mix(in oklab,var(--brand-border) 80%,transparent); background: color-mix(in oklab,var(--brand-bg) 90%,transparent); box-shadow: 0 10px 28px rgb(0 0 0 / .09); }
[data-ibo-motion="capsule"] > div > a:first-of-type > :first-child { width: 32px; height: 32px; }
[data-ibo-motion="capsule"] > div > div:last-child { gap: 1px; }
[data-ibo-motion-ready="false"] > div, [data-ibo-motion-ready="false"] > div * { transition: none !important; }
@media(min-width:640px) {
    [data-testid="storefront-header-shell"], [data-testid="storefront-header-shell"] > div { height: 72px; }
    [data-testid="storefront-header-shell"] > div { padding-inline: max(24px, calc((100% - 1232px) / 2)); gap: 10px; }
    [data-testid="storefront-header-shell"] > div > a:first-of-type > :first-child { width: 40px; height: 40px; }
    [data-ibo-motion="capsule"] > div { height: 64px; padding-inline: 16px; gap: 10px; }
    [data-ibo-motion="capsule"] > div > div:last-child { gap: 8px; }
    [data-ibo-motion="capsule"] > div > a:first-of-type > :first-child { width: 36px; height: 36px; }
}
@media(min-width:761px) { [data-ibo-motion="capsule"] > div { top:20px; width:min(1024px,calc(100% - 40px)); } }
@media(prefers-reduced-motion:reduce) { [data-testid="storefront-header-shell"] > div, [data-testid="storefront-header-shell"] > div * { transition:none !important; animation:none !important; } }
@media print { [data-testid="storefront-header-shell"] { position:relative; } [data-testid="storefront-header-shell"] > div { top:0; width:100%; } }