/* Obsidiana only: quieter menu and a slimmer mobile capsule; native actions stay 44px. */
.storefront-obsidiana header[data-compact] button[aria-label='Abrir menú de categorías'] {
    width: 44px !important;
    min-width: 44px;
    height: 44px !important;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent !important;
    color: var(--brand-fg) !important;
    box-shadow: none !important;
}

.storefront-obsidiana header[data-compact] button[aria-label='Abrir menú de categorías'] > svg {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 1.5;
}

.storefront-obsidiana header[data-compact] button[aria-label='Abrir menú de categorías']:focus-visible {
    outline: 2px solid var(--ring, #a74f68);
    outline-offset: 2px;
}

@media (hover: hover) {
    .storefront-obsidiana header[data-compact] button[aria-label='Abrir menú de categorías']:hover {
        background: color-mix(in srgb, var(--brand-fg) 7%, transparent) !important;
    }
}

@media (max-width: 639px) {
    .storefront-obsidiana header[data-compact][data-obs-motion='compact'],
    html[data-obs-motion-start='compact'] .storefront-obsidiana header[data-compact]:not([data-obs-motion]) {
        --obs-motion-surface-height: 56px;
    }

    .storefront-obsidiana header[data-compact][data-obs-motion='compact'] > div:first-child,
    html[data-obs-motion-start='compact'] .storefront-obsidiana header[data-compact]:not([data-obs-motion]) > div:first-child {
        height: 56px !important;
        min-height: 56px;
        padding: 6px 8px !important;
    }
}

@media (min-width: 375px) and (max-width: 639px) {
    .storefront-obsidiana header[data-compact][data-obs-motion='compact']::before,
    html[data-obs-motion-start='compact'] .storefront-obsidiana header[data-compact]:not([data-obs-motion])::before {
        border-radius: 999px;
    }

    .storefront-obsidiana header[data-compact][data-obs-motion='compact'] > div:first-child,
    html[data-obs-motion-start='compact'] .storefront-obsidiana header[data-compact]:not([data-obs-motion]) > div:first-child {
        flex-wrap: nowrap;
        align-content: normal;
    }

    .storefront-obsidiana header[data-compact][data-obs-motion='compact'] > div:first-child > a {
        flex: 0 0 auto;
        margin-right: 0;
    }

    .storefront-obsidiana header[data-compact][data-obs-motion='compact'] > div:first-child > div:last-child {
        width: auto;
        margin: 0 !important;
        justify-content: flex-end;
    }
}

@media (max-width: 374px) {
    .storefront-obsidiana header[data-compact][data-obs-motion='compact'],
    html[data-obs-motion-start='compact'] .storefront-obsidiana header[data-compact]:not([data-obs-motion]) {
        --obs-motion-surface-height: 100px;
    }

    .storefront-obsidiana header[data-compact][data-obs-motion='compact'] > div:first-child,
    html[data-obs-motion-start='compact'] .storefront-obsidiana header[data-compact]:not([data-obs-motion]) > div:first-child {
        height: 100px !important;
        min-height: 100px;
        padding: 4px 8px !important;
        row-gap: 4px !important;
    }
}