/* ===== v2.8 UI Modern (alineado a index.php) ===== */
    .vs-wrap{max-width:1380px;margin:0 auto;padding:0 12px;}
    @media (max-width: 991px){.vs-wrap{padding:0 10px;}}

    .vs-layout{display:flex;gap:22px;align-items:flex-start;}
    .vs-sidebar{flex:0 0 320px;}
    .vs-main{flex:1 1 auto;min-width:0;}
    @media (min-width: 992px){.vs-sidebar{position:sticky;top:14px;}}
    @media (max-width: 991px){.vs-layout{display:block;}.vs-sidebar{position:static;margin-bottom:14px;}}

    /* Filtros */
    .vs-filters{border:1px solid #eee;background:#fff;padding:12px;border-radius:10px;margin-bottom:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);} 
    .vs-filters-title{font-weight:700;margin-bottom:8px;}
    .vs-filter-block{margin-bottom:12px;}
    .vs-filter-name{font-weight:700;margin-bottom:6px;}
    .vs-filter-values{display:flex;flex-wrap:wrap;gap:6px;}
    .vs-filter-chip{display:inline-block;padding:6px 10px;border:1px solid #ddd;border-radius:16px;background:#f7f7f7;color:#333;font-size:12px;text-decoration:none;}
    .vs-filter-chip.active{background:#0078D4;border-color:#0078D4;color:#fff;}
    .vs-filter-chip.disabled{opacity:.45;pointer-events:none;}
    .vs-count{font-size:11px;opacity:.85;}

    /* Paginación */
    .vs-pagination{margin:18px 0;text-align:center;}
    .vs-page{display:inline-block;margin:0 4px;padding:6px 10px;border:1px solid #ddd;border-radius:10px;text-decoration:none;color:#333;background:#fff;font-size:13px;}
    .vs-page.active{font-weight:700;background:#f0f0f0;}
    .vs-ellipsis{display:inline-block;margin:0 6px;color:#888;}

    /* Buscador */
    .vs-search-box{margin:10px 0 12px 0;}
    #vs-search{width:100%;padding:12px 14px;border:1px solid #dce1e8;border-radius:10px;font-size:14px;background:#fafbfc;}
    #vs-search:focus{outline:none;border-color:#0078D4;box-shadow:0 0 0 3px rgba(0,120,212,0.12);background:#fff;}
    .vs-highlight{background:yellow;color:#000;font-weight:600;padding:0 2px;}

    /* Orden */
    .vs-sortbar{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:10px 0 0 0;flex-wrap:wrap;}
    .vs-sortbar label{font-weight:700;margin:0;}
    .vs-sortbar select{max-width:260px;border-radius:10px;}
    @media (max-width: 991px){.vs-sortbar{justify-content:flex-start;}}

    /* Grid real de productos (más columnas) */
    #vs-products{display:grid !important;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:18px;align-items:stretch;}
    #vs-products .col-serv{width:auto !important;float:none !important;padding:0 !important;margin:0 !important;display:block !important;}

    /* Card producto (alineada a sol-card del index) */
    .vs-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.07);transition:all 0.3s;display:flex;flex-direction:column;overflow:hidden;border:1px solid #eee;}
    .vs-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.1);}
    .vs-card-media{display:block;background:#f5f7fa;aspect-ratio:16/10;}
    .vs-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
    .vs-card-body{padding:14px 14px 10px 14px;display:flex;flex-direction:column;gap:8px;}
    .vs-meta{font-size:12px;color:#888;display:flex;justify-content:space-between;gap:10px;}
    .vs-sku{font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48%;}
    .vs-vsku{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52%;}
    .vs-title{font-size:14px;font-weight:600;color:#1a1a2e;margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;}
    .vs-price{margin-top:2px;}
    .vs-price .ok{background:#E8F2FD;color:#0078D4;padding:6px 10px;border-radius:15px;font-weight:600;display:inline-block;}
    .vs-price .ask{background:#fff3e0;color:#d17a00;padding:6px 10px;border-radius:15px;font-weight:600;display:inline-block;}

    .vs-classifiers-box{padding:0 14px 10px 14px;text-align:left;}
    .vs-chip{display:inline-block;margin:2px 4px 2px 0;padding:2px 8px;border:1px solid #e5e7eb;border-radius:12px;font-size:12px;background:#f9fafb;max-width:100%;white-space:normal;word-break:break-word;}

    .vs-card-cta{margin-top:auto;padding:12px 14px 14px 14px;}
    .vs-btn{display:block;background:#0078D4;color:#fff !important;text-align:center;padding:10px 12px;border-radius:8px;font-weight:600;text-decoration:none !important;transition:all 0.2s;}
    .vs-btn:hover{background:#005a9e;transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,120,212,0.25);}