:root { --trivino-green: #007a3e !important; --trivino-lime: #97bf0d !important; }
        #trivino-search-container, .trivino-search-container { position: relative !important; width: 100% !important; min-width: 1000px !important; max-width: none !important; margin: 0 auto !important; z-index: 9999 !important; }
        .trivino-v12-input { width: 100% !important; border-radius: 50px !important; padding: 12px 60px 12px 25px !important; border: 2px solid #eaeff2 !important; outline: none !important; transition: border-color 0.3s !important; font-size: 15px !important; background: white !important; height: 48px !important; }
        .trivino-btn-cam { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; background: transparent !important; border: none !important; box-shadow: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; z-index: 20 !important; padding: 0 !important; }
        .megamenu-woo { background: var(--trivino-green) !important; width: 100% !important; height: 50px !important; display: block !important; position: relative !important; z-index: 1000 !important; overflow: visible !important; border: none !important; }
        ul.megamenu-principal { display: flex !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; height: 50px !important; list-style: none !important; border: none !important; }
        li.megamenu-item { height: 50px !important; display: flex !important; align-items: center !important; position: relative !important; }
        li.megamenu-item > a { color: #ffffff !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 13px !important; padding: 0 20px !important; text-decoration: none !important; background: transparent !important; border: none !important; line-height: 50px !important; }
        .megamenu-dropdown { display: none !important; position: absolute !important; top: 50px !important; left: 0 !important; background: #fff !important; min-width: 900px !important; box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important; border-top: 5px solid var(--trivino-lime) !important; padding: 30px !important; z-index: 10000 !important; }
        li.megamenu-item:hover .megamenu-dropdown { display: block !important; }
        .meili-layout { display: grid !important; grid-template-columns: 280px 1fr !important; gap: 30px !important; width: 95% !important; max-width: 1400px !important; margin: 30px auto !important; }
        #searchbox { margin-bottom: 40px !important; position: relative !important; z-index: 50 !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
        @keyframes trivinoGradientFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
        #searchbox .ais-SearchBox-form { position: relative !important; display: flex !important; align-items: center !important; height: 45px !important; border-radius: 50px !important; background: linear-gradient(-45deg, #007a3e, #005c2f, #84cc16, #007a3e) !important; background-size: 400% 400% !important; animation: trivinoGradientFlow 12s ease infinite !important; box-shadow: 0 10px 25px rgba(0, 122, 62, 0.25) !important; border: none !important; overflow: hidden !important; }
        #searchbox .ais-SearchBox-form:focus-within { transform: scale(1.02) !important; box-shadow: 0 15px 35px rgba(0, 122, 62, 0.35) !important; }
        #searchbox .ais-SearchBox-input { width: 100% !important; height: 100% !important; border: none !important; background: transparent !important; padding: 0 50px 0 25px !important; font-size: 16px !important; color: #fff !important; outline: none !important; font-weight: 500 !important; margin: 0 !important; box-shadow: none !important; -webkit-appearance: none !important; }
        #searchbox .ais-SearchBox-input::placeholder { color: rgba(255, 255, 255, 0.85) !important; font-weight: 400 !important; }
        #searchbox .ais-SearchBox-submit { position: absolute !important; right: 5px !important; top: 50% !important; transform: translateY(-50%) !important; background: transparent !important; border: none !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0 !important; }
        #searchbox .ais-SearchBox-submitIcon { width: 24px !important; height: 24px !important; fill: #fff !important; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2)); }
        #searchbox .ais-SearchBox-reset { position: absolute !important; right: 55px !important; top: 50% !important; transform: translateY(-50%) !important; background: transparent !important; fill: rgba(255,255,255,0.6) !important; cursor: pointer !important; border: none !important; }
        #searchbox .ais-SearchBox-reset:hover { fill: #fff !important; }
        .trivino-btn-voice-header { position: absolute !important; right: 50px !important; top: 50% !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; background: transparent !important; border: none !important; box-shadow: none !important; z-index: 18 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; padding: 0 !important; transition: transform 0.22s ease !important; }
        .trivino-btn-voice-header svg { width: 19px !important; height: 19px !important; stroke: #007a3e !important; stroke-width: 1.9 !important; filter: drop-shadow(0 1px 1px rgba(0, 92, 47, 0.12)) !important; }
        .trivino-btn-voice-header:hover { transform: translateY(-50%) scale(1.06) !important; }
        .trivino-btn-voice-header.listening svg { stroke: #007a3e !important; filter: drop-shadow(0 0 6px rgba(151, 191, 13, 0.3)) !important; animation: trivinoPulse 1.5s infinite !important; }
        .trivino-btn-voice-main { border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; position: absolute !important; right: 90px !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; z-index: 60 !important; transition: transform 0.2s ease !important; }
        .trivino-btn-voice-main svg { width: 22px !important; height: 22px !important; stroke: #fff !important; stroke-width: 2 !important; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2)) !important; transition: transform 0.2s ease !important; }
        .trivino-btn-voice-main:hover { transform: translateY(-50%) scale(1.1) !important; }
        .trivino-btn-voice-main.listening svg { stroke: #f44336 !important; filter: drop-shadow(0 0 8px rgba(244, 67, 54, 0.4)) !important; animation: trivinoPulse 1.5s infinite !important; }
        .trivino-btn-voice-header:disabled, .trivino-btn-voice-main:disabled { cursor: wait !important; }
        .ais-InfiniteHits-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; gap: 20px !important; list-style: none !important; padding: 0 !important; }
        .res-card { border: 1px solid #e0e0e0 !important; border-radius: 4px !important; padding: 15px !important; background: #fff !important; display: flex !important; flex-direction: column !important; height: 100% !important; position: relative !important; transition: all 0.2s ease !important; }
        .res-card:hover { border-color: var(--trivino-green) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; }
        .res-img-box { width: 100% !important; height: 150px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; margin-bottom: 10px !important; }
        .res-cat-link { font-size: 11px !important; text-transform: uppercase !important; color: #777 !important; text-decoration: none !important; font-weight: 600 !important; display: block !important; margin-bottom: 5px !important; }
        .res-cat-link:hover { color: var(--trivino-green) !important; text-decoration: underline !important; }
        .res-title { font-weight: 700 !important; font-size: 14px !important; color: #333 !important; line-height: 1.3 !important; height: 38px !important; overflow: hidden !important; margin-bottom: 10px !important; }
        .res-price { font-size: 18px !important; color: var(--trivino-green) !important; font-weight: 800 !important; margin-bottom: 15px !important; display: block !important; }
        .res-purchase-actions { display: flex !important; gap: 8px !important; margin-top: auto !important; height: 40px !important; }
        .res-qty-selector { width: 60px !important; }
        .qty-input { width: 100% !important; height: 100% !important; border: 1px solid #ccc !important; border-radius: 4px !important; text-align: center !important; font-weight: 600 !important; color: #333 !important; font-size: 15px !important; padding: 0 !important; -moz-appearance: textfield !important; background: #fff !important; }
        .qty-input:focus { border-color: var(--trivino-green) !important; outline: none !important; }
        .qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
        .res-add-to-cart { flex-grow: 1 !important; height: 100% !important; background: var(--trivino-green) !important; border: none !important; border-radius: 4px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s !important; }
        .res-add-to-cart:hover { background: #005c2f !important; }
        .res-add-to-cart svg { width: 22px !important; height: 22px !important; fill: #fff !important; }
        .res-add-to-cart.loading { opacity: 0.7 !important; cursor: wait !important; }
        .trivino-live-v12 { position: absolute !important; top: 55px !important; left: 0 !important; width: 100% !important; background: #fff !important; border-radius: 0 0 15px 15px !important; box-shadow: 0 15px 40px rgba(0,70,30,0.15) !important; z-index: 99999 !important; overflow: hidden !important; display: none; border: 1px solid #eaeff2 !important; border-top: none !important; }
        .live-item-link { display: grid !important; grid-template-columns: 60px 1fr auto !important; gap: 15px !important; align-items: center !important; padding: 12px 20px !important; text-decoration: none !important; border-bottom: 1px solid #f0f0f0 !important; transition: all 0.2s ease-in-out !important; border-left: 4px solid transparent !important; }
        .live-item-link:hover { background-color: #f7fbe7 !important; border-left: 4px solid #97bf0d !important; padding-left: 16px !important; }
        .live-item-link img { width: 50px !important; height: 50px !important; object-fit: contain !important; background: #fff !important; border-radius: 6px !important; border: 1px solid #e5e5e5 !important; }
        .live-sku { font-size: 10px !important; text-transform: uppercase !important; color: #888 !important; font-weight: 700 !important; }
        .live-title { font-size: 14px !important; font-weight: 600 !important; color: #333 !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important; overflow: hidden !important; }
        .live-price { font-size: 15px !important; color: #007a3e !important; font-weight: 800 !important; white-space: nowrap !important; }
        .live-view-all { display: block !important; text-align: center !important; background: #007a3e !important; color: #fff !important; padding: 10px !important; font-size: 13px !important; font-weight: bold !important; text-transform: uppercase !important; text-decoration: none !important; transition: background 0.3s !important; }
        .live-view-all:hover { background: #005c2f !important; }
        
        /* Fly-to-Cart Animation Styles */
        .trivino-fly-img { 
            position: fixed !important; 
            z-index: 999999 !important; 
            border-radius: 50% !important; 
            opacity: 1 !important; 
            pointer-events: none !important; 
            box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important; 
            transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) !important; 
            background-size: cover !important;
            background-position: center !important;
            border: 3px solid var(--trivino-lime) !important;
        }

        /* SUPRESIÓN TOTAL DE MENSAJES EN EL BUSCADOR */
        .woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-notice { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
        
        /* ==========================================================
         * DISEÑO PREMIUM V3.1: BARRA + INPUTS DIGITALES (FIX)
         * ========================================================== */
        #price-slider { margin: 30px 0 10px 0 !important; padding: 0 10px !important; font-family: sans-serif !important; }
        #price-inputs-container { margin-bottom: 20px !important; padding: 0 5px !important; }
        .ais-RangeSlider .rheostat { overflow: visible !important; margin-top: 0 !important; margin-bottom: 20px !important; }
        .ais-RangeSlider .rheostat-background { background-color: #e2e8f0 !important; border: none !important; height: 5px !important; border-radius: 10px !important; top: 2px !important; position: absolute !important; width: 100% !important; z-index: 0 !important; }
        .ais-RangeSlider .rheostat-progress { background-color: var(--trivino-green) !important; height: 5px !important; border-radius: 10px !important; top: 2px !important; position: absolute !important; z-index: 1 !important; }
        .ais-RangeSlider .rheostat-handle { width: 22px !important; height: 22px !important; top: -7px !important; border: 3px solid #fff !important; background: var(--trivino-green) !important; border-radius: 50% !important; box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; cursor: grab !important; outline: none !important; z-index: 10 !important; transition: transform 0.1s ease !important; }
        .ais-RangeSlider .rheostat-handle:hover { transform: scale(1.2) !important; }
        .ais-RangeSlider .rheostat-handle:active { cursor: grabbing !important; transform: scale(1.1) !important; }
        .ais-RangeSlider .rheostat-tooltip { display: none !important; }
        .ais-RangeSlider .rheostat-marker, .ais-RangeSlider .rheostat-value { display: none !important; }
        .ais-RangeInput-form { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; margin-top: 50px !important; }
        .ais-RangeInput-label { display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 50px !important; padding: 4px 10px !important; min-width: 60px !important; height: 32px !important; transition: all 0.2s ease !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; cursor: text !important; position: relative !important; overflow: hidden !important; }
        .ais-RangeInput-label:focus-within { border-color: var(--trivino-green) !important; box-shadow: 0 0 0 2px rgba(0, 122, 62, 0.15) !important; }
        .ais-RangeInput-input { width: 100% !important; border: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; font-size: 13px !important; font-weight: 700 !important; color: var(--trivino-green) !important; padding: 0 !important; text-align: right !important; font-family: monospace !important; margin-right: 2px !important; -moz-appearance: textfield !important; }
        .ais-RangeInput-input::-webkit-outer-spin-button, .ais-RangeInput-input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
        .ais-RangeInput-label::after { content: "\20AC" !important; color: #64748b !important; font-weight: 600 !important; font-size: 11px !important; margin-left: 2px !important; }
        .ais-RangeInput-separator { display: block !important; color: #ccc !important; font-weight: bold !important; margin: 0 5px !important; }
        .ais-RangeInput-submit { display: none !important; }
        .trivino-ai-enhance-btn { position: relative !important; display: block !important; width: 100% !important; margin-top: 6px !important; background: transparent !important; border: none !important; padding: 0 !important; border-radius: 10px !important; cursor: pointer !important; overflow: hidden !important; line-height: 0 !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; transition: transform 0.2s ease, filter 0.2s ease !important; }
        .trivino-ai-enhance-btn:hover { transform: none !important; filter: none !important; }
        .trivino-ai-enhance-btn:active { transform: scale(0.995) !important; }
        .trivino-ai-enhance-btn:disabled { opacity: 0.78 !important; cursor: wait !important; transform: none !important; filter: none !important; }
        .trivino-ai-enhance-art { display: block !important; width: 100% !important; height: clamp(44px, 9vw, 62px) !important; max-width: 100% !important; }
        .trivino-ai-enhance-art, .trivino-ai-enhance-art * { pointer-events: none !important; }
        .trivino-ai-enhance-art #trivino-ai-enhance-svg-text { opacity: 0 !important; }
        .trivino-ai-enhance-label { position: absolute !important; left: 50% !important; top: 52% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; background: transparent !important; color: #ffffff !important; font-size: clamp(12px, 3.2vw, 15px) !important; font-weight: 800 !important; letter-spacing: 0.35px !important; line-height: 1.15 !important; white-space: normal !important; text-align: center !important; max-width: 94% !important; text-wrap: balance !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important; pointer-events: none !important; z-index: 2 !important; }
        @media (max-width: 420px) {
            .trivino-ai-enhance-label { font-size: 12px !important; line-height: 1.1 !important; }
        }
        @media (min-width: 769px) {
            .trivino-ai-enhance-btn { border-radius: 12px !important; }
            .trivino-ai-enhance-btn:hover { transform: translateY(-1px) !important; filter: saturate(1.05) !important; }
            .trivino-ai-enhance-art { height: clamp(48px, 4.8vw, 58px) !important; }
            .trivino-ai-enhance-label { font-size: 14px !important; }
        }
        @media (prefers-reduced-motion: reduce) {
            .trivino-ai-enhance-btn, .trivino-ai-enhance-btn * { transition: none !important; animation: none !important; }
            .trivino-ai-enhance-art #trv-explosion-letras,
            .trivino-ai-enhance-art #trv-scan-line,
            .trivino-ai-enhance-art #trv-logo-runner { display: none !important; }
        }
        #categories-list .ais-RefinementList-list,
        #categories-list .ais-HierarchicalMenu-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
        #categories-list .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list { margin-top: 8px !important; margin-left: 16px !important; padding-left: 12px !important; border-left: 1px solid #e2e8f0 !important; }
        #categories-list .ais-RefinementList-item,
        #categories-list .ais-HierarchicalMenu-item { margin-bottom: 8px !important; padding: 4px 0 !important; transition: all 0.2s ease !important; }
        #categories-list .ais-RefinementList-label,
        #categories-list .ais-HierarchicalMenu-link { display: flex !important; align-items: center !important; cursor: pointer !important; width: 100% !important; font-family: sans-serif !important; color: #475569 !important; font-size: 14px !important; line-height: 1.4 !important; user-select: none !important; text-decoration: none !important; gap: 0 !important; }
        #categories-list .ais-RefinementList-item:hover .ais-RefinementList-label,
        #categories-list .ais-HierarchicalMenu-item:hover > .ais-HierarchicalMenu-link { color: var(--trivino-green) !important; }
        #categories-list .ais-RefinementList-checkbox { -webkit-appearance: none !important; appearance: none !important; position: absolute !important; opacity: 0 !important; }
        #categories-list .ais-RefinementList-labelText::before,
        #categories-list .ais-HierarchicalMenu-label::before { content: '' !important; display: inline-block !important; width: 18px !important; height: 18px !important; border: 2px solid #cbd5e1 !important; border-radius: 4px !important; margin-right: 12px !important; vertical-align: middle !important; background-color: #fff !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; flex-shrink: 0 !important; box-sizing: border-box !important; }
        #categories-list .ais-HierarchicalMenu-label { display: inline-flex !important; align-items: center !important; min-width: 0 !important; }
        #categories-list .ais-RefinementList-item--selected .ais-RefinementList-label,
        #categories-list .ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link,
        #categories-list .ais-HierarchicalMenu-item--parent > .ais-HierarchicalMenu-link { color: var(--trivino-green) !important; font-weight: 700 !important; }
        #categories-list .ais-RefinementList-item--selected .ais-RefinementList-labelText::before,
        #categories-list .ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link .ais-HierarchicalMenu-label::before,
        #categories-list .ais-HierarchicalMenu-item--parent > .ais-HierarchicalMenu-link .ais-HierarchicalMenu-label::before { background-color: var(--trivino-green) !important; border-color: var(--trivino-green) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important; background-size: 80% !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: 0 4px 6px rgba(0, 122, 62, 0.25) !important; }
        #categories-list .ais-RefinementList-count,
        #categories-list .ais-HierarchicalMenu-count { margin-left: auto !important; background-color: #f1f5f9 !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 99px !important; min-width: 24px !important; text-align: center !important; transition: all 0.2s !important; flex-shrink: 0 !important; }
        #categories-list .ais-RefinementList-item--selected .ais-RefinementList-count,
        #categories-list .ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link .ais-HierarchicalMenu-count,
        #categories-list .ais-HierarchicalMenu-item--parent > .ais-HierarchicalMenu-link .ais-HierarchicalMenu-count { background-color: #dcfce7 !important; color: var(--trivino-green) !important; }
        #categories-list .ais-HierarchicalMenu-showMore { margin-top: 8px !important; background: transparent !important; border: none !important; padding: 0 !important; color: #64748b !important; font-weight: 700 !important; cursor: pointer !important; }
        @media (max-width: 768px) { #categories-list .ais-RefinementList-item, #categories-list .ais-HierarchicalMenu-item { padding: 8px 0 !important; border-bottom: 1px solid #f0f0f0 !important; } #categories-list .ais-RefinementList-labelText::before, #categories-list .ais-HierarchicalMenu-label::before { width: 22px !important; height: 22px !important; } #categories-list .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list { margin-left: 12px !important; padding-left: 10px !important; } }
        .ais-RangeInput-separator { font-size: 0 !important; margin: 0 8px !important; position: relative !important; display: flex !important; align-items: center !important; }
        .ais-RangeInput-separator::after { content: '-' !important; font-size: 20px !important; color: #94a3b8 !important; font-weight: 400 !important; line-height: 1 !important; display: block !important; transform: translateY(-1px) !important; }
        .ais-InfiniteHits-loadMore { display: none !important; }
        /* 23-sep-2026: reserva alto mientras cargan los resultados (el pie saltaba: CLS 0,46 en móvil) */
        #hits-area { min-height: 80vh; }
        #hits-area:after { content: "Has llegado al final de los resultados"; display: none; text-align: center; padding: 40px 0; color: #999; font-size: 14px; font-style: italic; width: 100%; grid-column: 1 / -1; }
        .ais-InfiniteHits-loadMore--disabled ~ #hits-area:after, .ais-InfiniteHits-loadMore--disabled + #hits-area:after { display: block !important; }
        /* === Loader "cargar más" (infinite scroll) — skeleton shimmer integrado === */
        .trv-lm { display: none; width: 100%; padding: 6px 0 30px; }
        .trv-lm.is-loading { display: block; }
        .trv-lm__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 20px; }
        .trv-lm__card { height: 300px; border-radius: 14px; background: #f1f5f9; position: relative; overflow: hidden; }
        .trv-lm__card::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent 0%, rgba(151,191,13,.18) 45%, rgba(151,191,13,.10) 55%, transparent 100%); animation: trvShimmer 1.25s ease-in-out infinite; }
        @keyframes trvShimmer { 100% { transform: translateX(100%); } }
        .trv-lm__txt { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; color: #007a3e; font-weight: 600; font-size: 14px; letter-spacing: .2px; }
        .trv-lm__spin { width: 18px; height: 18px; border: 2.5px solid #e2e8c9; border-top-color: #97bf0d; border-radius: 50%; animation: trv-spin .8s linear infinite; }
        @media (max-width: 768px) { .trv-lm__grid { grid-template-columns: 1fr 1fr; gap: 10px; } .trv-lm__card { height: 220px; } }
        #mob-filter-trigger { display: none; }
        .sidebar-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; backdrop-filter: blur(2px); }
        .mob-close-filters { display: none; }
        @media (max-width: 1024px) { 
            #trivino-search-container { min-width: 100% !important; }
            .meili-layout { grid-template-columns: 1fr !important; width: 100% !important; gap: 20px !important; margin: 20px 0 !important; padding: 0 10px 10px 10px !important; } 
            #mob-filter-trigger { display: flex !important; flex-direction: column; align-items: center; justify-content: center; position: fixed; top: 45%; left: 0; bottom: auto !important; transform: translateY(-50%) rotate(180deg); z-index: 10000; background: #007a3e !important; color: #ffffff !important; border: 1px solid #97bf0d !important; border-left: none !important; padding: 15px 4px; width: 32px; border-radius: 0 10px 10px 0 !important; writing-mode: vertical-rl; text-orientation: mixed; font-weight: 800; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.7; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); transition: all 0.3s ease; }
            #mob-filter-trigger svg { transform: rotate(90deg); margin-bottom: 8px; width: 16px; height: 16px; }
            #mob-filter-trigger:hover, #mob-filter-trigger:active { opacity: 1; width: 40px; }
            .meili-sidebar { display: block !important; position: fixed !important; top: 0; left: 0; height: 100vh; width: 85%; max-width: 320px; background: white; z-index: 100000; padding: 25px !important; box-shadow: 0 0 50px rgba(0,0,0,0.5); overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
            .meili-sidebar.active { transform: translateX(0); }
            .sidebar-overlay.active { display: block; }
            .mob-close-filters { display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; font-weight: 800; font-size: 16px; color: #333; cursor: pointer; }
            .ais-InfiniteHits-list { grid-template-columns: 1fr 1fr !important; gap: 10px !important; } 
            .res-purchase-actions { grid-template-columns: 1fr !important; gap: 10px !important; } 
            .res-qty-selector { justify-content: space-between !important; padding: 5px 10px !important; } 
            .res-add-to-cart { width: 100% !important; }
        }
        /* === Trivino Empty State (mobile-first, unificado live + /buscador) === */
        .trv-empty { box-sizing: border-box; text-align: center; padding: clamp(24px, 5vw, 56px) clamp(16px, 4vw, 36px); max-width: 100%; width: 100%; margin: 0 auto; color: #374151; font-family: inherit; }
        .trv-empty--full { background: #fff; border-radius: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 8px 24px -8px rgba(0,0,0,.06); border: 1px solid #f3f4f6; }
        .trv-empty--compact { padding: clamp(18px, 4vw, 28px) clamp(14px, 3vw, 20px); max-width: 100%; }
        .trv-empty__inner { max-width: 720px; margin: 0 auto; }
        .trv-empty__icon { display: inline-flex; align-items: center; justify-content: center; width: clamp(56px, 14vw, 96px); height: clamp(56px, 14vw, 96px); border-radius: 50%; background: linear-gradient(135deg, #f3faea 0%, #e6f4cf 100%); margin-bottom: clamp(14px, 3vw, 22px); }
        .trv-empty--compact .trv-empty__icon { width: 56px; height: 56px; margin-bottom: 12px; }
        .trv-empty__icon svg { width: 55%; height: 55%; stroke: #97bf0d; stroke-width: 1.6; fill: none; }
        .trv-empty__title { font-size: clamp(17px, 3.2vw, 22px); font-weight: 700; color: #1f2937; margin: 0 0 8px; line-height: 1.25; }
        .trv-empty__query { display: inline-block; font-weight: 700; color: #007a3e; background: #f3faea; padding: 2px 10px; border-radius: 999px; font-size: 0.9em; margin: 0 2px; word-break: break-word; }
        .trv-empty__msg { font-size: clamp(13px, 2.4vw, 15px); color: #6b7280; line-height: 1.55; margin: 0 auto clamp(14px, 3vw, 20px); max-width: 480px; }
        .trv-empty__hint { display: inline-block; font-size: 12px; color: #9ca3af; margin-top: 6px; }
        .trv-empty__cta { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: clamp(10px, 2vw, 16px); }
        .trv-empty__btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; cursor: pointer; border: 1px solid transparent; line-height: 1; }
        .trv-empty__btn svg { width: 16px; height: 16px; }
        .trv-empty__btn--primary { background: #97bf0d; color: #fff; border-color: #97bf0d; box-shadow: 0 2px 8px rgba(151,191,13,.25); }
        .trv-empty__btn--primary:hover { background: #7fa30b; box-shadow: 0 4px 14px rgba(151,191,13,.35); transform: translateY(-1px); color: #fff; }
        .trv-empty__btn--secondary { background: #fff; color: #374151; border-color: #e5e7eb; }
        .trv-empty__btn--secondary:hover { background: #f9fafb; border-color: #97bf0d; color: #1f2937; }
        .trv-empty__btn--whatsapp { background: #25d366; color: #fff; border-color: #25d366; }
        .trv-empty__btn--whatsapp:hover { background: #1ebe5a; color: #fff; }
        /* Sin resultados: la página /buscador oculta el sidebar → el grid debe pasar a 1 columna
           (si no, el main cae en la pista de 280px y todo se amontona a la izquierda). */
        .meili-layout.trv-noresults { grid-template-columns: 1fr !important; }
        /* Sección "productos compatibles" (reverse-lookup refs cruzadas) bajo el empty-state */
        .trv-compat { margin: 28px auto 0; max-width: 980px; text-align: left; }
        .trv-compat__title { font-size: clamp(15px, 2.6vw, 19px); font-weight: 700; color: #1f2937; margin: 0 0 4px; text-align: center; }
        .trv-compat__sub { font-size: 13px; color: #6b7280; margin: 0 0 18px; text-align: center; }
        .trv-compat__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 270px)); gap: 16px; justify-content: center; }
        .trv-compat-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; text-decoration: none !important; color: #1f2937; transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
        .trv-compat-card:hover { border-color: #97bf0d; box-shadow: 0 8px 24px -8px rgba(0,0,0,.12); transform: translateY(-2px); }
        .trv-compat-card__img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; padding: 12px; box-sizing: border-box; }
        .trv-compat-card__body { padding: 12px 14px 16px; display: flex; flex-direction: column; gap: 4px; }
        .trv-compat-card__sku { font-size: 11px; font-weight: 700; color: #007a3e; letter-spacing: .02em; }
        .trv-compat-card__name { font-size: 13.5px; line-height: 1.35; color: #374151; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
        .trv-compat-card__price { font-size: 15px; font-weight: 700; color: #1f2937; margin-top: 4px; }
        .trv-compat--live { margin: 0; padding: 4px 0 8px; }
        .trv-compat--live .trv-compat__title { font-size: 12px; padding: 8px 14px 2px; margin: 0; text-align: left; color: #007a3e; }
        @media (max-width: 480px) {
            .trv-empty__cta { flex-direction: column; align-items: stretch; }
            .trv-empty__btn { justify-content: center; width: 100%; }
        }
        @media (prefers-reduced-motion: reduce) {
            .trv-empty__btn { transition: none; }
            .trv-empty__btn--primary:hover { transform: none; }
        }