:root {
        --iuv-primary: #252f69;
        --iuv-border: #e2e8f0;
        --iuv-bg-light: #f8fafc;
        --iuv-text-main: #0f172a;
        --iuv-text-muted: #64748b;
        --iuv-accent: #ef4444;
        --iuv-success: #10b981;
        --iuv-radius: 12px;
    }

    .iuv-list-component, .iuv-list-component * { box-sizing: border-box !important; }

    /* Layout Grids */
    .iuv-list-component .iuv-layout-wrapper.iuv-has-filters {
        display: grid !important;
        grid-template-columns: 280px 1fr !important;
        gap: 32px !important;
        align-items: start !important;
        font-family: system-ui, -apple-system, sans-serif !important;
        margin-bottom: 40px !important;
        width: 100% !important;
    }

    .iuv-list-component .iuv-layout-wrapper.iuv-no-filters {
        display: block !important;
        width: 100% !important;
        font-family: system-ui, -apple-system, sans-serif !important;
    }

    /* Sidebar Filters (Desktop) */
    .iuv-list-component .iuv-sidebar-pane {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid var(--iuv-border) !important;
        border-radius: var(--iuv-radius) !important;
        padding: 24px !important;
        position: sticky !important;
        top: 20px !important;
    }

    .iuv-sidebar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 20px !important;
        border-bottom: 1px solid var(--iuv-border) !important;
        padding-bottom: 12px !important;
    }

    .iuv-sidebar-header h3 { margin: 0 !important; font-size: 16px !important; font-weight: 700 !important; color: var(--iuv-text-main) !important; text-transform: uppercase !important; }
    .iuv-sidebar-close { display: none !important; background: none !important; border: none !important; font-size: 24px !important; cursor: pointer !important; color: var(--iuv-text-muted) !important; }
    .iuv-filter-group { margin-bottom: 18px !important; }
    .iuv-filter-group label { display: block !important; font-size: 11px !important; font-weight: 700 !important; color: var(--iuv-text-muted) !important; margin-bottom: 6px !important; text-transform: uppercase; }

    /* Inputs */
    .iuv-filter-group select, .iuv-controls-right select {
        width: 100% !important;
        min-height: 42px !important;
        padding: 8px 32px 8px 12px !important;
        border-radius: 8px !important;
        border: 1px solid var(--iuv-border) !important;
        background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E') no-repeat right 10px center / 16px !important;
        -webkit-appearance: none !important; appearance: none !important;
        font-size: 14px !important; color: var(--iuv-text-main) !important;
        cursor: pointer !important; transition: border-color 0.2s !important;
    }

    .iuv-filter-apply-btn { display: none !important; width: 100% !important; background: var(--iuv-primary) !important; color: #fff !important; border: none !important; padding: 12px !important; border-radius: 8px !important; font-weight: 600 !important; cursor: pointer !important; }

    /* Top Bar Header Area */
    .iuv-top-bar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 24px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid var(--iuv-border) !important;
        width: 100% !important;
    }

    .iuv-results-count { font-size: 14px !important; color: var(--iuv-text-muted) !important; font-weight: 500 !important; }
    .iuv-controls-right { display: flex !important; gap: 12px !important; align-items: center !important; }
    .iuv-controls-right select { min-width: 150px !important; width: auto !important; }

    .iuv-filter-mobile-trigger { display: none !important; }

    /* Cards Structure */
    .iuv-card-list { width: 100% !important; }
    .iuv-card {
        position: relative !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important;
        padding: 24px !important; border: 1px solid var(--iuv-border) !important; border-radius: var(--iuv-radius) !important; margin-bottom: 16px !important; background: #fff !important; width: 100% !important;
        transition: transform 0.2s, box-shadow 0.2s !important;
    }
    .iuv-card:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05) !important; }
    .iuv-card.hidden { display: none !important; }
    .iuv-card-logo { flex: 0 0 110px !important; width: 110px !important; }
    .iuv-card-logo img { max-width: 100% !important; height: auto !important; display: block !important; }
    .iuv-card-info { flex: 1 1 auto !important; }
    .iuv-card-title { margin: 0 0 6px 0 !important; font-size: 18px !important; font-weight: 700 !important; color: var(--iuv-text-main) !important; line-height: 1.3 !important; }
    .iuv-card-details { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; }
    .iuv-detail { font-size: 12px !important; color: var(--iuv-text-muted) !important; background: var(--iuv-bg-light) !important; padding: 4px 10px !important; border-radius: 6px !important; }
    .iuv-promotion { font-size: 13px !important; color: var(--iuv-accent) !important; margin: 8px 0 0 0 !important; font-weight: 600 !important; }

    /* Card Right Price Column */
    .iuv-price-section { flex: 0 0 170px !important; width: 170px !important; text-align: right !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; }
    .iuv-price-container { margin-bottom: 10px !important; width: 100% !important; }
    .iuv-price-offer { font-size: 24px !important; font-weight: 800 !important; color: var(--iuv-text-main) !important; }
    .iuv-price-before { font-size: 13px !important; color: var(--iuv-text-muted) !important; text-decoration: line-through !important; margin-right: 6px !important; display: inline-block !important; }
    .iuv-price-label { font-size: 13px !important; color: var(--iuv-text-muted) !important; }
    .iuv-cta-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; }

    /* Table Specific Prices CSS Fix */
    .iuv-table-price-main { display: inline-block !important; color: var(--iuv-text-main) !important; font-weight: 700 !important; font-size: 15px !important; }
    .iuv-table-price-before { display: inline-block !important; color: var(--iuv-text-muted) !important; text-decoration: line-through !important; font-size: 12px !important; margin-left: 6px !important; }

    /* Buttons */
    .iuv-button {
        display: block !important; width: 100% !important; background-color: var(--iuv-success) !important; color: #fff !important; padding: 12px 16px !important; border-radius: 8px !important;
        text-decoration: none !important; font-weight: 700 !important; font-size: 14px !important; text-align: center !important; border: none !important; cursor: pointer !important; white-space: nowrap !important;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2) !important;
    }
    .iuv-button:hover { background-color: #059669 !important; color: #fff !important; }
    .iuv-ad-label { display: block !important; color: var(--iuv-text-muted) !important; font-size: 9px !important; font-weight: 600 !important; margin-top: 5px !important; text-transform: uppercase; letter-spacing: 0.05em; text-align: center !important; }
    .iuv-badge { position: absolute !important; top: 12px !important; left: 12px !important; background-color: #fef3c7 !important; color: #d97706 !important; padding: 3px 8px !important; font-size: 10px !important; font-weight: 700 !important; border-radius: 4px !important; text-transform: uppercase; z-index: 2 !important; }

    .iuv-overlay { display: none !important; }

    /* RESPONSIVE DESIGN INTERFACE */
    @media (max-width: 1024px) {
        .iuv-list-component .iuv-layout-wrapper.iuv-has-filters { grid-template-columns: 1fr !important; gap: 0 !important; }

        .iuv-top-bar {
            display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 8px !important; border-bottom: 1px solid var(--iuv-border) !important; padding-bottom: 16px !important;
        }

        .iuv-results-count { display: none !important; }
        .iuv-controls-right { display: contents !important; }
        .iuv-controls-right select { width: 100% !important; min-width: 0 !important; }

        .iuv-filter-mobile-trigger {
            display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
            width: 100% !important; min-height: 42px !important; border: 1px solid var(--iuv-border) !important; border-radius: 8px !important;
            background: #fff !important; font-weight: 600 !important; font-size: 14px !important; cursor: pointer !important; color: var(--iuv-text-main) !important;
        }

        .iuv-list-component .iuv-sidebar-pane {
            position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: 300px !important; max-width: 85vw !important;
            z-index: 999999 !important; transform: translateX(-100%) !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
            box-shadow: 20px 0 40px rgba(0,0,0,0.15) !important; border: none !important; border-radius: 0 !important;
        }
        .iuv-list-component .iuv-sidebar-pane.is-open { transform: translateX(0) !important; }
        .iuv-sidebar-close, .iuv-filter-apply-btn { display: block !important; }

        .iuv-overlay {
            display: block !important; position: fixed !important; inset: 0 !important; background: rgba(15, 23, 42, 0.4) !important;
            z-index: 999998 !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.3s ease !important;
        }
        .iuv-overlay.is-open { opacity: 1 !important; pointer-events: auto !important; }
    }

    @media (max-width: 680px) {
        .iuv-card { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; padding: 20px !important; }
        .iuv-card-logo { width: 100px !important; flex: 0 0 auto !important; }
        .iuv-price-section { text-align: left !important; width: 100% !important; flex: 0 0 auto !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; border-top: 1px solid var(--iuv-border) !important; padding-top: 16px !important; }
        .iuv-price-container { margin-bottom: 0 !important; width: auto !important; }
        .iuv-cta-wrap { width: auto !important; min-width: 150px !important; }
    }

    /* Table System */
    .iuv-table-wrap { width: 100% !important; overflow-x: auto !important; margin: 20px 0 !important; border: 1px solid var(--iuv-border) !important; border-radius: var(--iuv-radius) !important; }
    .iuv-provider-table { width: 100% !important; border-collapse: collapse !important; background: #fff !important; min-width: 600px !important; }
    .iuv-provider-table th, .iuv-provider-table td { padding: 16px !important; text-align: left !important; font-size: 14px !important; border-bottom: 1px solid var(--iuv-border) !important; }
    .iuv-provider-table th { background: var(--iuv-bg-light) !important; font-weight: 700 !important; color: var(--iuv-text-main) !important; }
    .iuv-table-provider { display: flex !important; align-items: center !important; gap: 12px !important; }
    .iuv-table-provider img { max-width: 70px !important; height: auto !important; }
.iuv-filter-mobile-trigger[hidden] { display: none !important; }