/* Parallel enhancement for the filtered legacy listing; no global widget restyling. */
.sf-mobile-dock { --sf-dock-supported:2; display:none; }
.sf-mobile-dock[hidden] { display:none !important; }
@media (max-width:991px) {
    body.sf-mobile-tools-ready { --sf-floating-bottom:max(11px, calc(env(safe-area-inset-bottom, 0px) + 8px)); }
    body.sf-mobile-tools-ready .btn_whats { bottom:calc(var(--sf-floating-bottom) - 4px); right:10px; }
    body.sf-mobile-tools-ready .ia-vendedor .ia-barra {
        left:10px; right:auto; bottom:var(--sf-floating-bottom); width:auto; padding:0; justify-content:flex-start;
    }
    body.sf-mobile-tools-ready .ia-vendedor .ia-boton {
        width:52px; height:52px; min-width:52px; min-height:52px; padding:0; gap:0; justify-content:center; border-radius:12px;
    }
    body.sf-mobile-tools-ready .ia-vendedor .ia-launcher-label,
    body.sf-mobile-tools-ready .ia-vendedor .ia-badge { display:none; }
    body.sf-mobile-tools-ready .ia-vendedor .ia-launcher-icon { font-size:21px; line-height:1; }
    .iw-catalog .sf-mobile-dock {
        --sf-dock-bottom:var(--sf-floating-bottom);
        position:fixed; left:50%; bottom:var(--sf-dock-bottom); z-index:1000;
        display:flex; align-items:center; gap:8px; width:150px; max-width:calc(100vw - 144px);
        height:52px; padding:3px; box-sizing:border-box; border:1px solid var(--sf-border); border-radius:14px;
        background:var(--sf-panel); color:var(--sf-text); box-shadow:0 4px 18px #0002,0 1px 4px #0001;
        opacity:0; visibility:hidden; pointer-events:none;
        transform:translate(-50%, calc(100% + var(--sf-dock-bottom) + 16px));
        transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .2s ease,visibility 0s linear .24s;
    }
    .iw-catalog .sf-mobile-dock.sf-dock-visible {
        opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); transition-delay:0s;
    }
    .iw-catalog .sf-dock-filter,.iw-catalog .sf-dock-order {
        display:flex; position:relative; align-items:center; justify-content:center; flex:1 1 0;
        min-width:44px; height:44px; min-height:44px; margin:0; padding:0 8px; box-sizing:border-box;
        border:1px solid var(--sf-border); border-radius:10px; background:#f4f4f4; color:var(--sf-text);
        font-size:17px; line-height:1; cursor:pointer; text-transform:none; box-shadow:none;
    }
    .iw-catalog .sf-dock-filter { gap:5px; }
    .iw-catalog-dark .sf-dock-filter:not(.sf-dock-has-filters),.iw-catalog-dark .sf-dock-order { background:var(--sf-soft); }
    .iw-catalog .sf-dock-filter.sf-dock-has-filters { background:var(--sf-color); color:#fff; }
    .iw-catalog #sf-dock-count { font-size:12px; font-weight:700; white-space:nowrap; }
    .iw-catalog #sf-dock-count:empty { display:none; }
    .iw-catalog .sf-dock-order[aria-expanded=true] { background:var(--sf-soft); }
    .iw-catalog .sf-dock-order:disabled { opacity:.5; cursor:default; }
    .iw-catalog .sf-dock-order>i { pointer-events:none; }
    /* Reuse legacy dropdown items; viewport bounds and upward anchoring are controlled here. */
    .iw-catalog .sf-dock-order-menu {
        position:absolute; top:auto; bottom:calc(100% + 10px); left:50%; float:none;
        min-width:0; width:260px; max-width:calc(100vw - 24px); margin:0; padding:6px;
        box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain;
        background:var(--sf-panel); color:var(--sf-text); border:1px solid var(--sf-border);
        border-radius:12px; box-shadow:0 6px 24px #0003;
    }
    .iw-catalog .sf-dock-order-menu[hidden] { display:none !important; }
    .iw-catalog .sf-dock-order-menu:not([hidden]) { display:block; }
    .iw-catalog .sf-dock-order-option {
        position:relative; display:block; width:100%; min-height:44px; margin:0;
        padding:10px 28px 10px 12px; border:0; border-radius:7px; background:transparent;
        color:var(--sf-text); font-size:14px; line-height:1.4; font-weight:400;
        text-transform:none; text-align:left; white-space:normal; cursor:pointer;
    }
    .iw-catalog .sf-dock-order-option:hover,.iw-catalog .sf-dock-order-option:focus { background:var(--sf-soft); color:var(--sf-text); }
    .iw-catalog .sf-dock-order-option[aria-selected=true] { background:var(--sf-soft); color:var(--sf-color); font-weight:700; }
    .iw-catalog .sf-dock-order-option[aria-selected=true]::after { content:"\2713"; position:absolute; right:10px; top:12px; }
    .iw-catalog .sf-dock-order-option:focus-visible { outline-offset:-2px; }
    .iw-catalog .sf-dock-order-option:disabled { opacity:.5; cursor:default; }
}
@media (max-width:320px) {
    body.sf-mobile-tools-ready .ia-vendedor .ia-barra { left:5px; }
    body.sf-mobile-tools-ready .btn_whats { right:5px; }
}
/* Unusually narrow windows keep every tap target reachable without overlap. */
@media (max-width:299px) {
    .iw-catalog .sf-mobile-dock { --sf-dock-bottom:calc(var(--sf-floating-bottom) + 64px); max-width:calc(100vw - 20px); }
}
@media (prefers-reduced-motion:reduce) {
    .iw-catalog .sf-mobile-dock { transition:none; }
}