.comparison-div {
    overflow-x: auto;
    margin: 24px 0;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: #1a1a1a;
    border-radius: 10px;
    overflow: hidden;
    font-size: 14px;
}

.comparison-table td img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
}

.comparison-table td span {
    font-weight: 700;
}

/* CTA button */
.comparison-table .table-button a { 
    display: inline-flex;
    align-items: center;
    gap: 6px;
    /* background: linear-gradient(135deg, #ff6d00, #e65100); */
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: 5px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: opacity 0.2s;
}

.comparison-table .table-button a:hover {
    opacity: 0.85;
}

.comparison-table .table-button a img {
    width: 12px;
    height: 12px;
    margin: 0;
    filter: brightness(0) invert(1);
}

/* Grid */
.aipv-grid {display: grid; gap: 20px; margin: 20px 0; }
.aipv-cols-3 { grid-template-columns: repeat(3, 1fr); }
.aipv-cols-2 { grid-template-columns: repeat(2, 1fr); }
.aipv-cols-1 { grid-template-columns: 1fr; }

@media (max-width: 768px) {
.aipv-cols-3,
.aipv-cols-2 { grid-template-columns: 1fr; }
}

/* Card */
.aipv-card {background: #1a1a1a; border: 1px solid #333; border-radius: 10px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }
.aipv-card:hover {transform: translateY(-3px); box-shadow: 0 8px 25px rgba(230, 81, 0, 0.3); }

/* GIF */
.aipv-gif-wrap {position: relative; }
.aipv-gif {width: 100%; height: 180px; object-fit: cover; display: block; }
.aipv-gif-badge {position: absolute; top: 8px; right: 8px; background: rgba(230, 81, 0, 0.9); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 3px; letter-spacing: 1px; }

/* Card Body */
.aipv-card-body {padding: 15px; }
.aipv-logo {max-height: 28px; max-width: 100px; object-fit: contain; margin-bottom: 8px; }
.aipv-title {color: #fff; font-size: 16px; margin: 0 0 6px; font-weight: 700; }
.aipv-rating {color: #ffd700; font-size: 14px; font-weight: 600; margin-bottom: 8px; }

/* Heat Mini */
.aipv-heat-mini {display: flex; gap: 10px; margin-bottom: 10px; }
.aipv-heat-mini span {background: #2a2a2a; color: #ffd700; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 20px; border: 1px solid #333; }

/* Description */
.aipv-desc {color: #aaa; font-size: 12px; line-height: 1.5; margin-bottom: 12px; }
/* CTA Buttons */
.aipv-cta-wrap {display: flex; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.aipv-btn {display: inline-block; padding: 9px 14px; border-radius: 5px; font-size: 12px; font-weight: 700; text-decoration: none !important; text-align: center; cursor: pointer; transition: opacity 0.2s; flex: 1; }
.aipv-btn:hover { opacity: 0.85; }
.aipv-btn-primary {background: linear-gradient(135deg, #ffd700, #ffd700); color: #fff !important; letter-spacing: 0.5px; }
.aipv-btn-secondary {background: transparent; color: #ffd700 !important; border: 1px solid #ffd700; }

/* Deal Link */
.aipv-deal-link {display: block; text-align: center; color: #ffd700 !important; font-size: 12px; text-decoration: none; margin-top: 5px; }
.aipv-deal-link:hover { text-decoration: underline; }

.aipv-heat-score {background: #1a1a1a; border: 1px solid #333; border-radius: 8px; padding: 20px; margin: 20px 0; }
.aipv-heat-score h4 {color: #ffd700; margin: 0 0 15px; font-size: 16px; }
.aipv-score-row {display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.aipv-score-label {color: #ccc; font-size: 13px; width: 90px; flex-shrink: 0; }
.aipv-bar-wrap {flex: 1; background: #2a2a2a; border-radius: 20px; height: 10px; overflow: hidden; }
.aipv-bar {height: 100%; background: linear-gradient(90deg, #ffd700, #ffd700); border-radius: 20px; transition: width 0.6s ease; }
.aipv-score-val {color: #ffd700; font-weight: 700; font-size: 13px; width: 40px; text-align: right; flex-shrink: 0; }

/* MAIN Video Section */
.aipv-main-media-video{width:100%;border-radius:18px;display:block;}
.aipv-main-media-image{width:100%;border-radius:18px;display:block;object-fit:cover;}
.aipv-header-user {
    position: relative;
    flex-shrink: 0;
}

/* Login button (logged out) */
.aipv-header-auth-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: linear-gradient(135deg, #C49808, #FFD755, #C49808);
    color: #000 !important;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 16px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s;
    font-family: inherit;
}
.aipv-header-auth-btn:hover { opacity: 0.85; }

/* Avatar button (logged in) */
.aipv-user-avatar-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C49808, #FFD755);
    border: 2px solid #C49808;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    transition: box-shadow 0.2s;
}
.aipv-user-avatar-btn:hover {
    box-shadow: 0 0 0 3px rgba(255, 215, 85, 0.3);
}
.aipv-user-initial {
    color: #000;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

/* Dropdown (logged in) */
.aipv-user-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background: #1a1501;
    border: 1px solid #85630f;
    border-radius: 12px;
    min-width: 180px;
    overflow: hidden;
    z-index: 9999;
    box-shadow: 0 8px 30px rgba(0,0,0,0.5);
}
.aipv-user-dropdown.open { display: block; }

.aipv-user-dropdown-name {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid #85630f44;
    color: #FFF4D9;
    font-size: 14px;
    font-weight: 600;
}
.aipv-ud-initial {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C49808, #FFD755);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: #000;
    flex-shrink: 0;
}

.aipv-logout-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    color: #ff6b6b !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s;
}
.aipv-logout-btn:hover {
    background: rgba(255, 107, 107, 0.1);
    text-decoration: none !important;
}





/******* SEARCH INPUT CSS BY DEV (STARTED) *******/
        /* ── Wrapper ── */
        body #aipv-search-wrapper { position: relative;width: 100%;max-width: 700px;margin: 0 auto;font-family: "Poppins", sans-serif;z-index: 9999;}
        /* ── Bar row ── */
        body .aipv-search-bar {display: flex;align-items: center;background: #1a1501;border: 1.5px solid #85630f;border-radius: 100px;padding: 6px 6px 6px 20px;gap: 0;transition: border-color 0.2s, box-shadow 0.2s;}
        body .aipv-search-bar:focus-within {border-color: #FFD755;box-shadow: 0 0 0 3px rgba(255,215,85,0.12);}
        /* ── Category ── */
        body .aipv-search-cat-wrap {position: relative;display: flex;align-items: center;flex-shrink: 0;}
        body .aipv-search-cat-select {appearance: none;-webkit-appearance: none;background: transparent;border: none;outline: none;color: #FFF4D9;font-family: "Poppins", sans-serif;
            font-size: 13px;font-weight: 500;padding: 6px 28px 6px 0;cursor: pointer;max-width: 160px;}
        body .aipv-search-cat-select option { background: #1a1501; color: #FFF4D9; }
        body .aipv-cat-chevron {position: absolute; right: 4px; top: 50%;transform: translateY(-50%);pointer-events: none; color: #CAB786;display: flex; align-items: center;}
        body .aipv-cat-chevron svg { width: 14px; height: 14px; }
        /* ── Divider ── */
        body .aipv-search-divider {width: 1px; height: 22px;background: #85630f;margin: 0 16px;flex-shrink: 0;}
        /* ── Input ── */
        body .aipv-search-input-inner {flex: 1;display: flex;align-items: center;gap: 10px;min-width: 0;}
        body .aipv-search-icon { color: #CAB786; display:flex; align-items:center; flex-shrink:0; }
        body .aipv-search-icon svg { width: 18px; height: 18px; }
        body .aipv-search-input {flex: 1; background: transparent; border: none; outline: none;color: #FFF4D9; font-family: "Poppins", sans-serif;font-size: 14px; min-width: 0;}
        body .aipv-search-input::placeholder { color: rgba(255,244,217,0.35); }
        /* ── Spinner ── */
        body .aipv-search-spinner { flex-shrink:0; color:#FFD755; display:none; align-items:center; }
        body .aipv-search-spinner svg { width:18px; height:18px; animation: aipvSpin 0.8s linear infinite; }
        @keyframes aipvSpin { to { transform: rotate(360deg); } }
        /* ── Clear ── */
        body .aipv-search-clear {background:none; border:none; cursor:pointer;color:rgba(255,244,217,0.4); display:flex; align-items:center;padding:2px; flex-shrink:0; transition:color 0.2s;}
        body .aipv-search-clear:hover { color:#FFF4D9; }
        body .aipv-search-clear svg { width:16px; height:16px; }
        /* ── Filter button (your existing .search-button) ── */
        body .aipv-filter-wrap {position: relative;flex-shrink: 0;margin: 0 6px;}
        body .search-button {position: relative;background: rgba(133,99,15,0.25);border: 1px solid #85630f;border-radius: 50%;width: 36px; height: 36px;display: flex; align-items: center; justify-content: center;cursor: pointer;transition: background 0.2s, border-color 0.2s;flex-shrink: 0;}
        body .search-button:hover,.search-button.aipv-filter-open { background: rgba(255,215,85,0.15); border-color: #FFD755; }
        body .search-button.aipv-filter-active { border-color: #FFD755; }
        body .search-button img { width: 16px; height: 16px; }
        /* Badge */
        body .aipv-filter-badge {position: absolute;top: -5px; right: -5px;background: #FFD755;color: #000;font-size: 10px;font-weight: 700;width: 17px; height: 17px;border-radius: 50%;display: flex; align-items: center; justify-content: center;line-height: 1;}
        /* ── Niche panel ── */
        body .aipv-niche-panel {position: absolute;top: calc(100% + 10px);right: 0;width: 300px;background: #1a1501;border: 1.5px solid #85630f;border-radius: 16px;
            overflow: hidden;box-shadow: 0 20px 50px rgba(0,0,0,0.65);z-index: 99999;}
        body .aipv-niche-panel-header {display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;border-bottom: 1px solid #85630f;}
        body .aipv-niche-panel-header span {color: #FFF4D9;font-size: 13px;font-weight: 600;}
        body .aipv-niche-clear-all {background: none;border: 1px solid rgba(255,215,85,0.3);color: #FFD755;font-size: 11px;font-family: "Poppins", sans-serif;padding: 3px 10px;border-radius: 100px;cursor: pointer;transition: background 0.2s;}
        body .aipv-niche-clear-all:hover { background: rgba(255,215,85,0.1); }
        /* List */
        body .aipv-niche-list {max-height: 280px;overflow-y: auto;padding: 8px;}
        body .aipv-niche-list::-webkit-scrollbar { width: 4px; }
        body .aipv-niche-list::-webkit-scrollbar-track { background: transparent; }
        body .aipv-niche-list::-webkit-scrollbar-thumb { background: #85630f; border-radius:4px; }
        /* Each niche item */
        body .aipv-niche-item {display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 10px;cursor: pointer;transition: background 0.15s;user-select: none;}
        body .aipv-niche-item:hover { background: rgba(133,99,15,0.25); }
        body .aipv-niche-item input[type="checkbox"] { display: none; }
        body .aipv-niche-label {flex: 1;color: rgba(255,244,217,0.75);font-size: 13px;font-weight: 400;transition: color 0.15s;}
        body .aipv-niche-item:hover .aipv-niche-label { color: #FFF4D9; }
        /* Custom checkbox visual */
        body .aipv-niche-check {width: 18px; height: 18px;border: 1.5px solid #85630f;border-radius: 5px;display: flex; align-items: center; justify-content: center;flex-shrink: 0;transition: background 0.15s, border-color 0.15s;}
        body .aipv-niche-check svg { width: 11px; height: 11px; color: #000; opacity: 0; transition: opacity 0.15s; }
        /* Checked state */
        body .aipv-niche-item:has(input:checked) .aipv-niche-check {background: #FFD755;border-color: #FFD755;}
        body .aipv-niche-item:has(input:checked) .aipv-niche-check svg { opacity: 1; }
        body .aipv-niche-item:has(input:checked) .aipv-niche-label { color: #FFD755; font-weight: 600; }
        /* Panel footer */
        body .aipv-niche-panel-footer {padding: 10px 16px;border-top: 1px solid #85630f;}
        body .aipv-niche-apply {width: 100%;background-image: linear-gradient(45deg, #C49808, #FFD755, #C49808);color: #000;border: none;border-radius: 100px;padding: 9px 0;font-family: "Poppins", sans-serif;font-size: 13px;font-weight: 700;cursor: pointer;transition: opacity 0.2s;text-transform: uppercase;letter-spacing: 0.3px;}
        body .aipv-niche-apply:hover { opacity: 0.88; }
        body .aipv-niche-empty {color: rgba(255,244,217,0.35);font-size: 13px;padding: 16px;text-align: center;margin: 0;}
        /* ── Active niche pills (below bar) ── */
        body .aipv-active-niches {display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px;padding: 0 4px;}
        body .aipv-active-pill {display: inline-flex;align-items: center;gap: 6px;background: rgba(255,215,85,0.12);border: 1px solid rgba(255,215,85,0.35);color: #FFD755;    font-size: 12px;font-weight: 500;padding: 4px 10px 4px 12px;border-radius: 100px;}
        body .aipv-active-pill button {background: none;border: none;color: rgba(255,215,85,0.6);cursor: pointer;font-size: 11px;padding: 0;line-height: 1;transition: color 0.15s;}
        body .aipv-active-pill button:hover { color: #FFD755; }
        /* ── Submit button ── */
        body .aipv-search-submit {background-image: linear-gradient(45deg, #C49808, #FFD755, #C49808);color: #000;border: none;border-radius: 100px;padding: 10px 26px;   font-family: "Poppins", sans-serif;font-size: 14px;font-weight: 700;cursor: pointer;flex-shrink: 0;transition: opacity 0.2s, transform 0.15s;white-space: nowrap;text-transform: uppercase;letter-spacing: 0.3px;}
        body .aipv-search-submit:hover  { opacity: 0.9; transform: scale(1.02); }
        body .aipv-search-submit:active { transform: scale(0.98); }
        /* ── Results dropdown ── */
        body .aipv-search-dropdown {position: absolute;top: calc(100% + 10px);left: 0; right: 0;background: #1a1501;border: 1.5px solid #85630f;border-radius: 20px;            overflow: hidden;box-shadow: 0 20px 60px rgba(0,0,0,0.65);z-index: 99998;animation: aipvDropIn 0.2s ease;}
        @keyframes aipvDropIn {
            from { opacity:0; transform:translateY(-6px); }
            to   { opacity:1; transform:translateY(0); }
        }
        body .aipv-search-results {padding: 10px;display: flex;flex-direction: column;gap: 8px;max-height: 420px;overflow-y: auto;}
        body .aipv-search-results::-webkit-scrollbar { width:4px; }
        body .aipv-search-results::-webkit-scrollbar-thumb { background:#85630f; border-radius:4px; }
        /* ── Result card ── */
        body .aipv-sr-card {display: flex; align-items: center; gap: 12px;background: #2d2301; border: 1px solid #85630f;border-radius: 14px; padding: 10px 12px 10px 10px;
            transition: border-color 0.2s, background 0.2s;text-decoration: none;}
        body .aipv-sr-card:hover { border-color: #FFD755; background: #322401; }
        body .aipv-sr-thumb {flex-shrink: 0; width: 62px; height: 62px;border-radius: 10px; overflow: hidden;background: #1a1501; display: flex; align-items:center; justify-content:center;}
        body .aipv-sr-thumb img, .aipv-sr-thumb video {width:100%; height:100%; object-fit:cover;}
        body .aipv-sr-thumb-letter { font-size:26px; font-weight:800; color:#deb42a; }
        body .aipv-sr-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
        body .aipv-sr-title {color:#FFF4D9; font-size:14px; font-weight:600;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-decoration:none; display:block; transition:color 0.2s;
        }
        body .aipv-sr-card:hover .aipv-sr-title { color:#FFD755; }
        body .aipv-sr-desc {color:rgba(255,244,217,0.45); font-size:12px; font-weight:300;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
        body .aipv-sr-meta { display:flex; align-items:center; gap:8px; margin-top:2px; }
        body .aipv-sr-rating {display:flex; align-items:center; gap:4px;background:#1a1501; border:1px solid #85630f6b;border-radius:100px; padding:2px 8px;}
        body .aipv-sr-rating img { width:11px; height:11px; }
        body .aipv-sr-rating span { color:#FFF4D9; font-size:11px; font-weight:600; }
        body .aipv-sr-cat { color:rgba(255,244,217,0.4); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        body .aipv-sr-cta { flex-shrink:0; }
        body .aipv-sr-cta a {display:inline-flex; align-items:center; gap:5px;background-image: linear-gradient(45deg,#C49808,#FFD755,#C49808);color:#000; font-family:"Poppins",sans-serif;font-size:11px; font-weight:700; padding:7px 14px;border-radius:100px; text-decoration:none;white-space:nowrap; text-transform:uppercase; letter-spacing:0.3px;transition:opacity 0.2s, transform 0.15s;}
        body .aipv-sr-cta a:hover { opacity:0.88; transform:scale(1.03); text-decoration:none; }
        body .aipv-sr-cta a img { width:9px; height:9px; }
        body .aipv-sr-no-results {padding:30px 20px; text-align:center;color:rgba(255,244,217,0.35); font-size:14px;display:flex; flex-direction:column; align-items:center; gap:8px;}
        body .aipv-sr-no-results span { font-size:28px; }
        /* ── Footer ── */
        body .aipv-search-footer {display:flex; align-items:center; justify-content:space-between;padding:10px 16px; border-top:1px solid #85630f; background:#2d2301;}
        body .aipv-results-count { color:rgba(255,244,217,0.4); font-size:12px; }
        body .aipv-view-all {display:inline-flex; align-items:center; gap:6px;color:#FFD755; font-size:12px; font-weight:600;text-decoration:none; transition:gap 0.2s;}
        body .aipv-view-all:hover { gap:10px; color:#FFD755; text-decoration:none; }
        body .aipv-view-all svg { width:14px; height:14px; }
        /* ── Responsive ── */
        @media (max-width: 600px) {
            body .aipv-search-bar { border-radius:16px; padding:8px 8px 8px 14px; }
            body .aipv-search-cat-select { max-width:90px; font-size:12px; }
            body .aipv-search-divider { margin:0 8px; }
            body .aipv-search-submit { padding:9px 14px; font-size:12px; }
            body .aipv-sr-thumb { width:50px; height:50px; }
            body .aipv-search-dropdown { border-radius:14px; }
            body .aipv-niche-panel { width:260px; right:-10px; }
        }
        @media (max-width: 400px) {
            body .aipv-search-cat-wrap, .aipv-search-divider { display:none; }
        }

/******* SEARCH INPUT CSS BY DEV (ENDED) *******/