/*
 * AI SaaS Review Theme - Main Stylesheet
 * Version: 1.0.0
 */

/* ============================================================
   CSS Variables
   ============================================================ */
:root {
    /* Colors - Professional Blue + Clean */
    --aisaas-primary: #1a56db;
    --aisaas-primary-dark: #1244b0;
    --aisaas-primary-light: #e8f0fe;
    --aisaas-secondary: #0e9f6e;
    --aisaas-secondary-dark: #057a55;
    --aisaas-accent: #ff6b35;

    /* CTA */
    --aisaas-cta: #059669;
    --aisaas-cta-hover: #047857;
    --aisaas-cta-secondary: #1a56db;
    --aisaas-cta-secondary-hover: #1244b0;

    /* Backgrounds */
    --aisaas-bg: #ffffff;
    --aisaas-bg-secondary: #f8fafc;
    --aisaas-bg-tertiary: #f1f5f9;
    --aisaas-bg-dark: #1e293b;

    /* Text */
    --aisaas-text: #1e293b;
    --aisaas-text-secondary: #64748b;
    --aisaas-text-muted: #94a3b8;
    --aisaas-text-light: #ffffff;

    /* Borders */
    --aisaas-border: #e2e8f0;
    --aisaas-border-light: #f1f5f9;

    /* Rating */
    --aisaas-star: #f59e0b;
    --aisaas-star-empty: #d1d5db;

    /* Tags/Labels */
    --aisaas-tag-green-bg: #ecfdf5;
    --aisaas-tag-green-text: #059669;
    --aisaas-tag-blue-bg: #eff6ff;
    --aisaas-tag-blue-text: #2563eb;
    --aisaas-tag-orange-bg: #fff7ed;
    --aisaas-tag-orange-text: #ea580c;
    --aisaas-tag-red-bg: #fef2f2;
    --aisaas-tag-red-text: #dc2626;
    --aisaas-tag-purple-bg: #f5f3ff;
    --aisaas-tag-purple-text: #7c3aed;

    /* Spacing */
    --aisaas-space-xs: 0.25rem;
    --aisaas-space-sm: 0.5rem;
    --aisaas-space-md: 1rem;
    --aisaas-space-lg: 1.5rem;
    --aisaas-space-xl: 2rem;
    --aisaas-space-2xl: 3rem;
    --aisaas-space-3xl: 4rem;

    /* Radius */
    --aisaas-radius-sm: 4px;
    --aisaas-radius-md: 8px;
    --aisaas-radius-lg: 12px;
    --aisaas-radius-xl: 16px;

    /* Shadows */
    --aisaas-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --aisaas-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --aisaas-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
    --aisaas-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);

    /* Typography */
    --aisaas-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --aisaas-font-mono: 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;

    /* Layout */
    --aisaas-container: 1200px;
    --aisaas-header-height: 72px;

    /* 閳光偓閳光偓 Component System 閳光偓閳光偓 */
    --aisaas-card-radius: 8px;
    --aisaas-card-border: #e2e8f0;
    --aisaas-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    --aisaas-card-hover-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);

    /* 閳光偓閳光偓 Badge Color System (multi-color, not all blue) 閳光偓閳光偓 */
    --aisaas-badge-rating-bg: #eff6ff;
    --aisaas-badge-rating-text: #2563eb;
    --aisaas-badge-rating-border: #bfdbfe;
    --aisaas-badge-deal-bg: #fff7ed;
    --aisaas-badge-deal-text: #ea580c;
    --aisaas-badge-deal-border: #fed7aa;
    --aisaas-badge-free-bg: #ecfdf5;
    --aisaas-badge-free-text: #059669;
    --aisaas-badge-free-border: #a7f3d0;
    --aisaas-badge-cta-bg: #ecfdf5;
    --aisaas-badge-cta-text: #059669;
    --aisaas-badge-sponsored-bg: #fef3c7;
    --aisaas-badge-sponsored-text: #92400e;
    --aisaas-badge-sponsored-border: #fde68a;
    --aisaas-badge-new-bg: #f5f3ff;
    --aisaas-badge-new-text: #7c3aed;
    --aisaas-badge-new-border: #c4b5fd;

    --aisaas-logo-size-sm: 40px;
    --aisaas-logo-size-md: 48px;
    --aisaas-logo-size-lg: 64px;

    --aisaas-btn-height-sm: 36px;
    --aisaas-btn-height-md: 42px;

    --aisaas-logo-fallback-bg: var(--aisaas-bg-tertiary);
    --aisaas-logo-fallback-color: var(--aisaas-primary);
    --aisaas-logo-fallback-radius: 8px;
}

/* ============================================================
   Reset & Base
   ============================================================ */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    font-family: var(--aisaas-font);
    color: var(--aisaas-text);
    background: var(--aisaas-bg);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: var(--aisaas-primary);
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    color: var(--aisaas-primary-dark);
}

ul, ol {
    list-style: none;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

/* ============================================================
   Typography
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.3;
    color: var(--aisaas-text);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: var(--aisaas-space-md);
}

/* ============================================================
   Layout
   ============================================================ */
.aisaas-container {
    max-width: var(--aisaas-container);
    margin: 0 auto;
    padding: 0 var(--aisaas-space-lg);
}

.aisaas-grid {
    display: grid;
    gap: var(--aisaas-space-lg);
}

.aisaas-grid--2 { grid-template-columns: repeat(2, 1fr); }
.aisaas-grid--3 { grid-template-columns: repeat(3, 1fr); }
.aisaas-grid--4 { grid-template-columns: repeat(4, 1fr); }

.aisaas-flex {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
}

.aisaas-flex--between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aisaas-flex--wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm);
}

/* ============================================================
   Header
   ============================================================ */
/* Header & Navigation 閳?now handled by pc-nav.css (>768px) and mobile-nav.css (閳?68px) */
/* Only keep fallback styles that both systems might need */

/* Mobile menu toggle (legacy 閳?mobile-nav handles its own toggle) */
.aisaas-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    color: var(--aisaas-text);
}

.aisaas-menu-toggle svg {
    width: 24px;
    height: 24px;
}

/* ============================================================
   Hero / Search Section - Search-first Discovery
   ============================================================ */
.aisaas-hero {
    background: #f8fbff;
    padding: 48px 0 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Subtle background: faint grid + radial light */
.aisaas-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        radial-gradient(circle at 15% 20%, rgba(26, 86, 219, 0.06) 0%, transparent 40%),
        radial-gradient(circle at 85% 80%, rgba(14, 159, 110, 0.05) 0%, transparent 40%),
        linear-gradient(rgba(226, 232, 240, 0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(226, 232, 240, 0.3) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px;
}

.aisaas-hero .aisaas-container {
    position: relative;
    z-index: 1;
}

/* Trust badge */
.aisaas-hero__trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: var(--aisaas-primary);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.aisaas-hero__trust-badge svg {
    color: var(--aisaas-cta);
}

/* Title */
.aisaas-hero__title,
.aisaas-hero--discovery .aisaas-hero__title {
    font-size: clamp(2rem, 4.5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 0 0 12px;
    position: relative;
    z-index: 1;
}

/* Subtitle */
.aisaas-hero__subtitle,
.aisaas-hero--discovery .aisaas-hero__subtitle {
    font-size: 1.0625rem;
    color: var(--aisaas-text-secondary);
    margin: 0 auto 28px;
    max-width: 600px;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}

/* Search wrapper */
.aisaas-hero__search-wrapper {
    position: relative;
    z-index: 50;
    max-width: 800px;
    margin: 0 auto 20px;
}

.aisaas-hero--discovery .aisaas-search {
    margin-bottom: 0;
}

.aisaas-hero--discovery .aisaas-search__input {
    height: 60px;
    padding: 0 80px 0 58px;
    font-size: 1.0625rem;
    font-weight: 500;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 12px 40px rgba(15, 23, 42, 0.08),
        0 2px 6px rgba(15, 23, 42, 0.04);
    transition: all 0.2s ease;
}

.aisaas-hero--discovery .aisaas-search__input::placeholder {
    color: #94a3b8;
}

.aisaas-hero--discovery .aisaas-search__input:focus {
    border-color: #2563eb;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, 0.1),
        0 12px 40px rgba(15, 23, 42, 0.1);
    outline: none;
}

.aisaas-hero--discovery .aisaas-search__icon {
    left: 20px;
}

.aisaas-hero--discovery .aisaas-search__icon svg {
    width: 22px;
    height: 22px;
}

/* Ctrl K hint */
.aisaas-hero__search-kbd {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    padding: 3px 8px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    font-family: var(--aisaas-font-mono);
    pointer-events: none;
    z-index: 2;
}

/* Popular quick links */
.aisaas-hero__quick-links,
.aisaas-hero__quick-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.aisaas-hero__quick-label {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 700;
    margin-right: 2px;
}

.aisaas-hero__pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    color: var(--aisaas-primary);
    text-decoration: none;
    transition: all 0.15s;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
}

.aisaas-hero__pill:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 86, 219, 0.12);
}

.aisaas-hero__pill--free {
    background: rgba(5, 150, 105, 0.08);
    border-color: rgba(5, 150, 105, 0.2);
    color: #059669;
}

.aisaas-hero__pill--free:hover {
    background: rgba(5, 150, 105, 0.12);
    border-color: rgba(5, 150, 105, 0.3);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.12);
}

/* CTA buttons */
.aisaas-hero__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 28px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.aisaas-btn--lg {
    padding: 13px 28px;
    font-size: 0.9375rem;
    font-weight: 700;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    text-decoration: none;
    cursor: pointer;
}

.aisaas-btn--primary {
    background: var(--aisaas-primary);
    color: #fff;
    border: none;
}

.aisaas-btn--primary:hover {
    background: var(--aisaas-primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(26, 86, 219, 0.25);
}

.aisaas-btn--outline {
    background: #fff;
    color: var(--aisaas-text);
    border: 1px solid var(--aisaas-border);
}

.aisaas-btn--outline:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

/* Trust stats bar */
.aisaas-hero__stats-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: 14px 28px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    backdrop-filter: blur(12px);
    margin: 0 auto;
    max-width: 720px;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.03);
    position: relative;
    z-index: 1;
}

.aisaas-hero__stat {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
}

.aisaas-hero__stat-icon {
    color: var(--aisaas-primary);
    opacity: 0.6;
    flex-shrink: 0;
}

.aisaas-hero__stat-num {
    font-size: 1.0625rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    letter-spacing: -0.02em;
}

.aisaas-hero__stat-label {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    font-weight: 600;
}

.aisaas-hero__stat-label--updated {
    font-weight: 700;
    color: var(--aisaas-cta);
}

.aisaas-hero__stat-sep,
.aisaas-hero__stat-divider {
    width: 1px;
    height: 24px;
    background: var(--aisaas-border);
    flex-shrink: 0;
}

.aisaas-hero__stat-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--aisaas-primary-light);
    border-radius: var(--aisaas-radius-sm);
    color: var(--aisaas-primary);
}

.aisaas-hero__stat-badge svg {
    width: 14px;
    height: 14px;
}

/* Legacy gradient text (kept for backward compat) */
.aisaas-hero__title span,
.aisaas-hero__gradient-text {
    background: linear-gradient(135deg, var(--aisaas-primary), var(--aisaas-secondary), var(--aisaas-primary));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: aisaas-gradient-shift 6s ease-in-out infinite;
}

@keyframes aisaas-gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* Legacy section compact */
.aisaas-section--compact {
    padding: var(--aisaas-space-md) 0;
}



/* Quick Entry Buttons */
.aisaas-quick-entries {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-quick-entry {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-quick-entry svg {
    flex-shrink: 0;
    opacity: 0.7;
}

.aisaas-quick-entry:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    transform: translateY(-1px);
    box-shadow: var(--aisaas-shadow-sm);
}

.aisaas-quick-entry--primary {
    background: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
    color: var(--aisaas-text-light);
}

.aisaas-quick-entry--primary svg {
    opacity: 0.9;
    color: var(--aisaas-text-light);
}

.aisaas-quick-entry--primary:hover {
    background: var(--aisaas-primary-dark);
    border-color: var(--aisaas-primary-dark);
    color: var(--aisaas-text-light);
}

/* Search Box */
.aisaas-search {
    position: relative;
    max-width: 640px;
    margin: 0 auto var(--aisaas-space-xl);
}

.aisaas-search__input {
    width: 100%;
    padding: 16px 20px 16px 52px;
    border: 2px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    font-size: 1rem;
    background: var(--aisaas-bg);
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}

.aisaas-search__input:focus {
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);
}

.aisaas-search__input::placeholder {
    color: var(--aisaas-text-muted);
}

.aisaas-search__icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--aisaas-text-muted);
    pointer-events: none;
}

.aisaas-search__icon svg {
    width: 20px;
    height: 20px;
}

/* Search Results Dropdown */
.aisaas-search__results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    box-shadow: var(--aisaas-shadow-lg);
    margin-top: 4px;
    max-height: 400px;
    overflow-y: auto;
    display: none;
    z-index: 9999;
}

.aisaas-search__results.is-active {
    display: block;
    z-index: 99999;
}

.aisaas-search__result-item {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-md);
    border-bottom: 1px solid var(--aisaas-border-light);
    transition: background 0.15s;
}

.aisaas-search__result-item:hover {
    background: var(--aisaas-bg-secondary);
}

.aisaas-search__result-item:last-child {
    border-bottom: none;
}

.aisaas-search__result-logo {
    width: 40px;
    height: 40px;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    flex-shrink: 0;
}

.aisaas-search__result-info h4 {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0;
}

.aisaas-search__result-info p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 2px 0 0;
}

/* Trust Signals */
.aisaas-trust-signals {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-trust-signals svg {
    vertical-align: middle;
    color: var(--aisaas-secondary, #0e9f6e);
}

.aisaas-trust-divider {
    opacity: 0.3;
}

/* Category Pills */
.aisaas-category-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-category-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: 100px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    transition: all 0.2s;
    text-decoration: none;
}

.aisaas-category-pill:hover {
    background: var(--aisaas-primary-light);
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

.aisaas-category-pill svg {
    width: 16px;
    height: 16px;
}

/* Brand Wall 閳?social proof */
.aisaas-brand-wall {
    margin-top: var(--aisaas-space-2xl);
    padding: var(--aisaas-space-xl) 0 var(--aisaas-space-2xl);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.aisaas-brand-wall__label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--aisaas-text-muted);
    text-align: center;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-brand-wall__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--aisaas-space-lg) var(--aisaas-space-xl);
}

.aisaas-brand-wall__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--aisaas-text-secondary);
    transition: all 0.25s;
    opacity: 0.55;
    filter: grayscale(0.6);
}

.aisaas-brand-wall__item:hover {
    opacity: 1;
    filter: grayscale(0);
    color: var(--aisaas-text);
    transform: translateY(-2px);
}

.aisaas-brand-wall__item--fallback {
    cursor: default;
}

.aisaas-brand-wall__logo {
    border-radius: 6px;
}

.aisaas-brand-wall__name {
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

/* Newsletter + Trending Grid */
.aisaas-section--newsletter-trending {
    background: linear-gradient(135deg, #f8faff 0%, #f0faf6 100%);
}

.aisaas-nl-trend-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-2xl);
    align-items: start;
}

/* Newsletter */
.aisaas-newsletter {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    padding: var(--aisaas-space-xl);
    position: relative;
    overflow: hidden;
}

.aisaas-newsletter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--aisaas-primary), var(--aisaas-secondary));
}

.aisaas-newsletter__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-newsletter__title {
    font-size: 1.25rem;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-newsletter__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-newsletter__form {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-newsletter__input {
    flex: 1;
    height: var(--aisaas-btn-height-md);
    padding: 0 var(--aisaas-space-md);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    transition: border-color 0.2s;
}

.aisaas-newsletter__input:focus {
    outline: none;
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);
}

.aisaas-newsletter__btn {
    white-space: nowrap;
    flex-shrink: 0;
}

.aisaas-newsletter__note {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin: 0;
}

.aisaas-newsletter__success {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
    border-radius: var(--aisaas-radius-md);
    font-weight: 600;
    font-size: 0.9375rem;
}

/* Newsletter Shortcode Widget */
.aisaas-nl-widget {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    padding: var(--aisaas-space-xl);
}

.aisaas-nl-widget__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--aisaas-text-primary);
    margin: 0 0 var(--aisaas-space-sm);
}

.aisaas-nl-widget__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin: 0 0 var(--aisaas-space-md);
}

.aisaas-nl-widget__form {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
}

.aisaas-nl-widget__input {
    padding: 0.75rem 1rem;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    background: var(--aisaas-bg);
    color: var(--aisaas-text-primary);
    transition: border-color 0.2s;
}

.aisaas-nl-widget__input:focus {
    outline: none;
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.15);
}

.aisaas-nl-widget__btn {
    white-space: nowrap;
}

.aisaas-nl-widget__note {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin: var(--aisaas-space-xs) 0 0;
}

.aisaas-nl-widget__success {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
    border-radius: var(--aisaas-radius-md);
    font-weight: 600;
    font-size: 0.9375rem;
}

@media (min-width: 480px) {
    .aisaas-nl-widget__form {
        flex-direction: row;
    }
    .aisaas-nl-widget__input {
        flex: 1;
    }
}

[data-theme="dark"] .aisaas-nl-widget {
    background: var(--aisaas-bg-secondary);
}

/* Trending */
.aisaas-trending {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    padding: var(--aisaas-space-xl);
}

.aisaas-trending__title {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    font-size: 1.25rem;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-trending__title svg {
    color: var(--aisaas-secondary);
    flex-shrink: 0;
}

.aisaas-trending__tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-trending__tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: 100px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-trending__tag:hover {
    background: var(--aisaas-primary-light);
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    transform: translateY(-1px);
}

.aisaas-trending__more {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.aisaas-trending__more:hover {
    color: var(--aisaas-primary-dark);
}

/* Responsive: stack newsletter + trending on mobile */
@media (max-width: 768px) {
    .aisaas-nl-trend-grid {
        grid-template-columns: 1fr;
        gap: var(--aisaas-space-lg);
    }
    .aisaas-brand-wall__logos {
        gap: var(--aisaas-space-md) var(--aisaas-space-lg);
    }
    .aisaas-brand-wall__name {
        display: none;
    }
    .aisaas-hero__orb--3 {
        display: none;
    }
}

@media (max-width: 480px) {
    .aisaas-newsletter__form {
        flex-direction: column;
    }
    .aisaas-newsletter__btn {
        width: 100%;
    }
}

/* ============================================================
   Section Headings
   ============================================================ */
.aisaas-section {
    padding: var(--aisaas-space-2xl) 0;
}

.aisaas-section--gray {
    background: var(--aisaas-bg-secondary);
}

.aisaas-section--featured {
    background: linear-gradient(180deg, #f0f7ff 0%, #f8fafc 50%, #ffffff 100%);
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.aisaas-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-section__title {
    font-size: 1.75rem;
    font-weight: 700;
}

.aisaas-section__link {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    display: flex;
    align-items: center;
    gap: 4px;
}

.aisaas-section__link:hover {
    gap: 8px;
}

.aisaas-category__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin: 4px 0 0;
}

/* ============================================================
   Tool Card 閳?Enhanced Information-Density Version
   ============================================================ */
.aisaas-tool-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md) var(--aisaas-space-sm);
    min-height: 240px;
    max-height: 300px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
}

.aisaas-tool-card:hover {
    box-shadow: var(--aisaas-card-hover-shadow);
    border-color: #cbd5e1;
}

.aisaas-tool-card.is-hidden {
    opacity: 0;
    pointer-events: none;
}

/* 閳光偓閳光偓 Enhanced card specific 閳光偓閳光偓 */
.aisaas-tool-card--enhanced {
    gap: 5px;
}

.aisaas-tool-card__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-tool-card__logo {
    width: 44px;
    height: 44px;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 4px;
    flex-shrink: 0;
}

.aisaas-tool-card__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--aisaas-radius-sm);
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-primary);
    font-weight: 800;
    font-size: 0.8125rem;
    flex-shrink: 0;
}

.aisaas-tool-card__info {
    flex: 1;
    min-width: 0;
}

.aisaas-tool-card__name {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--aisaas-text);
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisaas-tool-card__name:hover {
    color: var(--aisaas-primary);
}

/* 閳光偓閳光偓 Meta line: category + pricing 閳光偓閳光偓 */
.aisaas-tool-card__meta-line {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.4;
}

.aisaas-tool-card__cat-link {
    color: var(--aisaas-text-secondary);
    text-decoration: none;
}

.aisaas-tool-card__cat-link:hover {
    color: var(--aisaas-primary);
}

.aisaas-tool-card__pricing-inline {
    color: var(--aisaas-text-muted);
    font-size: 0.6875rem;
}

/* 閳光偓閳光偓 Rating badge (right side) 閳光偓閳光偓 */
.aisaas-tool-card__rating-badge {
    flex-shrink: 0;
    display: flex;
    align-items: baseline;
    gap: 1px;
}

.aisaas-tool-card__rating-badge .aisaas-tool-card__rating-num {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #2563eb;
}

.aisaas-tool-card__rating-label {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
}

/* 閳光偓閳光偓 Old legacy selectors (keep for compatibility) 閳光偓閳光偓 */
.aisaas-tool-card__category {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-tool-card__category a {
    color: var(--aisaas-text-secondary);
    text-decoration: none;
}

.aisaas-tool-card__category a:hover {
    color: var(--aisaas-primary);
}

.aisaas-tool-card__meta-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}

.aisaas-tool-card__pricing {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
}

/* 閳光偓閳光偓 Tagline 閳光偓閳光偓 */
.aisaas-tool-card__tagline {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 閳光偓閳光偓 Tags 閳光偓閳光偓 */
.aisaas-tool-card__tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.aisaas-tag {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.aisaas-tag svg {
    vertical-align: middle;
}

.aisaas-tag--green {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.aisaas-tag--blue {
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

.aisaas-tag--red {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.aisaas-tag--orange {
    background: #fff7ed;
    color: #9a3412;
    border: 1px solid #fed7aa;
}

.aisaas-tag--gold {
    background: #fefce8;
    color: #854d0e;
    border: 1px solid #fde68a;
}

/* 閳光偓閳光偓 Core Highlights 閳光偓閳光偓 */
.aisaas-tool-card__highlights {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.aisaas-tool-card__highlight {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.4;
}

.aisaas-tool-card__highlight-icon {
    color: #059669;
    font-weight: 700;
    flex-shrink: 0;
    line-height: 1.4;
}

.aisaas-tool-card__highlight-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 閳光偓閳光偓 CTA Actions (pinned to bottom) 閳光偓閳光偓 */
.aisaas-tool-card__actions {
    display: flex;
    gap: 4px;
    margin-top: auto;
    padding-top: var(--aisaas-space-sm);
    border-top: 1px solid var(--aisaas-border-light);
    align-items: center;
}

/* ============================================================
   Discovery Zone (Archive Page)
   ============================================================ */
.aisaas-discovery-zone {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-lg);
}

/* 閳光偓閳光偓 Recently Viewed 閳光偓閳光偓 */
.aisaas-recently-viewed {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
}

.aisaas-recently-viewed__label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}

.aisaas-recently-viewed__items {
    display: flex;
    gap: 8px;
    overflow-x: auto;
}

.aisaas-recently-viewed__item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: var(--aisaas-bg);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-text);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s;
}

.aisaas-recently-viewed__item:hover {
    background: var(--aisaas-primary-light);
}

/* 閳光偓閳光偓 Featured Strip 閳光偓閳光偓 */
.aisaas-featured-strip {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: linear-gradient(135deg, #fefce8 0%, #fff7ed 100%);
    border: 1px solid #fde68a;
    border-radius: var(--aisaas-radius-md);
}

.aisaas-featured-strip__label {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #854d0e;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}

.aisaas-featured-strip__items {
    display: flex;
    gap: var(--aisaas-space-sm);
    overflow-x: auto;
}

.aisaas-featured-strip__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    background: var(--aisaas-bg);
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.8125rem;
    color: var(--aisaas-text);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s;
}

.aisaas-featured-strip__item:hover {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.aisaas-featured-strip__logo {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    object-fit: contain;
    flex-shrink: 0;
}

.aisaas-featured-strip__name {
    font-weight: 600;
}

.aisaas-featured-strip__rating {
    font-size: 0.6875rem;
    color: #b45309;
    font-weight: 700;
}

.aisaas-featured-strip__tagline {
    font-size: 0.6875rem;
    color: var(--aisaas-text-secondary);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============================================================
   Filter Pills (Archive Page)
   ============================================================ */
.aisaas-filter-pills {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 16px;
    border: 1px solid var(--aisaas-border);
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg);
    cursor: pointer;
    transition: all 0.2s;
}

.aisaas-filter-pill:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
}

.aisaas-filter-pill.is-active {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    box-shadow: 0 1px 4px rgba(79,70,229,0.15);
}

.aisaas-filter-pill--green.is-active {
    border-color: #065f46;
    color: #065f46;
    background: #ecfdf5;
}

.aisaas-filter-pill--blue.is-active {
    border-color: #1e40af;
    color: #1e40af;
    background: #eff6ff;
}

.aisaas-filter-pill--red.is-active {
    border-color: #991b1b;
    color: #991b1b;
    background: #fef2f2;
}

.aisaas-filter-pill--gold.is-active {
    border-color: #854d0e;
    color: #854d0e;
    background: #fefce8;
}

.aisaas-filter-pill--purple.is-active {
    border-color: #6b21a8;
    color: #6b21a8;
    background: #faf5ff;
}

/* ============================================================
   Sort Tabs (Archive Page)
   ============================================================ */
.aisaas-sort-tabs {
    display: flex;
    gap: 2px;
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-sm);
    padding: 3px;
}

.aisaas-sort-tab {
    padding: 5px 14px;
    border: none;
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    background: transparent;
    cursor: pointer;
    transition: all 0.15s;
}

.aisaas-sort-tab:hover {
    color: var(--aisaas-text);
    background: var(--aisaas-bg);
}

.aisaas-sort-tab.is-active {
    color: var(--aisaas-primary);
    background: var(--aisaas-bg);
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* ============================================================
   Recommended Categories (Archive Bottom)
   ============================================================ */
.aisaas-recommended-categories {
    margin-top: var(--aisaas-space-2xl);
    padding-top: var(--aisaas-space-xl);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-recommended-categories__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-recommended-categories__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--aisaas-space-sm);
}

.aisaas-recommended-categories__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-recommended-categories__card:hover {
    background: var(--aisaas-primary-light);
    transform: translateY(-2px);
}

.aisaas-recommended-categories__icon {
    font-size: 1.5rem;
}

.aisaas-recommended-categories__name {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-recommended-categories__count {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
}

/* ============================================================
   Archive FAQ
   ============================================================ */
.aisaas-archive-faq {
    margin-top: var(--aisaas-space-xl);
    padding-top: var(--aisaas-space-lg);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-archive-faq__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-archive-faq__items {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
}

.aisaas-archive-faq__item {
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    overflow: hidden;
}

.aisaas-archive-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--aisaas-space-md);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--aisaas-text);
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.aisaas-archive-faq__question:hover {
    background: var(--aisaas-bg-tertiary);
}

.aisaas-archive-faq__chevron {
    transition: transform 0.2s;
    flex-shrink: 0;
}

.aisaas-archive-faq__question[aria-expanded="true"] .aisaas-archive-faq__chevron {
    transform: rotate(180deg);
}

.aisaas-archive-faq__answer {
    padding: 0 var(--aisaas-space-md) var(--aisaas-space-md);
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
    display: none;
}

.aisaas-archive-faq__question[aria-expanded="true"] + .aisaas-archive-faq__answer {
    display: block;
}

/* ============================================================
   Editor's Pick Card (Homepage)
   ============================================================ */
.aisaas-editor-picks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-lg);
}

.aisaas-editor-pick {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    padding: var(--aisaas-space-xl) var(--aisaas-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
    position: relative;
    transition: all 0.2s ease;
    box-shadow: var(--aisaas-card-shadow);
}

.aisaas-editor-pick:hover {
    border-color: #cbd5e1;
    box-shadow: var(--aisaas-card-hover-shadow);
    transform: translateY(-2px);
}

.aisaas-editor-pick__badge {
    position: absolute;
    top: -1px;
    left: var(--aisaas-space-lg);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px 5px 10px;
    background: linear-gradient(135deg, var(--aisaas-primary), var(--aisaas-secondary));
    color: var(--aisaas-text-light);
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 0 0 var(--aisaas-radius-sm) var(--aisaas-radius-sm);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.aisaas-editor-pick__badge svg {
    color: #fbbf24;
}

.aisaas-editor-pick__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    padding-top: var(--aisaas-space-sm);
}

.aisaas-editor-pick__logo {
    width: 64px;
    height: 64px;
    border-radius: var(--aisaas-radius-lg);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 8px;
    flex-shrink: 0;
}

.aisaas-editor-pick__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-bg-tertiary);
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-editor-pick__info {
    flex: 1;
    min-width: 0;
}

.aisaas-editor-pick__name {
    font-size: 1.1875rem;
    font-weight: 700;
    color: var(--aisaas-text);
    text-decoration: none;
    display: block;
    margin-bottom: 2px;
}

.aisaas-editor-pick__name:hover {
    color: var(--aisaas-primary);
}

.aisaas-editor-pick__category {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    display: flex;
    gap: 4px;
}

.aisaas-editor-pick__category a {
    color: var(--aisaas-text-secondary);
    text-decoration: none;
}

.aisaas-editor-pick__category a:hover {
    color: var(--aisaas-primary);
}

.aisaas-editor-pick__score {
    text-align: center;
    background: linear-gradient(135deg, #f0f7ff, #f0faf4);
    border: 1px solid var(--aisaas-border-light);
    border-radius: var(--aisaas-radius-md);
    padding: 8px 14px;
    flex-shrink: 0;
}

.aisaas-editor-pick__score-num {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    line-height: 1;
}

.aisaas-editor-pick__score-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--aisaas-text-muted);
}

.aisaas-editor-pick__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.aisaas-editor-pick__highlights {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-editor-pick__price {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-left: auto;
}

.aisaas-editor-pick__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-top: auto;
    padding-top: var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-editor-pick__actions .aisaas-btn {
    flex: 1;
    text-align: center;
    justify-content: center;
}

/* Section description */
.aisaas-section__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin-top: var(--aisaas-space-xs);
}

/* ============================================================
   Use-Case Quick Nav 閳?Homepage Discovery Cards
   ============================================================ */
.aisaas-section--usecase-nav {
    background: var(--aisaas-bg);
}

.aisaas-usecase-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--aisaas-space-md);
}

.aisaas-usecase-card {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-card-radius);
    text-decoration: none;
    color: var(--aisaas-text);
    transition: all 0.25s;
    position: relative;
}

.aisaas-usecase-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
    color: var(--aisaas-primary);
}

.aisaas-usecase-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--aisaas-primary-light);
    border-radius: var(--aisaas-radius-md);
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-usecase-card__icon svg {
    width: 20px;
    height: 20px;
}

.aisaas-usecase-card__info {
    flex: 1;
    min-width: 0;
}

.aisaas-usecase-card__title {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--aisaas-text);
    margin-bottom: 2px;
}

.aisaas-usecase-card:hover .aisaas-usecase-card__title {
    color: var(--aisaas-primary);
}

.aisaas-usecase-card__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-usecase-card__top {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.aisaas-usecase-more {
    text-align: center;
    margin-top: var(--aisaas-space-lg);
}

@media (max-width: 768px) {
    .aisaas-usecase-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--aisaas-space-sm);
    }
    .aisaas-usecase-card {
        padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    }
    .aisaas-usecase-card__top {
        display: none;
    }
}

@media (max-width: 480px) {
    .aisaas-usecase-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Category Hub Cards 閳?Homepage Discovery
   ============================================================ */
.aisaas-category-hub {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-md);
}

.aisaas-cat-hub-card {
    display: block;
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    text-decoration: none;
    color: var(--aisaas-text);
    transition: all 0.25s;
}

.aisaas-cat-hub-card:hover {
    border-color: var(--cat-color, var(--aisaas-primary));
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-cat-hub-card__head {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-cat-hub-card__icon {
    font-size: 1.5rem;
    line-height: 1;
}

.aisaas-cat-hub-card__title {
    font-size: 1rem;
    font-weight: 700;
    flex: 1;
    color: var(--aisaas-text);
}

.aisaas-cat-hub-card:hover .aisaas-cat-hub-card__title {
    color: var(--cat-color, var(--aisaas-primary));
}

.aisaas-cat-hub-card__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    font-weight: 500;
}

.aisaas-cat-hub-card__tools {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aisaas-space-xs);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-cat-hub-card__tool-name {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-tertiary);
    padding: 3px 8px;
    border-radius: 4px;
}

.aisaas-cat-hub-card__subs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aisaas-space-xs);
}

.aisaas-cat-hub-card__sub {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
}

@media (max-width: 768px) {
    .aisaas-category-hub {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--aisaas-space-sm);
    }
}

@media (max-width: 480px) {
    .aisaas-category-hub {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Deals Quick Nav 閳?Homepage
   ============================================================ */
.aisaas-deals-quick-nav {
    display: flex;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-deals-quick-item {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    color: var(--aisaas-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
}

.aisaas-deals-quick-item:hover {
    border-color: var(--aisaas-cta);
    color: var(--aisaas-cta);
    background: var(--aisaas-tag-green-bg);
}

.aisaas-deals-quick-item--hot {
    border-color: var(--aisaas-accent);
    color: var(--aisaas-accent);
}

.aisaas-deals-quick-item--hot:hover {
    background: var(--aisaas-tag-orange-bg);
}

.aisaas-deals-quick-item__count {
    font-weight: 700;
    color: var(--aisaas-primary);
}

.aisaas-deals-quick-item__badge {
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 2px 6px;
    background: var(--aisaas-accent);
    color: #fff;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .aisaas-deals-quick-nav {
        gap: var(--aisaas-space-sm);
    }
    .aisaas-deals-quick-item {
        padding: var(--aisaas-space-xs) var(--aisaas-space-sm);
        font-size: 0.8125rem;
    }
}

/* ============================================================
   Compare CTA 閳?Homepage
   ============================================================ */
.aisaas-compare-cta {
    text-align: center;
    margin-top: var(--aisaas-space-lg);
}

/* ============================================================
   Platform Stats 閳?Homepage Footer
   ============================================================ */
.aisaas-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--aisaas-space-md);
}

.aisaas-stat-item {
    display: flex;
    align-items: baseline;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
}

.aisaas-stat-item__num {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--aisaas-primary);
}

.aisaas-stat-item__label {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
}

@media (max-width: 480px) {
    .aisaas-stats-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Archive Header 閳?Quick Links
   ============================================================ */
.aisaas-archive-header__quick-links {
    display: flex;
    gap: var(--aisaas-space-md);
    justify-content: center;
    margin-top: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-archive-header__quick-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-archive-header__quick-link:hover {
    color: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
}

.aisaas-archive-header__quick-link svg {
    width: 14px;
    height: 14px;
}

/* ============================================================
   Category Quick Nav 閳?Archive Page
   ============================================================ */
.aisaas-category-quick-nav {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-category-quick-nav__label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    white-space: nowrap;
}

.aisaas-category-quick-nav__items {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-category-quick-nav__item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-tertiary);
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-category-quick-nav__item:hover {
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
}

.aisaas-category-quick-nav__count {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
}

@media (max-width: 768px) {
    .aisaas-category-quick-nav {
        flex-wrap: wrap;
    }
    .aisaas-archive-header__quick-links {
        gap: var(--aisaas-space-sm);
    }
}

/* ============================================================
   Use Case Hero 閳?SEO Landing Page
   ============================================================ */
.aisaas-uc-hero {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f5f0 50%, #f0f0ff 100%);
    padding: var(--aisaas-space-3xl) 0 var(--aisaas-space-xl);
    text-align: center;
}

.aisaas-uc-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: var(--aisaas-space-xs);
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-uc-hero__icon {
    font-size: 1rem;
    line-height: 1;
}

.aisaas-uc-hero__title {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-uc-hero__desc {
    font-size: 1.0625rem;
    color: var(--aisaas-text-secondary);
    max-width: 680px;
    margin: 0 auto var(--aisaas-space-lg);
    line-height: 1.6;
}

.aisaas-uc-hero__stats {
    display: flex;
    gap: var(--aisaas-space-lg);
    justify-content: center;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    border-radius: 12px;
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    max-width: 600px;
    margin: 0 auto;
}

.aisaas-uc-hero__stat {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-uc-hero__stat strong {
    color: var(--aisaas-primary);
    font-weight: 700;
}

/* ============================================================
   Top 3 Ranked Cards 閳?Use Case Page
   ============================================================ */
.aisaas-uc-top3__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-md);
}

.aisaas-uc-top3__card {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 2px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    transition: all 0.25s;
}

.aisaas-uc-top3__card:hover {
    transform: translateY(-3px);
    box-shadow: var(--aisaas-shadow-lg);
}

.aisaas-uc-top3__rank {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 12px;
    border-radius: 6px;
}

.aisaas-uc-top3__rank--gold {
    color: #b45309;
    background: #fef3c7;
    border-color: #f59e0b;
}
.aisaas-uc-top3__rank--gold:hover { border-color: #d97706; }

.aisaas-uc-top3__rank--blue {
    color: #1d4ed8;
    background: #dbeafe;
    border-color: #60a5fa;
}
.aisaas-uc-top3__rank--blue:hover { border-color: #3b82f6; }

.aisaas-uc-top3__rank--green {
    color: #15803d;
    background: #dcfce7;
    border-color: #4ade80;
}
.aisaas-uc-top3__rank--green:hover { border-color: #22c55e; }

.aisaas-uc-top3__rank--gold .aisaas-uc-top3__card {
    border-color: #f59e0b;
}
.aisaas-uc-top3__rank--blue .aisaas-uc-top3__card {
    border-color: #60a5fa;
}
.aisaas-uc-top3__rank--green .aisaas-uc-top3__card {
    border-color: #4ade80;
}

.aisaas-uc-top3__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-uc-top3__logo {
    width: 56px;
    height: 56px;
    border-radius: var(--aisaas-radius-md);
    object-fit: contain;
    background: var(--aisaas-logo-fallback-bg);
    padding: 6px;
    flex-shrink: 0;
}

.aisaas-uc-top3__info {
    flex: 1;
    min-width: 0;
}

.aisaas-uc-top3__name {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisaas-uc-top3__name:hover { color: var(--aisaas-primary); }

.aisaas-uc-top3__rating {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-xs);
    margin-top: 2px;
    font-size: 0.8125rem;
}

.aisaas-uc-top3__tagline {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.4;
    margin-top: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aisaas-uc-top3__meta {
    display: flex;
    gap: var(--aisaas-space-xs);
    flex-wrap: wrap;
}

.aisaas-uc-top3__price {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-tertiary);
    padding: 2px 8px;
    border-radius: 4px;
}

.aisaas-uc-top3__highlights {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aisaas-uc-top3__hl {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-uc-top3__hl svg {
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-uc-top3__actions {
    display: flex;
    gap: var(--aisaas-space-xs);
    margin-top: auto;
}

/* ============================================================
   Budget Filter Pills 閳?Use Case Page
   ============================================================ */
.aisaas-uc-budget-pills {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-uc-budget-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    color: var(--aisaas-text);
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-uc-budget-pill:hover {
    transform: translateY(-1px);
    box-shadow: var(--aisaas-shadow-md);
}

.aisaas-uc-budget-pill.is-active {
    font-weight: 700;
}

.aisaas-uc-budget-pill--green { border-color: #4ade80; }
.aisaas-uc-budget-pill--green.is-active { background: #dcfce7; color: #15803d; border-color: #22c55e; }

.aisaas-uc-budget-pill--teal { border-color: #5eead4; }
.aisaas-uc-budget-pill--teal.is-active { background: #ccfbf1; color: #0f766e; border-color: #14b8a6; }

.aisaas-uc-budget-pill--blue { border-color: #60a5fa; }
.aisaas-uc-budget-pill--blue.is-active { background: #dbeafe; color: #1d4ed8; border-color: #3b82f6; }

.aisaas-uc-budget-pill--purple { border-color: #a78bfa; }
.aisaas-uc-budget-pill--purple.is-active { background: #ede9fe; color: #6d28d9; border-color: #8b5cf6; }

.aisaas-uc-budget-pill--dark { border-color: #6b7280; }
.aisaas-uc-budget-pill--dark.is-active { background: #f3f4f6; color: #374151; border-color: #4b5563; }

.aisaas-uc-budget-pill__count {
    font-size: 0.6875rem;
    font-weight: 700;
    background: rgba(0,0,0,0.08);
    padding: 1px 6px;
    border-radius: 4px;
}

.aisaas-uc-budget-pill.is-active .aisaas-uc-budget-pill__count {
    background: rgba(0,0,0,0.12);
}

/* ============================================================
   Feature Filter Tabs 閳?Use Case Page
   ============================================================ */
.aisaas-uc-feature-tabs {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-uc-feature-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    color: var(--aisaas-text);
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-uc-feature-tab:hover {
    border-color: var(--aisaas-primary);
    transform: translateY(-1px);
}

.aisaas-uc-feature-tab.is-active {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
    font-weight: 700;
}

.aisaas-uc-feature-tab__icon {
    font-size: 1rem;
    line-height: 1;
}

.aisaas-uc-feature-tab__count {
    font-size: 0.6875rem;
    background: rgba(0,0,0,0.06);
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.aisaas-uc-feature-tab.is-active .aisaas-uc-feature-tab__count {
    background: rgba(0,0,0,0.1);
}

/* ============================================================
   Related Scenarios Grid 閳?Use Case Page
   ============================================================ */
.aisaas-uc-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-md);
}

.aisaas-uc-related-card {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    text-decoration: none;
    color: var(--aisaas-text);
    transition: all 0.25s;
}

.aisaas-uc-related-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-uc-related-card__icon {
    font-size: 1.5rem;
    line-height: 1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary-light);
    border-radius: var(--aisaas-radius-md);
    flex-shrink: 0;
}

.aisaas-uc-related-card__info {
    flex: 1;
    min-width: 0;
}

.aisaas-uc-related-card__title {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--aisaas-text);
}

.aisaas-uc-related-card:hover .aisaas-uc-related-card__title {
    color: var(--aisaas-primary);
}

.aisaas-uc-related-card__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-uc-related-card__arrow {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
    transition: color 0.2s, transform 0.2s;
}

.aisaas-uc-related-card:hover .aisaas-uc-related-card__arrow {
    color: var(--aisaas-primary);
    transform: translateX(4px);
}

/* Responsive */
@media (max-width: 768px) {
    .aisaas-uc-hero__title { font-size: 2rem; }
    .aisaas-uc-top3__grid { grid-template-columns: 1fr; }
    .aisaas-uc-hero__stats { flex-direction: column; gap: var(--aisaas-space-sm); }
    .aisaas-uc-related-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .aisaas-uc-hero__title { font-size: 1.5rem; }
    .aisaas-uc-hero__desc { font-size: 0.9375rem; }
    .aisaas-uc-related-grid { grid-template-columns: 1fr; }
    .aisaas-uc-budget-pills { gap: 6px; }
    .aisaas-uc-budget-pill { font-size: 0.8125rem; padding: 6px 12px; }
    .aisaas-uc-feature-tabs { gap: 6px; }
    .aisaas-uc-feature-tab { font-size: 0.8125rem; padding: 6px 12px; }
}

/* ============================================================
   Decision Page: Related Comparisons
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--aisaas-text);
    text-decoration: none;
}

/* ============================================================
   Deals Marketplace 閳?Page Styles
   ============================================================ */
.aisaas-archive-header--deals {
    background: linear-gradient(135deg, #fff7ed 0%, #fef2f2 50%, #fff1f2 100%);
}

.aisaas-archive-header__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-accent);
    background: var(--aisaas-tag-orange-bg);
    border-radius: 100px;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-archive-header__badge svg {
    width: 16px;
    height: 16px;
}

.aisaas-deals-stats {
    display: flex;
    gap: var(--aisaas-space-xl);
    justify-content: center;
    margin-top: var(--aisaas-space-lg);
}

.aisaas-deals-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.aisaas-deals-stat__num {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-cta);
}

.aisaas-deals-stat__label {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-deals-tabs {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-deals-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-tertiary);
    border: 1px solid transparent;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s;
}

.aisaas-deals-tab:hover,
.aisaas-deals-tab.is-active {
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    border-color: var(--aisaas-primary);
}

.aisaas-deals-tab__count {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--aisaas-primary);
    background: var(--aisaas-bg);
    padding: 1px 6px;
    border-radius: 4px;
}

.aisaas-deals-tab__badge {
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 2px 6px;
    background: var(--aisaas-accent);
    color: #fff;
    border-radius: 4px;
}

.aisaas-price-alert-cta {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-lg);
    padding: var(--aisaas-space-lg) var(--aisaas-space-xl);
    background: linear-gradient(135deg, var(--aisaas-primary-light) 0%, var(--aisaas-tag-green-bg) 100%);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-card-radius);
    margin-top: var(--aisaas-space-xl);
}

.aisaas-price-alert-cta__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--aisaas-primary);
    color: #fff;
    border-radius: var(--aisaas-radius-md);
    flex-shrink: 0;
}

.aisaas-price-alert-cta__content {
    flex: 1;
}

.aisaas-price-alert-cta__content h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.aisaas-price-alert-cta__content p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .aisaas-deals-stats {
        gap: var(--aisaas-space-md);
    }
    .aisaas-deals-stat__num {
        font-size: 1.25rem;
    }
    .aisaas-price-alert-cta {
        flex-direction: column;
        text-align: center;
        padding: var(--aisaas-space-md);
    }
}

/* ============================================================
   Content Hub 閳?Page Styles
   ============================================================ */
.aisaas-content-tabs {
    display: flex;
    gap: var(--aisaas-space-sm);
    justify-content: center;
    margin-top: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-content-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-content-tab:hover {
    color: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
}

.aisaas-content-tab__count {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--aisaas-primary);
    background: var(--aisaas-bg-tertiary);
    padding: 1px 6px;
    border-radius: 4px;
}

.aisaas-article-card--featured {
    border: 2px solid var(--aisaas-primary);
}

.aisaas-article-card__type {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    padding: 2px 8px;
    border-radius: 4px;
    margin-bottom: var(--aisaas-space-sm);
}

@media (max-width: 768px) {
    .aisaas-content-tabs {
        gap: 4px;
    }
    .aisaas-content-tab {
        padding: 6px 12px;
        font-size: 0.8125rem;
    }
}

/* ============================================================
   Comparison Card (Archive)
   ============================================================ */
/* ============================================================
   Comparison Cards 閳?Compact Horizontal Layout
   Structure: [Logo+Name+Badge | VS | Logo+Name+Badge]
              [Rating+Price    |    | Rating+Price   ]
              [Summary row (optional)]
              [CTA 閳?          ]                         */
/* ============================================================ */

.aisaas-comparison-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    padding: 0;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease;
    overflow: hidden;
    position: relative;
}

.aisaas-comparison-card:hover {
    border-color: var(--aisaas-primary-light);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

/* -- Tools Row: grid 1fr auto 1fr -- */
.aisaas-comparison-card__tools {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0;
    padding: 20px 24px 14px;
    position: relative;
}

/* Each tool column 閳?horizontal layout: logo, info, rating in a row */
.aisaas-comparison-card__tool {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    min-width: 0;
    overflow: hidden;
    padding: var(--aisaas-space-xs) var(--aisaas-space-xs);
}

/* Tool info: name + optional winner badge stacked */
.aisaas-comparison-card__tool-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

/* -- Winner badge: small inline pill next to tool name -- */
.aisaas-comparison-card__winner-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    align-self: flex-start;
    padding: 1px 8px;
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 100px;
    line-height: 1.4;
    white-space: nowrap;
}

/* -- Meta row: rating + price -- */
.aisaas-comparison-card__tool-meta {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding-left: calc(44px + var(--aisaas-space-sm));
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    flex-wrap: wrap;
}

/* Optional inline reason under winning tool (homepage) */
.aisaas-comparison-card__tool-reason {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    padding-left: calc(44px + var(--aisaas-space-sm));
    margin-top: 2px;
    line-height: 1.3;
}

/* -- Logo: fixed 44px, never show Chinese text -- */
.aisaas-comparison-card__logo {
    width: var(--aisaas-logo-size-sm) !important;
    height: var(--aisaas-logo-size-sm) !important;
    border-radius: var(--aisaas-logo-fallback-radius);
    object-fit: contain;
    background: var(--aisaas-logo-fallback-bg);
    flex-shrink: 0;
}

.aisaas-comparison-card__logo--fallback {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: var(--aisaas-logo-size-sm) !important;
    height: var(--aisaas-logo-size-sm) !important;
    border-radius: var(--aisaas-logo-fallback-radius);
    background: var(--aisaas-logo-fallback-bg);
    font-weight: 800;
    font-size: 0.85rem;
    color: var(--aisaas-logo-fallback-color);
    flex-shrink: 0;
    letter-spacing: 0.02em;
    /* CRITICAL: prevent any CJK text from showing vertically */
    word-break: keep-all;
    text-overflow: clip;
    overflow: hidden;
    max-width: var(--aisaas-logo-size-sm);
    line-height: 1;
}

/* -- Tool Name: max 2 lines, no vertical text -- */
.aisaas-comparison-card__name {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
    color: var(--aisaas-text);
    line-height: 1.25;
    word-break: keep-all;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aisaas-comparison-card .aisaas-comparison-card__rating-num {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-comparison-card__price {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
}

/* -- Card Actions (CTA footer) -- */
.aisaas-comparison-card__actions {
    padding: 14px 24px 20px;
    margin-top: auto;
    border-top: 1px solid var(--aisaas-border-light);
    display: flex;
    justify-content: flex-end;
}

/* -- VS Divider: circle with horizontal connecting lines -- */
.aisaas-comparison-card__vs {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 var(--aisaas-space-xs);
    align-self: center;
}

/* Connecting lines: faint horizontal rule through the VS center */
.aisaas-comparison-card__vs::before,
.aisaas-comparison-card__vs::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: var(--aisaas-space-sm);
    background: linear-gradient(90deg, transparent, var(--aisaas-border-light));
}
.aisaas-comparison-card__vs::before { left: 0; }
.aisaas-comparison-card__vs::after {
    right: 0;
    background: linear-gradient(90deg, var(--aisaas-border-light), transparent);
}

.aisaas-comparison-card__vs span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--aisaas-bg-tertiary);
    border: 1.5px solid var(--aisaas-border);
    font-size: 0.625rem;
    font-weight: 800;
    color: var(--aisaas-text-muted);
    letter-spacing: 0.06em;
    z-index: 1;
    flex-shrink: 0;
}

/* -- Summary Row (replaces old reason/info-row) -- */
.aisaas-comparison-card__summary {
    padding: var(--aisaas-space-xs) var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border-light);
    background: rgba(0,0,0,0.015);
}

.aisaas-comparison-card__summary-winner,
.aisaas-comparison-card__summary-bestfor {
    display: block;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.4;
}

.aisaas-comparison-card__summary-winner {
    font-weight: 600;
    color: var(--aisaas-primary-dark, #1e40af);
}

/* -- Card Footer (winner label + CTA button) -- */
.aisaas-comparison-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border-light);
    gap: var(--aisaas-space-sm);
}

.aisaas-comparison-card__winner-inline {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-secondary-dark, #059669);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisaas-btn--sm {
    font-size: 0.8125rem;
    padding: 6px 14px;
}

/* ============================================================
   Popular Comparison Topics
   ============================================================ */
.aisaas-comp-topics {
    margin-top: var(--aisaas-space-xl);
    padding-top: var(--aisaas-space-lg);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-comp-topics__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
    color: var(--aisaas-text);
}

.aisaas-comp-topics__grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm);
}

.aisaas-comp-topics__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: 100px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.aisaas-comp-topics__chip:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    background: rgba(26, 86, 219, 0.04);
    box-shadow: 0 1px 4px rgba(26, 86, 219, 0.1);
}

.aisaas-comp-topics__chip svg {
    color: var(--aisaas-primary);
    flex-shrink: 0;
}
.aisaas-comp-search-bar {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-lg);
}

/* Unified toolbar container for comparison page */
.aisaas-comp-toolbar {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-lg);
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
}

.aisaas-comp-toolbar .aisaas-comp-search-wrap {
    flex: 1;
    min-width: 200px;
    max-width: 360px;
}

.aisaas-comp-toolbar .aisaas-comp-filter-tabs {
    flex: 1;
    justify-content: flex-end;
    min-width: 0;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.aisaas-comp-toolbar .aisaas-comp-filter-tabs::-webkit-scrollbar {
    display: none;
}

.aisaas-comp-search-input {
    flex: 1;
    min-width: 220px;
    max-width: 400px;
    padding: 10px 16px 10px 40px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    transition: border-color 0.2s;
    position: relative;
}

.aisaas-comp-search-input:focus {
    border-color: var(--aisaas-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);
}

.aisaas-comp-search-wrap {
    position: relative;
    flex: 1;
    min-width: 220px;
    max-width: 400px;
}

.aisaas-comp-search-wrap svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: var(--aisaas-text-muted);
    pointer-events: none;
}

.aisaas-comp-filter-tabs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.aisaas-comp-filter-tab {
    padding: 6px 14px;
    border: 1px solid var(--aisaas-border);
    border-radius: 100px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg);
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
    white-space: nowrap;
}

.aisaas-comp-filter-tab:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

.aisaas-comp-filter-tab--active {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
    box-shadow: 0 1px 3px rgba(26, 86, 219, 0.2);
}

/* ============================================================
   Comparison Archive: Trust Banner
   ============================================================ */
.aisaas-comp-trust-banner {
    padding: var(--aisaas-space-sm) 0;
    background: var(--aisaas-bg-secondary);
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-comp-trust-banner__inner {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-comp-trust-banner__icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
}

.aisaas-comp-trust-banner__content {
    flex: 1;
    min-width: 200px;
}

.aisaas-comp-trust-banner__title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: 2px;
}

.aisaas-comp-trust-banner__desc {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
    line-height: 1.5;
}

.aisaas-comp-trust-banner__badges {
    display: flex;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    flex-shrink: 0;
}

.aisaas-comp-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    white-space: nowrap;
}

.aisaas-comp-trust-badge svg {
    flex-shrink: 0;
}

/* ============================================================
   Comparison Archive: Bottom Modules
   ============================================================ */
.aisaas-comp-modules {
    margin-top: var(--aisaas-space-2xl);
    padding-top: var(--aisaas-space-2xl);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-comp-modules__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-xl);
}

.aisaas-comp-modules__grid--2 {
    grid-template-columns: repeat(2, 1fr);
}

.aisaas-comp-module {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
}

.aisaas-comp-module__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 var(--aisaas-space-md);
    color: var(--aisaas-text);
}

.aisaas-comp-module__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
}

.aisaas-comp-module__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: var(--aisaas-radius-md);
    transition: background 0.15s;
    text-decoration: none;
    color: var(--aisaas-text);
    font-size: 0.875rem;
}

.aisaas-comp-module__item:hover {
    background: var(--aisaas-bg-secondary);
}

.aisaas-comp-module__item--link {
    color: var(--aisaas-primary);
    font-weight: 600;
}

.aisaas-comp-module__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-comp-module__desc {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.7;
    margin: 0;
}

/* Responsive: Bottom modules */
@media (max-width: 1024px) {
    .aisaas-comp-modules__grid,
    .aisaas-comp-modules__grid--2 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .aisaas-comp-trust-banner__badges {
        gap: var(--aisaas-space-sm);
    }

    .aisaas-comp-trust-badge {
        font-size: 0.75rem;
    }

    /* Stack comparison tools vertically on mobile */
    .aisaas-comparison-card__tools {
        grid-template-columns: 1fr;
        gap: var(--aisaas-space-sm);
        padding: var(--aisaas-space-sm);
    }

    .aisaas-comparison-card__vs {
        display: none;
    }

    /* Tool meta aligns with logo on mobile */
    .aisaas-comparison-card__tool-meta,
    .aisaas-comparison-card__tool-reason {
        padding-left: calc(44px + var(--aisaas-space-sm));
    }
}

@media (max-width: 640px) {
    .aisaas-editor-picks {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-modules__grid,
    .aisaas-comp-modules__grid--2 {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-search-bar,
    .aisaas-comp-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .aisaas-comp-toolbar .aisaas-comp-filter-tabs {
        justify-content: flex-start;
        overflow-x: auto;
    }

    .aisaas-comp-search-wrap {
        max-width: 100%;
    }

    .aisaas-comp-trust-banner__inner {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .aisaas-comp-trust-banner__badges {
        flex-direction: column;
        gap: var(--aisaas-space-sm);
    }
}

/* ============================================================
   Buttons
   ============================================================ */
.aisaas-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: var(--aisaas-radius-md);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
    line-height: 1.4;
}

.aisaas-btn--primary {
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
}

.aisaas-btn--primary:hover {
    background: var(--aisaas-cta-hover);
    color: var(--aisaas-text-light);
    transform: translateY(-1px);
    box-shadow: var(--aisaas-shadow-md);
}

.aisaas-btn--secondary {
    background: var(--aisaas-bg-secondary);
    color: var(--aisaas-text);
    border: 1px solid var(--aisaas-border);
}

.aisaas-btn--secondary:hover {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-primary);
}

.aisaas-btn--outline {
    background: transparent;
    color: var(--aisaas-primary);
    border: 1px solid var(--aisaas-primary);
}

.aisaas-btn--outline:hover {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
}

.aisaas-btn--deal {
    background: var(--aisaas-accent);
    color: var(--aisaas-text-light);
}

.aisaas-btn--deal:hover {
    background: #e85d2d;
    color: var(--aisaas-text-light);
}

.aisaas-btn--ghost {
    background: transparent;
    color: var(--aisaas-text-secondary);
    border: 1px solid transparent;
}

.aisaas-btn--ghost:hover {
    background: var(--aisaas-bg-secondary);
    color: var(--aisaas-text);
}

.aisaas-btn--sm {
    padding: 6px 14px;
    font-size: 0.8125rem;
}

.aisaas-btn--lg {
    padding: 14px 28px;
    font-size: 1rem;
}

.aisaas-btn--full {
    width: 100%;
}

/* ============================================================
   Tags / Badges
   ============================================================ */
.aisaas-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
}

.aisaas-tag--green {
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
}

.aisaas-tag--blue {
    background: var(--aisaas-tag-blue-bg);
    color: var(--aisaas-tag-blue-text);
}

.aisaas-tag--orange {
    background: var(--aisaas-tag-orange-bg);
    color: var(--aisaas-tag-orange-text);
}

.aisaas-tag--red {
    background: var(--aisaas-tag-red-bg);
    color: var(--aisaas-tag-red-text);
}

.aisaas-tag--purple {
    background: var(--aisaas-tag-purple-bg);
    color: var(--aisaas-tag-purple-text);
}

/* ============================================================
   Stars Rating
   ============================================================ */
.aisaas-stars {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

.aisaas-stars__track {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

.aisaas-stars__bg,
.aisaas-stars__fg {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

.aisaas-stars__fg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    max-width: 100%;
}

.aisaas-star {
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
}

.aisaas-star--full {
    color: var(--aisaas-star);
}

.aisaas-star--half {
    color: var(--aisaas-star);
    opacity: 0.5;
}

.aisaas-star--empty {
    color: var(--aisaas-star-empty);
}

.aisaas-rating-num {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-left: 4px;
}

/* ============================================================
   Tool Detail Page
   ============================================================ */
.aisaas-tool-detail {
    padding: var(--aisaas-space-2xl) 0;
}

/* -- Hero Summary (Decision Area) -- */
.aisaas-hero-summary {
    padding: var(--aisaas-space-lg) var(--aisaas-space-xl) var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    box-shadow: var(--aisaas-shadow-md);
    margin-bottom: var(--aisaas-space-xl);
    position: relative;
    overflow: hidden;
}

/* Subtle accent line at top */
.aisaas-hero-summary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aisaas-primary), var(--aisaas-secondary));
}

/* -- Decision Card Variant -- */
.aisaas-hero-summary--decision {
    background: linear-gradient(135deg, #f8faff 0%, #f0f7ff 40%, var(--aisaas-bg) 100%);
    border-color: rgba(26, 86, 219, 0.12);
}

.aisaas-hero-summary__name-suffix {
    font-size: 0.75em;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    letter-spacing: 0.02em;
}

.aisaas-hero-summary__best-for-line {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: 0;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.aisaas-hero-summary__best-for-line svg {
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-hero-summary__best-for-line strong {
    color: var(--aisaas-primary);
    font-weight: 700;
}

.aisaas-hero-summary__stat-value--trust {
    color: var(--aisaas-text-secondary);
    font-size: 0.8125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.aisaas-hero-summary__stat-value--trust svg {
    color: var(--aisaas-tag-green-text, #059669);
    flex-shrink: 0;
}

/* -- Mobile Sticky CTA Bar -- */
.aisaas-mobile-sticky-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--aisaas-bg);
    border-top: 1px solid var(--aisaas-border);
    box-shadow: 0 -4px 16px rgba(0,0,0,0.1);
    z-index: 9999;
    padding: 8px 16px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.aisaas-mobile-sticky-cta.is-visible {
    transform: translateY(0);
}

.aisaas-mobile-sticky-cta__inner {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 480px;
    margin: 0 auto;
}

.aisaas-mobile-sticky-cta__btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 20px;
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.2s;
    border: none;
    line-height: 1.4;
    box-shadow: 0 2px 10px rgba(5, 150, 105, 0.3);
}

.aisaas-mobile-sticky-cta__btn:hover {
    background: var(--aisaas-cta-hover);
    color: var(--aisaas-text-light);
}

.aisaas-mobile-sticky-cta .aisaas-fav-btn--sticky {
    padding: 12px 16px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
    border: 1px solid var(--aisaas-border);
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    cursor: pointer;
    flex-shrink: 0;
}

.aisaas-mobile-sticky-cta .aisaas-fav-btn--sticky:hover {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
}

.aisaas-mobile-sticky-cta .aisaas-fav-btn--sticky svg {
    width: 16px;
    height: 16px;
}

/* -- Sidebar Compare Button -- */
.aisaas-sidebar-cta__compare-row {
    padding: 8px 0 0;
    border-top: 1px solid var(--aisaas-border, #e5e7eb);
    margin-top: 6px;
}

.aisaas-sidebar-cta__compare-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
    border: 1px solid var(--aisaas-border);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    width: 100%;
}

.aisaas-sidebar-cta__compare-btn:hover {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
}

.aisaas-hero-summary__brand {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-hero-summary__logo {
    width: 80px;
    height: 80px;
    border-radius: var(--aisaas-radius-lg);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 12px;
    flex-shrink: 0;
    box-shadow: var(--aisaas-shadow-md);
}

.aisaas-hero-summary__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: var(--aisaas-primary);
    font-size: 1.75rem;
    background: var(--aisaas-primary-light);
}

.aisaas-hero-summary__identity {
    flex: 1;
    min-width: 0;
}

.aisaas-hero-summary__name {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 2px;
    letter-spacing: -0.025em;
}

.aisaas-hero-summary__tagline {
    font-size: 1rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: 0;
    line-height: 1.4;
}

/* -- Stats Row -- */
.aisaas-hero-summary__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-hero-summary__stat {
    padding: var(--aisaas-sm) var(--aisaas-space-md);
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border-light);
    border-radius: var(--aisaas-radius-md);
    min-width: 0;
}

.aisaas-hero-summary__stat-value {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    flex-wrap: wrap;
}

.aisaas-hero-summary__stat-value--price {
    color: var(--aisaas-primary);
    font-size: 1rem;
}

.aisaas-hero-summary__stat-value--free {
    color: var(--aisaas-tag-green-text);
}

.aisaas-hero-summary__stat-value--trial {
    color: var(--aisaas-tag-blue-text);
}

.aisaas-hero-summary__stat-value--paid {
    color: var(--aisaas-text-secondary);
}

.aisaas-hero-summary__stat-value--audience {
    color: var(--aisaas-text);
    font-size: 0.875rem;
}

.aisaas-hero-summary__rating-num {
    font-size: 1.0625rem;
    font-weight: 800;
    color: var(--aisaas-text);
}

.aisaas-hero-summary__stat-label {
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    font-weight: 500;
}

/* -- Verdict Box -- */
.aisaas-hero-summary__verdict {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-sm) var(--aisaas-space-md);
    background: linear-gradient(135deg, var(--aisaas-primary-light) 0%, #eef2ff 100%);
    border: 1px solid rgba(26, 86, 219, 0.15);
    border-left: 4px solid var(--aisaas-primary);
    border-radius: 0 var(--aisaas-radius-md) var(--aisaas-radius-md) 0;
    margin-bottom: var(--aisaas-space-sm);
    position: relative;
}

/* Quotation mark watermark */
.aisaas-hero-summary__verdict::after {
    content: "\201C";
    position: absolute;
    top: -8px;
    right: 20px;
    font-size: 5rem;
    font-family: Georgia, serif;
    color: rgba(26, 86, 219, 0.06);
    line-height: 1;
    pointer-events: none;
}

.aisaas-hero-summary__verdict-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-hero-summary__verdict-icon svg {
    width: 22px;
    height: 22px;
}

.aisaas-hero-summary__verdict-content {
    flex: 1;
    min-width: 0;
}

.aisaas-hero-summary__verdict-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aisaas-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
}

.aisaas-hero-summary__verdict-text {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--aisaas-primary-dark);
    line-height: 1.4;
    margin: 0;
}

/* -- CTA Actions (Hero) -- */
.aisaas-hero-summary__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-btn--hero {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 32px;
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
    line-height: 1.4;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35);
}

.aisaas-btn--hero:hover {
    background: var(--aisaas-cta-hover);
    color: var(--aisaas-text-light);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(5, 150, 105, 0.45);
}

.aisaas-btn--hero-deal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 32px;
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-accent);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
    line-height: 1.4;
    box-shadow: 0 4px 14px rgba(255, 107, 53, 0.35);
}

.aisaas-btn--hero-deal:hover {
    background: #e85d2d;
    color: var(--aisaas-text-light);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.45);
}

/* -- Badges Row (supplementary) -- */
.aisaas-hero-summary__badges {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

/* -- Mobile Early CTA (below title, hidden on desktop) -- */
.aisaas-hero-summary__mobile-cta {
    display: none;   /* hidden on desktop */
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-top: var(--aisaas-space-md);
}

.aisaas-btn--mobile-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 24px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.2s;
    border: none;
    line-height: 1.4;
    box-shadow: 0 2px 10px rgba(5, 150, 105, 0.3);
}

.aisaas-btn--mobile-cta:hover {
    background: var(--aisaas-cta-hover);
    color: var(--aisaas-text-light);
}

/* -- Legacy (kept for other templates) -- */
.aisaas-tool-detail__hero {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-xl);
    padding: var(--aisaas-space-xl);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-tool-detail__logo {
    width: 80px;
    height: 80px;
    border-radius: var(--aisaas-radius-md);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 10px;
    flex-shrink: 0;
}

.aisaas-tool-detail__info {
    flex: 1;
}

.aisaas-tool-detail__name {
    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: 4px;
}

.aisaas-tool-detail__tagline {
    font-size: 1.0625rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-tool-detail__badges {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-tool-detail__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

/* Quick Info Table -- Enhanced */
.aisaas-info-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: var(--aisaas-space-xl);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
}

.aisaas-info-table tr {
    border-bottom: 1px solid var(--aisaas-border-light);
    transition: background 0.15s;
}

.aisaas-info-table tr:last-child {
    border-bottom: none;
}

.aisaas-info-table tr:hover td {
    background: rgba(26, 86, 219, 0.02);
}

.aisaas-info-table th {
    padding: 14px 18px;
    background: var(--aisaas-bg-secondary);
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    text-align: left;
    width: 160px;
    white-space: nowrap;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-right: 1px solid var(--aisaas-border-light);
}

.aisaas-info-table td {
    padding: 14px 18px;
    font-size: 0.9375rem;
    line-height: 1.6;
}

/* Highlighted rows (verdict, best_use_case, best_for) */
.aisaas-info-table tr.aisaas-row--highlight {
    background: var(--aisaas-primary-light);
    position: relative;
}

.aisaas-info-table tr.aisaas-row--highlight th {
    color: var(--aisaas-primary);
    font-weight: 700;
    background: rgba(26, 86, 219, 0.08);
    border-right-color: rgba(26, 86, 219, 0.12);
}

.aisaas-info-table tr.aisaas-row--highlight td {
    font-weight: 700;
    color: var(--aisaas-primary-dark);
    font-size: 1rem;
}

/* Verdict row - most prominent */
.aisaas-info-table tr.aisaas-row--verdict {
    background: linear-gradient(135deg, rgba(26, 86, 219, 0.06), rgba(5, 150, 105, 0.04));
}

.aisaas-info-table tr.aisaas-row--verdict th {
    background: linear-gradient(135deg, rgba(26, 86, 219, 0.12), rgba(26, 86, 219, 0.08));
    color: var(--aisaas-primary-dark);
    font-size: 0.875rem;
}

.aisaas-info-table tr.aisaas-row--verdict td {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--aisaas-primary-dark);
}

/* Badge-style values in table */
.aisaas-info-table .aisaas-tag {
    margin: 1px 2px;
}

.aisaas-info-table .aisaas-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Sidebar Info Table (compact) */
.aisaas-sidebar .aisaas-info-table {
    margin-bottom: 0;
    font-size: 0.875rem;
}

.aisaas-sidebar .aisaas-info-table th {
    padding: 10px 12px;
    width: auto;
    min-width: 80px;
    font-size: 0.75rem;
}

.aisaas-sidebar .aisaas-info-table td {
    padding: 10px 12px;
    font-size: 0.875rem;
}

/* Pros & Cons -- Enhanced */
.aisaas-pros-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-xl);
    align-items: stretch;
}

.aisaas-pros-cons__col {
    padding: var(--aisaas-space-xl);
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
    position: relative;
    overflow: hidden;
}

.aisaas-pros-cons__col--pros {
    background: #f0fdf8;
    border-color: rgba(5, 150, 105, 0.12);
}

.aisaas-pros-cons__col--pros::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--aisaas-secondary);
    border-radius: var(--aisaas-radius-lg) var(--aisaas-radius-lg) 0 0;
}

.aisaas-pros-cons__col--cons {
    background: #fef9f4;
    border-color: rgba(234, 88, 12, 0.12);
}

.aisaas-pros-cons__col--cons::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--aisaas-accent);
    border-radius: var(--aisaas-radius-lg) var(--aisaas-radius-lg) 0 0;
}

.aisaas-pros-cons__title {
    font-size: 1.0625rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-lg);
    display: flex;
    align-items: center;
    gap: 8px;
}

.aisaas-pros-cons__title--pros {
    color: var(--aisaas-secondary-dark);
}

.aisaas-pros-cons__title--cons {
    color: #c2410c;
}

.aisaas-pros-cons__list {
    list-style: none;
}

.aisaas-pros-cons__list li {
    padding: 10px 0;
    font-size: 0.9375rem;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--aisaas-text);
    line-height: 1.6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.aisaas-pros-cons__list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.aisaas-pros-cons__list li::before {
    flex-shrink: 0;
    margin-top: 3px;
    font-size: 1rem;
}

.aisaas-pros-cons__list--pros li::before {
    content: "\2713";
    color: var(--aisaas-secondary);
    font-weight: 700;
}

.aisaas-pros-cons__list--cons li::before {
    content: "\2717";
    color: var(--aisaas-accent);
    font-weight: 700;
}

/* Pricing Table */
.aisaas-pricing {
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-pricing__table {
    width: 100%;
    border-collapse: collapse;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
}

.aisaas-pricing__table th {
    padding: 14px 16px;
    background: var(--aisaas-bg-secondary);
    font-weight: 700;
    font-size: 0.875rem;
    text-align: center;
    border-bottom: 2px solid var(--aisaas-border);
}

.aisaas-pricing__table td {
    padding: 12px 16px;
    text-align: center;
    border-bottom: 1px solid var(--aisaas-border-light);
    font-size: 0.9375rem;
}

.aisaas-pricing__table tr:hover td {
    background: var(--aisaas-bg-secondary);
}

.aisaas-pricing__plan-name {
    font-weight: 700;
    font-size: 1rem;
}

.aisaas-pricing__price {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--aisaas-primary);
}

.aisaas-pricing__feature-check {
    color: var(--aisaas-secondary);
    font-weight: 700;
}

.aisaas-pricing__feature-cross {
    color: var(--aisaas-text-muted);
}

/* ============================================================
   Visual Pricing Cards
   ============================================================ */
.aisaas-pricing-cards {
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-pricing-cards__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-pricing-cards__header .aisaas-section__title {
    margin-bottom: 0;
}

.aisaas-pricing-cards__deal {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    background: var(--aisaas-tag-orange-bg);
    color: var(--aisaas-tag-orange-text);
    padding: 8px 16px;
    border-radius: var(--aisaas-radius-lg);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-pricing-cards__deal a {
    color: var(--aisaas-tag-orange-text);
    font-weight: 700;
    text-decoration: underline;
}

.aisaas-pricing-cards__deal a:hover {
    color: var(--aisaas-primary);
}

/* Card Grid */
.aisaas-pricing-cards__grid {
    display: grid;
    gap: var(--aisaas-space-lg);
}

.aisaas-pricing-cards--2 .aisaas-pricing-cards__grid {
    grid-template-columns: repeat(2, 1fr);
}

.aisaas-pricing-cards--3 .aisaas-pricing-cards__grid {
    grid-template-columns: repeat(3, 1fr);
}

.aisaas-pricing-cards--4 .aisaas-pricing-cards__grid {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
    .aisaas-pricing-cards--3 .aisaas-pricing-cards__grid,
    .aisaas-pricing-cards--4 .aisaas-pricing-cards__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .aisaas-pricing-cards--2 .aisaas-pricing-cards__grid,
    .aisaas-pricing-cards--3 .aisaas-pricing-cards__grid,
    .aisaas-pricing-cards--4 .aisaas-pricing-cards__grid {
        grid-template-columns: 1fr;
    }
}

/* Individual Pricing Card */
.aisaas-pricing-card {
    position: relative;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    padding: var(--aisaas-space-xl) var(--aisaas-space-lg);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.aisaas-pricing-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--aisaas-shadow-lg);
}

/* Recommended card */
.aisaas-pricing-card--recommended {
    border-color: var(--aisaas-primary);
    border-width: 2px;
    box-shadow: 0 0 0 1px var(--aisaas-primary), var(--aisaas-shadow-md);
    background: linear-gradient(180deg, rgba(26, 86, 219, 0.03) 0%, var(--aisaas-bg) 40%);
}

.aisaas-pricing-card--recommended:hover {
    box-shadow: 0 0 0 1px var(--aisaas-primary), var(--aisaas-shadow-lg);
}

.aisaas-pricing-card__badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--aisaas-primary);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 16px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

/* Free plan card */
.aisaas-pricing-card--free {
    background: linear-gradient(180deg, rgba(14, 159, 110, 0.04) 0%, var(--aisaas-bg) 40%);
}

/* Card Header */
.aisaas-pricing-card__header {
    text-align: center;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-pricing-card__name {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: 4px;
}

.aisaas-pricing-card__desc {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: 0;
    line-height: 1.4;
}

/* Price Section */
.aisaas-pricing-card__price {
    text-align: center;
    margin-bottom: var(--aisaas-space-lg);
    padding-bottom: var(--aisaas-space-lg);
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-pricing-card__amount {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--aisaas-text);
    line-height: 1.1;
}

.aisaas-pricing-card__currency {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--aisaas-text-secondary);
    vertical-align: super;
    margin-right: 2px;
}

.aisaas-pricing-card__period {
    display: block;
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    margin-top: 4px;
}

.aisaas-pricing-card--free .aisaas-pricing-card__amount {
    color: var(--aisaas-secondary);
}

/* Features List */
.aisaas-pricing-card__features {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--aisaas-space-lg);
    flex: 1;
}

.aisaas-pricing-card__feature {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    font-size: 0.875rem;
    color: var(--aisaas-text);
    line-height: 1.4;
}

.aisaas-pricing-card__feature svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.aisaas-pricing-card__feature--included svg {
    color: var(--aisaas-secondary);
}

.aisaas-pricing-card__feature--excluded {
    color: var(--aisaas-text-muted);
}

.aisaas-pricing-card__feature--excluded svg {
    color: var(--aisaas-text-muted);
    opacity: 0.6;
}

.aisaas-pricing-card__feature--excluded span {
    text-decoration: line-through;
    opacity: 0.7;
}

/* CTA Button */
.aisaas-pricing-card__cta {
    margin-top: auto;
}

.aisaas-pricing-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 12px 20px;
    border-radius: var(--aisaas-radius-md);
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.2s;
    border: 2px solid transparent;
    cursor: pointer;
}

.aisaas-pricing-card__btn.aisaas-btn--primary {
    background: var(--aisaas-primary);
    color: #fff;
    border-color: var(--aisaas-primary);
}

.aisaas-pricing-card__btn.aisaas-btn--primary:hover {
    background: var(--aisaas-primary-dark);
    border-color: var(--aisaas-primary-dark);
}

.aisaas-pricing-card__btn.aisaas-btn--secondary {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
    border-color: var(--aisaas-border);
}

.aisaas-pricing-card__btn.aisaas-btn--secondary:hover {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

.aisaas-pricing-card__btn.aisaas-btn--outline {
    background: transparent;
    color: var(--aisaas-secondary);
    border-color: var(--aisaas-secondary);
}

.aisaas-pricing-card__btn.aisaas-btn--outline:hover {
    background: var(--aisaas-secondary);
    color: #fff;
}

/* Compare Toggle (mobile feature table) */
.aisaas-pricing-cards__compare {
    margin-top: var(--aisaas-space-lg);
    text-align: center;
}

.aisaas-pricing-cards__compare-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: 10px 20px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    cursor: pointer;
    transition: all 0.2s;
}

.aisaas-pricing-cards__compare-toggle:hover {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
}

.aisaas-pricing-cards__compare-toggle svg {
    color: var(--aisaas-primary);
}

.aisaas-pricing-cards__compare-table {
    margin-top: var(--aisaas-space-md);
}

/* Footer */
.aisaas-pricing-cards__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-lg);
    margin-top: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
}

.aisaas-pricing-cards__footer p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
}

@media (max-width: 640px) {
    .aisaas-pricing-cards__footer {
        flex-direction: column;
        text-align: center;
    }
}

/* Who it's for */
.aisaas-for-who {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-for-who__col {
    padding: var(--aisaas-space-lg);
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
}

.aisaas-for-who__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
    display: flex;
    align-items: center;
    gap: 6px;
}

.aisaas-for-who__title--good {
    color: var(--aisaas-secondary);
}

/* ============================================================
   Review Box (verdict / pricing note / testing notes)
   ============================================================ */
.aisaas-review-box {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-lg) var(--aisaas-space-xl);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-lg);
    border: 1px solid var(--aisaas-border);
}

.aisaas-review-box__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--aisaas-radius-md);
}

.aisaas-review-box__content {
    flex: 1;
    min-width: 0;
}

.aisaas-review-box__label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.aisaas-review-box__text {
    font-size: 0.9375rem;
    line-height: 1.7;
    margin: 0;
}

.aisaas-review-box--verdict {
    background: linear-gradient(135deg, var(--aisaas-primary-light) 0%, #eef2ff 100%);
    border-color: rgba(26, 86, 219, 0.15);
}

.aisaas-review-box--verdict .aisaas-review-box__icon {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
}

.aisaas-review-box--verdict .aisaas-review-box__label {
    color: var(--aisaas-primary);
}

.aisaas-review-box--verdict .aisaas-review-box__text {
    font-weight: 600;
    color: var(--aisaas-primary-dark);
}

.aisaas-review-box--pricing {
    background: var(--aisaas-tag-green-bg);
    border-color: rgba(5, 150, 105, 0.15);
}

.aisaas-review-box--pricing .aisaas-review-box__icon {
    background: var(--aisaas-secondary);
    color: var(--aisaas-text-light);
}

.aisaas-review-box--pricing .aisaas-review-box__label {
    color: var(--aisaas-secondary-dark);
}

.aisaas-review-box--pricing .aisaas-review-box__text {
    color: var(--aisaas-text);
}

.aisaas-review-box--testing {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

.aisaas-review-box--testing .aisaas-review-box__icon {
    background: var(--aisaas-text-secondary);
    color: var(--aisaas-text-light);
}

.aisaas-review-box--testing .aisaas-review-box__label {
    color: var(--aisaas-text-secondary);
}

.aisaas-review-box--testing .aisaas-review-box__text {
    color: var(--aisaas-text-secondary);
    font-size: 0.875rem;
}

/* ============================================================
   Score Breakdown
   ============================================================ */
.aisaas-score-breakdown {
    padding: var(--aisaas-space-xl);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-lg);
    display: flex;
    gap: var(--aisaas-space-xl);
    align-items: center;
}

/* Overall score circle */
.aisaas-score-breakdown__overall {
    flex-shrink: 0;
    text-align: center;
}

.aisaas-score-breakdown__circle {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--aisaas-space-sm);
    position: relative;
    background: conic-gradient(
        var(--aisaas-primary) calc(var(--score-pct, 0) * 1%),
        var(--aisaas-bg-tertiary) calc(var(--score-pct, 0) * 1%)
    );
}

.aisaas-score-breakdown__circle-inner {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: var(--aisaas-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.aisaas-score-breakdown__circle-num {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    line-height: 1;
}

.aisaas-score-breakdown__circle-max {
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    font-weight: 500;
}

.aisaas-score-breakdown__overall-label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
}

/* Dimension bars */
.aisaas-score-breakdown__dims {
    flex: 1;
    min-width: 0;
}

.aisaas-score-breakdown__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-lg);
    color: var(--aisaas-text);
    display: none; /* Title shown via overall section */
}

.aisaas-score-breakdown__grid {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
}

.aisaas-score-item {
    display: grid;
    grid-template-columns: 24px 110px 1fr 36px;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-score-item__icon {
    color: var(--aisaas-text-muted);
    display: flex;
    align-items: center;
}

.aisaas-score-item__label {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
}

.aisaas-score-item__bar {
    height: 8px;
    background: var(--aisaas-bg-tertiary);
    border-radius: 100px;
    overflow: hidden;
}

.aisaas-score-item__fill {
    height: 100%;
    background: var(--aisaas-primary);
    border-radius: 100px;
    transition: width 0.6s ease;
}

/* Color fills based on score */
.aisaas-score-item__fill--high {
    background: var(--aisaas-secondary);
}

.aisaas-score-item__fill--mid {
    background: var(--aisaas-star);
}

.aisaas-score-item__fill--low {
    background: var(--aisaas-accent);
}

.aisaas-score-item__num {
    font-size: 0.875rem;
    font-weight: 700;
    text-align: right;
    color: var(--aisaas-text);
}

/* ============================================================
   Audience Split (Who Should Use / Skip)
   ============================================================ */
.aisaas-audience-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
    margin: var(--aisaas-space-lg) 0;
    align-items: stretch;
}

.aisaas-audience-split__col {
    padding: var(--aisaas-space-lg);
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
}

.aisaas-audience-split__col--use {
    background: var(--aisaas-tag-green-bg);
    border-color: rgba(5, 150, 105, 0.2);
}

.aisaas-audience-split__col--skip {
    background: #fff7ed;
    border-color: rgba(234, 88, 12, 0.2);
}

.aisaas-audience-split__header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-audience-split__col--use .aisaas-audience-split__header {
    color: var(--aisaas-secondary-dark);
}

.aisaas-audience-split__col--skip .aisaas-audience-split__header {
    color: #c2410c;
}

.aisaas-audience-split__col ul {
    list-style: none;
}

.aisaas-audience-split__col ul li {
    padding: 8px 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--aisaas-text);
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.aisaas-audience-split__col ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.aisaas-audience-split__col--use ul li::before {
    content: "\2713";
    color: var(--aisaas-secondary);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 2px;
}

.aisaas-audience-split__col--skip ul li::before {
    content: "\2717";
    color: var(--aisaas-accent);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ============================================================
   Compare Picker 閳?Self-selected tool comparison
   ============================================================ */
.aisaas-compare-picker {
    margin: var(--aisaas-space-xl) 0;
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    position: relative;
}

.aisaas-compare-picker__selected {
    display: flex;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-compare-picker__slot {
    flex: 1;
    min-width: 140px;
    max-width: 220px;
    padding: 16px;
    border: 2px dashed var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    background: var(--aisaas-bg);
    color: var(--aisaas-text-muted);
    font-size: 0.875rem;
}

.aisaas-compare-picker__slot:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

.aisaas-compare-picker__slot--active {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    background: rgba(79,70,229,0.04);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.12);
}

.aisaas-compare-picker__slot--filled {
    border-style: solid;
    border-color: var(--aisaas-primary);
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    flex-direction: row;
    gap: 10px;
}

.aisaas-compare-picker__slot-logo {
    width: 32px;
    height: 32px;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 3px;
    flex-shrink: 0;
}

.aisaas-compare-picker__slot-logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.75rem;
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    padding: 0;
}

.aisaas-compare-picker__slot-name {
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.aisaas-compare-picker__slot-remove {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--aisaas-accent);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.aisaas-compare-picker__search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-compare-picker__search-wrap svg {
    position: absolute;
    left: 12px;
    color: var(--aisaas-text-muted);
    pointer-events: none;
}

.aisaas-compare-picker__search {
    width: 100%;
    max-width: 400px;
    padding: 10px 12px 10px 36px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    outline: none;
    transition: border-color 0.2s;
}

.aisaas-compare-picker__search:focus {
    border-color: var(--aisaas-primary);
}

.aisaas-compare-picker__dropdown {
    display: none;
    position: absolute;
    z-index: 50;
    max-width: 500px;
    max-height: 280px;
    overflow-y: auto;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    box-shadow: var(--aisaas-shadow-lg);
}

.aisaas-compare-picker__dropdown.is-active {
    display: block;
}

.aisaas-compare-picker__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.15s;
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-compare-picker__item:last-child {
    border-bottom: none;
}

.aisaas-compare-picker__item:hover {
    background: var(--aisaas-bg-secondary);
}

.aisaas-compare-picker__item-logo {
    width: 28px;
    height: 28px;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 3px;
    flex-shrink: 0;
}

.aisaas-compare-picker__item-logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.625rem;
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    padding: 0;
}

.aisaas-compare-picker__item-info {
    min-width: 0;
}

.aisaas-compare-picker__item-name {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--aisaas-text);
}

.aisaas-compare-picker__item-tagline {
    display: block;
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisaas-compare-picker__empty {
    padding: 16px;
    text-align: center;
    color: var(--aisaas-text-muted);
    font-size: 0.875rem;
}

.aisaas-compare-picker__loading {
    padding: 20px;
    text-align: center;
    color: var(--aisaas-text-muted);
    font-size: 0.875rem;
}

.aisaas-compare-picker__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-primary);
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.9375rem;
    transition: all 0.2s;
}

.aisaas-compare-picker__btn:hover:not(:disabled) {
    background: var(--aisaas-primary-dark);
    transform: translateY(-1px);
}

.aisaas-compare-picker__btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Comparison result table */
.aisaas-compare-result {
    margin-top: var(--aisaas-space-lg);
    animation: aisaas-fadeIn 0.3s ease;
}

@keyframes aisaas-fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.aisaas-compare-result__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
    background: var(--aisaas-bg);
}

.aisaas-compare-result__table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
}

.aisaas-compare-result__corner {
    width: 100px;
    background: var(--aisaas-bg-secondary);
}

.aisaas-compare-result__col-head {
    padding: var(--aisaas-space-md);
    text-align: center;
    background: var(--aisaas-bg-secondary);
    border-bottom: 2px solid var(--aisaas-border);
    font-weight: 400;
}

.aisaas-compare-result__tool-identity {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.aisaas-compare-result__logo {
    width: 36px;
    height: 36px;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 4px;
}

.aisaas-compare-result__tool-name {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-compare-result__tool-tagline {
    display: block;
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-compare-result__label {
    padding: 10px 12px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-secondary);
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-compare-result__cell {
    padding: 10px 12px;
    text-align: center;
    border-bottom: 1px solid var(--aisaas-border-light);
    font-size: 0.875rem;
    vertical-align: middle;
}

.aisaas-compare-result__price {
    font-weight: 700;
    color: var(--aisaas-primary);
}

.aisaas-compare-result__yes {
    color: #059669;
    font-weight: 600;
    font-size: 0.8125rem;
}

.aisaas-compare-result__no {
    color: #9ca3af;
    font-size: 0.8125rem;
}

.aisaas-compare-result__best-for {
    font-size: 0.8125rem;
    color: var(--aisaas-text);
    line-height: 1.4;
}

.aisaas-compare-result__na {
    color: var(--aisaas-text-muted);
}

.aisaas-compare-result__check {
    color: var(--aisaas-secondary);
    font-weight: 700;
}

.aisaas-compare-result__cross {
    color: var(--aisaas-text-muted);
}

.aisaas-compare-result__section-row td {
    background: var(--aisaas-bg-secondary);
    font-weight: 700;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--aisaas-text-secondary);
    padding: 8px 12px;
}

.aisaas-compare-result__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.aisaas-compare-result__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    color: var(--aisaas-primary);
    font-weight: 600;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: all 0.2s;
    white-space: nowrap;
}

.aisaas-compare-result__btn:hover {
    background: var(--aisaas-primary);
    color: #fff;
    border-color: var(--aisaas-primary);
}

.aisaas-compare-result__btn--visit {
    padding: 6px 12px;
    font-size: 0.75rem;
    background: var(--aisaas-bg);
}

.aisaas-compare-result__btn--visit:hover {
    background: var(--aisaas-cta);
    color: #fff;
    border-color: var(--aisaas-cta);
}

/* ============================================================
   Comparison Page 閳?Feature Comparison Table
   (template-parts/comparison-table.php 閳?single-comparison.php)
   ============================================================ */

.aisaas-section-header {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-comparison-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
    background: var(--aisaas-bg);
}

.aisaas-comparison-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 480px;
}

.aisaas-comparison-table th,
.aisaas-comparison-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--aisaas-border-light);
    vertical-align: middle;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: visible;
}

/* First column 閳?feature labels */
.aisaas-comparison-table tbody > tr > td:first-child {
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-secondary);
    white-space: normal;
    min-width: 110px;
    width: 28%;
}

/* Tool columns */
.aisaas-comparison-table thead th {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--aisaas-text);
    border-bottom: 2px solid var(--aisaas-border);
    position: sticky;
    top: 0;
    background: var(--aisaas-bg-secondary);
    z-index: 1;
}

.aisaas-comparison-table__sticky-head {
    z-index: 1;
}

.aisaas-comparison-table__head-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.aisaas-comparison-table__head-badge--winner {
    background: linear-gradient(135deg, #ffd700, #f0c000);
    color: #5a4a00;
}

.aisaas-comparison-table__cell-value {
    display: inline-block;
    font-weight: 500;
    color: var(--aisaas-text);
}

.aisaas-comparison-table__cell-na {
    color: var(--aisaas-text-muted);
}

/* Check / Cross marks in feature rows */
.aisaas-comparison-table__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(34,197,94,0.1);
    color: #16a34a;
    font-weight: 700;
    font-size: 0.875rem;
}

.aisaas-comparison-table__cross {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(239,68,68,0.08);
    color: #dc2626;
    font-weight: 400;
    font-size: 0.8125rem;
}

/* Feature group header row */
.aisaas-comparison-table__group-header td {
    padding: 10px 16px;
    background: var(--aisaas-bg-tertiary);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--aisaas-text-muted);
    border-top: 2px solid var(--aisaas-border);
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-comparison-table__group-header:first-child td {
    border-top: none;
}

/* Feature comparison summary card */
.aisaas-comp-feat-summary {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    margin-bottom: var(--aisaas-space-md);
    background: var(--aisaas-primary-light);
    border-radius: var(--aisaas-radius-md);
    border-left: 3px solid var(--aisaas-primary);
    font-size: 0.9375rem;
    line-height: 1.5;
}
.aisaas-comp-feat-summary svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--aisaas-primary);
}
.aisaas-comp-feat-summary p {
    margin: 0;
    color: var(--aisaas-text);
}

/* Feature category filter tabs */
.aisaas-comp-feat-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: var(--aisaas-space-md);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 4px;
}

.aisaas-comp-feat-tab {
    flex-shrink: 0;
    padding: 6px 16px;
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.aisaas-comp-feat-tab:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

.aisaas-comp-feat-tab.is-active {
    background: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
    color: #fff;
}

/* PC/Mobile toggle */
.aisaas-comp-feat-desktop { display: block; }
.aisaas-comp-feat-mobile { display: none; }

/* Mobile feature cards */
.aisaas-comp-feat-group {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-comp-feat-group__title {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--aisaas-text-muted);
    margin: 0 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-comp-feat-card {
    background: var(--aisaas-bg);
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 8px;
}

.aisaas-comp-feat-card__name {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0 0 8px;
}

.aisaas-comp-feat-card__rows {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aisaas-comp-feat-card__row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--aisaas-bg-secondary);
}

.aisaas-comp-feat-card__row--winner {
    background: #ecfdf5;
}

.aisaas-comp-feat-card__tool {
    flex: 1;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-comp-feat-status {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}

.aisaas-comp-feat-status--yes {
    background: #ecfdf5;
    color: #059669;
}

.aisaas-comp-feat-status--no {
    background: #fef2f2;
    color: #dc2626;
}

.aisaas-comp-feat-winner-tag {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #fff;
    background: var(--aisaas-secondary);
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

.aisaas-comp-feat-expand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 10px;
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    cursor: pointer;
    transition: background 0.15s ease;
}

.aisaas-comp-feat-expand:hover {
    background: var(--aisaas-bg-tertiary);
}

.aisaas-comp-feat-expand svg {
    transition: transform 0.2s ease;
}

/* Winner badge inside cells */
.aisaas-table-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.7rem;
    font-weight: 600;
}

.aisaas-table-badge--winner {
    background: rgba(255,215,0,0.15);
    color: #b8860b;
}

/* Tag pills (Yes/No) */
.aisaas-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.75rem;
    font-weight: 600;
}

.aisaas-tag--green {
    background: rgba(34,197,94,0.08);
    color: #15803d;
}

.aisaas-tag--red {
    background: rgba(239,68,68,0.06);
    color: #b91c1c;
}

.aisaas-tag--blue {
    background: rgba(59,130,246,0.08);
    color: #1d4ed8;
}

/* Mobile: card layout for comparison table */
@media (max-width: 640px) {
    .aisaas-comparison-table-wrap {
        border: none;
        background: transparent;
    }

    .aisaas-comparison-table {
        display: block;
    }

    .aisaas-comparison-table thead {
        display: none;
    }

    .aisaas-comparison-table tbody {
        display: block;
    }

    .aisaas-comparison-table tbody tr {
        display: flex;
        flex-direction: column;
        margin-bottom: var(--aisaas-space-md);
        padding: var(--aisaas-space-md);
        border: 1px solid var(--aisaas-border);
        border-radius: var(--aisaas-radius-md);
        background: var(--aisaas-bg);
        gap: 6px;
    }

    .aisaas-comparison-table tbody tr > td:first-child {
        font-size: 0.9375rem;
        font-weight: 700;
        color: var(--aisaas-text);
        background: transparent;
        width: auto;
        padding-bottom: 4px;
        border-bottom: 1px dashed var(--aisaas-border-light);
    }

    .aisaas-comparison-table tbody tr > td:not(:first-child) {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 4px 0;
        white-space: normal;
        border-bottom: none;
    }
}

@media (max-width: 768px) {
    .aisaas-compare-picker__selected {
        flex-direction: column;
    }
    .aisaas-compare-picker__slot {
        max-width: 100%;
    }
}

/* ============================================================
   Comparison Page 閳?Pricing Chart
   ============================================================ */
.aisaas-comp-chart {
    margin: var(--aisaas-space-lg) 0;
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
}

.aisaas-comp-chart__canvas-wrap {
    max-width: 640px;
    margin: 0 auto;
}

.aisaas-comp-chart__legend {
    display: flex;
    justify-content: center;
    gap: var(--aisaas-space-lg);
    margin-top: var(--aisaas-space-md);
}

.aisaas-comp-chart__legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-comp-chart__legend-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: var(--dot-color, var(--aisaas-primary));
}

@media (max-width: 768px) {
    .aisaas-comp-chart__canvas-wrap {
        max-width: 100%;
    }
}

/* ============================================================
   Best For / Not For Visual Cards (Green-Red Contrast)
   ============================================================ */
.aisaas-for-cards {
    margin: var(--aisaas-space-lg) 0;
}

.aisaas-for-cards__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
    align-items: stretch;
}

.aisaas-for-card {
    position: relative;
    padding: var(--aisaas-space-lg);
    border-radius: var(--aisaas-radius-lg);
    border: 2px solid transparent;
    overflow: hidden;
}

/* Green card */
.aisaas-for-card--best {
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border-color: rgba(5, 150, 105, 0.25);
}

/* Red card */
.aisaas-for-card--not {
    background: linear-gradient(135deg, #fef2f2 0%, #fff1f2 100%);
    border-color: rgba(220, 38, 38, 0.2);
}

/* Left accent stripe */
.aisaas-for-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.aisaas-for-card--best::before {
    background: linear-gradient(180deg, #059669, #10b981);
}

.aisaas-for-card--not::before {
    background: linear-gradient(180deg, #dc2626, #f87171);
}

/* Ribbon / Header badge */
.aisaas-for-card__ribbon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-for-card--best .aisaas-for-card__ribbon {
    background: #059669;
    color: #fff;
}

.aisaas-for-card__ribbon--not,
.aisaas-for-card--not .aisaas-for-card__ribbon {
    background: #dc2626;
    color: #fff;
}

/* Item list */
.aisaas-for-card__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aisaas-for-card__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    line-height: 1.6;
}

.aisaas-for-card__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.aisaas-for-card__text {
    font-size: 0.9375rem;
    color: var(--aisaas-text);
}

/* Icon circles */
.aisaas-for-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 2px;
}

.aisaas-for-card__icon--best {
    background: #d1fae5;
    color: #059669;
}

.aisaas-for-card__icon--not {
    background: #fee2e2;
    color: #dc2626;
}

/* Responsive */
@media (max-width: 768px) {
    .aisaas-for-cards__grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Feature Cards
   ============================================================ */
.aisaas-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--aisaas-space-md);
}

.aisaas-feature-card {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
    transition: box-shadow 0.2s, border-color 0.2s;
}

.aisaas-feature-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-sm);
}

.aisaas-feature-card__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-radius: var(--aisaas-radius-md);
}

.aisaas-feature-card__body {
    flex: 1;
    min-width: 0;
}

.aisaas-feature-card__title {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--aisaas-text);
}

.aisaas-feature-card__desc {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.aisaas-for-who__title--bad {
    color: var(--aisaas-accent);
}

.aisaas-for-who__list li {
    padding: 6px 0;
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    list-style: disc;
    margin-left: var(--aisaas-space-lg);
}

/* FAQ */
.aisaas-faq {
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-faq__item {
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    margin-bottom: var(--aisaas-space-sm);
    overflow: hidden;
}

.aisaas-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: var(--aisaas-bg);
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9375rem;
    border: none;
    width: 100%;
    text-align: left;
    color: var(--aisaas-text);
    transition: background 0.15s;
}

.aisaas-faq__question:hover {
    background: var(--aisaas-bg-secondary);
}

.aisaas-faq__icon {
    transition: transform 0.2s;
    flex-shrink: 0;
    margin-left: var(--aisaas-space-md);
}

.aisaas-faq__item.is-open .aisaas-faq__icon {
    transform: rotate(180deg);
}

.aisaas-faq__answer {
    display: none;
    padding: 0 20px 16px;
    color: var(--aisaas-text-secondary);
    font-size: 0.9375rem;
    line-height: 1.7;
}

.aisaas-faq__item.is-open .aisaas-faq__answer {
    display: block;
}

/* Credibility / Methodology Module */
.aisaas-credibility {
    padding: var(--aisaas-space-xl);
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-credibility__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-credibility__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-radius: var(--aisaas-radius-md);
    flex-shrink: 0;
}

.aisaas-credibility__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--aisaas-text);
}

.aisaas-credibility__subtitle {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin: 2px 0 0;
}

.aisaas-credibility__body {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.7;
    margin-bottom: var(--aisaas-space-lg);
    padding-left: 60px;
}

.aisaas-credibility__badges {
    display: flex;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    padding-left: 60px;
}

.aisaas-credibility__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-secondary-dark);
    background: var(--aisaas-tag-green-bg);
    padding: 6px 14px;
    border-radius: 100px;
    border: 1px solid rgba(5, 150, 105, 0.2);
}

.aisaas-credibility__badge svg {
    color: var(--aisaas-secondary);
    flex-shrink: 0;
}

/* Alternatives -- Rich Recommendation Cards */
.aisaas-alternatives {
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-alternatives__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--aisaas-space-lg);
}

/* Compact chips for unlinked alternatives */
.aisaas-alternatives__compact {
    margin-top: var(--aisaas-space-lg);
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border-light);
    border-radius: var(--aisaas-radius-lg);
}

.aisaas-alternatives__compact-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-alternatives__compact-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm);
}

.aisaas-alternatives__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.aisaas-alternatives__chip:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-sm);
    transform: translateY(-1px);
}

.aisaas-alternatives__chip svg {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
    transition: color 0.2s;
}

.aisaas-alternatives__chip:hover svg {
    color: var(--aisaas-primary);
}

.aisaas-alt-card {
    display: flex;
    flex-direction: column;
    padding: var(--aisaas-space-lg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-bg);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.aisaas-alt-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-alt-card__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-alt-card__logo {
    width: 48px;
    height: 48px;
    border-radius: var(--aisaas-radius-md);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 6px;
    flex-shrink: 0;
}

.aisaas-alt-card__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1rem;
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    padding: 0;
}

.aisaas-alt-card__identity {
    flex: 1;
    min-width: 0;
}

.aisaas-alt-card__name {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 2px;
    color: var(--aisaas-text);
}

.aisaas-alt-card__tagline {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aisaas-alt-card__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-alt-card__rating-num {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-alt-card__best-for {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-md);
    line-height: 1.4;
}

.aisaas-alt-card__best-for svg {
    flex-shrink: 0;
    color: var(--aisaas-primary);
}

.aisaas-alt-card__meta {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-alt-card__price {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-primary);
}

.aisaas-alt-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: auto;
    padding: 10px 20px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    color: var(--aisaas-primary);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-alt-card__btn:hover {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
}

.aisaas-alt-card__btn--outline {
    background: var(--aisaas-bg);
    padding: 8px 14px;
    font-size: 0.8125rem;
}

.aisaas-alt-card__btn--outline:hover {
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-cta);
}

.aisaas-alt-card__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-top: auto;
    flex-wrap: wrap;
}

.aisaas-alt-card__vs {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg-tertiary);
    border-radius: var(--aisaas-radius-sm);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-alt-card__vs-label {
    font-weight: 700;
    color: var(--aisaas-text);
    display: block;
    margin-bottom: 2px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ============================================================
   Alternatives Quick Comparison Table
   ============================================================ */
.aisaas-alt-compare {
    margin: var(--aisaas-space-xl) 0;
}

.aisaas-alt-compare__subtitle {
    margin-bottom: var(--aisaas-space-lg);
}

/* Table wrapper 閳?horizontal scroll on small screens */
.aisaas-alt-compare__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
    background: var(--aisaas-bg);
}

.aisaas-alt-compare__table {
    width: 100%;
    border-collapse: collapse;
    min-width: 560px;
    table-layout: fixed;
}

/* Corner cell (row labels) */
.aisaas-alt-compare__corner {
    width: 100px;
    min-width: 90px;
    background: var(--aisaas-bg-secondary);
}

/* Column header */
.aisaas-alt-compare__col-head {
    padding: var(--aisaas-space-md) var(--aisaas-space-md);
    text-align: center;
    background: var(--aisaas-bg);
    border-bottom: 2px solid var(--aisaas-border);
    font-weight: 400;
}

.aisaas-alt-compare__col-head--current {
    background: linear-gradient(180deg, rgba(79, 70, 229, 0.06) 0%, transparent 100%);
    position: relative;
}

.aisaas-alt-compare__col-head--current::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--aisaas-primary);
    border-radius: 0 0 2px 2px;
}

.aisaas-alt-compare__tool-identity {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.aisaas-alt-compare__logo {
    width: 36px;
    height: 36px;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 4px;
}

.aisaas-alt-compare__tool-name {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
    line-height: 1.3;
}

.aisaas-alt-compare__current-badge {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--aisaas-primary);
    background: rgba(79, 70, 229, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
    margin-top: 2px;
}

/* Row labels */
.aisaas-alt-compare__label {
    padding: 10px 12px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-secondary);
    border-bottom: 1px solid var(--aisaas-border-light);
    white-space: nowrap;
}

/* Data cells */
.aisaas-alt-compare__cell {
    padding: 10px 12px;
    text-align: center;
    border-bottom: 1px solid var(--aisaas-border-light);
    font-size: 0.875rem;
    vertical-align: middle;
}

.aisaas-alt-compare__cell--current {
    background: rgba(79, 70, 229, 0.02);
}

/* Rating in table */
.aisaas-alt-compare__rating {
    display: flex;
    justify-content: center;
}

.aisaas-alt-compare__rating .aisaas-stars {
    font-size: 0.875rem;
}

/* Price */
.aisaas-alt-compare__price {
    font-weight: 700;
    color: var(--aisaas-primary);
    font-size: 0.9375rem;
}

/* Yes / No indicators */
.aisaas-alt-compare__yes {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #059669;
    font-weight: 600;
    font-size: 0.8125rem;
}

.aisaas-alt-compare__no {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #9ca3af;
    font-size: 0.8125rem;
}

/* Best For text */
.aisaas-alt-compare__best-for {
    font-size: 0.8125rem;
    color: var(--aisaas-text);
    line-height: 1.4;
    display: inline-block;
    max-width: 160px;
}

/* N/A dash */
.aisaas-alt-compare__na {
    color: var(--aisaas-text-muted);
    font-size: 0.875rem;
}

/* CTA buttons in table */
.aisaas-alt-compare__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.aisaas-alt-compare__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    color: var(--aisaas-primary);
    font-weight: 600;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: all 0.2s;
    white-space: nowrap;
}

.aisaas-alt-compare__btn:hover {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
}

.aisaas-alt-compare__btn--current {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
}

.aisaas-alt-compare__btn--current:hover {
    background: var(--aisaas-primary-dark);
    border-color: var(--aisaas-primary-dark);
}

.aisaas-alt-compare__btn--visit {
    padding: 6px 12px;
    font-size: 0.75rem;
    background: var(--aisaas-bg);
}

.aisaas-alt-compare__btn--visit:hover {
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-cta);
}

/* ============ Mobile card-based layout ============ */
.aisaas-alt-compare__cards {
    display: none;
    flex-direction: column;
    gap: var(--aisaas-space-md);
}

.aisaas-alt-compare__card {
    padding: var(--aisaas-space-md);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-bg);
}

.aisaas-alt-compare__card-header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-alt-compare__card-logo {
    width: 40px;
    height: 40px;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 5px;
    flex-shrink: 0;
}

.aisaas-alt-compare__card-identity {
    min-width: 0;
}

.aisaas-alt-compare__card-name {
    display: block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-alt-compare__card-tagline {
    display: block;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.4;
}

.aisaas-alt-compare__card-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-alt-compare__card-stat {
    padding: 8px;
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-alt-compare__card-stat-label {
    display: block;
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 2px;
}

.aisaas-alt-compare__card-stat-value {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-alt-compare__card-stat-value .aisaas-stars {
    font-size: 0.8125rem;
}

.aisaas-alt-compare__card-actions {
    display: flex;
    gap: var(--aisaas-space-sm);
}

.aisaas-alt-compare__card-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    color: var(--aisaas-primary);
    font-weight: 600;
    font-size: 0.8125rem;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s;
}

.aisaas-alt-compare__card-btn:hover {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
}

.aisaas-alt-compare__card-btn--visit {
    background: var(--aisaas-bg);
}

.aisaas-alt-compare__card-btn--visit:hover {
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-cta);
}

/* Responsive: swap table 閳?cards */
@media (max-width: 768px) {
    .aisaas-alt-compare__table-wrap {
        display: none;
    }
    .aisaas-alt-compare__cards {
        display: flex;
    }
}


.aisaas-sidebar-alt {
    display: block;
    padding: var(--aisaas-space-sm) 0;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid var(--aisaas-border-light);
    transition: background 0.15s;
}

.aisaas-sidebar-alt:last-child {
    border-bottom: none;
}

.aisaas-sidebar-alt:hover {
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-sidebar-alt__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-sidebar-alt__logo {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    flex-shrink: 0;
}

.aisaas-sidebar-alt__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.625rem;
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
}

.aisaas-sidebar-alt__info {
    flex: 1;
    min-width: 0;
}

.aisaas-sidebar-alt__name {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-sidebar-alt__rating {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.aisaas-sidebar-alt__rating-num {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-sidebar-alt__best-for {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    padding-left: 32px;
}

.aisaas-sidebar-alt__best-for svg {
    flex-shrink: 0;
    color: var(--aisaas-text-muted);
}

.aisaas-sidebar-alt__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-top: var(--aisaas-space-sm);
    padding-top: var(--aisaas-space-sm);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-sidebar-alt__link {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    text-decoration: none;
    cursor: pointer;
}

.aisaas-sidebar-alt__link:hover {
    text-decoration: underline;
}

.aisaas-sidebar-alt__link--visit {
    color: var(--aisaas-text-secondary);
}

.aisaas-sidebar-alt__link--visit:hover {
    color: var(--aisaas-primary);
}

/* ============================================================
   Comparison Page
   ============================================================ */
.aisaas-comparison {
    padding: var(--aisaas-space-2xl) 0;
}

.aisaas-comparison__verdict {
    padding: var(--aisaas-space-xl);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-xl);
    text-align: center;
}

.aisaas-comparison__verdict-title {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-md);
}

/* ===== Comparison Detail Page ===== */

/* Comparison Table 閳?full width */
.aisaas-comparison-table-wrap {
    width: 100%;
    margin-bottom: var(--aisaas-space-xl);
}

/* Sticky table header */
.aisaas-comparison-table__sticky-head th {
    position: sticky;
    top: var(--aisaas-header-height, 72px);
    z-index: 10;
    background: var(--aisaas-bg-secondary);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

/* Related Comparisons Grid */
.aisaas-comp-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--aisaas-space-md);
}

.aisaas-comp-related-card {
    display: flex;
    flex-direction: column;
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    color: inherit;
    transition: all 0.2s;
}

.aisaas-comp-related-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-comp-related-card__tools {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-comp-related-card__tool {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.aisaas-comp-related-card__logo {
    width: 32px;
    height: 32px;
    border-radius: var(--aisaas-logo-fallback-radius);
    object-fit: contain;
    background: var(--aisaas-logo-fallback-bg);
    flex-shrink: 0;
}

.aisaas-comp-related-card__info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.aisaas-comp-related-card__name {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.aisaas-comp-related-card__rating {
    font-size: 0.6875rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-comp-related-card__winner-badge {
    color: var(--aisaas-star, #f59e0b);
    font-size: 0.875rem;
    flex-shrink: 0;
}

.aisaas-comp-related-card__vs {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--aisaas-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
    padding: 0 2px;
}

.aisaas-comp-related-card__verdict {
    margin-top: var(--aisaas-space-sm);
    padding-top: var(--aisaas-space-sm);
    border-top: 1px solid var(--aisaas-border-light);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-secondary);
}

/* Comparison Table */
.aisaas-comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-comparison-table th {
    padding: 14px 16px;
    background: var(--aisaas-bg-secondary);
    font-weight: 700;
    font-size: 0.875rem;
    text-align: center;
    border-bottom: 2px solid var(--aisaas-border);
}

.aisaas-comparison-table th:first-child {
    text-align: left;
}

.aisaas-comparison-table td {
    padding: 12px 16px;
    text-align: center;
    border-bottom: 1px solid var(--aisaas-border-light);
    font-size: 0.9375rem;
}

.aisaas-comparison-table td:first-child {
    text-align: left;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-comparison-table tr:hover td {
    background: var(--aisaas-bg-secondary);
}

/* Winner badge in table header */
.aisaas-comparison-table__head-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 6px;
    background: var(--aisaas-primary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 100px;
    vertical-align: middle;
    line-height: 1.5;
}

.aisaas-comparison-table__head-badge--winner {
    background: var(--aisaas-secondary);
}

/* Winner badge in table cells (replaces green block highlight) */
.aisaas-table-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 100px;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.6;
    vertical-align: middle;
}
.aisaas-table-badge--winner {
    background: var(--aisaas-tag-green-bg, #ecfdf5);
    color: var(--aisaas-secondary, #0e9f6e);
    border: 1px solid #bbf7d0;
}
.aisaas-table-badge--better {
    background: var(--aisaas-bg-secondary, #f8fafc);
    color: var(--aisaas-primary, #4f46e5);
    border: 1px solid var(--aisaas-border-light, #e2e8f0);
}

/* Cell value styles */
.aisaas-comparison-table__cell-value {
    font-weight: 600;
}
.aisaas-comparison-table__cell-na {
    color: var(--aisaas-text-muted);
}

/* Pros & Cons Group (comparison page) */
.aisaas-pros-cons-grid {
    align-items: start;
}

.aisaas-pros-cons-group {
    display: flex;
    flex-direction: column;
}

.aisaas-pros-cons-group__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.125rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-md);
    padding-bottom: var(--aisaas-space-sm);
    border-bottom: 2px solid var(--aisaas-border-light);
    color: var(--aisaas-text);
}

.aisaas-pros-cons-group__logo {
    flex-shrink: 0;
    border-radius: var(--aisaas-radius-sm);
    background: var(--aisaas-bg-secondary);
}

.aisaas-pros-cons-group__logo--fallback {
    font-size: 0.625rem !important;
}

/* Sticky CTA hint text */
.aisaas-sticky-cta__hint {
    display: none;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-right: auto;
}

@media (min-width: 768px) {
    .aisaas-sticky-cta__hint {
        display: inline;
    }
}

/* Final CTA decision hint */
.aisaas-comp-final-cta__hint {
    font-size: 1rem;
    color: var(--aisaas-text-secondary);
    margin-top: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-lg);
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Detailed comparison content structure */
.aisaas-comparison-content h2,
.aisaas-comparison-content h3 {
    margin-top: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-sm);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Winner badge inside detailed comparison content */
.aisaas-winner-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    background: var(--aisaas-tag-green-bg, #ecfdf5);
    color: var(--aisaas-secondary, #0e9f6e);
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 100px;
    border: 1px solid #bbf7d0;
    vertical-align: middle;
    margin-left: 8px;
}

.aisaas-better-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    background: var(--aisaas-bg-secondary, #f8fafc);
    color: var(--aisaas-primary, #4f46e5);
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 100px;
    border: 1px solid var(--aisaas-border-light, #e2e8f0);
    vertical-align: middle;
    margin-left: 8px;
}

/* ============================================================
   Category / Archive Page
   ============================================================ */
.aisaas-archive-header {
    padding: var(--aisaas-space-2xl) 0;
    text-align: center;
    background: var(--aisaas-bg-secondary);
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-archive-header--use-case {
    background: linear-gradient(135deg, var(--aisaas-primary-light) 0%, #eef2ff 50%, var(--aisaas-bg-secondary) 100%);
}

.aisaas-archive-header__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-radius: 100px;
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-archive-header__badge svg {
    width: 14px;
    height: 14px;
}

.aisaas-archive-header__title {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-archive-header__desc {
    color: var(--aisaas-text-secondary);
    max-width: 600px;
    margin: 0 auto;
}

/* Filters Bar (server-side) 閳?Console Style */
.aisaas-filters-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-lg);
    padding: 10px 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--aisaas-card-radius);
    border-top: 3px solid var(--aisaas-primary);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.aisaas-filters-bar__left {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-filters-bar__right {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-sort-label {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.aisaas-sort-select {
    padding: 5px 28px 5px 10px;
    border: 1px solid var(--aisaas-border);
    border-radius: 6px;
    font-size: 0.8125rem;
    color: var(--aisaas-text);
    background: var(--aisaas-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border-color 0.2s;
}

.aisaas-sort-select:focus {
    outline: none;
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 2px var(--aisaas-primary-light);
}

/* Active Filters Tags */
.aisaas-active-filters {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-lg);
    font-size: 0.875rem;
}

.aisaas-active-filters__label {
    color: var(--aisaas-text-secondary);
    font-weight: 500;
}

.aisaas-active-filters__tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-radius: 100px;
    font-weight: 500;
}

.aisaas-active-filters__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--aisaas-primary);
    color: #fff;
    font-size: 0.75rem;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s;
}

.aisaas-active-filters__remove:hover {
    background: var(--aisaas-primary-dark);
    color: #fff;
}

.aisaas-active-filters__clear {
    color: var(--aisaas-text-secondary);
    text-decoration: underline;
    font-size: 0.8125rem;
    margin-left: var(--aisaas-space-xs);
}

.aisaas-active-filters__clear:hover {
    color: var(--aisaas-primary);
}

/* Result count */
.aisaas-result-count {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-lg);
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-result-count strong {
    color: var(--aisaas-text);
}

.aisaas-result-count__method {
    margin-left: auto;
}

.aisaas-result-count__method a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8125rem;
    color: var(--aisaas-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s;
}

.aisaas-result-count__method a:hover {
    color: var(--aisaas-primary-dark);
    text-decoration: underline;
}

.aisaas-result-count__method svg {
    flex-shrink: 0;
    opacity: 0.7;
}

/* Legacy filters (kept for backward compat) */
.aisaas-filters {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-xl);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
}

.aisaas-filter-btn {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid var(--aisaas-border);
    border-radius: 100px;
    background: var(--aisaas-bg);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.aisaas-filter-btn:hover,
.aisaas-filter-btn.is-active {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
    text-decoration: none;
}

/* Tool list */
.aisaas-tool-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--aisaas-space-lg);
}

/* 閳光偓閳光偓 View Toggle 閳光偓閳光偓 */
.aisaas-view-toggle {
    display: flex;
    align-items: center;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-sm);
    overflow: hidden;
}

.aisaas-view-toggle__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: var(--aisaas-bg);
    color: var(--aisaas-text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.aisaas-view-toggle__btn:hover {
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-secondary);
}

.aisaas-view-toggle__btn.is-active {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
}

.aisaas-view-toggle__btn + .aisaas-view-toggle__btn {
    border-left: 1px solid var(--aisaas-border);
}

/* 閳光偓閳光偓 List View 閳光偓閳光偓 */
.aisaas-tool-list--list {
    grid-template-columns: 1fr;
}

.aisaas-tool-list--list .aisaas-tool-card {
    flex-direction: row;
    align-items: center;
    min-height: auto;
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    gap: var(--aisaas-space-lg);
}

.aisaas-tool-list--list .aisaas-tool-card__header {
    flex: 0 0 auto;
    min-width: 200px;
}

.aisaas-tool-list--list .aisaas-tool-card__tags {
    flex: 1;
    min-width: 0;
}

.aisaas-tool-list--list .aisaas-tool-card__actions {
    flex: 0 0 auto;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    white-space: nowrap;
}

/* ============================================================
   Blog / Articles
   ============================================================ */
.aisaas-article-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
}

.aisaas-article-card:hover {
    box-shadow: var(--aisaas-shadow-lg);
    transform: translateY(-2px);
}

.aisaas-article-card__image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.aisaas-article-card__image-wrap {
    display: block;
    overflow: hidden;
}

.aisaas-article-card__image-wrap .aisaas-article-card__image {
    transition: transform 0.3s;
}

.aisaas-article-card:hover .aisaas-article-card__image-wrap .aisaas-article-card__image {
    transform: scale(1.03);
}

.aisaas-article-card__content {
    padding: var(--aisaas-space-lg);
}

.aisaas-article-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-article-card__title a {
    color: var(--aisaas-text);
}

.aisaas-article-card__title a:hover {
    color: var(--aisaas-primary);
}

.aisaas-article-card__excerpt {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-article-card__meta {
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
}

/* ============================================================
   Deals / Coupons
   ============================================================ */
.aisaas-deal-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    padding: var(--aisaas-space-lg);
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.aisaas-deal-card:hover {
    box-shadow: var(--aisaas-card-hover-shadow);
}

/* Limited-time or high-urgency deal cards get a strong orange accent */
.aisaas-deal-card--urgent {
    border: 2px solid rgba(255, 107, 53, 0.3);
    background: linear-gradient(135deg, #fff7ed 0%, #ffffff 30%);
}

.aisaas-deal-card--urgent::before {
    content: "HOT DEAL";
    position: absolute;
    top: 12px;
    right: -30px;
    background: var(--aisaas-accent);
    color: var(--aisaas-text-light);
    padding: 2px 36px;
    font-size: 0.625rem;
    font-weight: 800;
    transform: rotate(45deg);
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
}

/* Coupon-only cards: orange left accent bar */
.aisaas-deal-card--coupon {
    border-left: 4px solid var(--aisaas-accent);
    background: linear-gradient(90deg, #fff7ed 0%, #ffffff 15%);
}

.aisaas-deal-card--coupon .aisaas-deal-card__discount {
    color: var(--aisaas-accent);
}

/* Free plan cards (no coupon): green left accent */
.aisaas-deal-card--free {
    border-left: 4px solid var(--aisaas-secondary);
    background: linear-gradient(90deg, #ecfdf5 0%, #ffffff 15%);
}

.aisaas-deal-card--free .aisaas-deal-card__type-label {
    font-weight: 600;
}

.aisaas-deal-card__discount {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--aisaas-accent);
    margin-bottom: var(--aisaas-space-sm);
    text-shadow: 0 1px 0 rgba(255, 107, 53, 0.08);
}

.aisaas-deal-card__code {
    display: inline-block;
    padding: 8px 20px;
    border: 2px dashed var(--aisaas-accent);
    border-radius: var(--aisaas-card-radius);
    font-family: var(--aisaas-font-mono);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-accent);
    background: #fff7ed;
    cursor: pointer;
    transition: all 0.2s;
}

.aisaas-deal-card__code:hover {
    background: var(--aisaas-accent);
    color: var(--aisaas-text-light);
    transform: scale(1.02);
}

/* ============================================================
   Sidebar
   ============================================================ */
.aisaas-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--aisaas-space-xl);
}

.aisaas-sidebar {
    position: sticky;
    top: 96px;
    align-self: start;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    scrollbar-width: thin;
}

.aisaas-widget {
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-widget-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
    padding-bottom: var(--aisaas-space-sm);
    border-bottom: 2px solid var(--aisaas-primary);
}

/* -- Sticky CTA Widget -- */
.aisaas-sidebar-cta {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-lg);
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Accent gradient strip at top */
.aisaas-sidebar-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--aisaas-primary), var(--aisaas-secondary));
}

.aisaas-sidebar-cta__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-md);
    text-align: left;
}

.aisaas-sidebar-cta__logo {
    width: 44px;
    height: 44px;
    border-radius: var(--aisaas-radius-md);
    object-fit: contain;
    background: var(--aisaas-bg-tertiary);
    padding: 6px;
    flex-shrink: 0;
}

.aisaas-sidebar-cta__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-tertiary);
    font-weight: 800;
    font-size: 0.875rem;
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-sidebar-cta__header-text {
    flex: 1;
    min-width: 0;
}
}

.aisaas-sidebar-cta__name {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2px;
    line-height: 1.3;
}

.aisaas-sidebar-cta__rating {
    display: flex;
    align-items: center;
    gap: 4px;
}

.aisaas-sidebar-cta__rating-num {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-sidebar-cta__price {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-sidebar-cta__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 16px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
    margin-bottom: var(--aisaas-space-sm);
    position: relative;
}

.aisaas-sidebar-cta__btn:hover {
    background: var(--aisaas-cta-hover);
    color: var(--aisaas-text-light);
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(5, 150, 105, 0.4);
}

/* Subtle pulse on the CTA */
@keyframes aisaas-cta-pulse {
    0% { box-shadow: 0 3px 10px rgba(5, 150, 105, 0.3); }
    50% { box-shadow: 0 3px 18px rgba(5, 150, 105, 0.5); }
    100% { box-shadow: 0 3px 10px rgba(5, 150, 105, 0.3); }
}

.aisaas-sidebar-cta__btn {
    animation: aisaas-cta-pulse 2.5s ease-in-out infinite;
}

.aisaas-sidebar-cta__btn:hover {
    animation: none;
}

.aisaas-sidebar-cta__deal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-accent);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
}

.aisaas-sidebar-cta__deal:hover {
    background: #e85d2d;
    color: var(--aisaas-text-light);
    transform: translateY(-1px);
}

/* Recommendation reason 閳?concise, decision-driving line */
.aisaas-sidebar-cta__reason {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: var(--aisaas-space-sm) 0 0;
    line-height: 1.5;
    font-style: italic;
}

.aisaas-sidebar-cta__meta {
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    margin-top: var(--aisaas-space-sm);
}

.aisaas-sidebar-cta__trust {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: var(--aisaas-space-sm);
    padding-top: var(--aisaas-space-sm);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-sidebar-cta__trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    font-weight: 500;
}

.aisaas-sidebar-cta__trust-item svg {
    color: var(--aisaas-secondary);
    flex-shrink: 0;
}

/* ============================================================
   Mid-Page CTA (after Pros & Cons)
   ============================================================ */
.aisaas-mid-cta {
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-left: 4px solid var(--aisaas-cta);
    border-radius: 0 var(--aisaas-radius-md) var(--aisaas-radius-md) 0;
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    margin: var(--aisaas-space-xl) 0;
}

.aisaas-mid-cta__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-mid-cta__text {
    margin: 0;
    font-size: 1rem;
    color: var(--aisaas-text);
    line-height: 1.5;
}

.aisaas-mid-cta__text strong {
    color: var(--aisaas-primary);
}

.aisaas-btn--mid-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: var(--aisaas-radius-lg);
    background: var(--aisaas-cta);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.aisaas-btn--mid-cta:hover {
    background: var(--aisaas-cta-hover);
    color: var(--aisaas-text-light);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
}

/* ============================================================
   Bottom CTA
   ============================================================ */
.aisaas-bottom-cta {
    padding: var(--aisaas-space-2xl);
    background: linear-gradient(135deg, var(--aisaas-primary-light) 0%, #eef2ff 50%, #e8f5f0 100%);
    border: 2px solid rgba(26, 86, 219, 0.15);
    border-radius: var(--aisaas-radius-xl);
    margin-top: var(--aisaas-space-xl);
}

.aisaas-bottom-cta__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aisaas-space-xl);
    margin-bottom: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-bottom-cta__brand {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-lg);
    flex: 1;
    min-width: 0;
}

.aisaas-bottom-cta__logo {
    width: 64px;
    height: 64px;
    border-radius: var(--aisaas-radius-md);
    object-fit: contain;
    background: var(--aisaas-bg);
    padding: 10px;
    flex-shrink: 0;
    box-shadow: var(--aisaas-shadow-sm);
}

.aisaas-bottom-cta__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg);
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--aisaas-primary);
    flex-shrink: 0;
    box-shadow: var(--aisaas-shadow-sm);
}
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 4px;
    color: var(--aisaas-text);
    line-height: 1.3;
}

.aisaas-bottom-cta__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
    line-height: 1.5;
}

.aisaas-bottom-cta__actions {
    display: flex;
    gap: var(--aisaas-space-md);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.aisaas-bottom-cta__trust {
    display: flex;
    gap: var(--aisaas-space-lg);
    flex-wrap: wrap;
    padding-top: var(--aisaas-space-lg);
    border-top: 1px solid rgba(26, 86, 219, 0.12);
}

.aisaas-bottom-cta__trust-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-secondary-dark);
}

.aisaas-bottom-cta__trust-item svg {
    color: var(--aisaas-secondary);
    flex-shrink: 0;
}

/* ============================================================
   Footer 閳?Softened Dark with CTA Transition
   ============================================================ */
.aisaas-footer-cta {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    padding: var(--aisaas-space-xl) 0;
    text-align: center;
    color: #fff;
}

.aisaas-footer-cta__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-footer-cta__desc {
    font-size: 0.9375rem;
    color: #cbd5e1;
    margin-bottom: var(--aisaas-space-lg);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.aisaas-footer-cta__btns {
    display: flex;
    gap: var(--aisaas-space-sm);
    justify-content: center;
    flex-wrap: wrap;
}

.aisaas-footer {
    background: #1e293b;
    color: #94a3b8;
    padding: var(--aisaas-space-xl) 0 var(--aisaas-space-md);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.aisaas-footer__grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-footer__brand {
    font-size: 1.125rem;
    font-weight: 800;
    color: #f1f5f9;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-footer__desc {
    font-size: 0.8125rem;
    line-height: 1.6;
    max-width: 320px;
    color: #94a3b8;
}

.aisaas-footer-widget-title {
    font-size: 0.75rem;
    font-weight: 700;
    color: #e2e8f0;
    margin-bottom: var(--aisaas-space-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.aisaas-footer ul {
    list-style: none;
}

.aisaas-footer ul li {
    margin-bottom: 6px;
}

.aisaas-footer ul a {
    color: #94a3b8;
    font-size: 0.8125rem;
    transition: color 0.2s;
}

.aisaas-footer ul a:hover {
    color: #60a5fa;
}

.aisaas-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: var(--aisaas-space-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8125rem;
    color: #64748b;
}

.aisaas-footer__disclosure {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    max-width: 700px;
    line-height: 1.5;
    margin-top: var(--aisaas-space-md);
    padding-top: var(--aisaas-space-md);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* ============================================================
   Breadcrumbs
   ============================================================ */
.aisaas-breadcrumbs {
    padding: var(--aisaas-space-md) 0;
    font-size: 0.875rem;
    color: var(--aisaas-text-muted);
}

.aisaas-breadcrumbs a {
    color: var(--aisaas-text-secondary);
}

.aisaas-breadcrumbs a:hover {
    color: var(--aisaas-primary);
}

.aisaas-sep {
    margin: 0 var(--aisaas-space-xs);
    color: var(--aisaas-text-muted);
}

/* ============================================================
   Pagination
   ============================================================ */
.aisaas-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--aisaas-space-xs);
    padding: var(--aisaas-space-xl) 0;
}

.aisaas-pagination a,
.aisaas-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    font-weight: 500;
    transition: all 0.2s;
}

.aisaas-pagination a:hover {
    background: var(--aisaas-primary-light);
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

.aisaas-pagination .current {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
}

/* ============================================================
   Search Results Page
   ============================================================ */
.aisaas-search-page-header {
    padding: var(--aisaas-space-2xl) 0;
    text-align: center;
    background: var(--aisaas-bg-secondary);
}

.aisaas-search-page-header__title {
    font-size: 1.75rem;
    font-weight: 800;
}

.aisaas-no-results {
    text-align: center;
    padding: var(--aisaas-space-3xl) 0;
}

.aisaas-no-results__icon {
    font-size: 3rem;
    margin-bottom: var(--aisaas-space-md);
    color: var(--aisaas-text-muted);
}

/* ============================================================
   Affiliate Disclosure
   ============================================================ */
.aisaas-disclosure {
    padding: var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-left: 3px solid var(--aisaas-primary);
    border-radius: 0 var(--aisaas-radius-md) var(--aisaas-radius-md) 0;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-xl);
    line-height: 1.6;
}

/* ============================================================
   Coupon Section
   ============================================================ */
.aisaas-coupon {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: var(--aisaas-tag-orange-bg);
    border: 2px dashed var(--aisaas-accent);
    border-radius: var(--aisaas-radius-md);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-coupon__discount {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--aisaas-accent);
}

.aisaas-coupon__code {
    padding: 6px 16px;
    border: 2px solid var(--aisaas-accent);
    border-radius: var(--aisaas-radius-sm);
    font-family: var(--aisaas-font-mono);
    font-weight: 700;
    color: var(--aisaas-accent);
    background: var(--aisaas-bg);
    cursor: pointer;
    font-size: 0.9375rem;
}

.aisaas-coupon__code:hover {
    background: var(--aisaas-accent);
    color: var(--aisaas-text-light);
}

/* ============================================================
   404 Page
   ============================================================ */
.aisaas-404 {
    text-align: center;
    padding: var(--aisaas-space-3xl) 0;
}

.aisaas-404__title {
    font-size: 6rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    line-height: 1;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 1023px) {
    .aisaas-layout {
        grid-template-columns: 1fr;
    }

    .aisaas-sidebar {
        position: static;
    }

    .aisaas-footer__grid {
        grid-template-columns: 1fr 1fr;
    }

    .aisaas-hero__title,
    .aisaas-hero--discovery .aisaas-hero__title {
        font-size: 2rem;
    }

    .aisaas-hero__stats-bar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        padding: 0;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .aisaas-hero__stat-divider,
    .aisaas-hero__stat-sep {
        display: none;
    }

    .aisaas-hero__stat {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 14px 12px;
        min-height: 64px;
        gap: 4px;
        box-sizing: border-box;
    }

    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(1),
    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(3) {
        border-right: 1px solid var(--aisaas-border);
    }

    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(1),
    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(2) {
        border-bottom: 1px solid var(--aisaas-border);
    }

    .aisaas-hero__stat-icon {
        width: 18px;
        height: 18px;
    }

    .aisaas-hero__stat-num {
        font-size: 1.25rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .aisaas-hero__stat-label {
        font-size: 0.75rem;
        line-height: 1.2;
        white-space: normal;
    }

    .aisaas-hero__quick-pills,
    .aisaas-hero__quick-links {
        gap: 6px;
    }

    .aisaas-hero__pill {
        padding: 6px 14px;
        font-size: 0.8125rem;
    }

    .aisaas-hero__cta {
        flex-direction: column;
        gap: 10px;
    }

    .aisaas-hero__cta .aisaas-btn--lg {
        width: 100%;
        justify-content: center;
    }

    .aisaas-editor-picks {
        grid-template-columns: 1fr 1fr;
    }

    .aisaas-hero-summary__brand {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .aisaas-hero-summary__name {
        font-size: 2rem;
    }

    .aisaas-hero-summary__stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-hero-summary__actions {
        justify-content: center;
    }

    .aisaas-hero-summary__badges {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    /* Desktop header & PC nav hidden on mobile 閳?handled by pc-nav.css */
    /* Mobile nav is handled by mobile-nav.css */

    .aisaas-hero__title,
    .aisaas-hero--discovery .aisaas-hero__title {
        font-size: 1.625rem;
    }

    .aisaas-hero--discovery .aisaas-hero__subtitle {
        font-size: 0.9375rem;
    }

    .aisaas-hero {
        padding: 32px 0 28px;
    }

    .aisaas-hero__trust-badge {
        font-size: 11px;
        padding: 4px 12px;
    }

    .aisaas-hero__search-wrapper {
        max-width: 100%;
    }

    .aisaas-hero--discovery .aisaas-search__input {
        height: 52px;
        padding: 0 16px 0 50px;
        font-size: 15px;
        border-radius: 14px;
    }

    .aisaas-hero--discovery .aisaas-search__icon {
        left: 16px;
    }

    .aisaas-hero__search-kbd {
        display: none;
    }

    .aisaas-hero__stats-bar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        padding: 0;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .aisaas-hero__stat-divider,
    .aisaas-hero__stat-sep {
        display: none;
    }

    .aisaas-hero__stat {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 14px 12px;
        min-height: 64px;
        gap: 4px;
        box-sizing: border-box;
    }

    /* 2×2 grid internal dividers */
    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(1),
    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(3) {
        border-right: 1px solid var(--aisaas-border);
    }

    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(1),
    .aisaas-hero__stats-bar .aisaas-hero__stat:nth-of-type(2) {
        border-bottom: 1px solid var(--aisaas-border);
    }

    .aisaas-hero__stat-icon {
        width: 18px;
        height: 18px;
    }

    .aisaas-hero__stat-num {
        font-size: 1.25rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .aisaas-hero__stat-label {
        font-size: 0.75rem;
        line-height: 1.2;
        white-space: normal;
    }

    .aisaas-hero__quick-pills,
    .aisaas-hero__quick-links {
        gap: 6px;
    }

    .aisaas-hero__pill {
        padding: 6px 12px;
        font-size: 0.75rem;
    }

    .aisaas-hero__quick-label {
        width: 100%;
        text-align: center;
        margin-bottom: 2px;
    }

    .aisaas-hero__cta {
        flex-direction: column;
        gap: 10px;
    }

    .aisaas-hero__cta .aisaas-btn--lg {
        width: 100%;
        justify-content: center;
    }

    .aisaas-quick-entries {
        flex-wrap: wrap;
        gap: 6px;
    }

    .aisaas-quick-entry {
        padding: 8px 14px;
        font-size: 0.8125rem;
    }

    .aisaas-pros-cons {
        grid-template-columns: 1fr;
    }

    .aisaas-for-who {
        grid-template-columns: 1fr;
    }

    /* Comparison cards: stack tools vertically on mobile */
    .aisaas-comparison-card__tools {
        grid-template-columns: 1fr;
        gap: var(--aisaas-space-sm);
    }

    .aisaas-comparison-card__vs {
        display: none;
    }

    .aisaas-grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-grid--3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-hero__title,
    .aisaas-hero--discovery .aisaas-hero__title {
        font-size: 1.5rem;
    }

    .aisaas-footer__grid {
        grid-template-columns: 1fr;
        gap: var(--aisaas-space-md);
    }

    .aisaas-footer {
        padding: var(--aisaas-space-lg) 0 var(--aisaas-space-sm);
    }

    .aisaas-footer__desc {
        max-width: 100%;
    }

    .aisaas-section__header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--aisaas-space-sm);
    }

    .aisaas-audience-split {
        grid-template-columns: 1fr;
    }

    .aisaas-bottom-cta__content {
        flex-direction: column;
        align-items: flex-start;
    }

    .aisaas-bottom-cta__actions {
        width: 100%;
    }

    .aisaas-bottom-cta__trust {
        gap: var(--aisaas-space-sm) var(--aisaas-space-md);
    }

    .aisaas-credibility__body,
    .aisaas-credibility__badges {
        padding-left: 0;
    }

    .aisaas-score-item {
        grid-template-columns: 20px 100px 1fr 36px;
    }

    .aisaas-score-breakdown {
        flex-direction: column;
        align-items: stretch;
    }

    .aisaas-score-breakdown__overall {
        display: flex;
        align-items: center;
        gap: var(--aisaas-space-md);
    }

    .aisaas-score-breakdown__circle {
        margin: 0;
    }

    .aisaas-alternatives__grid {
        grid-template-columns: 1fr;
    }

    /* Mobile early CTA visible on tablet & below */
    .aisaas-hero-summary__mobile-cta {
        display: flex;
    }

    /* 閳光偓閳光偓 Mobile Horizontal Overflow Prevention 閳光偓閳光偓 */

    /* All main containers must not exceed viewport */
    .aisaas-container,
    .aisaas-hero,
    .aisaas-hero__content,
    .aisaas-section,
    .aisaas-brand-wall,
    .aisaas-footer {
        width: 100%;
        max-width: 100%;
    }

    .aisaas-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Hero section: no 100vw+padding overflow */
    .aisaas-hero {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .aisaas-hero .aisaas-container {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 100%;
    }

    /* Hero orbs must stay within bounds */
    .aisaas-hero__orb--1 {
        width: 250px;
        height: 250px;
    }

    .aisaas-hero__orb--2 {
        width: 200px;
        height: 200px;
    }

    .aisaas-hero__orb--3 {
        width: 200px;
        height: 200px;
    }

    /* Search box must fit within container */
    .aisaas-hero__search-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .aisaas-hero__search-wrapper .aisaas-search {
        max-width: 100%;
    }

    .aisaas-search__input {
        min-width: 0;
        width: 100%;
    }

    /* Quick pills must wrap, not overflow */
    .aisaas-hero__quick-pills {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%;
        overflow: hidden;
    }

    .aisaas-hero__pill {
        max-width: 100%;
        white-space: normal;
    }

    /* Stats bar — 2×2 grid already handles layout */
    .aisaas-hero__stats-bar {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    /* Brand wall logos must wrap and not exceed */
    .aisaas-brand-wall {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .aisaas-brand-wall__logos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%;
        overflow: hidden;
    }

    .aisaas-brand-wall__name {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* Quick entries must wrap */
    .aisaas-quick-entries {
        max-width: 100%;
    }

    /* Deal quick nav must wrap */
    .aisaas-deals-quick-nav {
        max-width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
    }

    /* Comparison/table containers: allow horizontal scroll inside, not page overflow */
    .aisaas-comparison-table-wrapper,
    .aisaas-table-scroll-wrapper {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .aisaas-comparison-table {
        min-width: 0;
    }

    /* Newsletter form must not overflow */
    .aisaas-newsletter__form {
        max-width: 100%;
        width: 100%;
    }

    .aisaas-newsletter__input {
        min-width: 0;
    }

    /* Bottom nav must not exceed viewport */
    .aisaas-mobile-bottom-nav {
        max-width: 100%;
        width: 100%;
    }

    /* Tool cards grid must not overflow */
    .aisaas-tool-list--grid {
        max-width: 100%;
    }

    /* Category hub must not overflow */
    .aisaas-category-hub {
        max-width: 100%;
    }

    /* Pillar tabs must wrap */
    .aisaas-pillar-tabs {
        max-width: 100%;
        flex-wrap: wrap;
    }

    /* Mega menu is desktop-only; ensure hidden on mobile */
    .aisaas-mega-menu--8col {
        min-width: 0;
    }
}

/* --- Comparison Detail Responsive --- */
@media (max-width: 768px) {
    .aisaas-comp-header-cards {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-header-vs {
        display: none;
    }

    .aisaas-verdict-summary__grid {
        grid-template-columns: 1fr;
    }

    .aisaas-verdict-summary__choose {
        flex-direction: column;
        gap: var(--aisaas-space-sm);
    }

    .aisaas-comp-final-cta__buttons {
        flex-direction: column;
        align-items: center;
    }

    .aisaas-sticky-cta__inner {
        justify-content: center;
        flex-wrap: wrap;
    }

    /* Pros & Cons grid 閳?2 columns on tablet, keep together per tool */
    .aisaas-pros-cons-grid {
        grid-template-columns: 1fr;
    }

    /* Table responsive scroll */
    .aisaas-comparison-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .aisaas-comparison-table {
        min-width: 480px;
    }

    .aisaas-comparison-table__head-badge {
        display: none;
    }

    /* Hide winner checkmarks on mobile (too crowded) */
    .aisaas-comparison-table tr[data-winner="tool1"] td:nth-child(2)::after,
    .aisaas-comparison-table tr[data-winner="tool2"] td:nth-child(3)::after {
        display: none;
    }
}

@media (max-width: 480px) {    .aisaas-grid--4,
    .aisaas-grid--3,
    .aisaas-grid--2 {
        grid-template-columns: 1fr;
    }

    .aisaas-hero__title {
        font-size: 1.5rem;
    }

    .aisaas-hero--discovery .aisaas-hero__title {
        font-size: 1.375rem;
    }

    .aisaas-hero__stats-bar {
        max-width: 100%;
    }

    .aisaas-hero__stat {
        padding: 12px 8px;
        min-height: 60px;
    }

    .aisaas-hero__stat-num {
        font-size: 1.0625rem;
    }

    .aisaas-hero__stat-label {
        font-size: 0.6875rem;
        white-space: normal;
    }

    .aisaas-quick-entries {
        flex-direction: column;
        align-items: center;
    }

    .aisaas-quick-entry {
        width: 100%;
        max-width: 280px;
        justify-content: center;
    }

    .aisaas-hero-summary {
        padding: var(--aisaas-space-lg) var(--aisaas-space-md);
    }

    .aisaas-hero-summary__logo {
        width: 56px;
        height: 56px;
        padding: 8px;
    }

    .aisaas-hero-summary__logo--fallback {
        font-size: 1.25rem;
    }

    .aisaas-hero-summary__name {
        font-size: 1.375rem;
    }

    .aisaas-hero-summary__mobile-cta {
        display: flex;
    }

    .aisaas-hero-summary__stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-hero-summary__verdict {
        padding: var(--aisaas-space-md);
        flex-direction: column;
        align-items: flex-start;
    }

    .aisaas-hero-summary__actions {
        flex-direction: column;
    }

    .aisaas-btn--hero,
    .aisaas-btn--hero-deal {
        width: 100%;
        justify-content: center;
    }

    .aisaas-features-grid {
        grid-template-columns: 1fr;
    }

    .aisaas-score-item {
        grid-template-columns: 20px 80px 1fr 36px;
    }

    .aisaas-score-breakdown__circle {
        width: 72px;
        height: 72px;
    }

    .aisaas-score-breakdown__circle-inner {
        width: 56px;
        height: 56px;
    }

    .aisaas-score-breakdown__circle-num {
        font-size: 1.25rem;
    }

    .aisaas-review-box {
        flex-direction: column;
    }

    .aisaas-tool-list {
        grid-template-columns: 1fr;
    }

    .aisaas-tool-card {
        min-height: auto;
        max-height: none;
    }

    .aisaas-tool-card__actions {
        flex-direction: row;
        gap: 6px;
    }

    .aisaas-tool-card__actions .aisaas-btn {
        flex: 1;
        min-width: 0;
    }

    .aisaas-filter-pills {
        gap: 6px;
    }

    .aisaas-filter-pill {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    .aisaas-sort-tabs {
        flex-wrap: wrap;
    }

    .aisaas-sort-tab {
        padding: 4px 10px;
        font-size: 0.75rem;
    }

    .aisaas-recommended-categories__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .aisaas-discovery-zone {
        gap: var(--aisaas-space-sm);
    }

    .aisaas-featured-strip__items {
        gap: 6px;
    }

    .aisaas-featured-strip__tagline {
        display: none;
    }

    .aisaas-bottom-cta {
        padding: var(--aisaas-space-lg);
    }

    .aisaas-bottom-cta__brand {
        flex-direction: column;
        text-align: center;
    }

    .aisaas-bottom-cta__actions {
        flex-direction: column;
        width: 100%;
    }

    .aisaas-bottom-cta__actions .aisaas-btn--hero,
    .aisaas-bottom-cta__actions .aisaas-btn--hero-deal {
        width: 100%;
        justify-content: center;
    }

    .aisaas-bottom-cta__trust {
        justify-content: center;
    }

    /* Filters bar mobile */
    .aisaas-filters-bar {
        flex-direction: column;
        align-items: stretch;
    }
    .aisaas-filters-bar__left {
        justify-content: flex-start;
    }
    .aisaas-filters-bar__right {
        justify-content: flex-end;
    }
    .aisaas-active-filters {
        font-size: 0.8125rem;
    }
}

/* ============================================================
   Utility Classes
   ============================================================ */
.aisaas-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.aisaas-text-center { text-align: center; }
.aisaas-text-right { text-align: right; }
.aisaas-mb-0 { margin-bottom: 0; }
.aisaas-mb-1 { margin-bottom: var(--aisaas-space-md); }
.aisaas-mb-2 { margin-bottom: var(--aisaas-space-lg); }
.aisaas-mb-3 { margin-bottom: var(--aisaas-space-xl); }
.aisaas-mb-4 { margin-bottom: var(--aisaas-space-2xl); }
.aisaas-mt-1 { margin-top: var(--aisaas-space-md); }
.aisaas-mt-2 { margin-top: var(--aisaas-space-lg); }

/* ============================================================
   Trust Row (Last reviewed / Pricing last checked / Why trust us?)
   ============================================================ */
.aisaas-trust-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm) var(--aisaas-space-lg);
    padding: var(--aisaas-space-sm) 0 0;
    margin-top: var(--aisaas-space-sm);
    border-top: 1px solid var(--aisaas-border-light);
    font-size: 0.8rem;
    color: var(--aisaas-text-muted);
    line-height: 1.4;
}

.aisaas-trust-row__item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.aisaas-trust-row__item svg {
    flex-shrink: 0;
    opacity: 0.6;
}

.aisaas-trust-row__item--link {
    color: var(--aisaas-primary);
}

.aisaas-trust-row__link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: text-decoration-color 0.15s;
}

.aisaas-trust-row__link:hover {
    text-decoration-color: currentColor;
}

/* ============================================================
   Comparison Detail: Page Title & Layout
   ============================================================ */
.aisaas-comp-page-title {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-lg);
    text-align: center;
}

.aisaas-comp-header-wrap {
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-comp-section {
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-section__title--lg {
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-comparison-content {
    font-size: 1.0625rem;
    line-height: 1.8;
}

/* ============================================================
   Comparison Detail: Scenario-Based Recommendations
   ============================================================ */
.aisaas-comp-scenarios {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--aisaas-space-md);
}

.aisaas-comp-scenario-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    padding: var(--aisaas-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.aisaas-comp-scenario-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.aisaas-comp-scenario-card__icon {
    width: 40px;
    height: 40px;
    border-radius: var(--aisaas-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aisaas-comp-scenario-card__icon--target {
    background: #eff6ff;
    color: #2563eb;
}

.aisaas-comp-scenario-card__icon--free {
    background: #ecfdf5;
    color: #059669;
}

.aisaas-comp-scenario-card__icon--budget {
    background: #fefce8;
    color: #ca8a04;
}

.aisaas-comp-scenario-card__icon--star {
    background: #fffbeb;
    color: #d97706;
}

.aisaas-comp-scenario-card__body {
    flex: 1;
}

.aisaas-comp-scenario-card__title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
    color: var(--aisaas-text);
}

.aisaas-comp-scenario-card__text {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--aisaas-text-secondary);
    margin: 0;
}

.aisaas-comp-scenario-card__action {
    display: flex;
    gap: var(--aisaas-space-xs);
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .aisaas-comp-scenarios {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Comparison Detail: Quick Verdict Summary
   ============================================================ */
.aisaas-verdict-summary {
    background: linear-gradient(135deg, #f0f4ff 0%, #faf5ff 100%);
    border: 1px solid #c7d2fe;
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-xl);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 2px 12px rgba(79, 70, 229, 0.08);
}

.aisaas-verdict-summary__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.0625rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    margin: 0 0 var(--aisaas-space-md) 0;
    letter-spacing: -0.01em;
}

.aisaas-verdict-summary__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-md);
}

.aisaas-verdict-summary__card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border-light);
    border-radius: var(--aisaas-radius-md);
    padding: var(--aisaas-space-md);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aisaas-verdict-summary__card--winner {
    border-color: var(--aisaas-secondary, #0e9f6e);
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
}

.aisaas-verdict-summary__card--full {
    grid-column: 1 / -1;
}

.aisaas-verdict-summary__label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--aisaas-text-muted);
    display: flex;
    align-items: center;
    gap: 4px;
}

.aisaas-verdict-summary__card--winner .aisaas-verdict-summary__label {
    color: var(--aisaas-secondary, #0e9f6e);
}

.aisaas-verdict-summary__value {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--aisaas-text);
}

.aisaas-verdict-summary__choose {
    display: flex;
    gap: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-verdict-summary__choose-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-verdict-summary__choose-item svg {
    color: var(--aisaas-secondary, #0e9f6e);
    flex-shrink: 0;
}

.aisaas-verdict-summary__choose-item strong {
    color: var(--aisaas-text);
}

/* ============================================================
   Comparison Detail: Tool Header Cards
   ============================================================ */
.aisaas-comp-header-cards {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: var(--aisaas-space-lg);
    align-items: start;
}

.aisaas-comp-header-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    position: relative;
    transition: all 0.2s;
}

.aisaas-comp-header-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-comp-header-card--winner {
    border-color: var(--aisaas-secondary, #0e9f6e);
    background: linear-gradient(180deg, #ecfdf5 0%, var(--aisaas-bg) 40%);
}

.aisaas-comp-header-card--winner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--aisaas-secondary), var(--aisaas-secondary-dark, #059669));
    border-radius: var(--aisaas-radius-lg) var(--aisaas-radius-lg) 0 0;
}

.aisaas-comp-header-card__badge {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 1;
}

.aisaas-comp-header-card__badge--winner {
    background: linear-gradient(135deg, #059669, #0e9f6e);
    color: #fff;
}

.aisaas-comp-header-card__badge--value {
    background: linear-gradient(135deg, #2563eb, #6366f1);
    color: #fff;
}

.aisaas-comp-header-card__top {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-comp-header-card__logo {
    width: 56px;
    height: 56px;
    border-radius: var(--aisaas-radius-md);
    object-fit: contain;
    background: var(--aisaas-bg-secondary);
}

.aisaas-comp-header-card__info {
    flex: 1;
    min-width: 0;
}

.aisaas-comp-header-card__name {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: var(--aisaas-text);
}

.aisaas-comp-header-card__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.aisaas-comp-header-card__score {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    background: var(--aisaas-bg-secondary);
    padding: 2px 8px;
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-comp-header-card__price {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-comp-header-card__price strong {
    color: var(--aisaas-text);
    font-size: 1rem;
}

.aisaas-comp-header-card__best {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin: 0 0 var(--aisaas-space-md) 0;
    line-height: 1.5;
}

.aisaas-comp-header-card__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

/* Header VS Divider */
.aisaas-comp-header-vs {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    position: relative;
}

/* Subtle connecting line behind VS circle */
.aisaas-comp-header-vs::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    right: -16px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--aisaas-border, #e2e8f0) 15%, var(--aisaas-border, #e2e8f0) 85%, transparent);
    z-index: 0;
}

.aisaas-comp-header-vs span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
    box-shadow: 0 3px 10px rgba(99, 102, 241, 0.25);
}

/* ============================================================
   Comparison Detail: Sticky CTA Bar
   ============================================================ */
.aisaas-sticky-cta {
    position: sticky;
    top: 0;
    z-index: 90;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-sticky-cta__inner {
    display: flex;
    justify-content: center;
    gap: var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    padding: var(--aisaas-space-sm) var(--aisaas-space-lg);
    box-shadow: var(--aisaas-shadow-sm);
    backdrop-filter: blur(8px);
}

.aisaas-sticky-cta__btn {
    white-space: nowrap;
    font-weight: 600;
}

/* ============================================================
   Comparison Detail: Final CTA
   ============================================================ */
.aisaas-comp-final-cta {
    text-align: center;
    padding: var(--aisaas-space-2xl);
    background: linear-gradient(135deg, #f8fafc 0%, #f0f4ff 100%);
    border: 1px solid #e0e7ff;
    border-radius: var(--aisaas-radius-lg);
}

.aisaas-comp-final-cta__title {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 var(--aisaas-space-lg) 0;
    color: var(--aisaas-text);
}

.aisaas-comp-final-cta__buttons {
    display: flex;
    justify-content: center;
    gap: var(--aisaas-space-xl);
    flex-wrap: wrap;
}

.aisaas-comp-final-cta__option {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-comp-final-cta__desc {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
    max-width: 220px;
    line-height: 1.4;
}

/* ============================================================
   Winner Reason (Comparison page)
   ============================================================ */
.aisaas-winner-reason {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 8px 12px;
    background: var(--aisaas-tag-green-bg, #ecfdf5);
    border: 1px solid var(--aisaas-secondary, #0e9f6e);
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.875rem;
    font-weight: 600;
    color: #065f46;
    margin-bottom: var(--aisaas-space-sm);
    line-height: 1.45;
}

.aisaas-winner-reason svg {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--aisaas-secondary, #0e9f6e);
}

/* ============================================================
   Deal Card 閳?expired state
   ============================================================ */
.aisaas-deal-card--expired {
    opacity: 0.72;
    border-style: dashed;
}

.aisaas-deal-card--expired::before {
    display: none;
}

.aisaas-deal-card--expired:hover {
    opacity: 0.85;
}

/* Deals filter tabs */
/* ================================================================
   Deals Filter Bar 閳?Modern Segmented Control
   ================================================================ */

.aisaas-deals-filter-bar {
    margin-bottom: 24px;
    /* Sticky only on standalone deals page 閳?overridden to static on homepage */
    position: sticky;
    top: calc(var(--aisaas-header-height) + 12px);
    z-index: 10;
    background: var(--aisaas-bg);
}

/* 閳光偓閳光偓 Homepage: Disable sticky, use normal flow 閳光偓閳光偓 */
.home .aisaas-deals-filter-bar,
.page-template-page-front-page .aisaas-deals-filter-bar,
.page-template-front-page .aisaas-deals-filter-bar {
    position: static;
    top: auto;
    z-index: auto;
    background: transparent;
    margin-bottom: 32px;
}

.home .aisaas-deals-filter-bar__main,
.page-template-page-front-page .aisaas-deals-filter-bar__main,
.page-template-front-page .aisaas-deals-filter-bar__main {
    flex-wrap: wrap;
    margin-bottom: 12px;
    background: transparent;
    padding: 0;
}

.home .aisaas-deals-cat-row,
.page-template-page-front-page .aisaas-deals-cat-row,
.page-template-front-page .aisaas-deals-cat-row {
    margin-top: 8px;
    padding-top: 12px;
}

/* Main row: segmented control + sort */
.aisaas-deals-filter-bar__main {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    background: var(--aisaas-bg);
    padding: 4px 0;
}

/* 閳光偓閳光偓 Homepage: don't add sticky background 閳光偓閳光偓 */
.home .aisaas-deals-filter-bar__main {
    background: transparent;
    padding: 0;
}

/* 閳光偓閳光偓 Segmented Control (Capsule Container) 閳光偓閳光偓 */
.aisaas-deals-segment {
    display: inline-flex;
    gap: 4px;
    padding: 5px;
    background: #f3f6fb;
    border: 1px solid #e3e8f0;
    border-radius: 10px;
    width: fit-content;
}

[data-theme="dark"] .aisaas-deals-segment {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
}

.aisaas-deals-segment__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 14px;
    border: none;
    border-radius: 7px;
    background: transparent;
    color: #334155;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
    user-select: none;
}

[data-theme="dark"] .aisaas-deals-segment__item {
    color: #94a3b8;
}

.aisaas-deals-segment__item:hover {
    background: rgba(37, 99, 235, 0.06);
    color: #2563eb;
}

[data-theme="dark"] .aisaas-deals-segment__item:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #e2e8f0;
}

/* Selected state 閳?blue pill */
.aisaas-deals-segment__item.is-active {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.22);
}

[data-theme="dark"] .aisaas-deals-segment__item.is-active {
    background: #3b82f6;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.25);
}

/* Count badge inside segment items */
.aisaas-deals-segment__count {
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

[data-theme="dark"] .aisaas-deals-segment__count {
    background: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
}

/* Active item: count becomes translucent white overlay */
.aisaas-deals-segment__item.is-active .aisaas-deals-segment__count {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
}

/* Urgent / Expiring Soon variant */
.aisaas-deals-segment__item--urgent {
    color: #ea580c;
}
.aisaas-deals-segment__item--urgent.is-active {
    background: #ea580c;
    color: #fff;
    box-shadow: 0 6px 16px rgba(234, 88, 12, 0.25);
}
.aisaas-deals-segment__count--urgent {
    background: rgba(234, 88, 12, 0.12) !important;
    color: #ea580c !important;
}
.aisaas-deals-segment__item--urgent.is-active .aisaas-deals-segment__count--urgent {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
}

/* 閳光偓閳光偓 Sort Dropdown 閳光偓閳光偓 */
.aisaas-deals-sort {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    margin-left: auto; /* Push to the right */
}

.aisaas-deals-sort__label {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
}

[data-theme="dark"] .aisaas-deals-sort__label {
    color: #94a3b8;
}

.aisaas-deals-sort__select {
    appearance: none;
    -webkit-appearance: none;
    height: 36px;
    padding: 0 28px 0 12px;
    border: 1px solid #e3e8f0;
    border-radius: 7px;
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.aisaas-deals-sort__select:hover {
    border-color: #2563eb;
}

.aisaas-deals-sort__select:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

[data-theme="dark"] .aisaas-deals-sort__select {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}

.aisaas-deals-sort__icon {
    position: absolute;
    right: 10px;
    pointer-events: none;
    color: #64748b;
}

/* 閳光偓閳光偓 Category Pills Row (Secondary) 閳光偓閳光偓 */
.aisaas-deals-cat-row {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-top: var(--aisaas-space-md);
    padding-top: var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border-light);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
.aisaas-deals-cat-row::-webkit-scrollbar { display: none; } /* Chrome/Safari */

.aisaas-deals-cat-row__label {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

[data-theme="dark"] .aisaas-deals-cat-row__label {
    color: #94a3b8;
}

.aisaas-deals-cat-row__list {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    padding-bottom: 4px;
}
.aisaas-deals-cat-row__list::-webkit-scrollbar { display: none; }

.aisaas-deals-cat-pill {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 14px;
    border: 1px solid #e3e8f0;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.18s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.aisaas-deals-cat-pill:hover {
    border-color: #2563eb;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.04);
}

[data-theme="dark"] .aisaas-deals-cat-pill {
    border-color: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
}

[data-theme="dark"] .aisaas-deals-cat-pill:hover {
    border-color: #3b82f6;
    color: #e2e8f0;
    background: rgba(59, 130, 246, 0.08);
}

.aisaas-deals-cat-pill.is-active {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
    font-weight: 600;
}

[data-theme="dark"] .aisaas-deals-cat-pill.is-active {
    background: #3b82f6;
    border-color: #3b82f6;
}

/* 閳光偓閳光偓 Mobile: Horizontal Scroll for Segmented Control 閳光偓閳光偓 */
@media (max-width: 768px) {
    .aisaas-deals-filter-bar {
        top: calc(var(--aisaas-header-height) + 8px);
    }

    /* Homepage: still no sticky */
    .home .aisaas-deals-filter-bar,
    .page-template-page-front-page .aisaas-deals-filter-bar,
    .page-template-front-page .aisaas-deals-filter-bar {
        position: static;
        top: auto;
        z-index: auto;
        background: transparent;
        margin-bottom: 20px;
    }

    .aisaas-deals-filter-bar__main {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }
    .aisaas-deals-filter-bar__main::-webkit-scrollbar { display: none; }

    .aisaas-deals-segment {
        flex-shrink: 0;
    }

    .aisaas-deals-segment__item {
        height: 34px;
        padding: 0 11px;
        font-size: 13px;
        gap: 5px;
    }
    .aisaas-deals-segment__item svg { width: 13px; height: 13px; }

    .aisaas-deals-segment__count {
        min-width: 20px;
        height: 20px;
        font-size: 11px;
    }

    /* Sort dropdown on mobile 閳?smaller, no push-right */
    .aisaas-deals-sort {
        margin-left: 0;
        flex-shrink: 0;
    }
    .aisaas-deals-sort__select {
        height: 32px;
        font-size: 12px;
        padding: 0 24px 0 10px;
    }

    /* Category row also scrolls */
    .aisaas-deals-cat-row {
        margin: 0 -8px;
        padding: var(--aisaas-space-sm) 8px;
    }
}

/* 閳光偓閳光偓 Homepage Deals Section: proper flow layout 閳光偓閳光偓 */
.home .aisaas-deals-quick-nav,
.page-template-page-front-page .aisaas-deals-quick-nav,
.page-template-front-page .aisaas-deals-quick-nav {
    margin-bottom: 24px;
}

.home #aisaas-deals-filters + .aisaas-deals-expiring-banner,
.page-template-page-front-page #aisaas-deals-filters + .aisaas-deals-expiring-banner,
.page-template-front-page #aisaas-deals-filters + .aisaas-deals-expiring-banner {
    margin-bottom: 20px;
}

.home #aisaas-deals-grid,
.page-template-page-front-page #aisaas-deals-grid,
.page-template-front-page #aisaas-deals-grid {
    clear: both;
    position: relative;
}

/* 閳光偓閳光偓 Deals Page: sticky filter bar with background 閳光偓閳光偓 */
.page-template-page-deals .aisaas-deals-filter-bar {
    position: sticky;
    top: calc(var(--aisaas-header-height) + 12px);
    z-index: 10;
    background: var(--aisaas-bg);
    padding: 8px 0;
}

.page-template-page-deals .aisaas-deals-filter-bar__main {
    background: var(--aisaas-bg);
}

/* Deal card 閳?restructured classes */
.aisaas-deal-card__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-deal-card__info {
    flex: 1;
    min-width: 0;
}

.aisaas-deal-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.aisaas-deal-card__title a {
    color: var(--aisaas-text);
    text-decoration: none;
}

.aisaas-deal-card__title a:hover {
    color: var(--aisaas-primary);
}

.aisaas-deal-card__tagline {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
}

/* Countdown Timer */
.aisaas-deal-card__timer {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-deal-card__countdown {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: linear-gradient(135deg, #fef3c7, #ffedd5);
    border: 1px solid #fbbf24;
    border-radius: var(--aisaas-radius-sm);
    padding: 6px 10px;
    font-variant-numeric: tabular-nums;
}

.aisaas-deal-card__countdown--urgent {
    background: linear-gradient(135deg, #fed7aa, #fecaca);
    border-color: #f97316;
}

.aisaas-deal-card__countdown--critical {
    background: linear-gradient(135deg, #fecaca, #fee2e2);
    border-color: #ef4444;
    animation: aisaas-countdown-pulse 1s ease-in-out infinite;
}

@keyframes aisaas-countdown-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.aisaas-deal-card__countdown-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.aisaas-deal-card__countdown-num {
    font-size: 1.125rem;
    font-weight: 800;
    color: #92400e;
    min-width: 1.5em;
    text-align: center;
}

.aisaas-deal-card__countdown--urgent .aisaas-deal-card__countdown-num {
    color: #9a3412;
}

.aisaas-deal-card__countdown--critical .aisaas-deal-card__countdown-num {
    color: #991b1b;
}

.aisaas-deal-card__countdown-label {
    font-size: 0.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #a16207;
    margin-top: 2px;
}

.aisaas-deal-card__countdown--urgent .aisaas-deal-card__countdown-label {
    color: #c2410c;
}

.aisaas-deal-card__countdown--critical .aisaas-deal-card__countdown-label {
    color: #b91c1c;
}

.aisaas-deal-card__countdown-sep {
    font-weight: 800;
    color: #a16207;
    font-size: 1rem;
    margin-top: -6px;
}

/* Expired / Status badges */
.aisaas-deal-card__expired-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    background: #fef2f2;
    color: #dc2626;
    padding: 3px 10px;
    border-radius: var(--aisaas-radius-sm);
    font-weight: 600;
}

.aisaas-deal-card__soon-badge {
    font-size: 0.75rem;
    background: #fff7ed;
    color: #ea580c;
    padding: 3px 10px;
    border-radius: var(--aisaas-radius-sm);
    font-weight: 600;
}

.aisaas-deal-card__type-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: var(--aisaas-radius-sm);
    font-weight: 600;
}

.aisaas-deal-card__type-badge--coupon {
    background: #fff7ed;
    color: #ea580c;
}

.aisaas-deal-card__type-badge--free {
    background: #f0fdf8;
    color: #059669;
}

.aisaas-deal-card__type-badge--ongoing {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text-secondary);
}

/* Deal card 閳?Actions row */
.aisaas-deal-card__actions {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-deal-card__code--expired {
    opacity: 0.55;
    cursor: default;
    text-decoration: line-through;
}

/* Deal card 閳?Meta footer */
.aisaas-deal-card__meta {
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm) var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border-light);
    padding-top: var(--aisaas-space-sm);
}

.aisaas-deal-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.aisaas-deal-card__meta-item strong {
    color: var(--aisaas-text-secondary);
}

/* Expired Deals Collapsible */
.aisaas-deals-expired {
    margin-top: var(--aisaas-space-xl);
    text-align: center;
}

.aisaas-deals-expired__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 24px;
    border: 1px dashed var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    background: transparent;
    color: var(--aisaas-text-secondary);
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.aisaas-deals-expired__toggle:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

.aisaas-deals-expired__toggle svg {
    transition: transform 0.3s;
}

.aisaas-deals-expired__toggle.is-open svg {
    transform: rotate(180deg);
}

.aisaas-deals-expired__content {
    margin-top: var(--aisaas-space-lg);
}

.aisaas-deals-expired__note {
    font-size: 0.875rem;
    color: var(--aisaas-text-muted);
    margin-bottom: var(--aisaas-space-lg);
}

/* Dark mode */
[data-theme="dark"] .aisaas-deal-card__countdown {
    background: linear-gradient(135deg, #451a03, #431407);
    border-color: #b45309;
}

[data-theme="dark"] .aisaas-deal-card__countdown-num {
    color: #fbbf24;
}

[data-theme="dark"] .aisaas-deal-card__countdown-label {
    color: #d97706;
}

[data-theme="dark"] .aisaas-deal-card__countdown-sep {
    color: #d97706;
}

[data-theme="dark"] .aisaas-deal-card__countdown--urgent {
    background: linear-gradient(135deg, #431407, #450a0a);
    border-color: #ea580c;
}

[data-theme="dark"] .aisaas-deal-card__countdown--urgent .aisaas-deal-card__countdown-num {
    color: #fb923c;
}

[data-theme="dark"] .aisaas-deal-card__countdown--critical {
    background: linear-gradient(135deg, #450a0a, #2d0a0a);
    border-color: #ef4444;
}

[data-theme="dark"] .aisaas-deal-card__countdown--critical .aisaas-deal-card__countdown-num {
    color: #fca5a5;
}

[data-theme="dark"] .aisaas-deals-cat-pill {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-deal-card__expired-badge {
    background: #2d0a0a;
    color: #fca5a5;
}

[data-theme="dark"] .aisaas-deal-card__soon-badge {
    background: #431407;
    color: #fb923c;
}

[data-theme="dark"] .aisaas-deal-card__type-badge--coupon {
    background: #431407;
    color: #fb923c;
}

[data-theme="dark"] .aisaas-deal-card__type-badge--free {
    background: #052e16;
    color: #6ee7b7;
}

[data-theme="dark"] .aisaas-deals-expired__toggle {
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-deals-expired__toggle:hover {
    border-color: #818cf8;
    color: #818cf8;
}

/* ============================================================
   Submission System: Modal + Form Styles
   ============================================================ */

/* -- Nav CTA -- handled by pc-nav.css now -- */

/* -- Modal -- */
.aisaas-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aisaas-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
}
.aisaas-modal__content {
    position: relative;
    background: var(--aisaas-bg);
    border-radius: var(--aisaas-radius-xl);
    padding: var(--aisaas-space-lg);
    max-width: 480px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
}
.aisaas-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--aisaas-text-secondary);
    cursor: pointer;
    padding: 4px 8px;
    line-height: 1;
}
.aisaas-modal__close:hover {
    color: var(--aisaas-text);
}
.aisaas-modal__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-xs);
}
.aisaas-modal__desc {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-md);
}

/* -- Form Groups -- */
.aisaas-submit-form .aisaas-form-group,
.aisaas-submission-form .aisaas-form-group {
    margin-bottom: var(--aisaas-space-md);
}
.aisaas-form-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
    margin-bottom: 4px;
}
.aisaas-form-label .aisaas-required {
    color: var(--aisaas-primary);
}
.aisaas-form-input,
.aisaas-form-select,
.aisaas-form-textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    color: var(--aisaas-text);
    background: var(--aisaas-bg);
    transition: border-color 0.2s;
}
.aisaas-form-input:focus,
.aisaas-form-select:focus,
.aisaas-form-textarea:focus {
    outline: none;
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.aisaas-form-textarea {
    resize: vertical;
    min-height: 80px;
}
.aisaas-form-hint {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    display: block;
    margin-top: 2px;
}

.aisaas-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-md);
}
@media (max-width: 640px) {
    .aisaas-form-row {
        grid-template-columns: 1fr;
    }
}

.aisaas-form-radio-group {
    display: flex;
    gap: var(--aisaas-space-md);
    align-items: center;
    padding-top: 6px;
}
.aisaas-form-radio {
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}
.aisaas-form-radio input[type="radio"] {
    accent-color: var(--aisaas-primary);
}

.aisaas-form-divider {
    border: none;
    border-top: 1px solid var(--aisaas-border-light);
    margin: var(--aisaas-space-lg) 0;
}

/* -- Notice -- */
.aisaas-form-notice {
    padding: 12px 16px;
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: var(--aisaas-space-md);
}
.aisaas-form-notice--success {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}
.aisaas-form-notice--error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* -- Sidebar Claim Link -- */
.aisaas-sidebar-cta__claim {
    padding: var(--aisaas-space-sm) 0;
    border-top: 1px solid var(--aisaas-border-light);
}
.aisaas-sidebar-cta__claim-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    text-decoration: none;
    transition: color 0.2s;
}
.aisaas-sidebar-cta__claim-link:hover {
    color: var(--aisaas-primary);
}

/* ============================================================
   Submit Tool Page: Multi-step Form
   ============================================================ */

.aisaas-submit-page {
    padding: var(--aisaas-space-xl) var(--aisaas-space-md) var(--aisaas-space-xxl);
}
.aisaas-submit-page__container {
    max-width: 720px;
    margin: 0 auto;
}
.aisaas-submit-page__title {
    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-xs);
}
.aisaas-submit-page__subtitle {
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-lg);
}

/* Progress Bar */
.aisaas-submit-progress {
    margin-bottom: var(--aisaas-space-xl);
}
.aisaas-submit-progress__bar {
    height: 4px;
    background: var(--aisaas-border-light);
    border-radius: 2px;
    margin-bottom: var(--aisaas-space-md);
    overflow: hidden;
}
.aisaas-submit-progress__fill {
    height: 100%;
    background: var(--aisaas-primary);
    border-radius: 2px;
    transition: width 0.4s ease;
}
.aisaas-submit-progress__steps {
    display: flex;
    justify-content: space-between;
}
.aisaas-submit-progress__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    opacity: 0.5;
    transition: opacity 0.3s;
}
.aisaas-submit-progress__step.is-active,
.aisaas-submit-progress__step.is-completed {
    opacity: 1;
}
.aisaas-submit-progress__number {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--aisaas-border-light);
    color: var(--aisaas-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 700;
    transition: all 0.3s;
}
.aisaas-submit-progress__step.is-active .aisaas-submit-progress__number,
.aisaas-submit-progress__step.is-completed .aisaas-submit-progress__number {
    background: var(--aisaas-primary);
    color: #fff;
}
.aisaas-submit-progress__label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
}
.aisaas-submit-progress__step.is-active .aisaas-submit-progress__label {
    color: var(--aisaas-primary);
}

/* Step Fieldsets */
.aisaas-submit-step {
    display: none;
    border: none;
    padding: 0;
    margin: 0;
}
.aisaas-submit-step.is-active {
    display: block;
    animation: aisaas-fadeInUp 0.3s ease;
}
.aisaas-submit-step__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-lg);
    color: var(--aisaas-text);
}
.aisaas-submit-step__nav {
    display: flex;
    justify-content: space-between;
    gap: var(--aisaas-space-md);
    margin-top: var(--aisaas-space-lg);
}

/* File Upload */
.aisaas-file-upload {
    position: relative;
}
.aisaas-file-upload__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.aisaas-file-upload__dropzone {
    border: 2px dashed var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    color: var(--aisaas-text-secondary);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.aisaas-file-upload__dropzone:hover,
.aisaas-file-upload__dropzone.is-dragover {
    border-color: var(--aisaas-primary);
    background: rgba(79, 70, 229, 0.04);
    color: var(--aisaas-primary);
}
.aisaas-file-upload__hint {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}
.aisaas-file-upload__preview {
    position: relative;
    display: inline-block;
}
.aisaas-file-upload__preview img {
    max-height: 80px;
    max-width: 200px;
    border-radius: var(--aisaas-radius-md);
    border: 1px solid var(--aisaas-border-light);
}
.aisaas-file-upload__remove {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--aisaas-accent);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aisaas-file-upload__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.aisaas-file-upload__thumb {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: var(--aisaas-radius-md);
    overflow: hidden;
    border: 1px solid var(--aisaas-border-light);
}
.aisaas-file-upload__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aisaas-file-upload__thumb-remove {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aisaas-file-upload__thumb-remove:hover {
    background: var(--aisaas-accent);
}

/* Form Validation */
.aisaas-form-input.is-invalid,
.aisaas-form-select.is-invalid,
.aisaas-form-textarea.is-invalid {
    border-color: var(--aisaas-accent);
}
.aisaas-form-error {
    font-size: 0.75rem;
    color: var(--aisaas-accent);
    margin-top: 2px;
    display: block;
}

/* Review Summary */
.aisaas-submit-review {
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-md);
}
.aisaas-submit-review__title {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-sm);
}
.aisaas-submit-review__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.aisaas-submit-review__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.aisaas-submit-review__label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.aisaas-submit-review__value {
    font-size: 0.875rem;
    color: var(--aisaas-text);
    word-break: break-word;
}
.aisaas-submit-review__value a {
    color: var(--aisaas-primary);
}
@media (max-width: 640px) {
    .aisaas-submit-review__grid {
        grid-template-columns: 1fr;
    }
}

/* Submit Button */
.aisaas-submit-btn {
    position: relative;
    min-width: 200px;
}
.aisaas-submit-btn__loading {
    display: flex;
    align-items: center;
    gap: 8px;
}
.aisaas-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: aisaas-spin 0.6s linear infinite;
}
@keyframes aisaas-spin {
    to { transform: rotate(360deg); }
}
.aisaas-submit-disclaimer {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    text-align: center;
    margin-top: var(--aisaas-space-sm);
}

/* reCAPTCHA badge */
.aisaas-recaptcha-badge {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    text-align: center;
}

@keyframes aisaas-fadeInUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

[data-theme="dark"] .aisaas-submit-review {
    background: var(--aisaas-bg-tertiary);
}
[data-theme="dark"] .aisaas-file-upload__dropzone:hover,
[data-theme="dark"] .aisaas-file-upload__dropzone.is-dragover {
    background: rgba(79,70,229,0.08);
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

/* -- Trust row: report price link -- */
.aisaas-trust-row__link[data-open-modal] {
    cursor: pointer;
    color: var(--aisaas-primary);
}

/* ============================================================
   Decision Page: Editor Picks
   ============================================================ */

/* ============================================================
   Top 3 Picks Section 閳?Category / Use-Case Pages
   ============================================================ */
.aisaas-top-picks-section {
    margin-bottom: var(--aisaas-space-2xl);
    padding: var(--aisaas-space-lg);
    background: linear-gradient(135deg, #f0f7ff 0%, #f8fafc 100%);
    border-radius: var(--aisaas-card-radius);
    border: 1px solid #e2e8f0;
}

.aisaas-top-picks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-md);
}

@media (max-width: 768px) {
    .aisaas-top-picks {
        grid-template-columns: 1fr;
    }
}

.aisaas-top-pick {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.aisaas-top-pick:hover {
    box-shadow: var(--aisaas-card-hover-shadow);
}

.aisaas-top-pick--gold:hover  { border-color: #f59e0b; }
.aisaas-top-pick--green:hover { border-color: #10b981; }
.aisaas-top-pick--blue:hover  { border-color: #3b82f6; }

.aisaas-top-pick__badge {
    padding: 8px 16px;
    font-size: 0.8125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}

.aisaas-top-pick__badge--gold   { background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff; }
.aisaas-top-pick__badge--green  { background: linear-gradient(135deg, #10b981, #059669); color: #fff; }
.aisaas-top-pick__badge--blue   { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; }

.aisaas-top-pick__badge svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.aisaas-top-pick__body {
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.aisaas-top-pick__head {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-top-pick__logo {
    width: 48px !important;
    height: 48px !important;
    border-radius: var(--aisaas-radius-md);
    object-fit: contain;
    flex-shrink: 0;
}

.aisaas-top-pick__logo--fallback {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px !important;
    height: 48px !important;
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg-tertiary);
    font-weight: 800;
    font-size: 0.9rem;
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-top-pick__info {
    min-width: 0;
}

.aisaas-top-pick__name {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--aisaas-text);
    text-decoration: none;
    display: block;
}

.aisaas-top-pick__name:hover {
    color: var(--aisaas-primary);
}

.aisaas-top-pick__rating {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.8125rem;
    color: #2563eb;
    font-weight: 600;
}

.aisaas-top-pick__rating svg {
    fill: #2563eb;
    width: 14px;
    height: 14px;
}

.aisaas-top-pick__pricing {
    font-size: 0.75rem;
    padding: 3px 8px;
    background: var(--aisaas-bg-tertiary);
    border-radius: var(--aisaas-radius-sm);
    color: var(--aisaas-text-secondary);
    font-weight: 600;
}

.aisaas-top-pick__tagline {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
}

.aisaas-top-pick__features {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aisaas-top-pick__feature {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--aisaas-text);
}

.aisaas-top-pick__feature-check {
    color: #10b981;
    font-weight: 700;
    font-size: 0.75rem;
}

.aisaas-top-pick__best-for {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-top-pick__best-for svg {
    color: var(--aisaas-primary);
}

.aisaas-top-pick__actions {
    display: flex;
    gap: var(--aisaas-space-xs);
    margin-top: auto;
}

/* ============================================================
   Category Hero 閳?SEO-focused header
   ============================================================ */
.aisaas-cat-hero {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f5f0 50%, #f0f0ff 100%);
    padding: var(--aisaas-space-2xl) 0;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-cat-hero__content {
    text-align: center;
}

.aisaas-cat-hero__title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-md);
    line-height: 1.2;
    color: var(--aisaas-text);
}

.aisaas-cat-hero__desc {
    font-size: 1.0625rem;
    color: var(--aisaas-text-secondary);
    max-width: 640px;
    margin: 0 auto var(--aisaas-space-lg);
    line-height: 1.6;
}

.aisaas-cat-hero__stats {
    display: inline-flex;
    gap: var(--aisaas-space-lg);
    padding: 10px 24px;
    background: rgba(255,255,255,0.7);
    border-radius: var(--aisaas-radius-lg);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.8);
}

.aisaas-cat-hero__stat {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-cat-hero__stat strong {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--aisaas-text);
}

.aisaas-cat-hero__stat--verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #10b981;
    font-weight: 600;
}

.aisaas-cat-hero__stat--verified svg {
    color: #10b981;
}

/* ============================================================
   Category Filter Pills
   ============================================================ */
.aisaas-cat-filter-pills {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-sm);
    padding: 8px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--aisaas-card-radius);
}

.aisaas-cat-filter-pill {
    padding: 5px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid var(--aisaas-border);
    border-radius: 6px;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg);
    transition: all 0.15s;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.aisaas-cat-filter-pill:hover,
.aisaas-cat-filter-pill.is-active {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
}

.aisaas-cat-filter-pill--green.is-active,
.aisaas-cat-filter-pill--green:hover { background: #10b981; border-color: #10b981; color: #fff; }
.aisaas-cat-filter-pill--blue.is-active,
.aisaas-cat-filter-pill--blue:hover   { background: #3b82f6; border-color: #3b82f6; color: #fff; }
.aisaas-cat-filter-pill--gold.is-active,
.aisaas-cat-filter-pill--gold:hover   { background: #f59e0b; border-color: #f59e0b; color: #fff; }

.aisaas-cat-filter-pill__count {
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 1px 6px;
    background: rgba(0,0,0,0.1);
    border-radius: 10px;
}

.aisaas-cat-filter-pill.is-active .aisaas-cat-filter-pill__count {
    background: rgba(255,255,255,0.25);
}

/* ============================================================
   Category Sort Tabs
   ============================================================ */
.aisaas-cat-sort-tabs {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: var(--aisaas-space-md);
    padding: 6px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--aisaas-card-radius);
}

.aisaas-cat-sort-tabs__label {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: 4px;
}

.aisaas-cat-sort-tab {
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--aisaas-text-secondary);
    background: transparent;
    cursor: pointer;
    transition: all 0.15s;
}

.aisaas-cat-sort-tab:hover {
    background: var(--aisaas-bg);
    color: var(--aisaas-primary);
    border-color: var(--aisaas-border);
}

.aisaas-cat-sort-tab.is-active {
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    border-color: var(--aisaas-primary);
}

/* ============================================================
   Buying Guide Steps
   ============================================================ */
.aisaas-buying-guide {
    margin: var(--aisaas-space-2xl) 0;
    padding: var(--aisaas-space-xl);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-xl);
}

.aisaas-buying-guide__steps {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
}

.aisaas-buying-guide__step {
    display: flex;
    gap: var(--aisaas-space-md);
    align-items: flex-start;
}

.aisaas-buying-guide__step-num {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--aisaas-primary);
    color: var(--aisaas-text-light);
    font-weight: 700;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aisaas-buying-guide__step strong {
    font-size: 0.9375rem;
    color: var(--aisaas-text);
}

.aisaas-buying-guide__step p {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-top: 2px;
}

/* ============================================================
   Comparison Table 閳?Category page wrapper
   ============================================================ */
.aisaas-cat-comparison {
    margin: var(--aisaas-space-2xl) 0;
}

.aisaas-cat-comparison__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-cat-comparison__note {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
}

/* ============================================================
   Category FAQ
   ============================================================ */
.aisaas-cat-faq {
    margin: var(--aisaas-space-2xl) 0;
}

/* ============================================================
   Related Categories
   ============================================================ */
.aisaas-related-cats {
    margin: var(--aisaas-space-2xl) 0;
}

.aisaas-related-cats__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-md);
}

@media (max-width: 768px) {
    .aisaas-related-cats__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .aisaas-related-cats__grid {
        grid-template-columns: 1fr;
    }
}

.aisaas-related-cat {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    text-decoration: none;
    transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.aisaas-related-cat:hover {
    transform: translateY(-2px);
    border-color: var(--aisaas-primary);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.aisaas-related-cat__icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.aisaas-related-cat__info {
    min-width: 0;
}

.aisaas-related-cat__name {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    display: block;
}

.aisaas-related-cat:hover .aisaas-related-cat__name {
    color: var(--aisaas-primary);
}

.aisaas-related-cat__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-related-cat__best {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    display: none;
}

@media (min-width: 768px) {
    .aisaas-related-cat__best {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 120px;
    }
}

.aisaas-related-cat__arrow {
    color: var(--aisaas-text-secondary);
    flex-shrink: 0;
    transition: color 0.2s;
}

.aisaas-related-cat:hover .aisaas-related-cat__arrow {
    color: var(--aisaas-primary);
}

/* Responsive: Category Hero */
@media (max-width: 768px) {
    .aisaas-cat-hero__title {
        font-size: 1.75rem;
    }
    .aisaas-cat-hero__stats {
        flex-wrap: wrap;
        gap: var(--aisaas-space-sm);
        padding: 8px 16px;
    }
}

@media (max-width: 480px) {
    .aisaas-cat-hero__title {
        font-size: 1.5rem;
    }
    .aisaas-cat-hero__stats {
        flex-direction: column;
        gap: 4px;
        text-align: center;
    }
}

/* ============================================================
   Decision Page: Related Comparisons
   ============================================================ */

.aisaas-related-comparisons {
    margin: var(--aisaas-space-2xl) 0 var(--aisaas-space-xl);
}

.aisaas-related-comparisons__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--aisaas-space-md);
}

@media (max-width: 640px) {
    .aisaas-related-comparisons__grid {
        grid-template-columns: 1fr;
    }
}

.aisaas-related-comp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--aisaas-space-md);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-card-radius);
    text-decoration: none;
    transition: box-shadow 0.2s, transform 0.2s;
}

.aisaas-related-comp:hover {
    box-shadow: var(--aisaas-card-shadow);
    transform: translateY(-2px);
}

.aisaas-related-comp__tools {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-related-comp__tool {
    display: flex;
    align-items: center;
    gap: 6px;
}

.aisaas-related-comp__logo {
    width: 32px !important;
    height: 32px !important;
    border-radius: var(--aisaas-radius-sm);
    object-fit: contain;
}

.aisaas-related-comp__logo--fallback {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    border-radius: var(--aisaas-radius-sm);
    background: var(--aisaas-bg-tertiary);
    font-weight: 800;
    font-size: 0.7rem;
    color: var(--aisaas-primary);
}

.aisaas-related-comp__name {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-related-comp__vs {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aisaas-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.aisaas-related-comp__link {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    white-space: nowrap;
}

/* ============================================================
   Decision Page: Tool List Intro
   ============================================================ */

.aisaas-tool-list-intro {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-tool-list-intro__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    max-width: 680px;
}

/* ============================================================
   Decision Page: Buying Guide
   ============================================================ */

.aisaas-buying-guide {
    margin-top: var(--aisaas-space-2xl);
    padding: var(--aisaas-space-xl);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
}

.aisaas-buying-guide__content {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--aisaas-text-secondary);
}

.aisaas-buying-guide__content ol,
.aisaas-buying-guide__content ul {
    padding-left: 1.5rem;
}

.aisaas-buying-guide__content li {
    margin-bottom: 0.75rem;
}

/* ============================================================
   Cookie Consent Banner
   ============================================================ */
.aisaas-cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: var(--aisaas-bg-dark);
    color: var(--aisaas-text-light);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    padding: var(--aisaas-space-md) 0;
    animation: aisaas-cookie-slide-up 0.4s ease-out;
}

@keyframes aisaas-cookie-slide-up {
    from { transform: translateY(100%); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}

.aisaas-cookie-consent__inner {
    max-width: var(--aisaas-container);
    margin: 0 auto;
    padding: 0 var(--aisaas-space-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-cookie-consent__text {
    flex: 1;
    min-width: 280px;
}

.aisaas-cookie-consent__text p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #cbd5e1;
}

.aisaas-cookie-consent__text a {
    color: #93c5fd;
    text-decoration: underline;
}

.aisaas-cookie-consent__text a:hover {
    color: #bfdbfe;
}

.aisaas-cookie-consent__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .aisaas-cookie-consent__inner {
        flex-direction: column;
        text-align: center;
    }
    .aisaas-cookie-consent__text {
        min-width: auto;
    }
    .aisaas-cookie-consent__actions {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================================
   Screenshot Gallery
   ============================================================ */
.aisaas-gallery {
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-gallery__count {
    font-size: 0.875rem;
    color: var(--aisaas-text-muted);
    font-weight: 400;
}

.aisaas-gallery__preview {
    position: relative;
    background: var(--aisaas-bg-tertiary);
    border-radius: var(--aisaas-radius-md);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-gallery__main {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
    display: none;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.aisaas-gallery__main--active {
    display: block;
}

.aisaas-gallery__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--aisaas-border);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background 0.2s;
    color: var(--aisaas-text);
}

.aisaas-gallery__nav:hover {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.aisaas-gallery__nav--prev { left: 12px; }
.aisaas-gallery__nav--next { right: 12px; }

.aisaas-gallery__expand {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-sm);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background 0.2s;
    color: var(--aisaas-text);
}

.aisaas-gallery__expand:hover {
    background: #fff;
}

.aisaas-gallery__thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 4px 0;
    scrollbar-width: thin;
}

.aisaas-gallery__thumb {
    width: 80px;
    height: 50px;
    object-fit: cover;
    border-radius: var(--aisaas-radius-sm);
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.7;
    transition: opacity 0.2s, border-color 0.2s;
    flex-shrink: 0;
}

.aisaas-gallery__thumb:hover {
    opacity: 0.9;
}

.aisaas-gallery__thumb--active {
    opacity: 1;
    border-color: var(--aisaas-primary);
}

/* Gallery Lightbox */
.aisaas-gallery__lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.92);
    align-items: center;
    justify-content: center;
}

.aisaas-gallery__lightbox--open {
    display: flex;
}

.aisaas-gallery__lightbox-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    transition: background 0.2s;
}

.aisaas-gallery__lightbox-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.aisaas-gallery__lightbox-content {
    max-width: 90vw;
    max-height: 85vh;
}

.aisaas-gallery__lightbox-img {
    max-width: 90vw;
    max-height: 85vh;
    object-fit: contain;
    display: none;
}

.aisaas-gallery__lightbox-img--active {
    display: block;
}

.aisaas-gallery__lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    transition: background 0.2s;
}

.aisaas-gallery__lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.3);
}

.aisaas-gallery__lightbox-nav--prev { left: 24px; }
.aisaas-gallery__lightbox-nav--next { right: 24px; }

.aisaas-gallery__lightbox-counter {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
}

@media (max-width: 640px) {
    .aisaas-gallery__preview {
        aspect-ratio: 4 / 3;
    }
    .aisaas-gallery__thumb {
        width: 60px;
        height: 38px;
    }
    .aisaas-gallery__lightbox-nav {
        width: 36px;
        height: 36px;
    }
}

/* ============================================================
   User Reviews
   ============================================================ */
.aisaas-reviews {
    margin: var(--aisaas-space-xl) 0;
    padding-top: var(--aisaas-space-lg);
}

.aisaas-reviews__count {
    font-size: 0.875rem;
    color: var(--aisaas-text-muted);
    font-weight: 400;
}

/* Review Summary */
.aisaas-reviews-summary {
    display: flex;
    gap: var(--aisaas-space-lg);
    align-items: center;
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    margin-bottom: var(--aisaas-space-lg);
    border: 1px solid var(--aisaas-border);
}

.aisaas-reviews-summary__overall {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 120px;
}

.aisaas-reviews-summary__score {
    font-size: 2rem;
    font-weight: 800;
    color: var(--aisaas-text);
    line-height: 1;
}

.aisaas-reviews-summary__max {
    font-size: 0.875rem;
    color: var(--aisaas-text-muted);
    font-weight: 400;
}

.aisaas-reviews-summary__label {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-reviews-summary__bars {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.aisaas-reviews-bar {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aisaas-reviews-bar__label {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    min-width: 32px;
    text-align: right;
}

.aisaas-reviews-bar__track {
    flex: 1;
    height: 8px;
    background: var(--aisaas-bg-tertiary);
    border-radius: 4px;
    overflow: hidden;
}

.aisaas-reviews-bar__fill {
    height: 100%;
    background: var(--aisaas-primary);
    border-radius: 4px;
    transition: width 0.4s ease;
}

.aisaas-reviews-bar__count {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    min-width: 20px;
}

/* Review Card */
.aisaas-review-card {
    padding: var(--aisaas-space-md);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    margin-bottom: var(--aisaas-space-md);
    background: var(--aisaas-bg);
}

.aisaas-review-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-review-card__avatar {
    border-radius: 50%;
    flex-shrink: 0;
}

.aisaas-review-card__identity {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.aisaas-review-card__author {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--aisaas-text);
}

.aisaas-review-card__date {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-review-card__rating {
    margin-left: auto;
}

.aisaas-review-card__text {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-review-card__pros,
.aisaas-review-card__cons {
    margin-top: 8px;
}

.aisaas-review-card__pros-label,
.aisaas-review-card__cons-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.aisaas-review-card__pros-label {
    color: var(--aisaas-secondary);
}

.aisaas-review-card__cons-label {
    color: var(--aisaas-tag-red-text, #dc2626);
}

.aisaas-review-card__pros ul,
.aisaas-review-card__cons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aisaas-review-card__pros li,
.aisaas-review-card__cons li {
    font-size: 0.8125rem;
    padding: 2px 0;
    color: var(--aisaas-text-secondary);
}

.aisaas-review-card__pros li::before {
    content: '+ ';
    color: var(--aisaas-secondary);
    font-weight: 600;
}

.aisaas-review-card__cons li::before {
    content: '- ';
    color: var(--aisaas-tag-red-text, #dc2626);
    font-weight: 600;
}

/* Review Form */
.aisaas-reviews-form-wrap {
    margin-top: var(--aisaas-space-lg);
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    border: 1px solid var(--aisaas-border);
}

.aisaas-reviews-form__title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-reviews-form__note {
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-review-form-fields {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-review-form__rating {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-review-form__rating label {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 8px;
}

/* Star Selector (interactive radio stars 閳?supports half stars) */
.aisaas-star-selector {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px;
}

.aisaas-star-selector input[type="radio"] {
    display: none;
}

.aisaas-star-selector label {
    font-size: 1.5rem;
    color: var(--aisaas-bg-tertiary);
    cursor: pointer;
    transition: color 0.15s;
    position: relative;
}

.aisaas-star-selector label:hover,
.aisaas-star-selector label:hover ~ label,
.aisaas-star-selector input[type="radio"]:checked ~ label {
    color: var(--aisaas-accent, #ff6b35);
}

/* Half-star labels are narrower (half width) */
.aisaas-star-selector .aisaas-star-selector--half {
    width: 0.75rem;
    overflow: hidden;
    font-size: 1.5rem;
    z-index: 2;
}

.aisaas-star-selector .aisaas-star-selector--half:hover,
.aisaas-star-selector .aisaas-star-selector--half:hover ~ label {
    color: var(--aisaas-accent, #ff6b35);
}

.aisaas-review-form__pros,
.aisaas-review-form__cons {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-review-form__pros label,
.aisaas-review-form__cons label {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 4px;
}

.aisaas-review-form__pros textarea,
.aisaas-review-form__cons textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.875rem;
    resize: vertical;
}

.aisaas-reviews-form__comment textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.9375rem;
    resize: vertical;
}

.aisaas-btn--submit-review {
    background: var(--aisaas-cta) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: var(--aisaas-radius-sm) !important;
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.aisaas-btn--submit-review:hover {
    background: var(--aisaas-cta-hover) !important;
}

.aisaas-reviews-nav {
    text-align: center;
    margin-top: var(--aisaas-space-md);
}

.aisaas-reviews-cancel a {
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
}

.aisaas-reviews-closed {
    color: var(--aisaas-text-muted);
    font-size: 0.875rem;
    text-align: center;
    padding: var(--aisaas-space-md);
}

@media (max-width: 640px) {
    .aisaas-reviews-summary {
        flex-direction: column;
        text-align: center;
    }
    .aisaas-reviews-summary__overall {
        min-width: unset;
    }
}


/* ============================================================
   AJAX Filter Loading State
   ============================================================ */
.aisaas-tool-list--loading-transition {
    transition: opacity 0.2s ease;
}

.aisaas-tool-list.is-loading {
    opacity: 0.4;
    pointer-events: none;
    min-height: 200px;
    position: relative;
}

.aisaas-tool-list.is-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border: 3px solid var(--aisaas-border);
    border-top-color: var(--aisaas-primary);
    border-radius: 50%;
    animation: aisaas-spin 0.6s linear infinite;
}

@keyframes aisaas-spin {
    to { transform: rotate(360deg); }
}

.aisaas-filter-select {
    padding: 6px 12px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    font-size: 14px;
    cursor: pointer;
    transition: border-color 0.2s;
}

.aisaas-filter-select:hover {
    border-color: var(--aisaas-primary);
}

.aisaas-filter-select:focus {
    outline: 2px solid var(--aisaas-primary);
    outline-offset: 2px;
}


/* ============================================================
   Dark Mode Toggle Button
   ============================================================ */
/* Dark mode toggle 閳?styles now in pc-nav.css (desktop) and mobile-nav.css (mobile) */
/* Only keep sun/moon display toggles which both systems need */
.aisaas-dark-toggle__sun {
    display: block;
}

.aisaas-dark-toggle__moon {
    display: none;
}

.aisaas-dark-toggle.is-dark .aisaas-dark-toggle__sun {
    display: none;
}

.aisaas-dark-toggle.is-dark .aisaas-dark-toggle__moon {
    display: block;
}


/* ============================================================
   Dark Mode (CSS Variable Overrides)
   ============================================================ */
[data-theme="dark"] {
    /* Colors */
    --aisaas-primary: #3b82f6;
    --aisaas-primary-dark: #2563eb;
    --aisaas-primary-light: #1e3a5f;
    --aisaas-secondary: #10b981;
    --aisaas-secondary-dark: #059669;
    --aisaas-accent: #f97316;

    /* CTA */
    --aisaas-cta: #10b981;
    --aisaas-cta-hover: #059669;
    --aisaas-cta-secondary: #3b82f6;
    --aisaas-cta-secondary-hover: #2563eb;

    /* Backgrounds */
    --aisaas-bg: #0f172a;
    --aisaas-bg-secondary: #1e293b;
    --aisaas-bg-tertiary: #334155;
    --aisaas-bg-dark: #0f172a;

    /* Text */
    --aisaas-text: #f1f5f9;
    --aisaas-text-secondary: #94a3b8;
    --aisaas-text-muted: #64748b;
    --aisaas-text-light: #f1f5f9;

    /* Borders */
    --aisaas-border: #475569;
    --aisaas-border-light: #334155;

    /* Rating */
    --aisaas-star: #fbbf24;
    --aisaas-star-empty: #475569;

    /* Tags/Labels */
    --aisaas-tag-green-bg: #064e3b;
    --aisaas-tag-green-text: #6ee7b7;
    --aisaas-tag-blue-bg: #1e3a8a;
    --aisaas-tag-blue-text: #93c5fd;
    --aisaas-tag-orange-bg: #7c2d12;
    --aisaas-tag-orange-text: #fdba74;
    --aisaas-tag-red-bg: #7f1d1d;
    --aisaas-tag-red-text: #fca5a5;
    --aisaas-tag-purple-bg: #4c1d95;
    --aisaas-tag-purple-text: #c4b5fd;

    /* Shadows */
    --aisaas-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --aisaas-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
    --aisaas-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
    --aisaas-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.4);

    /* Card system */
    --aisaas-card-border: #475569;
    --aisaas-card-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);

    /* Logo fallback */
    --aisaas-logo-fallback-bg: var(--aisaas-bg-tertiary);
    --aisaas-logo-fallback-color: var(--aisaas-primary);
}

/* 閳光偓閳光偓 Dark mode body & key elements 閳光偓閳光偓 */
[data-theme="dark"] body {
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
}

/* Dark mode header/nav overrides 閳?now handled by pc-nav.css */
[data-theme="dark"] .aisaas-section {
    background: var(--aisaas-bg);
}

[data-theme="dark"] .aisaas-container {
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-archive-header {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-filters-bar {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-filter-btn {
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-tertiary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-filter-btn:hover {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-filter-btn.is-active {
    background: var(--aisaas-primary);
    color: #fff;
}

[data-theme="dark"] .aisaas-tool-card {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-tool-card:hover {
    border-color: var(--aisaas-primary);
}

[data-theme="dark"] .aisaas-btn--primary {
    background: var(--aisaas-cta);
    color: #fff;
}

[data-theme="dark"] .aisaas-btn--secondary {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-btn--secondary:hover {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-pagination .page-numbers {
    background: var(--aisaas-bg-secondary);
    color: var(--aisaas-text-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-pagination .page-numbers.current {
    background: var(--aisaas-primary);
    color: #fff;
}

[data-theme="dark"] .aisaas-pagination .page-numbers:hover {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-breadcrumbs {
    color: var(--aisaas-text-secondary);
}

[data-theme="dark"] .aisaas-breadcrumbs a {
    color: var(--aisaas-primary);
}

[data-theme="dark"] .aisaas-tag {
    border-color: transparent;
}

[data-theme="dark"] .aisaas-active-filters {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-active-filters__tag {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-result-count {
    color: var(--aisaas-text-secondary);
}

[data-theme="dark"] .aisaas-no-results {
    background: var(--aisaas-bg-secondary);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-footer {
    background: var(--aisaas-bg-dark);
    color: var(--aisaas-text-secondary);
}

[data-theme="dark"] .aisaas-cookie-consent {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-cookie-consent__text {
    color: var(--aisaas-text-secondary);
}

/* 閳光偓閳光偓 Detail page overrides 閳光偓閳光偓 */
[data-theme="dark"] .aisaas-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1a2332 50%, #1e1b2e 100%);
}

[data-theme="dark"] .aisaas-hero__orb {
    opacity: 0.2;
}

[data-theme="dark"] .aisaas-brand-wall {
    border-top-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-brand-wall__item {
    opacity: 0.4;
}

[data-theme="dark"] .aisaas-brand-wall__item:hover {
    opacity: 0.85;
}

[data-theme="dark"] .aisaas-section--newsletter-trending {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-newsletter,
[data-theme="dark"] .aisaas-trending {
    background: var(--aisaas-bg);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-newsletter__input {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-newsletter__input:focus {
    border-color: var(--aisaas-primary);
}

[data-theme="dark"] .aisaas-trending__tag {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
    color: var(--aisaas-text-muted);
}

[data-theme="dark"] .aisaas-trending__tag:hover {
    background: rgba(26, 86, 219, 0.15);
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
}

[data-theme="dark"] .aisaas-score-circle {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-info-table {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-info-table th {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-info-table td {
    color: var(--aisaas-text-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-pros-cons {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-faq__item {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-faq__question {
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-faq__answer {
    color: var(--aisaas-text-secondary);
}

[data-theme="dark"] .aisaas-sidebar-widget {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-reviews-section {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-review-card {
    background: var(--aisaas-bg-tertiary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-reviews-summary {
    background: var(--aisaas-bg-tertiary);
}

[data-theme="dark"] .aisaas-review-form {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-review-form textarea,
[data-theme="dark"] .aisaas-review-form input[type="text"] {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-gallery-preview {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-gallery__lightbox {
    background: rgba(0, 0, 0, 0.9);
}

[data-theme="dark"] .aisaas-gallery-thumbs {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-gallery__thumb {
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-gallery__thumb--active {
    border-color: var(--aisaas-primary);
}

/* 閳光偓閳光偓 Comparison page overrides 閳光偓閳光偓 */
[data-theme="dark"] .aisaas-comp-header {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-comp-header-card {
    background: var(--aisaas-bg-tertiary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-comp-table {
    background: var(--aisaas-bg-secondary);
}

[data-theme="dark"] .aisaas-comp-table th {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-comp-table td {
    color: var(--aisaas-text-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-verdict-summary {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-comp-scenario-card {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-comp-scenario-card:hover {
    border-color: var(--aisaas-primary);
}

/* 閳光偓閳光偓 Smooth transition for theme switch 閳光偓閳光偓 */
html.transitioning,
html.transitioning *,
html.transitioning *::before,
html.transitioning *::after {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease !important;
}

/* ============================================================
   Table of Contents (TOC)
   ============================================================ */
.aisaas-toc {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    padding: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-toc__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-md);
    padding-bottom: var(--aisaas-space-sm);
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-toc__header svg {
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

.aisaas-toc__title {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    letter-spacing: 0.03em;
}

.aisaas-toc__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aisaas-toc__item {
    margin: 0;
    padding: 0;
}

.aisaas-toc__link {
    display: block;
    padding: 0.35rem 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--aisaas-text-secondary);
    text-decoration: none;
    border-left: 2px solid transparent;
    padding-left: var(--aisaas-space-sm);
    transition: color 0.2s ease, border-color 0.2s ease;
}

.aisaas-toc__link:hover {
    color: var(--aisaas-primary);
    border-left-color: var(--aisaas-primary-light);
}

.aisaas-toc__link--active {
    color: var(--aisaas-primary);
    font-weight: 600;
    border-left-color: var(--aisaas-primary);
}

.aisaas-toc__link--h3 {
    font-size: 0.75rem;
    padding-left: calc(var(--aisaas-space-sm) + var(--aisaas-space-md));
    color: var(--aisaas-text-muted);
}

.aisaas-toc__link--h3:hover,
.aisaas-toc__link--h3.aisaas-toc__link--active {
    color: var(--aisaas-primary);
}

.aisaas-toc--empty {
    display: none;
}

/* Mobile: hide TOC in sidebar, show a floating button instead */
@media (max-width: 1023px) {
    .aisaas-toc {
        display: none;
    }
    .aisaas-toc-mobile {
        display: block;
    }
}

.aisaas-toc-mobile {
    display: none;
    position: sticky;
    top: 60px;
    z-index: 20;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-toc-mobile__toggle {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    padding: 0.5rem var(--aisaas-space-md);
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    cursor: pointer;
    width: 100%;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.aisaas-toc-mobile__toggle:hover {
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px var(--aisaas-primary-light);
}

.aisaas-toc-mobile__toggle svg {
    flex-shrink: 0;
    color: var(--aisaas-primary);
}

.aisaas-toc-mobile__panel {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    padding: var(--aisaas-space-md);
    margin-top: var(--aisaas-space-sm);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.aisaas-toc-mobile__panel--open {
    max-height: 600px;
    padding: var(--aisaas-space-md);
}

/* Dark mode TOC overrides */
[data-theme="dark"] .aisaas-toc {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-toc-mobile__toggle {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-toc-mobile__panel {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

/* ============================================================
   Share Buttons
   ============================================================ */
.aisaas-share {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) 0;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-share__label {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    white-space: nowrap;
}

.aisaas-share__label svg {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
}

.aisaas-share__buttons {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.aisaas-share__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--aisaas-radius-sm);
    border: 1px solid var(--aisaas-border);
    background: var(--aisaas-bg);
    color: var(--aisaas-text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    padding: 0;
}

.aisaas-share__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.aisaas-share__btn--x:hover {
    color: #000;
    border-color: #000;
    background: #f5f5f5;
}

.aisaas-share__btn--facebook:hover {
    color: #1877f2;
    border-color: #1877f2;
    background: #eff6ff;
}

.aisaas-share__btn--linkedin:hover {
    color: #0a66c2;
    border-color: #0a66c2;
    background: #eff6ff;
}

.aisaas-share__btn--whatsapp:hover {
    color: #25d366;
    border-color: #25d366;
    background: #ecfdf5;
}

.aisaas-share__btn--email:hover {
    color: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
}

.aisaas-share__btn--copy:hover {
    color: var(--aisaas-secondary);
    border-color: var(--aisaas-secondary);
    background: var(--aisaas-tag-green-bg);
}

.aisaas-share__btn--copy.is-copied {
    color: var(--aisaas-secondary);
    border-color: var(--aisaas-secondary);
    background: var(--aisaas-tag-green-bg);
    pointer-events: none;
}

.aisaas-share__btn--copy.is-copied::after {
    content: '閴?;
    position: absolute;
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--aisaas-secondary);
    bottom: -2px;
    right: -2px;
    background: var(--aisaas-bg);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--aisaas-tag-green-bg);
}

.aisaas-share__btn--copy {
    position: relative;
}

/* Mobile share adjustments */
@media (max-width: 640px) {
    .aisaas-share {
        flex-wrap: wrap;
    }
    .aisaas-share__buttons {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}

/* Dark mode share overrides */
[data-theme="dark"] .aisaas-share__btn {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
    color: var(--aisaas-text-muted);
}

[data-theme="dark"] .aisaas-share__btn--x:hover {
    color: #fff;
    border-color: #fff;
    background: #2a2a2a;
}

[data-theme="dark"] .aisaas-share__btn--facebook:hover {
    color: #1877f2;
    border-color: #1877f2;
    background: rgba(24, 119, 242, 0.1);
}

[data-theme="dark"] .aisaas-share__btn--linkedin:hover {
    color: #0a66c2;
    border-color: #0a66c2;
    background: rgba(10, 102, 194, 0.1);
}

[data-theme="dark"] .aisaas-share__btn--whatsapp:hover {
    color: #25d366;
    border-color: #25d366;
    background: rgba(37, 211, 102, 0.1);
}

[data-theme="dark"] .aisaas-share__btn--copy.is-copied::after {
    background: var(--aisaas-bg-secondary);
}

/* ============================================================
   Exit-Intent Popup
   ============================================================ */
.aisaas-exit-intent {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}

.aisaas-exit-intent.is-visible {
    display: flex;
}

.aisaas-exit-intent__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.aisaas-exit-intent.is-visible .aisaas-exit-intent__overlay {
    opacity: 1;
}

.aisaas-exit-intent__card {
    position: relative;
    background: var(--aisaas-bg);
    border-radius: var(--aisaas-radius-xl);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
    max-width: 480px;
    width: 92%;
    padding: var(--aisaas-space-2xl) var(--aisaas-space-2xl) var(--aisaas-space-xl);
    text-align: center;
    z-index: 1;
    transform: translateY(30px) scale(0.95);
    opacity: 0;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}

.aisaas-exit-intent.is-visible .aisaas-exit-intent__card {
    transform: translateY(0) scale(1);
    opacity: 1;
}

/* Top accent bar */
.aisaas-exit-intent__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--aisaas-primary), var(--aisaas-secondary));
    border-radius: var(--aisaas-radius-xl) var(--aisaas-radius-xl) 0 0;
}

.aisaas-exit-intent__close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: var(--aisaas-bg-secondary);
    color: var(--aisaas-text-secondary);
    cursor: pointer;
    transition: all 0.2s;
}

.aisaas-exit-intent__close:hover {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
}

.aisaas-exit-intent__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-exit-intent__title {
    font-size: 1.375rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-sm);
    line-height: 1.3;
}

.aisaas-exit-intent__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-lg);
    line-height: 1.6;
}

.aisaas-exit-intent__desc strong {
    color: var(--aisaas-primary);
    font-weight: 700;
}

/* Form inside popup */
.aisaas-exit-intent__form {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-exit-intent__input {
    flex: 1;
    height: var(--aisaas-btn-height-md);
    padding: 0 var(--aisaas-space-md);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    transition: border-color 0.2s;
}

.aisaas-exit-intent__input:focus {
    outline: none;
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.1);
}

.aisaas-exit-intent__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 0.9375rem;
    padding: 0 var(--aisaas-space-lg);
    height: var(--aisaas-btn-height-md);
    text-decoration: none;
}

.aisaas-exit-intent__btn svg {
    flex-shrink: 0;
}

.aisaas-exit-intent__note {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin: 0 0 var(--aisaas-space-md);
}

.aisaas-exit-intent__success {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
    border-radius: var(--aisaas-radius-md);
    font-weight: 600;
    font-size: 0.9375rem;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-exit-intent__dismiss {
    display: block;
    margin: 0 auto;
    border: none;
    background: none;
    color: var(--aisaas-text-muted);
    font-size: 0.8125rem;
    cursor: pointer;
    padding: var(--aisaas-space-sm);
    transition: color 0.2s;
}

.aisaas-exit-intent__dismiss:hover {
    color: var(--aisaas-text-secondary);
}

/* 閳光偓閳光偓 Responsive 閳光偓閳光偓 */
@media (max-width: 520px) {
    .aisaas-exit-intent__card {
        padding: var(--aisaas-space-xl) var(--aisaas-space-lg) var(--aisaas-space-lg);
    }

    .aisaas-exit-intent__title {
        font-size: 1.125rem;
    }

    .aisaas-exit-intent__form {
        flex-direction: column;
    }

    .aisaas-exit-intent__btn {
        width: 100%;
        justify-content: center;
    }

    .aisaas-exit-intent__icon {
        width: 52px;
        height: 52px;
    }
}

/* 閳光偓閳光偓 Dark Mode 閳光偓閳光偓 */
[data-theme="dark"] .aisaas-exit-intent__overlay {
    background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .aisaas-exit-intent__card {
    background: var(--aisaas-bg);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .aisaas-exit-intent__close {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text-muted);
}

[data-theme="dark"] .aisaas-exit-intent__close:hover {
    background: var(--aisaas-bg-secondary);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-exit-intent__icon {
    background: rgba(26, 86, 219, 0.15);
    color: var(--aisaas-primary);
}

[data-theme="dark"] .aisaas-exit-intent__input {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-exit-intent__dismiss:hover {
    color: var(--aisaas-text-secondary);
}

/* ============================================================
   Recently Viewed Tools (Horizontal Scroll)
   ============================================================ */
.aisaas-recently-viewed {
    background: #f8fafc;
    border-bottom: 1px solid var(--aisaas-border);
    padding: var(--aisaas-space-md) 0;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-recently-viewed__header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: var(--aisaas-space-sm);
    color: var(--aisaas-text-secondary);
    font-size: 0.875rem;
}

.aisaas-recently-viewed__title {
    font-weight: 600;
    color: var(--aisaas-text-secondary);
}

.aisaas-recently-viewed__clear {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--aisaas-text-muted);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: color 0.2s;
}

.aisaas-recently-viewed__clear:hover {
    color: var(--aisaas-accent);
}

.aisaas-recently-viewed__scroll {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.aisaas-recently-viewed__scroll::-webkit-scrollbar {
    height: 4px;
}

.aisaas-recently-viewed__scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}

.aisaas-recently-viewed__card {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    color: var(--aisaas-text);
    white-space: nowrap;
    scroll-snap-align: start;
    flex-shrink: 0;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.aisaas-recently-viewed__card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: 0 2px 8px rgba(79,70,229,0.1);
}

.aisaas-recently-viewed__card-logo {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    object-fit: contain;
    flex-shrink: 0;
}

.aisaas-recently-viewed__card-logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    font-weight: 700;
    font-size: 0.75rem;
}

.aisaas-recently-viewed__card-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.aisaas-recently-viewed__card-name {
    font-weight: 600;
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.aisaas-recently-viewed__card-meta {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-recently-viewed__card-rating {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #f59e0b;
}

.aisaas-recently-viewed__card-price {
    color: var(--aisaas-text-secondary);
}

.aisaas-recently-viewed__card-arrow {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
    margin-left: 0.25rem;
}

/* ============================================================
   Featured Strip (Pinned Tools)
   ============================================================ */
.aisaas-featured-strip {
    background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 50%, #faf5ff 100%);
    border: 1px solid #c7d2fe;
    border-radius: 12px;
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-featured-strip__header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-featured-strip__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--aisaas-primary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 8px;
    border-radius: 4px;
}

.aisaas-featured-strip__label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
}

.aisaas-featured-strip__scroll {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.aisaas-featured-strip__scroll::-webkit-scrollbar {
    height: 4px;
}

.aisaas-featured-strip__scroll::-webkit-scrollbar-thumb {
    background: #c7d2fe;
    border-radius: 2px;
}

.aisaas-featured-strip__card {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    background: #fff;
    border: 1px solid #e0e7ff;
    border-radius: 10px;
    padding: 0.625rem 1rem;
    text-decoration: none;
    color: var(--aisaas-text);
    white-space: nowrap;
    scroll-snap-align: start;
    flex-shrink: 0;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.aisaas-featured-strip__card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: 0 4px 12px rgba(79,70,229,0.12);
    transform: translateY(-1px);
}

.aisaas-featured-strip__card-logo {
    flex-shrink: 0;
}

.aisaas-featured-strip__img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: contain;
}

.aisaas-featured-strip__card-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.aisaas-featured-strip__card-name {
    font-weight: 600;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}

.aisaas-featured-strip__card-meta {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    margin-top: 2px;
}

.aisaas-featured-strip__card-rating {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #f59e0b;
    font-weight: 600;
}

.aisaas-featured-strip__card-price {
    color: var(--aisaas-text-secondary);
}

.aisaas-tag--xs {
    font-size: 0.625rem;
    padding: 1px 5px;
}

.aisaas-featured-strip__card-arrow {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
    margin-left: 0.25rem;
    transition: transform 0.2s;
}

.aisaas-featured-strip__card:hover .aisaas-featured-strip__card-arrow {
    transform: translateX(2px);
    color: var(--aisaas-primary);
}

/* Dark mode */
[data-theme="dark"] .aisaas-recently-viewed {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-recently-viewed__card {
    background: var(--aisaas-bg);
    border-color: var(--aisaas-border);
}

[data-theme="dark"] .aisaas-featured-strip {
    background: linear-gradient(135deg, rgba(79,70,229,0.08) 0%, rgba(139,92,246,0.08) 50%, rgba(168,85,247,0.08) 100%);
    border-color: rgba(79,70,229,0.25);
}

[data-theme="dark"] .aisaas-featured-strip__card {
    background: var(--aisaas-bg);
    border-color: rgba(79,70,229,0.2);
}

[data-theme="dark"] .aisaas-featured-strip__scroll::-webkit-scrollbar-thumb {
    background: rgba(79,70,229,0.3);
}

/* ============================================================
   Sub-Category Navigation (Taxonomy Pages)
   ============================================================ */
.aisaas-subcats {
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-subcats__section {
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-subcats__section:last-child {
    margin-bottom: 0;
}

.aisaas-subcats__label {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.aisaas-subcats__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.aisaas-subcats__pill {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--aisaas-text);
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-subcats__pill:hover {
    background: var(--aisaas-primary);
    color: #fff;
    border-color: var(--aisaas-primary);
}

.aisaas-subcats__pill--parent {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-color: transparent;
    font-weight: 600;
}

.aisaas-subcats__pill--parent:hover {
    background: var(--aisaas-primary);
    color: #fff;
}

.aisaas-subcats__count {
    font-size: 0.6875rem;
    background: rgba(0,0,0,0.06);
    padding: 1px 6px;
    border-radius: 10px;
    color: var(--aisaas-text-secondary);
}

.aisaas-subcats__pill:hover .aisaas-subcats__count {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.aisaas-subcats__pill--parent .aisaas-subcats__count {
    background: rgba(79,70,229,0.15);
}

/* ============================================================
   Load More Button (Taxonomy Lazy Load)
   ============================================================ */
.aisaas-load-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: var(--aisaas-space-lg) 0;
}

.aisaas-load-more__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.9375rem;
    font-weight: 600;
    transition: all 0.2s;
}

.aisaas-load-more__btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.aisaas-load-more__remaining {
    font-weight: 400;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-load-more__spinner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aisaas-spinner {
    animation: aisaas-spin 0.8s linear infinite;
    color: var(--aisaas-primary);
}

@keyframes aisaas-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Dark mode */
[data-theme="dark"] .aisaas-subcats__pill {
    background: var(--aisaas-bg-secondary);
    border-color: var(--aisaas-border);
    color: var(--aisaas-text);
}

[data-theme="dark"] .aisaas-subcats__pill:hover {
    background: var(--aisaas-primary);
    color: #fff;
    border-color: var(--aisaas-primary);
}

[data-theme="dark"] .aisaas-subcats__pill--parent {
    background: rgba(79,70,229,0.15);
    color: var(--aisaas-primary);
}

[data-theme="dark"] .aisaas-subcats__count {
    background: rgba(255,255,255,0.08);
}

[data-theme="dark"] .aisaas-subcats__pill:hover .aisaas-subcats__count {
    background: rgba(255,255,255,0.2);
}

/* ============================================================
   Ranking Page 閳?Podium (Gold / Silver / Bronze)
   ============================================================ */

.aisaas-podium {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    gap: var(--aisaas-space-lg);
    align-items: end;
    margin-bottom: var(--aisaas-space-2xl);
}

.aisaas-podium__card {
    position: relative;
    background: var(--aisaas-bg);
    border: 2px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-xl) var(--aisaas-space-lg);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.aisaas-podium__card:hover {
    transform: translateY(-4px);
    box-shadow: var(--aisaas-shadow-lg);
}

/* Gold 閳?#1 */
.aisaas-podium__card--gold {
    border-color: #f59e0b;
    background: linear-gradient(180deg, #fffbeb 0%, var(--aisaas-bg) 40%);
    box-shadow: 0 0 0 1px rgba(245,158,11,0.15), var(--aisaas-shadow-md);
    padding-top: calc(var(--aisaas-space-xl) + 16px);
}

.aisaas-podium__card--gold::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #f59e0b, #fbbf24, #f59e0b);
    border-radius: var(--aisaas-radius-lg) var(--aisaas-radius-lg) 0 0;
}

/* Silver 閳?#2 */
.aisaas-podium__card--silver {
    border-color: #94a3b8;
    background: linear-gradient(180deg, #f8fafc 0%, var(--aisaas-bg) 40%);
    box-shadow: 0 0 0 1px rgba(148,163,184,0.15), var(--aisaas-shadow-sm);
    padding-top: calc(var(--aisaas-space-xl) + 8px);
}

.aisaas-podium__card--silver::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #94a3b8, #cbd5e1, #94a3b8);
    border-radius: var(--aisaas-radius-lg) var(--aisaas-radius-lg) 0 0;
}

/* Bronze 閳?#3 */
.aisaas-podium__card--bronze {
    border-color: #d97706;
    background: linear-gradient(180deg, #fff7ed 0%, var(--aisaas-bg) 40%);
    box-shadow: 0 0 0 1px rgba(217,119,6,0.15), var(--aisaas-shadow-sm);
    padding-top: calc(var(--aisaas-space-xl) + 8px);
}

.aisaas-podium__card--bronze::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #d97706, #f59e0b, #d97706);
    border-radius: var(--aisaas-radius-lg) var(--aisaas-radius-lg) 0 0;
}

/* Rank badge */
.aisaas-podium__rank {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-podium__rank-num {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--aisaas-text-secondary);
}

.aisaas-podium__card--gold .aisaas-podium__rank-num {
    color: #b45309;
    font-size: 1.75rem;
}

.aisaas-podium__card--silver .aisaas-podium__rank-num {
    color: #64748b;
}

.aisaas-podium__card--bronze .aisaas-podium__rank-num {
    color: #c2410c;
}

.aisaas-podium__rank-medal {
    display: inline-flex;
}

.aisaas-podium__card--gold .aisaas-podium__rank-medal svg {
    color: #f59e0b;
    filter: drop-shadow(0 1px 2px rgba(245,158,11,0.4));
}

.aisaas-podium__card--silver .aisaas-podium__rank-medal svg {
    color: #94a3b8;
    filter: drop-shadow(0 1px 2px rgba(148,163,184,0.4));
}

.aisaas-podium__card--bronze .aisaas-podium__rank-medal svg {
    color: #d97706;
    filter: drop-shadow(0 1px 2px rgba(217,119,6,0.4));
}

/* Logo */
.aisaas-podium__logo-wrap {
    margin-bottom: var(--aisaas-space-md);
    display: flex;
    justify-content: center;
}

.aisaas-podium__logo {
    border: 3px solid var(--aisaas-border);
    box-shadow: var(--aisaas-shadow-sm);
}

.aisaas-podium__card--gold .aisaas-podium__logo {
    border-color: #f59e0b;
}

.aisaas-podium__card--silver .aisaas-podium__logo {
    border-color: #94a3b8;
}

.aisaas-podium__card--bronze .aisaas-podium__logo {
    border-color: #d97706;
}

/* Name */
.aisaas-podium__name {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-podium__name a {
    color: var(--aisaas-text);
    text-decoration: none;
}

.aisaas-podium__name a:hover {
    color: var(--aisaas-primary);
}

.aisaas-podium__card--gold .aisaas-podium__name {
    font-size: 1.375rem;
}

.aisaas-podium__tagline {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-sm);
}

/* Medal label */
.aisaas-podium__medal-label {
    display: inline-block;
    padding: 3px 14px;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-podium__card--gold .aisaas-podium__medal-label {
    background: #fef3c7;
    color: #92400e;
}

.aisaas-podium__card--silver .aisaas-podium__medal-label {
    background: #f1f5f9;
    color: #475569;
}

.aisaas-podium__card--bronze .aisaas-podium__medal-label {
    background: #ffedd5;
    color: #9a3412;
}

/* Rating */
.aisaas-podium__rating {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-podium__rating .aisaas-stars {
    justify-content: center;
}

/* Recommendation reason */
.aisaas-podium__reason {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    background: var(--aisaas-bg-tertiary);
    border-radius: var(--aisaas-radius-sm);
    padding: 8px 12px;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    margin-bottom: var(--aisaas-space-md);
    text-align: left;
}

.aisaas-podium__reason svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--aisaas-secondary);
}

.aisaas-podium__card--gold .aisaas-podium__reason {
    background: #fffbeb;
    border: 1px solid rgba(245,158,11,0.2);
}

/* Stats */
.aisaas-podium__stats {
    display: flex;
    justify-content: center;
    gap: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-podium__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.aisaas-podium__stat-label {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--aisaas-text-muted);
    font-weight: 600;
}

.aisaas-podium__stat-value {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--aisaas-text);
}

/* CTA */
.aisaas-podium__cta {
    display: flex;
    gap: var(--aisaas-space-sm);
    justify-content: center;
}

/* ============================================================
   Ranking Page 閳?Remaining List (#4+)
   ============================================================ */

.aisaas-ranking-list {
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    overflow: hidden;
}

.aisaas-ranking-row {
    display: grid;
    grid-template-columns: 48px 44px 1fr 80px 120px 80px auto;
    gap: var(--aisaas-space-sm);
    align-items: center;
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    border-bottom: 1px solid var(--aisaas-border-light);
    transition: background 0.15s;
}

.aisaas-ranking-row:last-child {
    border-bottom: none;
}

.aisaas-ranking-row:hover {
    background: var(--aisaas-bg-secondary);
}

.aisaas-ranking-row__rank {
    font-weight: 900;
    font-size: 1.125rem;
    color: var(--aisaas-text-muted);
    text-align: center;
}

.aisaas-ranking-row__info {
    min-width: 0;
}

.aisaas-ranking-row__name {
    font-size: 0.9375rem;
    font-weight: 700;
    margin: 0;
}

.aisaas-ranking-row__name a {
    color: var(--aisaas-text);
    text-decoration: none;
}

.aisaas-ranking-row__name a:hover {
    color: var(--aisaas-primary);
}

.aisaas-ranking-row__reason {
    display: block;
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisaas-ranking-row__rating {
    text-align: center;
}

.aisaas-ranking-row__rating-num {
    font-weight: 800;
    font-size: 1.0625rem;
    color: var(--aisaas-text);
}

.aisaas-ranking-row__rating-max {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-ranking-row__pricing {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    text-align: center;
}

.aisaas-ranking-row__free {
    text-align: center;
}

.aisaas-ranking-row__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    align-items: center;
    justify-content: flex-end;
}

.aisaas-ranking-row__review-link {
    font-size: 0.8125rem;
    color: var(--aisaas-primary);
    text-decoration: none;
    font-weight: 600;
}

.aisaas-ranking-row__review-link:hover {
    text-decoration: underline;
}

.aisaas-ranking-page-content {
    margin-top: var(--aisaas-space-2xl);
    font-size: 1.0625rem;
    line-height: 1.8;
}

/* 閳光偓閳光偓 Responsive 閳光偓閳光偓 */
@media (max-width: 900px) {
    .aisaas-podium {
        grid-template-columns: 1fr;
        gap: var(--aisaas-space-md);
    }

    .aisaas-podium__card--gold {
        order: -1;
    }
}

@media (max-width: 768px) {
    .aisaas-ranking-row {
        grid-template-columns: 36px 40px 1fr auto;
        gap: var(--aisaas-space-xs);
        padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    }

    .aisaas-ranking-row__pricing,
    .aisaas-ranking-row__free {
        display: none;
    }

    .aisaas-ranking-row__actions {
        flex-direction: column;
        gap: 4px;
    }
}

/* Dark mode for podium */
[data-theme="dark"] .aisaas-podium__card--gold {
    background: linear-gradient(180deg, #451a03 0%, var(--aisaas-bg) 50%);
    border-color: #b45309;
}

[data-theme="dark"] .aisaas-podium__card--silver {
    background: linear-gradient(180deg, #1e293b 0%, var(--aisaas-bg) 50%);
    border-color: #64748b;
}

[data-theme="dark"] .aisaas-podium__card--bronze {
    background: linear-gradient(180deg, #431407 0%, var(--aisaas-bg) 50%);
    border-color: #c2410c;
}

[data-theme="dark"] .aisaas-podium__card--gold .aisaas-podium__rank-num {
    color: #fbbf24;
}

[data-theme="dark"] .aisaas-podium__card--silver .aisaas-podium__rank-num {
    color: #cbd5e1;
}

[data-theme="dark"] .aisaas-podium__card--bronze .aisaas-podium__rank-num {
    color: #fb923c;
}

[data-theme="dark"] .aisaas-podium__card--gold .aisaas-podium__medal-label {
    background: #451a03;
    color: #fbbf24;
}

[data-theme="dark"] .aisaas-podium__card--silver .aisaas-podium__medal-label {
    background: #1e293b;
    color: #cbd5e1;
}

[data-theme="dark"] .aisaas-podium__card--bronze .aisaas-podium__medal-label {
    background: #431407;
    color: #fb923c;
}

[data-theme="dark"] .aisaas-podium__card--gold .aisaas-podium__reason {
    background: rgba(180,83,9,0.15);
    border-color: rgba(180,83,9,0.3);
}

[data-theme="dark"] .aisaas-ranking-row:hover {
    background: var(--aisaas-bg-tertiary);
}

/* ============================================================
   Favorites / Wishlist 閳?Heart Button + Page Styles
   ============================================================ */

/* Heart button (shared across cards, hero, sidebar, wishlist page) */
.aisaas-fav-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: 1.5px solid var(--aisaas-border, #e5e7eb);
    border-radius: var(--aisaas-radius-sm, 8px);
    padding: 6px 12px;
    cursor: pointer;
    color: var(--aisaas-text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.aisaas-fav-btn:hover {
    border-color: #f43f5e;
    color: #f43f5e;
    background: rgba(244,63,94,0.05);
}
.aisaas-fav-btn--active {
    border-color: #f43f5e;
    color: #f43f5e;
    background: rgba(244,63,94,0.08);
}
.aisaas-fav-btn--active svg {
    fill: #f43f5e;
    stroke: #f43f5e;
}
.aisaas-fav-btn svg {
    transition: transform 0.2s ease;
}
.aisaas-fav-btn:active svg {
    transform: scale(1.3);
}
.aisaas-fav-btn__label {
    line-height: 1;
}

/* In hero actions 閳?larger */
.aisaas-hero-summary__actions .aisaas-fav-btn {
    padding: 8px 16px;
    font-size: 0.875rem;
}

/* In tool card 閳?compact */
.aisaas-tool-card__actions .aisaas-fav-btn {
    padding: 4px 10px;
    font-size: 0.75rem;
}
.aisaas-tool-card__actions .aisaas-fav-btn svg {
    width: 14px;
    height: 14px;
}

/* Sidebar fav row */
.aisaas-sidebar-cta__fav-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0 0;
    border-top: 1px solid var(--aisaas-border, #e5e7eb);
    margin-top: 10px;
}
.aisaas-sidebar-cta__wishlist-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8125rem;
    color: var(--aisaas-primary);
    text-decoration: none;
    font-weight: 500;
}
.aisaas-sidebar-cta__wishlist-link:hover {
    text-decoration: underline;
}

/* Wishlist Page */
.aisaas-wishlist-page__header {
    text-align: center;
    padding: var(--aisaas-space-xl, 2rem) 0;
}
.aisaas-wishlist-page__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}
.aisaas-wishlist-page__desc {
    color: var(--aisaas-text-secondary);
    max-width: 480px;
    margin: 0 auto;
}

/* Wishlist Grid (shortcode output) */
.aisaas-wishlist__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--aisaas-space-lg, 1.5rem);
}
.aisaas-wishlist__title {
    font-size: 1.25rem;
    font-weight: 700;
}
.aisaas-wishlist__count {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
}
.aisaas-wishlist__grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.aisaas-wishlist__item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--aisaas-bg-secondary, #fff);
    border: 1px solid var(--aisaas-border, #e5e7eb);
    border-radius: var(--aisaas-radius-md, 12px);
    transition: all 0.3s ease;
}
.aisaas-wishlist__item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.aisaas-wishlist__item-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}
.aisaas-wishlist__item-logo {
    flex-shrink: 0;
}
.aisaas-wishlist__item-info {
    min-width: 0;
}
.aisaas-wishlist__item-name {
    font-weight: 600;
    font-size: 0.9375rem;
    text-decoration: none;
    color: var(--aisaas-text);
    display: block;
}
.aisaas-wishlist__item-name:hover {
    color: var(--aisaas-primary);
}
.aisaas-wishlist__item-rating {
    margin-top: 2px;
}
.aisaas-wishlist__item-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.aisaas-wishlist__item-price {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--aisaas-primary);
}
.aisaas-wishlist__item-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.aisaas-wishlist__item-remove {
    padding: 4px;
    border: none;
    background: none;
    cursor: pointer;
}

/* Empty state */
.aisaas-wishlist-empty,
.aisaas-wishlist-login {
    text-align: center;
    padding: var(--aisaas-space-xxl, 3rem) 0;
}
.aisaas-wishlist-empty svg,
.aisaas-wishlist-login svg {
    color: var(--aisaas-text-muted);
    margin-bottom: 1rem;
}
.aisaas-wishlist-empty h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.aisaas-wishlist-empty p {
    color: var(--aisaas-text-secondary);
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .aisaas-wishlist__item {
        flex-wrap: wrap;
        gap: 10px;
    }
    .aisaas-wishlist__item-meta {
        order: 2;
        width: 100%;
    }
    .aisaas-wishlist__item-actions {
        order: 3;
        width: 100%;
        justify-content: flex-end;
    }
}

[data-theme="dark"] .aisaas-fav-btn:hover {
    background: rgba(244,63,94,0.1);
}
[data-theme="dark"] .aisaas-fav-btn--active {
    background: rgba(244,63,94,0.12);
}
[data-theme="dark"] .aisaas-wishlist__item {
    background: var(--aisaas-bg-tertiary);
}
[data-theme="dark"] .aisaas-wishlist__item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* ============================================================
   Price Tracker 閳?Track Price Button + Alert Badge
   ============================================================ */

.aisaas-track-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1.5px solid var(--aisaas-border, #e5e7eb);
    border-radius: var(--aisaas-radius-sm, 8px);
    padding: 8px 16px;
    cursor: pointer;
    color: var(--aisaas-text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}
.aisaas-track-btn:hover {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    background: rgba(79,70,229,0.05);
}
.aisaas-track-btn--active {
    border-color: var(--aisaas-primary);
    color: var(--aisaas-primary);
    background: rgba(79,70,229,0.08);
}
.aisaas-track-btn--active svg {
    fill: var(--aisaas-primary);
}
.aisaas-track-btn svg {
    transition: transform 0.2s ease;
}
.aisaas-track-btn:active svg {
    transform: scale(1.2);
}

/* Price history bar (mini sparkline) */
.aisaas-price-history {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 32px;
    margin: 8px 0;
}
.aisaas-price-history__bar {
    width: 6px;
    border-radius: 2px 2px 0 0;
    background: var(--aisaas-primary);
    opacity: 0.4;
    transition: opacity 0.2s ease;
}
.aisaas-price-history__bar:last-child {
    opacity: 1;
    background: var(--aisaas-primary);
}
.aisaas-price-history__bar--down {
    background: #10b981;
    opacity: 1;
}

/* Track modal / inline form */
.aisaas-track-form {
    padding: 16px 0;
}
.aisaas-track-form__row {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}
.aisaas-track-form__input {
    flex: 1;
    padding: 8px 12px;
    border: 1.5px solid var(--aisaas-border, #e5e7eb);
    border-radius: var(--aisaas-radius-sm, 8px);
    font-size: 0.875rem;
}
.aisaas-track-form__input:focus {
    outline: none;
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.1);
}
.aisaas-track-form__select {
    padding: 8px 12px;
    border: 1.5px solid var(--aisaas-border, #e5e7eb);
    border-radius: var(--aisaas-radius-sm, 8px);
    font-size: 0.875rem;
    background: var(--aisaas-bg-secondary, #fff);
}
.aisaas-track-form__hint {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin-top: 4px;
}
.aisaas-track-form__success {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #10b981;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 8px 0;
}
.aisaas-track-form__success svg {
    flex-shrink: 0;
}

/* Price alert badge */
.aisaas-price-alert {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #ecfdf5;
    color: #059669;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 100px;
}
[data-theme="dark"] .aisaas-price-alert {
    background: rgba(16,185,129,0.15);
}
.aisaas-price-alert--up {
    background: #fef2f2;
    color: #dc2626;
}
[data-theme="dark"] .aisaas-price-alert--up {
    background: rgba(220,38,38,0.15);
}

/* Price tracker admin table */
.aisaas-tracker-admin-table {
    width: 100%;
    border-collapse: collapse;
}
.aisaas-tracker-admin-table th,
.aisaas-tracker-admin-table td {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid var(--aisaas-border, #e5e7eb);
    font-size: 0.875rem;
}

[data-theme="dark"] .aisaas-track-btn:hover {
    background: rgba(79,70,229,0.1);
}
[data-theme="dark"] .aisaas-track-btn--active {
    background: rgba(79,70,229,0.12);
}
[data-theme="dark"] .aisaas-track-form__input,
[data-theme="dark"] .aisaas-track-form__select {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text);
    border-color: var(--aisaas-border);
}

/* ============================================================
   Legal Pages (Privacy Policy / Terms / Affiliate Disclosure)
   ============================================================ */

.aisaas-legal__container {
    max-width: 780px;
}

.aisaas-legal__title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--aisaas-text-primary);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-legal__updated {
    font-size: 0.875rem;
    color: var(--aisaas-text-muted);
    margin-bottom: var(--aisaas-space-xl);
    padding-bottom: var(--aisaas-space-md);
    border-bottom: 1px solid var(--aisaas-border);
}

.aisaas-legal__body h2 {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--aisaas-text-primary);
    margin-top: var(--aisaas-space-xl);
    margin-bottom: var(--aisaas-space-sm);
    scroll-margin-top: 80px;
}

.aisaas-legal__body h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--aisaas-text-primary);
    margin-top: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-legal__body p {
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-legal__body ul {
    margin: 0 0 var(--aisaas-space-sm) var(--aisaas-space-md);
    padding: 0;
}

.aisaas-legal__body li {
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-legal__body strong {
    color: var(--aisaas-text-primary);
}

.aisaas-legal__body a {
    color: var(--aisaas-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.aisaas-legal__body a:hover {
    color: var(--aisaas-primary-dark);
}

.aisaas-legal__callout {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-lg);
    background: linear-gradient(135deg, #eef2ff, #faf5ff);
    border: 1px solid rgba(79,70,229,0.15);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-legal__callout svg {
    flex-shrink: 0;
    color: var(--aisaas-primary);
    margin-top: 2px;
}

.aisaas-legal__callout p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--aisaas-text-secondary);
}

.aisaas-legal__callout strong {
    color: var(--aisaas-primary);
}

/* Cookie table */
.aisaas-legal__table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--aisaas-space-md) 0 var(--aisaas-space-lg);
    font-size: 0.875rem;
}

.aisaas-legal__table th,
.aisaas-legal__table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border: 1px solid var(--aisaas-border);
}

.aisaas-legal__table th {
    background: var(--aisaas-bg-secondary);
    font-weight: 600;
    color: var(--aisaas-text-primary);
    white-space: nowrap;
}

.aisaas-legal__table td {
    color: var(--aisaas-text-secondary);
}

[data-theme="dark"] .aisaas-legal__callout {
    background: linear-gradient(135deg, rgba(79,70,229,0.1), rgba(139,92,246,0.08));
    border-color: rgba(79,70,229,0.25);
}

[data-theme="dark"] .aisaas-legal__table th {
    background: var(--aisaas-bg-tertiary);
}

/* ============================================================
   Mobile Sticky CTA 閳?Responsive Overrides
   ============================================================ */
@media (max-width: 768px) {
    .aisaas-mobile-sticky-cta {
        display: block;
    }
    /* Add padding to prevent content from being hidden behind sticky bar */
    .aisaas-tool-detail {
        padding-bottom: 72px;
    }
    .aisaas-hero-summary__best-for-line {
        font-size: 0.8125rem;
        flex-wrap: wrap;
    }
}

@media (min-width: 769px) {
    .aisaas-mobile-sticky-cta {
        display: none !important;
    }
}

/* ============================================================
   Comparison Decision Tool 閳?New Styles
   ============================================================ */

/* -- Decision Hero -- */
.aisaas-comparison-decision {
    max-width: 960px;
    margin: 0 auto;
}

.aisaas-comp-hero {
    padding: var(--aisaas-space-xl) 0 var(--aisaas-space-lg);
}

.aisaas-comp-hero__title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--aisaas-space-lg);
    flex-wrap: wrap;
    gap: var(--aisaas-space-sm);
}

.aisaas-comp-hero__title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--aisaas-text);
    margin: 0;
    line-height: 1.2;
}

.aisaas-comp-hero__trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: var(--aisaas-radius-sm);
    border: 1px solid rgba(5, 150, 105, 0.15);
}

.aisaas-comp-hero__trust-badge svg {
    color: var(--aisaas-tag-green-text);
}

.aisaas-comp-hero__cards {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
    align-items: stretch;
}

.aisaas-comp-hero__card {
    position: relative;
    background: var(--aisaas-bg);
    border: 2px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-xl) var(--aisaas-space-lg);
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
}

.aisaas-comp-hero__card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.aisaas-comp-hero__card--winner {
    border-color: var(--aisaas-secondary);
    background: linear-gradient(135deg, rgba(5,150,105,0.04) 0%, var(--aisaas-bg) 100%);
    box-shadow: 0 0 0 3px rgba(5,150,105,0.12);
}

.aisaas-comp-hero__card-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-comp-hero__card-badge--winner {
    background: var(--aisaas-secondary);
    color: #fff;
}

.aisaas-comp-hero__card-top {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
}

.aisaas-comp-hero__card-logo {
    flex-shrink: 0;
}

.aisaas-comp-hero__card-info {
    flex: 1;
    min-width: 0;
}

.aisaas-comp-hero__card-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0;
}

.aisaas-comp-hero__card-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}

.aisaas-comp-hero__card-score {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-comp-hero__card-best {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 4px 0 0;
}

.aisaas-comp-hero__card-price {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-comp-hero__card-price-label {
    font-size: 0.8125rem;
}

.aisaas-comp-hero__card-price strong {
    color: var(--aisaas-primary);
    font-size: 1.25rem;
    font-weight: 800;
}

.aisaas-comp-hero__card-free-tag {
    padding: 2px 8px;
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid rgba(5,150,105,0.15);
}

.aisaas-comp-hero__card-coupon-tag {
    padding: 2px 8px;
    background: var(--aisaas-tag-orange-bg);
    color: var(--aisaas-tag-orange-text);
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid rgba(234,88,12,0.15);
}

.aisaas-comp-hero__card-cta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aisaas-comp-hero__vs {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--aisaas-space-md) var(--aisaas-space-sm);
}

.aisaas-comp-hero__vs span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text-muted);
    font-size: 0.875rem;
    font-weight: 800;
    border-radius: 50%;
    border: 2px solid var(--aisaas-border);
}

/* Hero conclusion bar + verdict badges */
.aisaas-comp-hero__conclusion {
    margin-bottom: var(--aisaas-space-lg);
    padding: 16px 20px;
    background: var(--aisaas-primary-light);
    border-radius: var(--aisaas-radius-lg);
    border-left: 4px solid var(--aisaas-primary);
}

.aisaas-comp-hero__conclusion-text {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 10px;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--aisaas-text);
}

.aisaas-comp-hero__conclusion-text svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--aisaas-primary);
}

.aisaas-comp-hero__verdict-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.aisaas-comp-hero__verdict-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.4;
}

.aisaas-comp-hero__verdict-badge--winner {
    background: #ecfdf5;
    border-color: var(--aisaas-secondary);
}

.aisaas-comp-hero__verdict-badge--winner strong {
    color: var(--aisaas-secondary-dark);
}

.aisaas-comp-hero__verdict-badge-label {
    color: var(--aisaas-text-muted);
    font-size: 0.8125rem;
}

.aisaas-comp-hero__verdict-badge strong {
    color: var(--aisaas-text);
    font-weight: 700;
}

/* Card "Best for" label enhancement */
.aisaas-comp-hero__card-best {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.aisaas-comp-hero__card-best-label {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--aisaas-text-muted);
    background: var(--aisaas-bg-tertiary);
    padding: 2px 6px;
    border-radius: 3px;
}

/* VS circular badge with shadow */
.aisaas-comp-hero__vs-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: var(--aisaas-bg);
    color: var(--aisaas-primary);
    font-size: 1rem;
    font-weight: 800;
    border-radius: 50%;
    border: 3px solid var(--aisaas-primary);
    box-shadow: 0 4px 12px rgba(26, 86, 219, 0.15);
    letter-spacing: 0.02em;
}

/* -- Winner Button -- */
.aisaas-btn--winner {
    background: var(--aisaas-secondary) !important;
    color: #fff !important;
    border-color: var(--aisaas-secondary) !important;
    box-shadow: 0 2px 12px rgba(5,150,105,0.25);
}

.aisaas-btn--winner:hover {
    background: var(--aisaas-secondary-dark) !important;
    box-shadow: 0 4px 16px rgba(5,150,105,0.35);
    transform: translateY(-1px);
}

.aisaas-btn--xl {
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 700;
}

.aisaas-btn--xs {
    padding: 6px 12px;
    font-size: 0.75rem;
}

/* -- Winner Summary Banner -- */
.aisaas-comp-winner-banner {
    margin: var(--aisaas-space-lg) 0;
    background: linear-gradient(135deg, rgba(5,150,105,0.06) 0%, rgba(5,150,105,0.02) 100%);
    border: 2px solid rgba(5,150,105,0.2);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
}

.aisaas-comp-winner-banner__inner {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-lg);
}

.aisaas-comp-winner-banner__icon {
    width: 56px;
    height: 56px;
    background: var(--aisaas-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aisaas-comp-winner-banner__icon svg {
    color: #fff;
    fill: none;
}

.aisaas-comp-winner-banner__content {
    flex: 1;
}

.aisaas-comp-winner-banner__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-secondary);
    margin: 0 0 4px;
}

.aisaas-comp-winner-banner__reason {
    font-size: 1rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
}

.aisaas-comp-winner-banner__btn {
    flex-shrink: 0;
}

/* -- Section Title -- */
.aisaas-comp-section__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.375rem;
    font-weight: 800;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-comp-section__title svg {
    color: var(--aisaas-primary);
    flex-shrink: 0;
}

/* -- Quick Comparison Table (restructured) -- */
.aisaas-comp-section {
    padding: var(--aisaas-space-xl) 0;
    border-top: 1px solid var(--aisaas-border-light);
}

/* Conclusion bar */
.aisaas-quick-comp-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    margin-bottom: var(--aisaas-space-md);
    background: var(--aisaas-primary-light);
    border-radius: var(--aisaas-radius-md);
    border-left: 3px solid var(--aisaas-primary);
    font-size: 0.9375rem;
    line-height: 1.5;
}
.aisaas-quick-comp-conclusion svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--aisaas-primary);
}
.aisaas-quick-comp-conclusion p {
    margin: 0;
    color: var(--aisaas-text);
}

/* PC table wrapper */
.aisaas-quick-comp-pc {
    overflow-x: auto;
    border-radius: var(--aisaas-radius-md);
    border: 1px solid var(--aisaas-border);
}

.aisaas-quick-comparison {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9375rem;
    table-layout: fixed;
}

/* Dimension header column */
.aisaas-quick-comparison__dim-head {
    width: 240px;
    padding: 16px 20px;
    text-align: left;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--aisaas-text-muted);
    background: var(--aisaas-bg-tertiary);
    border-bottom: 2px solid var(--aisaas-border);
    vertical-align: middle;
}

/* Tool header columns — card style */
.aisaas-quick-comparison__tool-head {
    padding: 16px 20px;
    text-align: left;
    border-bottom: 2px solid var(--aisaas-border);
    background: var(--aisaas-bg);
    vertical-align: middle;
    width: calc((100% - 240px) / 2);
}

.aisaas-quick-comparison__tool-head--winner {
    background: #ecfdf5;
    border-bottom-color: var(--aisaas-secondary);
}

.aisaas-quick-comparison__tool-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
}

.aisaas-quick-comparison__head-logo {
    flex-shrink: 0;
}

.aisaas-quick-comparison__tool-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.aisaas-quick-comparison__tool-name {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--aisaas-text);
    line-height: 1.3;
}

.aisaas-quick-comparison__tool-meta {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
}

.aisaas-quick-comparison__tool-meta .aisaas-stars {
    font-size: 0.75rem;
}

.aisaas-quick-comparison__tool-price {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    font-weight: 600;
}

/* Table body */
.aisaas-quick-comparison tbody tr {
    border-bottom: 1px solid var(--aisaas-border-light);
    transition: background 0.15s ease;
}

.aisaas-quick-comparison tbody tr:last-child {
    border-bottom: none;
}

.aisaas-quick-comparison tbody tr:hover {
    background: var(--aisaas-bg-secondary);
}

.aisaas-quick-comparison tbody td {
    padding: 18px 20px;
    text-align: center;
    vertical-align: middle;
    min-height: 72px;
}

.aisaas-quick-comparison__label {
    text-align: left;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    font-size: 0.875rem;
}

/* Winner cell highlight */
.aisaas-quick-comparison__cell--wins {
    background: #ecfdf5;
    position: relative;
}

.aisaas-quick-comp-winner-label {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background: var(--aisaas-secondary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 10px;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.5;
}

/* Star rating in cells */
.aisaas-quick-comp-stars {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
}
.aisaas-quick-comp-stars .aisaas-stars {
    font-size: 0.8125rem;
}
.aisaas-quick-comp-rating-num {
    font-weight: 700;
    color: var(--aisaas-primary);
    font-size: 0.9375rem;
}

.aisaas-quick-comp-cell-value {
    font-weight: 600;
    color: var(--aisaas-text);
}

/* Badge components */
.aisaas-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
}

.aisaas-badge--yes {
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.aisaas-badge--no {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.aisaas-badge--na {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--aisaas-text-muted);
    background: var(--aisaas-bg-tertiary);
    border: 1px solid var(--aisaas-border-light);
}

/* Legacy compat */
.aisaas-quick-comparison__rating {
    font-weight: 800;
    color: var(--aisaas-primary);
    font-size: 1rem;
}

.aisaas-quick-comparison__yes {
    color: #059669;
    font-weight: 600;
}

.aisaas-quick-comparison__no {
    color: #64748b;
}

.aisaas-quick-comparison__na {
    color: var(--aisaas-text-muted);
    font-size: 0.8125rem;
}

/* Mobile card layout — hidden on PC */
.aisaas-quick-comp-mobile {
    display: none;
}

.aisaas-quick-comp-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    padding: 16px;
    margin-bottom: 12px;
}

.aisaas-quick-comp-card__title {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--aisaas-text-muted);
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-quick-comp-card__rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aisaas-quick-comp-card__row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--aisaas-radius-sm);
    background: var(--aisaas-bg-secondary);
}

.aisaas-quick-comp-card__row--winner {
    background: #ecfdf5;
}

.aisaas-quick-comp-card__name {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-quick-comp-card__value {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-quick-comp-card__winner-tag {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--aisaas-secondary);
    background: rgba(5, 150, 105, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

/* -- Pros & Cons Cards (new) -- */
.aisaas-comp-pros-cons-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
}

.aisaas-comp-pros-cons-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    transition: box-shadow 0.2s ease;
}

.aisaas-comp-pros-cons-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

.aisaas-comp-pros-cons-card--winner {
    border-color: var(--aisaas-secondary);
    border-width: 2px;
    background: linear-gradient(135deg, rgba(5,150,105,0.04) 0%, var(--aisaas-bg) 100%);
}

.aisaas-comp-pros-cons-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-comp-pros-cons-card__logo {
    flex-shrink: 0;
}

.aisaas-comp-pros-cons-card__name {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0;
}

.aisaas-comp-pros-cons-card__winner-tag {
    padding: 2px 10px;
    background: var(--aisaas-secondary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: var(--aisaas-radius-sm);
    margin-left: auto;
}

/* Enhanced pros & cons card header */
.aisaas-comp-pros-cons-card__head-info {
    flex: 1;
    min-width: 0;
}

.aisaas-comp-pros-cons-card__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.aisaas-comp-pros-cons-card__score {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-comp-pros-cons-card__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-md);
}

.aisaas-comp-pros-cons-card__col--pros {
    background: rgba(5, 150, 105, 0.03);
    border-radius: var(--aisaas-radius-md);
    padding: 12px 14px;
}

.aisaas-comp-pros-cons-card__col--cons {
    background: rgba(239, 68, 68, 0.03);
    border-radius: var(--aisaas-radius-md);
    padding: 12px 14px;
}

.aisaas-comp-pros-cons-card__col-title {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 8px;
}

.aisaas-comp-pros-cons-card__col--pros .aisaas-comp-pros-cons-card__col-title {
    color: var(--aisaas-secondary-dark);
}

.aisaas-comp-pros-cons-card__col--cons .aisaas-comp-pros-cons-card__col-title {
    color: #dc2626;
}

.aisaas-comp-pros-cons-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--aisaas-text);
}

.aisaas-comp-pros-cons-card__list li {
    padding: 3px 0;
    padding-left: 16px;
    position: relative;
}

.aisaas-comp-pros-cons-card__col--pros .aisaas-comp-pros-cons-card__list li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    color: var(--aisaas-secondary);
    font-weight: 700;
}

.aisaas-comp-pros-cons-card__col--cons .aisaas-comp-pros-cons-card__list li::before {
    content: '\2717';
    position: absolute;
    left: 0;
    color: #dc2626;
    font-weight: 700;
}

/* Pricing cards */
.aisaas-comp-pricing-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
}

.aisaas-comp-pricing-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
}

.aisaas-comp-pricing-card--winner {
    border-color: var(--aisaas-secondary);
    border-width: 2px;
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.08);
}

.aisaas-comp-pricing-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.aisaas-comp-pricing-card__logo {
    flex-shrink: 0;
}

.aisaas-comp-pricing-card__head-info {
    flex: 1;
}

.aisaas-comp-pricing-card__name {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0;
}

.aisaas-comp-pricing-card__best {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 2px 0 0;
}

.aisaas-comp-pricing-card__price-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 0;
    border-top: 1px solid var(--aisaas-border-light);
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-comp-pricing-card__price {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.aisaas-comp-pricing-card__price-label {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin-right: 4px;
}

.aisaas-comp-pricing-card__price strong {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--aisaas-primary);
}

.aisaas-comp-pricing-card__price-unit {
    font-size: 0.875rem;
    color: var(--aisaas-text-muted);
}

.aisaas-comp-pricing-card__price--na {
    font-size: 1rem;
    font-weight: 600;
    color: var(--aisaas-text-muted);
}

.aisaas-comp-pricing-card__free-tag {
    padding: 3px 10px;
    background: var(--aisaas-tag-green-bg);
    color: var(--aisaas-tag-green-text);
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid rgba(5, 150, 105, 0.15);
}

.aisaas-comp-pricing-card__trial {
    padding: 3px 10px;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 4px;
}

.aisaas-comp-pricing-card__plans {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.aisaas-comp-pricing-card__plan {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-sm);
    font-size: 0.8125rem;
}

.aisaas-comp-pricing-card__plan-name {
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-comp-pricing-card__plan-price {
    color: var(--aisaas-text-secondary);
    font-weight: 500;
}

.aisaas-comp-pricing-card__desc {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.aisaas-comp-pricing-card__coupon {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--aisaas-tag-orange-bg);
    border-radius: var(--aisaas-radius-sm);
    border: 1px dashed rgba(234, 88, 12, 0.3);
}

.aisaas-comp-pricing-card__coupon-discount {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aisaas-tag-orange-text);
}

.aisaas-comp-pricing-card__coupon-code {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-text);
    background: var(--aisaas-bg);
    padding: 2px 8px;
    border-radius: 3px;
    border: 1px solid var(--aisaas-border);
}

.aisaas-comp-pricing-summary {
    margin-top: var(--aisaas-space-md);
    padding: 10px 16px;
    background: var(--aisaas-primary-light);
    border-radius: var(--aisaas-radius-md);
    border-left: 3px solid var(--aisaas-primary);
    font-size: 0.875rem;
    color: var(--aisaas-text);
    line-height: 1.5;
}

.aisaas-comp-pricing-chart-toggle {
    margin-top: var(--aisaas-space-md);
}

.aisaas-comp-pricing-chart-toggle summary {
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--aisaas-primary);
    font-weight: 600;
    padding: 8px 0;
    user-select: none;
}

.aisaas-comp-pricing-chart-toggle summary:hover {
    text-decoration: underline;
}

.aisaas-comp-pricing-chart-toggle[open] summary {
    margin-bottom: var(--aisaas-space-sm);
}

/* -- Best For Cards (new) -- */
.aisaas-comp-best-for-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
}

.aisaas-comp-best-for-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
}

.aisaas-comp-best-for-card--winner {
    border-color: var(--aisaas-secondary);
    border-width: 2px;
    background: linear-gradient(135deg, rgba(5,150,105,0.04) 0%, var(--aisaas-bg) 100%);
}

.aisaas-comp-best-for-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.aisaas-comp-best-for-card__name {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0;
}

.aisaas-comp-best-for-card__best {
    padding: 4px 12px;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-comp-best-for-card__section {
    padding: var(--aisaas-space-sm) 0;
}

.aisaas-comp-best-for-card__subtitle {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 6px;
}

.aisaas-comp-best-for-card__section--for .aisaas-comp-best-for-card__subtitle {
    color: var(--aisaas-secondary);
}

.aisaas-comp-best-for-card__section--not .aisaas-comp-best-for-card__subtitle {
    color: var(--aisaas-accent);
}

.aisaas-comp-best-for-card__section p {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
    margin: 0;
}

.aisaas-comp-best-for-card__cta {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

/* -- Final Verdict Decision Card -- */
.aisaas-comp-verdict-decision {
    background: var(--aisaas-bg);
    border: 2px solid var(--aisaas-primary);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-lg);
}

.aisaas-comp-verdict-decision__winner-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #ecfdf5;
    border-radius: var(--aisaas-radius-md);
    border-left: 4px solid var(--aisaas-secondary);
}

.aisaas-comp-verdict-decision__winner-bar svg {
    flex-shrink: 0;
}

.aisaas-comp-verdict-decision__winner-text {
    font-size: 1rem;
    color: var(--aisaas-text);
    line-height: 1.5;
}

.aisaas-comp-verdict-decision__winner-text strong {
    color: var(--aisaas-secondary-dark);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.aisaas-comp-verdict-decision__editor-text {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.7;
}

.aisaas-comp-verdict-decision__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-lg);
}

.aisaas-comp-verdict-decision__card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.aisaas-comp-verdict-decision__card--winner {
    border-color: var(--aisaas-secondary);
    border-width: 2px;
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.08);
}

.aisaas-comp-verdict-decision__card-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aisaas-comp-verdict-decision__card-logo {
    flex-shrink: 0;
}

.aisaas-comp-verdict-decision__card-name {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0;
    flex: 1;
}

.aisaas-comp-verdict-decision__card-badge {
    padding: 2px 10px;
    background: var(--aisaas-secondary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: var(--aisaas-radius-sm);
    white-space: nowrap;
}

.aisaas-comp-verdict-decision__card-choose {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text-muted);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.75rem;
}

.aisaas-comp-verdict-decision__card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.aisaas-comp-verdict-decision__card-list li {
    padding: 4px 0;
    padding-left: 22px;
    position: relative;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--aisaas-text);
}

.aisaas-comp-verdict-decision__card-list li::before {
    content: '\2192';
    position: absolute;
    left: 0;
    color: var(--aisaas-primary);
    font-weight: 700;
}

.aisaas-comp-verdict-decision__card-cta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-comp-verdict-decision__footer-cta {
    display: flex;
    gap: var(--aisaas-space-md);
    justify-content: center;
    flex-wrap: wrap;
    padding-top: var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border-light);
}

/* Legacy verdict box (kept for backward compat) */
.aisaas-comp-verdict-box {
    background: var(--aisaas-bg);
    border: 2px solid var(--aisaas-primary);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-xl);
    position: relative;
}

.aisaas-comp-verdict-box__winner-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: var(--aisaas-space-md);
    flex-wrap: wrap;
}

.aisaas-comp-verdict-box__winner-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--aisaas-secondary);
    padding: 4px 12px;
    background: rgba(5,150,105,0.1);
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-comp-verdict-box__winner-name {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-text);
}

.aisaas-comp-verdict-box__winner-reason {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-comp-verdict-box__text {
    font-size: 1rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.7;
}

.aisaas-comp-verdict-box__cta {
    display: flex;
    gap: var(--aisaas-space-md);
    margin-top: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

/* -- Alternatives Grid -- */
.aisaas-comp-alternatives-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--aisaas-space-md);
}

.aisaas-comp-alt-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    padding: var(--aisaas-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
    transition: all 0.2s ease;
}

.aisaas-comp-alt-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}

.aisaas-comp-alt-card__top {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aisaas-comp-alt-card__logo {
    flex-shrink: 0;
}

.aisaas-comp-alt-card__info {
    min-width: 0;
}

.aisaas-comp-alt-card__name {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0;
}

.aisaas-comp-alt-card__rating {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aisaas-primary);
    margin-top: 2px;
}

.aisaas-comp-alt-card__best {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-comp-alt-card__price {
    font-size: 0.875rem;
    color: var(--aisaas-text);
    font-weight: 600;
}

.aisaas-comp-alt-card__actions {
    display: flex;
    gap: 6px;
    margin-top: auto;
}

/* -- Final CTA (new) -- */
.aisaas-comp-final-cta {
    margin: var(--aisaas-space-xl) 0;
    padding: var(--aisaas-space-xl) var(--aisaas-space-lg);
    background: linear-gradient(135deg, rgba(26,86,219,0.06) 0%, rgba(5,150,105,0.04) 100%);
    border: 2px solid var(--aisaas-primary);
    border-radius: var(--aisaas-radius-lg);
    text-align: center;
}

.aisaas-comp-final-cta__title {
    font-size: 1.375rem;
    font-weight: 800;
    color: var(--aisaas-text);
    margin: 0 0 var(--aisaas-space-sm);
}

.aisaas-comp-final-cta__winner-hint {
    font-size: 1rem;
    color: var(--aisaas-text-secondary);
    margin: 0 0 var(--aisaas-space-lg);
}

.aisaas-comp-final-cta__winner-hint strong {
    color: var(--aisaas-secondary);
}

.aisaas-comp-final-cta__buttons {
    display: flex;
    gap: var(--aisaas-space-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* -- Mobile Sticky CTA Bar -- */
.aisaas-comp-mobile-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--aisaas-bg);
    border-top: 1px solid var(--aisaas-border);
    padding: 10px var(--aisaas-space-md);
    display: flex;
    gap: 10px;
    z-index: 1000;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.aisaas-comp-mobile-sticky.is-visible {
    transform: translateY(0);
}

.aisaas-comp-mobile-sticky__btn-winner {
    flex: 1;
}

.aisaas-comp-mobile-sticky__btn-compare {
    flex: 1;
}

/* -- Responsive: Comparison Decision -- */
@media (max-width: 768px) {
    .aisaas-comp-hero__title {
        font-size: 1.375rem;
    }

    .aisaas-comp-hero__cards {
        grid-template-columns: 1fr;
        gap: var(--aisaas-space-md);
    }

    .aisaas-comp-hero__vs {
        padding: var(--aisaas-space-sm);
    }

    .aisaas-comp-hero__vs-badge {
        width: 40px;
        height: 40px;
        font-size: 0.8125rem;
        border-width: 2px;
    }

    .aisaas-comp-hero__conclusion {
        padding: 12px 14px;
    }

    .aisaas-comp-hero__conclusion-text {
        font-size: 0.875rem;
    }

    .aisaas-comp-hero__verdict-badges {
        flex-direction: column;
    }

    .aisaas-comp-hero__verdict-badge {
        font-size: 0.8125rem;
    }

    .aisaas-comp-hero__card-cta {
        flex-direction: row;
    }

    .aisaas-comp-winner-banner__inner {
        flex-direction: column;
        text-align: center;
    }

    .aisaas-comp-winner-banner__icon {
        width: 48px;
        height: 48px;
    }

    .aisaas-comp-winner-banner__title {
        font-size: 1.25rem;
    }

    .aisaas-comp-pros-cons-grid {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-pros-cons-card__body {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-pricing-cards {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-best-for-grid {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-alternatives-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-comp-verdict-box__cta {
        flex-direction: column;
    }

    .aisaas-comp-verdict-decision__grid {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-verdict-decision__footer-cta {
        flex-direction: column;
    }

    .aisaas-comp-final-cta__buttons {
        flex-direction: column;
        align-items: center;
    }

    .aisaas-comp-section__title {
        font-size: 1.125rem;
    }

    /* Switch to mobile card layout, hide PC table */
    .aisaas-quick-comp-pc {
        display: none;
    }

    .aisaas-quick-comp-mobile {
        display: block;
    }

    /* Feature comparison: switch to mobile cards */
    .aisaas-comp-feat-desktop {
        display: none;
    }

    .aisaas-comp-feat-mobile {
        display: block;
    }

    .aisaas-quick-comp-conclusion {
        font-size: 0.875rem;
        padding: 10px 12px;
    }
}

@media (max-width: 480px) {
    .aisaas-comp-hero__title {
        font-size: 1.125rem;
    }

    .aisaas-comp-hero__card {
        padding: var(--aisaas-space-md);
    }

    .aisaas-comp-hero__card-name {
        font-size: 1rem;
    }

    .aisaas-comp-hero__card-price strong {
        font-size: 1rem;
    }

    .aisaas-comp-alternatives-grid {
        grid-template-columns: 1fr;
    }

    .aisaas-comp-final-cta {
        padding: var(--aisaas-space-lg) var(--aisaas-space-md);
    }

    .aisaas-comp-final-cta__title {
        font-size: 1.125rem;
    }

    .aisaas-comp-mobile-sticky {
        padding: 8px var(--aisaas-space-sm);
        gap: 6px;
    }
}

@media (min-width: 769px) {
    .aisaas-comp-mobile-sticky {
        display: none !important;
    }
}

/* ============================================================
   Deals Marketplace 閳?Enhanced Hero, Zones, Cards, FAQ
   ============================================================ */

/* 閳光偓閳光偓 Deals Hero 閳光偓閳光偓 */
.aisaas-deals-hero {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f1923 100%);
    padding: var(--aisaas-space-xl) 0 var(--aisaas-space-lg);
    position: relative;
    overflow: hidden;
}

.aisaas-deals-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff6b35' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    pointer-events: none;
}

.aisaas-deals-hero::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 107, 53, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.aisaas-deals-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 107, 53, 0.15);
    color: #fb923c;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
    border: 1px solid rgba(255, 107, 53, 0.25);
    backdrop-filter: blur(4px);
}

.aisaas-deals-hero__title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-deals-hero__desc {
    font-size: 1.0625rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin-bottom: 0;
}

/* 閳光偓閳光偓 Stats Bar (Glassmorphism) 閳光偓閳光偓 */
.aisaas-deals-hero__stats {
    display: flex;
    gap: var(--aisaas-space-lg);
    margin-top: var(--aisaas-space-lg);
    padding: var(--aisaas-space-md) var(--aisaas-space-xl);
    background: rgba(255, 107, 53, 0.06);
    border: 1px solid rgba(255, 107, 53, 0.15);
    border-radius: 12px;
    backdrop-filter: blur(12px);
}

.aisaas-deals-hero__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.aisaas-deals-hero__stat-num {
    font-size: 1.75rem;
    font-weight: 800;
    color: #fff;
}

.aisaas-deals-hero__stat-label {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
}

.aisaas-deals-hero__stat--orange .aisaas-deals-hero__stat-num {
    color: #fb923c;
}

.aisaas-deals-hero__stat--orange .aisaas-deals-hero__stat-label {
    color: rgba(251, 146, 60, 0.7);
}

/* 閳光偓閳光偓 Expiring Soon Banner 閳光偓閳光偓 */
.aisaas-deals-expiring-banner {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: linear-gradient(135deg, #fff7ed 0%, #fed7aa 100%);
    border: 1px solid #f97316;
    border-radius: var(--aisaas-card-radius);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-deals-expiring-banner__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f97316;
    color: #fff;
    border-radius: var(--aisaas-radius-md);
    flex-shrink: 0;
}

.aisaas-deals-expiring-banner__text {
    flex: 1;
    font-size: 0.9375rem;
    color: #9a3412;
}

.aisaas-deals-expiring-banner__text strong {
    font-weight: 700;
}

.aisaas-deals-expiring-banner__btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    background: #f97316;
    color: #fff;
    border: none;
    border-radius: 100px;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.aisaas-deals-expiring-banner__btn:hover {
    background: #ea580c;
    transform: translateY(-1px);
}

[data-theme="dark"] .aisaas-deals-expiring-banner {
    background: linear-gradient(135deg, #431407 0%, #7c2d12 100%);
    border-color: #ea580c;
}

[data-theme="dark"] .aisaas-deals-expiring-banner__icon {
    background: #ea580c;
}

[data-theme="dark"] .aisaas-deals-expiring-banner__text {
    color: #fb923c;
}

[data-theme="dark"] .aisaas-deals-expiring-banner__btn {
    background: #ea580c;
}

[data-theme="dark"] .aisaas-deals-expiring-banner__btn:hover {
    background: #f97316;
}

/* 閳光偓閳光偓 Enhanced Deal Card 閳光偓閳光偓 */

/* Offer Title */
.aisaas-deal-card__offer-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-sm);
    padding-left: 4px;
}

.aisaas-deal-card__offer-title--expired {
    color: var(--aisaas-text-muted);
    font-style: italic;
}

/* Rating in card header */
.aisaas-deal-card__rating {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fbbf24;
}

/* Deal Type Badge (enhanced with type-specific colors) */
.aisaas-deal-card__type-badge--coupon {
    background: #fff7ed;
    color: #ea580c;
}

.aisaas-deal-card__type-badge--free_plan {
    background: #f0fdf8;
    color: #059669;
}

.aisaas-deal-card__type-badge--free_trial {
    background: #eff6ff;
    color: #2563eb;
}

.aisaas-deal-card__type-badge--limited {
    background: #fef3c7;
    color: #d97706;
}

.aisaas-deal-card__type-badge--ongoing {
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text-secondary);
}

[data-theme="dark"] .aisaas-deal-card__type-badge--coupon {
    background: #431407;
    color: #fb923c;
}

[data-theme="dark"] .aisaas-deal-card__type-badge--free_plan {
    background: #052e16;
    color: #6ee7b7;
}

[data-theme="dark"] .aisaas-deal-card__type-badge--free_trial {
    background: #1e3a5f;
    color: #93c5fd;
}

[data-theme="dark"] .aisaas-deal-card__type-badge--limited {
    background: #451a03;
    color: #fbbf24;
}

/* Coupon Code Box (dashed border) */
.aisaas-deal-card__code-box {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: 10px 14px;
    border: 2px dashed #d1d5db;
    border-radius: var(--aisaas-radius-md);
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: var(--aisaas-space-md);
    position: relative;
}

.aisaas-deal-card__code-box--expired {
    opacity: 0.5;
    border-color: #e5e7eb;
    background: #f3f4f6;
}

.aisaas-deal-card__code-text {
    font-size: 1.0625rem;
    font-weight: 800;
    color: #ea580c;
    letter-spacing: 0.08em;
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
    text-transform: uppercase;
}

.aisaas-deal-card__code-box--expired .aisaas-deal-card__code-text {
    color: #9ca3af;
    text-decoration: line-through;
}

.aisaas-deal-card__copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
    white-space: nowrap;
}

.aisaas-deal-card__copy-btn:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
}

.aisaas-deal-card__copy-btn.is-copied {
    background: #059669;
}

[data-theme="dark"] .aisaas-deal-card__code-box {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .aisaas-deal-card__code-box--expired {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

[data-theme="dark"] .aisaas-deal-card__code-text {
    color: #fb923c;
}

[data-theme="dark"] .aisaas-deal-card__code-box--expired .aisaas-deal-card__code-text {
    color: #6b7280;
}

[data-theme="dark"] .aisaas-deal-card__copy-btn {
    background: #3b82f6;
}

[data-theme="dark"] .aisaas-deal-card__copy-btn:hover {
    background: #2563eb;
}

[data-theme="dark"] .aisaas-deal-card__copy-btn.is-copied {
    background: #10b981;
}

/* Expiring Soon orange badge (enhanced) */
.aisaas-deal-card--expires-soon {
    border-color: #f97316;
    box-shadow: 0 0 0 1px #f97316, 0 4px 12px rgba(249, 115, 22, 0.1);
}

.aisaas-deal-card--expires-soon::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 48px 48px 0;
    border-color: transparent #f97316 transparent transparent;
    opacity: 0.15;
}

/* Expired auto-grayed (enhanced) */
.aisaas-deal-card--expired {
    opacity: 0.55;
    filter: grayscale(30%);
    pointer-events: none;
}

.aisaas-deal-card--expired:hover {
    transform: none;
    border-color: var(--aisaas-card-border);
    box-shadow: none;
}

.aisaas-deal-card--expired .aisaas-deal-card__title a {
    color: #9ca3af;
}

.aisaas-deal-card--expired .aisaas-deal-card__offer-title {
    color: #9ca3af;
}

/* Trial card variant */
.aisaas-deal-card--trial {
    border-color: #3b82f6;
}

.aisaas-deal-card--trial::before {
    background: #3b82f6;
}

/* Verified meta badge */
.aisaas-deal-card__meta-item--verified {
    color: #059669;
    font-weight: 600;
}

.aisaas-deal-card__meta-item--verified svg {
    color: #059669;
}

.aisaas-deal-card__meta-item--best-for {
    color: #2563eb;
    font-weight: 600;
}

[data-theme="dark"] .aisaas-deal-card__meta-item--verified {
    color: #6ee7b7;
}

[data-theme="dark"] .aisaas-deals-hero__stats {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

/* 閳光偓閳光偓 Free Plans Zone 閳光偓閳光偓 */
.aisaas-deals-zone {
    margin-top: var(--aisaas-space-xl);
    padding: var(--aisaas-space-xl) var(--aisaas-space-lg);
    border-radius: var(--aisaas-card-radius);
}

.aisaas-deals-zone--free {
    background: linear-gradient(135deg, #f0fdf8 0%, #ecfdf5 100%);
    border: 1px solid #a7f3d0;
}

[data-theme="dark"] .aisaas-deals-zone--free {
    background: linear-gradient(135deg, #052e16 0%, #064e3b 100%);
    border-color: #065f46;
}

.aisaas-deals-zone__header {
    text-align: center;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-deals-zone__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: #059669;
    color: #fff;
    border-radius: 50%;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-deals-zone__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #065f46;
    margin-bottom: var(--aisaas-space-xs);
}

[data-theme="dark"] .aisaas-deals-zone__title {
    color: #6ee7b7;
}

.aisaas-deals-zone__desc {
    font-size: 0.9375rem;
    color: #047857;
    max-width: 500px;
    margin: 0 auto;
}

[data-theme="dark"] .aisaas-deals-zone__desc {
    color: #34d399;
}

.aisaas-deals-zone__count {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #059669;
    background: #d1fae5;
    padding: 4px 12px;
    border-radius: 100px;
    margin-top: var(--aisaas-space-sm);
}

[data-theme="dark"] .aisaas-deals-zone__count {
    color: #6ee7b7;
    background: rgba(6, 78, 59, 0.6);
}

.aisaas-deals-zone__more {
    text-align: center;
    margin-top: var(--aisaas-space-lg);
}

/* 閳光偓閳光偓 Free Plan Item Card 閳光偓閳光偓 */
.aisaas-deals-free-item {
    background: #fff;
    border: 1px solid #a7f3d0;
    border-radius: var(--aisaas-card-radius);
    padding: var(--aisaas-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
    transition: all 0.2s ease;
}

[data-theme="dark"] .aisaas-deals-free-item {
    background: rgba(255, 255, 255, 0.04);
    border-color: #065f46;
}

.aisaas-deals-free-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.1);
}

.aisaas-deals-free-item__head {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-deals-free-item__logo {
    border-radius: var(--aisaas-radius-sm);
    flex-shrink: 0;
}

.aisaas-deals-free-item__info {
    flex: 1;
    min-width: 0;
}

.aisaas-deals-free-item__info h3 {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 1px;
}

.aisaas-deals-free-item__info h3 a {
    color: var(--aisaas-text);
    text-decoration: none;
}

.aisaas-deals-free-item__info h3 a:hover {
    color: #059669;
}

.aisaas-deals-free-item__info p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
}

.aisaas-deals-free-item__badge {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #059669;
    background: #d1fae5;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
}

[data-theme="dark"] .aisaas-deals-free-item__badge {
    color: #6ee7b7;
    background: rgba(6, 78, 59, 0.6);
}

.aisaas-deals-free-item__pricing {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-deals-free-item__pricing strong {
    color: #059669;
}

.aisaas-deals-free-item__cta {
    display: flex;
    gap: var(--aisaas-space-sm);
}

/* 閳光偓閳光偓 Deals FAQ 閳光偓閳光偓 */
.aisaas-deals-faq {
    margin-top: var(--aisaas-space-xl);
}

.aisaas-deals-faq__title {
    font-size: 1.5rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: var(--aisaas-space-lg);
}

/* 閳光偓閳光偓 Mobile responsive 閳光偓閳光偓 */
@media (max-width: 768px) {
    .aisaas-deals-hero {
        padding: var(--aisaas-space-lg) 0 var(--aisaas-space-md);
    }

    .aisaas-deals-hero__title {
        font-size: 1.75rem;
    }

    .aisaas-deals-hero__desc {
        font-size: 0.9375rem;
    }

    .aisaas-deals-hero__stats {
        gap: var(--aisaas-space-md);
        padding: var(--aisaas-space-sm) var(--aisaas-space-md);
        flex-wrap: wrap;
        justify-content: center;
    }

    .aisaas-deals-hero__stat-num {
        font-size: 1.25rem;
    }

    .aisaas-deals-expiring-banner {
        flex-direction: column;
        text-align: center;
        padding: var(--aisaas-space-md);
    }

    .aisaas-deals-expiring-banner__icon {
        width: 36px;
        height: 36px;
    }

    .aisaas-deal-card__code-box {
        flex-direction: column;
        align-items: stretch;
        gap: var(--aisaas-space-xs);
    }

    .aisaas-deal-card__copy-btn {
        justify-content: center;
    }

    .aisaas-deals-zone {
        padding: var(--aisaas-space-lg) var(--aisaas-space-md);
    }

    .aisaas-deals-zone__title {
        font-size: 1.25rem;
    }

    .aisaas-deals-free-item__head {
        flex-wrap: wrap;
    }

    .aisaas-deals-faq__title {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .aisaas-deals-hero__stats {
        gap: var(--aisaas-space-sm);
    }

    .aisaas-deals-hero__stat-num {
        font-size: 1rem;
    }

    .aisaas-deals-hero__stat-label {
        font-size: 0.625rem;
    }

    .aisaas-deals-expiring-banner__btn {
        width: 100%;
        justify-content: center;
    }
}

/* 閳光偓閳光偓 Copy Code Toast 閳光偓閳光偓 */
.aisaas-copy-toast {
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #059669;
    color: #fff;
    padding: 8px 24px;
    border-radius: 100px;
    font-size: 0.875rem;
    font-weight: 700;
    z-index: 9999;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.aisaas-copy-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

[data-theme="dark"] .aisaas-copy-toast {
    background: #10b981;
}

/* 閳光偓閳光偓 Segmented Control: Add Trial Filter 閳光偓閳光偓 */
.aisaas-deals-segment__item[data-filter="trial"] {
    color: #2563eb;
}

.aisaas-deals-segment__item[data-filter="trial"]:hover {
    background: rgba(37, 99, 235, 0.06);
    color: #2563eb;
}

.aisaas-deals-segment__item[data-filter="trial"].is-active {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.22);
}

[data-theme="dark"] .aisaas-deals-segment__item[data-filter="trial"].is-active {
    background: #3b82f6;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.25);
}


/* ============================================================
   10. Navigation Menu Upgrade
   ============================================================ */

/* PC Mega Menu 閳?8-column Categories */
.aisaas-mega-menu--8col {
    min-width: 720px;
}

.aisaas-mega-menu__grid--8col {
    grid-template-columns: repeat(4, 1fr);
    gap: 4px 16px;
}

@media (min-width: 1024px) {
    .aisaas-mega-menu__grid--8col {
        grid-template-columns: repeat(8, 1fr);
        gap: 0 12px;
    }
}

.aisaas-mega-menu__column-icon {
    font-size: 16px;
    margin-right: 4px;
    vertical-align: middle;
}

.aisaas-mega-menu__column-count {
    display: inline-block;
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text-muted);
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 10px;
    margin-left: 6px;
    vertical-align: middle;
}

.aisaas-mega-menu__link--best {
    color: var(--aisaas-color-primary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.aisaas-mega-menu__link--best::before {
    content: '閳?;
    font-size: 12px;
    color: var(--aisaas-color-primary);
}

.aisaas-mega-menu__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    background: var(--aisaas-bg-secondary);
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-mega-menu__footer-link + .aisaas-mega-menu__footer-link {
    color: var(--aisaas-color-primary);
    font-weight: 600;
}

/* Use Cases dropdown 閳?scenario icons */
.aisaas-dropdown--usecases .aisaas-dropdown__main {
    max-width: 260px;
}

.aisaas-dropdown__link--scenario {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aisaas-dropdown__link-icon {
    font-size: 18px;
    flex-shrink: 0;
}

/* Nav CTA link (Submit Tool) */
.aisaas-nav__link--cta {
    background: var(--aisaas-color-primary);
    color: #fff !important;
    padding: 6px 16px;
    border-radius: 8px;
    font-weight: 600;
    transition: background 0.2s;
}

.aisaas-nav__link--cta:hover {
    background: var(--aisaas-color-primary-hover);
    color: #fff !important;
}

/* Mobile Menu 閳?Submit Tool link (not accordion) */
.mobile-menu__group-toggle--link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    color: var(--aisaas-color-primary);
    font-weight: 600;
    text-decoration: none;
    background: rgba(var(--aisaas-color-primary-rgb), 0.08);
    border-radius: 8px;
    margin: 4px 0;
    width: 100%;
    cursor: pointer;
}

.mobile-menu__group-toggle--link:hover {
    background: rgba(var(--aisaas-color-primary-rgb), 0.15);
}


/* ============================================================
   11. Ranking System
   ============================================================ */

/* Ranking Hero */
.aisaas-ranking-hero {
    background: linear-gradient(135deg, #1e3a5f 0%, #0a1628 100%);
    padding: 48px 0 32px;
    color: #fff;
    text-align: center;
}

.aisaas-ranking-hero__icon {
    font-size: 48px;
    margin-bottom: 12px;
}

.aisaas-ranking-hero__title {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 8px;
    line-height: 1.2;
}

.aisaas-ranking-hero__subtitle {
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    margin: 0 0 24px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.aisaas-ranking-hero__stats {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

.aisaas-ranking-hero__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    padding: 12px 20px;
    min-width: 100px;
}

.aisaas-ranking-hero__stat-num {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.aisaas-ranking-hero__stat-label {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    margin-top: 4px;
}

[data-theme="dark"] .aisaas-ranking-hero {
    background: linear-gradient(135deg, #162447 0%, #0d1117 100%);
}

@media (max-width: 768px) {
    .aisaas-ranking-hero {
        padding: 32px 0 20px;
    }
    .aisaas-ranking-hero__icon {
        font-size: 36px;
    }
    .aisaas-ranking-hero__title {
        font-size: 22px;
    }
    .aisaas-ranking-hero__stats {
        gap: 12px;
    }
    .aisaas-ranking-hero__stat {
        min-width: 80px;
        padding: 8px 12px;
    }
    .aisaas-ranking-hero__stat-num {
        font-size: 16px;
    }
}

/* Ranking Navigation Tabs */
.aisaas-ranking-nav {
    background: var(--aisaas-bg-secondary);
    border-bottom: 1px solid var(--aisaas-border-light);
    padding: 12px 0;
}

.aisaas-ranking-nav__tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.aisaas-ranking-nav__tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-primary);
    border: 1px solid var(--aisaas-border-light);
    text-decoration: none;
    transition: all 0.2s;
}

.aisaas-ranking-nav__tab:hover {
    background: rgba(var(--aisaas-color-primary-rgb), 0.08);
    color: var(--aisaas-color-primary);
    border-color: var(--aisaas-color-primary);
}

.aisaas-ranking-nav__tab--active {
    background: var(--aisaas-color-primary);
    color: #fff;
    border-color: var(--aisaas-color-primary);
    box-shadow: 0 4px 12px rgba(var(--aisaas-color-primary-rgb), 0.25);
}

.aisaas-ranking-nav__tab-icon {
    font-size: 16px;
}

@media (max-width: 768px) {
    .aisaas-ranking-nav__tabs {
        gap: 4px;
    }
    .aisaas-ranking-nav__tab {
        padding: 6px 10px;
        font-size: 12px;
    }
}

/* Sort Dimension Tabs */
.aisaas-ranking-sort {
    padding: 12px 0;
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-ranking-sort__tabs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.aisaas-ranking-sort__tab {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    color: var(--aisaas-text-muted);
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
}

.aisaas-ranking-sort__tab:hover {
    color: var(--aisaas-text-primary);
    background: var(--aisaas-bg-tertiary);
}

.aisaas-ranking-sort__tab--active {
    color: var(--aisaas-color-primary);
    background: rgba(var(--aisaas-color-primary-rgb), 0.08);
    border-color: var(--aisaas-color-primary);
    font-weight: 600;
}

/* Ranking Row (enhanced from existing) */
.aisaas-ranking-row__tagline {
    display: block;
    font-size: 13px;
    color: var(--aisaas-text-muted);
    margin-top: 2px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aisaas-ranking-row__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    margin-top: 4px;
}

.aisaas-ranking-row__badge--free {
    background: #dcfce7;
    color: #16a34a;
}

.aisaas-ranking-row__badge--trial {
    background: #dbeafe;
    color: #2563eb;
}

.aisaas-ranking-row__badge--deal {
    background: #ffedd5;
    color: #c2410c;
}

.aisaas-ranking-row__badge--new {
    background: #fce7f3;
    color: #db2777;
}

[data-theme="dark"] .aisaas-ranking-row__badge--free { background: #052e16; color: #4ade80; }
[data-theme="dark"] .aisaas-ranking-row__badge--trial { background: #1e3a5f; color: #60a5fa; }
[data-theme="dark"] .aisaas-ranking-row__badge--deal { background: #431407; color: #fb923c; }
[data-theme="dark"] .aisaas-ranking-row__badge--new { background: #4a044e; color: #f472b6; }

/* Ranking Categories Grid */
.aisaas-ranking-categories {
    padding: 40px 0;
    background: var(--aisaas-bg-secondary);
}

.aisaas-ranking-categories__title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: center;
}

.aisaas-ranking-categories__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

@media (max-width: 768px) {
    .aisaas-ranking-categories__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.aisaas-ranking-categories__card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: var(--aisaas-bg-primary);
    border: 1px solid var(--aisaas-border-light);
    border-radius: 12px;
    text-decoration: none;
    color: var(--aisaas-text-primary);
    transition: all 0.2s;
}

.aisaas-ranking-categories__card:hover {
    border-color: var(--aisaas-color-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aisaas-color-primary-rgb), 0.1);
}

.aisaas-ranking-categories__card-icon {
    font-size: 24px;
}

.aisaas-ranking-categories__card-title {
    font-size: 14px;
    font-weight: 600;
}

.aisaas-ranking-categories__card-count {
    font-size: 12px;
    color: var(--aisaas-text-muted);
}

.aisaas-ranking-categories__card-arrow {
    color: var(--aisaas-color-primary);
    font-weight: 600;
    margin-left: auto;
}

/* Homepage Ranking Showcase */
.aisaas-ranking-showcase {
    padding: 48px 0;
}

.aisaas-ranking-showcase__header {
    text-align: center;
    margin-bottom: 32px;
}

.aisaas-ranking-showcase__title {
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 8px;
}

.aisaas-ranking-showcase__subtitle {
    font-size: 14px;
    color: var(--aisaas-text-muted);
    margin: 0;
}

.aisaas-ranking-showcase__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

@media (max-width: 1024px) {
    .aisaas-ranking-showcase__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .aisaas-ranking-showcase__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .aisaas-ranking-showcase {
        padding: 32px 0;
    }
    .aisaas-ranking-showcase__title {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .aisaas-ranking-showcase__grid {
        grid-template-columns: 1fr;
    }
}

.aisaas-ranking-showcase__card {
    background: var(--aisaas-bg-primary);
    border: 1px solid var(--aisaas-border-light);
    border-radius: 12px;
    padding: 20px 16px;
    transition: all 0.2s;
}

.aisaas-ranking-showcase__card:hover {
    border-color: var(--aisaas-color-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--aisaas-color-primary-rgb), 0.1);
}

.aisaas-ranking-showcase__card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.aisaas-ranking-showcase__card-icon {
    font-size: 24px;
}

.aisaas-ranking-showcase__card-title {
    font-size: 15px;
    font-weight: 700;
}

.aisaas-ranking-showcase__card-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aisaas-ranking-showcase__item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-ranking-showcase__item:last-child {
    border-bottom: none;
}

.aisaas-ranking-showcase__item-rank {
    font-size: 13px;
    font-weight: 700;
    color: var(--aisaas-text-muted);
    min-width: 20px;
}

.aisaas-ranking-showcase__item-logo {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.aisaas-ranking-showcase__item-info {
    flex: 1;
    min-width: 0;
}

.aisaas-ranking-showcase__item-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--aisaas-text-primary);
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aisaas-ranking-showcase__item-name:hover {
    color: var(--aisaas-color-primary);
}

.aisaas-ranking-showcase__item-tagline {
    display: block;
    font-size: 11px;
    color: var(--aisaas-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aisaas-ranking-showcase__item-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}

.aisaas-ranking-showcase__item-rating {
    font-size: 12px;
    font-weight: 600;
    color: var(--aisaas-color-primary);
}

.aisaas-ranking-showcase__item-pricing {
    font-size: 11px;
    color: var(--aisaas-text-muted);
}

.aisaas-ranking-showcase__card-link {
    display: block;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--aisaas-color-primary);
    text-decoration: none;
}

.aisaas-ranking-showcase__card-link:hover {
    text-decoration: underline;
}

/* ============================================================
   Content Ecosystem 閳?Content Hub, Pillars, Article Pages
   ============================================================ */

/* 閳光偓閳光偓 Content Hub Hero 閳光偓閳光偓 */
.aisaas-content-hub-hero {
    background: linear-gradient(135deg, var(--aisaas-primary), #7c3aed);
    padding: var(--aisaas-space-2xl) 0;
    color: #fff;
    text-align: center;
}

.aisaas-content-hub-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-content-hub-hero__title {
    font-size: 2.25rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-content-hub-hero__desc {
    font-size: 1.0625rem;
    opacity: 0.9;
    max-width: 640px;
    margin: 0 auto var(--aisaas-space-lg);
}

.aisaas-content-hub-hero__stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-lg);
    flex-wrap: wrap;
}

.aisaas-content-hub-hero__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.aisaas-content-hub-hero__stat strong {
    font-size: 1.5rem;
    font-weight: 800;
}

.aisaas-content-hub-hero__stat span {
    font-size: 0.75rem;
    opacity: 0.8;
}

.aisaas-content-hub-hero__stat--updated {
    flex-direction: row;
    gap: 4px;
    opacity: 0.8;
    font-size: 0.8125rem;
}

/* 閳光偓閳光偓 7 Content Pillar Tabs 閳光偓閳光偓 */
.aisaas-pillar-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.aisaas-pillar-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 8px 14px;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    transition: all 0.2s;
}

.aisaas-pillar-tab:hover {
    background: rgba(255,255,255,0.2);
    transform: translateY(-1px);
}

.aisaas-pillar-tab.is-active {
    background: #fff;
    color: var(--pillar-color, var(--aisaas-primary));
    border-color: #fff;
}

.aisaas-pillar-tab__icon {
    font-size: 1rem;
}

.aisaas-pillar-tab__count {
    background: rgba(255,255,255,0.2);
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
}

.aisaas-pillar-tab.is-active .aisaas-pillar-tab__count {
    background: var(--pillar-color, var(--aisaas-primary));
    color: #fff;
}

/* 閳光偓閳光偓 Pillar Section (each content type section on hub) 閳光偓閳光偓 */
.aisaas-pillar-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-pillar-section__title-wrap {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
}

.aisaas-pillar-section__icon {
    font-size: 1.75rem;
}

.aisaas-pillar-section__title {
    font-size: 1.375rem;
    font-weight: 800;
    margin: 0;
}

.aisaas-pillar-section__subtitle {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin: 2px 0 0;
}

/* 閳光偓閳光偓 Article Card 閳?Pillar variant (with color coding) 閳光偓閳光偓 */
.aisaas-article-card--pillar {
    border-top: 3px solid var(--pillar-color, var(--aisaas-primary));
}

.aisaas-article-card__content-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-article-card__type {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.aisaas-article-card__date {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-article-card__tools-badge {
    font-size: 0.6875rem;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-tertiary);
    padding: 2px 8px;
    border-radius: 999px;
}

.aisaas-article-card__tool-logos {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: var(--aisaas-space-sm);
}

.aisaas-article-card__tool-logo {
    display: inline-flex;
    border-radius: var(--aisaas-radius-sm);
    overflow: hidden;
    transition: transform 0.15s;
}

.aisaas-article-card__tool-logo:hover {
    transform: scale(1.1);
}

.aisaas-article-card__tool-more {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    padding: 2px 6px;
    background: var(--aisaas-bg-tertiary);
    border-radius: 999px;
}

.aisaas-article-card--weekly {
    border-top: 3px solid #ec4899;
}

.aisaas-article-card__weekly-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #ec4899;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: var(--aisaas-space-sm);
}

/* 閳光偓閳光偓 Hero Article Card (featured article on content hub) 閳光偓閳光偓 */
.aisaas-hero-article-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--aisaas-space-xl);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.aisaas-hero-article-card:hover {
    box-shadow: var(--aisaas-shadow-lg);
}

.aisaas-hero-article-card__image-wrap {
    display: block;
    overflow: hidden;
}

.aisaas-hero-article-card__image {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    transition: transform 0.3s;
}

.aisaas-hero-article-card:hover .aisaas-hero-article-card__image {
    transform: scale(1.03);
}

.aisaas-hero-article-card__content {
    padding: var(--aisaas-space-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aisaas-hero-article-card__type {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    width: fit-content;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-hero-article-card__title {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-hero-article-card__title a {
    color: var(--aisaas-text);
    text-decoration: none;
}

.aisaas-hero-article-card__title a:hover {
    color: var(--aisaas-primary);
}

.aisaas-hero-article-card__excerpt {
    color: var(--aisaas-text-secondary);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-hero-article-card__meta {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-hero-article-card__tool-count {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--aisaas-primary);
    font-weight: 600;
}

@media (max-width: 768px) {
    .aisaas-hero-article-card {
        grid-template-columns: 1fr;
    }
    .aisaas-hero-article-card__image {
        min-height: 200px;
    }
}

/* 閳光偓閳光偓 Article Detail Page Hero 閳光偓閳光偓 */
.aisaas-article-hero {
    padding: var(--aisaas-space-xl) 0 var(--aisaas-space-lg);
}

.aisaas-article-hero__type {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 14px;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-article-hero__title {
    font-size: 2.25rem;
    font-weight: 800;
    margin-bottom: var(--aisaas-space-md);
    line-height: 1.2;
}

.aisaas-article-hero__meta {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-article-hero__author,
.aisaas-article-hero__date,
.aisaas-article-hero__reading-time {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.aisaas-article-hero__tool-count {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.aisaas-article-hero__tools {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    flex-wrap: wrap;
    padding-top: var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border);
}

.aisaas-article-hero__tools-label {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    font-weight: 600;
}

.aisaas-article-hero__tool-logos {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.aisaas-article-hero__tool-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--aisaas-bg-tertiary);
    padding: 4px 10px 4px 4px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text);
    transition: background 0.15s;
}

.aisaas-article-hero__tool-chip:hover {
    background: var(--aisaas-border);
}

.aisaas-article-hero__tool-rating {
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    font-weight: 400;
}

.aisaas-article-hero__image {
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
    margin-bottom: var(--aisaas-space-xl);
}

.aisaas-article-hero__image img {
    width: 100%;
    display: block;
}

/* 閳光偓閳光偓 Inline Tool Card (embedded in article content) 閳光偓閳光偓 */
.aisaas-inline-tool-card {
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-md);
    transition: box-shadow 0.2s;
}

.aisaas-inline-tool-card:hover {
    box-shadow: var(--aisaas-shadow-md);
}

.aisaas-inline-tool-card__header {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-inline-tool-card__identity {
    flex: 1;
}

.aisaas-inline-tool-card__name {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--aisaas-text);
    text-decoration: none;
}

.aisaas-inline-tool-card__name:hover {
    color: var(--aisaas-primary);
}

.aisaas-inline-tool-card__tagline {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 2px 0 0;
}

.aisaas-inline-tool-card__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-inline-tool-card__price {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    font-weight: 600;
}

.aisaas-inline-tool-card__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aisaas-inline-tool-card__review-link {
    font-size: 0.8125rem;
    color: var(--aisaas-primary);
    text-decoration: none;
    font-weight: 600;
}

.aisaas-inline-tool-card__review-link:hover {
    text-decoration: underline;
}

/* 閳光偓閳光偓 Linked Tools Section (in article, auto-injected) 閳光偓閳光偓 */
.aisaas-linked-tools-section {
    background: var(--aisaas-bg-tertiary);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: var(--aisaas-space-lg);
    margin: var(--aisaas-space-xl) 0;
}

.aisaas-linked-tools-section__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-linked-tools-section__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--aisaas-space-md);
}

/* 閳光偓閳光偓 Article Linked Tools (bottom of article, full grid) 閳光偓閳光偓 */
.aisaas-article-linked-tools__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--aisaas-space-md);
}

/* 閳光偓閳光偓 Related Comparison Card (on article page) 閳光偓閳光偓 */
.aisaas-related-comp-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
}

.aisaas-related-comp-card:hover {
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-related-comp-card__tools {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-related-comp-card__vs {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aisaas-text-muted);
    text-transform: uppercase;
}

.aisaas-related-comp-card__title {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--aisaas-text);
}

.aisaas-related-comp-card__winner {
    font-size: 0.8125rem;
    color: var(--aisaas-primary);
    font-weight: 600;
}

/* 閳光偓閳光偓 Tool Related Articles (on tool detail page) 閳光偓閳光偓 */
.aisaas-tool-related-articles .aisaas-article-card--pillar {
    border-top: 3px solid var(--pillar-color, var(--aisaas-primary));
}

/* 閳光偓閳光偓 Content Hub CTA 閳光偓閳光偓 */
.aisaas-content-hub-cta .aisaas-newsletter-form input {
    background: rgba(255,255,255,0.95);
}

.aisaas-content-hub-cta .aisaas-newsletter-form input::placeholder {
    color: #666;
}

/* 閳光偓閳光偓 Responsive Adjustments 閳光偓閳光偓 */
@media (max-width: 768px) {
    .aisaas-content-hub-hero__title {
        font-size: 1.75rem;
    }

    .aisaas-content-hub-hero__stats {
        gap: var(--aisaas-space-md);
    }

    .aisaas-pillar-tabs {
        gap: 4px;
    }

    .aisaas-pillar-tab {
        padding: 6px 10px;
        font-size: 0.75rem;
    }

    .aisaas-pillar-tab__count {
        display: none;
    }

    .aisaas-article-hero__title {
        font-size: 1.5rem;
    }

    .aisaas-article-hero__tools {
        flex-direction: column;
        align-items: flex-start;
    }

    .aisaas-linked-tools-section__grid,
    .aisaas-article-linked-tools__grid {
        grid-template-columns: 1fr;
    }

    .aisaas-pillar-section__header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--aisaas-space-sm);
    }
}

/* ============================================================
   Credibility System 閳?Methodology, Badges, User Reviews
   ============================================================ */

/* Badges: Editorial Pick & Sponsored */
.aisaas-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    vertical-align: middle;
    margin-left: 8px;
    white-space: nowrap;
}

.aisaas-badge--editorial {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #78350f;
}

.aisaas-badge--sponsored {
    background: var(--aisaas-badge-sponsored-bg);
    color: var(--aisaas-badge-sponsored-text);
    border: 1px solid var(--aisaas-badge-sponsored-border);
}

.aisaas-badge--new {
    background: var(--aisaas-badge-new-bg);
    color: var(--aisaas-badge-new-text);
    border: 1px solid var(--aisaas-badge-new-border);
}

.aisaas-badge--deal {
    background: var(--aisaas-badge-deal-bg);
    color: var(--aisaas-badge-deal-text);
    border: 1px solid var(--aisaas-badge-deal-border);
}

.aisaas-badge--verified {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 600;
    background: #ecfdf5;
    color: #059669;
}

/* Disclosure Banner Upgrade */
.aisaas-disclosure {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-left: 3px solid var(--aisaas-primary);
    border-radius: 0 var(--aisaas-radius-md) var(--aisaas-radius-md) 0;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-xl);
    line-height: 1.6;
}

.aisaas-disclosure svg {
    flex-shrink: 0;
    margin-top: 3px;
    color: var(--aisaas-primary);
}

.aisaas-disclosure__sponsored {
    color: #dc2626;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
}

.aisaas-disclosure__link {
    color: var(--aisaas-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.aisaas-disclosure__link:hover {
    opacity: 0.8;
}

/* Hero Stats 閳?Sponsored variant */
.aisaas-hero-summary__stat-value--sponsored {
    color: #dc2626;
    font-weight: 600;
    font-size: 0.8125rem;
}

/* Credibility Module 閳?Enhanced */
.aisaas-credibility__facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--aisaas-space-md);
    margin: var(--aisaas-space-lg) 0;
}

.aisaas-credibility__fact {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    border: 1px solid var(--aisaas-border);
}

.aisaas-credibility__fact-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary);
    color: #fff;
    border-radius: 50%;
}

.aisaas-credibility__fact-icon--sponsored {
    background: #fef2f2;
    color: #dc2626;
}

.aisaas-credibility__fact-icon--editorial {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #92400e;
}

.aisaas-credibility__fact-label {
    display: block;
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.aisaas-credibility__fact-value {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-credibility__fact-value--sponsored {
    color: #dc2626;
}

.aisaas-credibility__fact-value--editorial {
    color: #92400e;
}

.aisaas-credibility__links {
    display: flex;
    gap: var(--aisaas-space-md);
    margin-top: var(--aisaas-space-md);
    padding-top: var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border);
}

.aisaas-credibility__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    text-decoration: none;
}

.aisaas-credibility__link:hover {
    text-decoration: underline;
}

/* User Reviews */
.aisaas-user-reviews {
    margin-top: var(--aisaas-space-xl);
    padding-top: var(--aisaas-space-lg);
    border-top: 1px solid var(--aisaas-border);
}

.aisaas-user-reviews__disclaimer {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-user-reviews__disclaimer svg {
    flex-shrink: 0;
    color: var(--aisaas-primary);
}

.aisaas-user-reviews__summary {
    display: flex;
    gap: var(--aisaas-space-xl);
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-user-reviews__overall {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 140px;
}

.aisaas-user-reviews__avg {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--aisaas-text);
    line-height: 1;
}

.aisaas-user-reviews__avg-label {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-user-reviews__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin-top: 4px;
}

.aisaas-user-reviews__bars {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.aisaas-user-reviews__bar-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aisaas-user-reviews__bar-label {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    min-width: 24px;
}

.aisaas-user-reviews__bar-track {
    flex: 1;
    height: 8px;
    background: var(--aisaas-bg-tertiary);
    border-radius: 4px;
    overflow: hidden;
}

.aisaas-user-reviews__bar-fill {
    height: 100%;
    background: var(--aisaas-primary);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.aisaas-user-reviews__bar-count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    min-width: 20px;
    text-align: right;
}

.aisaas-user-reviews__list {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
    margin-bottom: var(--aisaas-space-lg);
}

.aisaas-user-review {
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
}

.aisaas-user-review__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-user-review__author {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
}

.aisaas-user-review__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--aisaas-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
}

.aisaas-user-review__name {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--aisaas-text);
}

.aisaas-user-review__date {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}

.aisaas-user-review__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-user-review__rating-num {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text);
}

.aisaas-user-review__title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-user-review__content {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.7;
}

.aisaas-user-reviews__actions {
    text-align: center;
    padding: var(--aisaas-space-md) 0;
}

.aisaas-user-reviews__write-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.aisaas-user-reviews__empty {
    text-align: center;
    padding: var(--aisaas-space-xl);
}

.aisaas-user-reviews__empty-icon {
    color: var(--aisaas-text-muted);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-user-reviews__empty h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-user-reviews__empty p {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: var(--aisaas-space-md);
}

/* Review Form Modal */
.aisaas-review-form__field {
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-review-form__label {
    display: block;
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--aisaas-text);
    margin-bottom: 6px;
}

.aisaas-required {
    color: #dc2626;
}

.aisaas-review-form__stars {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Track-based star selector 閳?supports 0.1 precision */
.aisaas-review-form__stars-track {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    /* Constrain width to exactly 5 stars worth */
    max-width: none;
    width: auto;
}

.aisaas-review-form__stars-track svg {
    display: block;
    flex-shrink: 0;
}

.aisaas-review-form__stars-bg,
.aisaas-review-form__stars-fg {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.aisaas-review-form__stars-bg svg {
    color: var(--aisaas-bg-tertiary, #e2e8f0);
    transition: color 0.15s;
}

.aisaas-review-form__stars-fg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    /* Critical: clip to percentage width */
    max-width: 100%;
}

.aisaas-review-form__stars-fg svg {
    color: #f59e0b;
}

.aisaas-review-form__rating-display {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    margin-left: 8px;
    min-height: 1.25rem;
}

.aisaas-review-form__input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
}

.aisaas-review-form__textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    background: var(--aisaas-bg);
    color: var(--aisaas-text);
    resize: vertical;
    min-height: 100px;
}

.aisaas-review-form__hint {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    margin-top: 4px;
}

.aisaas-review-form__field--checkbox label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    cursor: pointer;
}

.aisaas-review-form__disclaimer {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    text-align: center;
    margin-top: var(--aisaas-space-sm);
}

/* ============================================================
   Review Methodology Page
   ============================================================ */

.aisaas-methodology {
    padding: var(--aisaas-space-xl) 0;
}

.aisaas-methodology__hero {
    text-align: center;
    padding: var(--aisaas-space-2xl) var(--aisaas-space-lg);
    margin-bottom: var(--aisaas-space-2xl);
}

.aisaas-methodology__hero-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--aisaas-space-lg);
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
    color: var(--aisaas-primary);
    border-radius: 50%;
}

.aisaas-methodology__title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-methodology__subtitle {
    font-size: 1.0625rem;
    color: var(--aisaas-text-secondary);
    max-width: 560px;
    margin: 0 auto;
}

.aisaas-methodology__meta {
    display: flex;
    justify-content: center;
    gap: var(--aisaas-space-lg);
    margin-top: var(--aisaas-space-md);
}

.aisaas-methodology__meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
}

.aisaas-methodology__section {
    margin-bottom: var(--aisaas-space-2xl);
}

.aisaas-methodology__section-title {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-md);
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-lg);
    padding-bottom: var(--aisaas-space-sm);
    border-bottom: 2px solid var(--aisaas-border);
}

.aisaas-methodology__section-num {
    font-size: 2rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    opacity: 0.3;
    line-height: 1;
}

.aisaas-methodology__intro {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.7;
    margin-bottom: var(--aisaas-space-lg);
}

/* Core Principles */
.aisaas-methodology__principles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--aisaas-space-lg);
}

.aisaas-methodology__principle {
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
}

.aisaas-methodology__principle-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--p-color) 12%, transparent);
    color: var(--p-color);
    border-radius: var(--aisaas-radius-md);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-methodology__principle h3 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-methodology__principle p {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
}

/* Rating Dimensions */
.aisaas-methodology__dimensions {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-md);
}

.aisaas-methodology__dim {
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    border: 1px solid var(--aisaas-border);
}

.aisaas-methodology__dim-header {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-md);
}

.aisaas-methodology__dim-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary);
    color: #fff;
    border-radius: var(--aisaas-radius-md);
    flex-shrink: 0;
}

.aisaas-methodology__dim-header h4 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: 2px;
}

.aisaas-methodology__dim-weight {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    background: color-mix(in srgb, var(--aisaas-primary) 12%, transparent);
    padding: 2px 8px;
    border-radius: 999px;
    margin-left: 8px;
}

.aisaas-methodology__dim-header p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
}

.aisaas-methodology__dim-criteria {
    display: flex;
    gap: var(--aisaas-space-sm);
    margin-top: var(--aisaas-space-md);
    padding-top: var(--aisaas-space-md);
    border-top: 1px solid var(--aisaas-border);
}

.aisaas-methodology__dim-criteria span {
    font-size: 0.75rem;
    padding: 4px 10px;
    background: var(--aisaas-bg-tertiary);
    border-radius: 999px;
    color: var(--aisaas-text-secondary);
}

/* Testing Timeline */
.aisaas-methodology__timeline {
    position: relative;
    padding-left: 40px;
}

.aisaas-methodology__timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--aisaas-border);
}

.aisaas-methodology__step {
    position: relative;
    margin-bottom: var(--aisaas-space-lg);
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    border: 1px solid var(--aisaas-border);
}

.aisaas-methodology__step-num {
    position: absolute;
    left: -33px;
    top: var(--aisaas-space-md);
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aisaas-primary);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 50%;
}

.aisaas-methodology__step h4 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-methodology__step p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
}

/* Editorial Picks */
.aisaas-methodology__picks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-lg);
}

.aisaas-methodology__pick-card {
    text-align: center;
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-lg);
    border: 1px solid var(--aisaas-border);
}

.aisaas-methodology__pick-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--aisaas-space-md);
    background: color-mix(in srgb, var(--pick-color, #f59e0b) 12%, transparent);
    color: var(--pick-color, #f59e0b);
    border-radius: 50%;
}

.aisaas-methodology__pick-card h4 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-methodology__pick-card p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
}

/* Transparency Section */
.aisaas-methodology__transparency {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--aisaas-space-lg);
}

.aisaas-methodology__trans-card {
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    border: 1px solid var(--aisaas-border);
}

.aisaas-methodology__trans-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--trans-color) 12%, transparent);
    color: var(--trans-color);
    border-radius: var(--aisaas-radius-md);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-methodology__trans-card h4 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-methodology__trans-card p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
}

/* User Review Rules */
.aisaas-methodology__user-review-rules {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-sm);
}

.aisaas-methodology__rule {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
}

.aisaas-methodology__rule svg {
    flex-shrink: 0;
    color: #10b981;
    margin-top: 3px;
}

/* Commitment CTA */
.aisaas-methodology__commitment {
    text-align: center;
    padding: var(--aisaas-space-2xl) var(--aisaas-space-lg);
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border-radius: var(--aisaas-radius-xl);
    border: 1px solid var(--aisaas-border);
}

.aisaas-methodology__commitment-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--aisaas-space-lg);
    background: var(--aisaas-primary);
    color: #fff;
    border-radius: 50%;
}

.aisaas-methodology__commitment h2 {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-sm);
}

.aisaas-methodology__commitment p {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto var(--aisaas-space-lg);
}

/* Footer Disclosure Upgrade */
.aisaas-footer__disclosure {
    display: flex;
    align-items: flex-start;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    line-height: 1.6;
    margin-top: var(--aisaas-space-lg);
}

.aisaas-footer__disclosure svg {
    flex-shrink: 0;
    margin-top: 2px;
    opacity: 0.5;
}

.aisaas-footer__disclosure strong {
    color: var(--aisaas-text-secondary);
}

/* Mobile Responsive 閳?Credibility */
@media (max-width: 768px) {
    .aisaas-methodology__principles {
        grid-template-columns: 1fr;
    }

    .aisaas-methodology__picks {
        grid-template-columns: 1fr;
    }

    .aisaas-methodology__transparency {
        grid-template-columns: 1fr;
    }

    .aisaas-methodology__dim-criteria {
        flex-wrap: wrap;
    }

    .aisaas-user-reviews__summary {
        flex-direction: column;
    }

    .aisaas-user-reviews__overall {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--aisaas-space-sm);
    }

    .aisaas-credibility__facts {
        grid-template-columns: 1fr;
    }

    .aisaas-credibility__links {
        flex-direction: column;
        gap: var(--aisaas-space-sm);
    }

    .aisaas-badge {
        font-size: 0.625rem;
        padding: 2px 7px;
        margin-left: 4px;
    }
}


/* ============================================================
   SEO Landing Pages 閳?Hero, Guides, Internal Links
   ============================================================ */

/* 閳光偓閳光偓 SEO Hero 閳光偓閳光偓 */
.aisaas-seo-hero {
    padding: var(--aisaas-space-lg) 0 var(--aisaas-space-md);
    position: relative;
    overflow: hidden;
}

.aisaas-seo-hero--alt {
    background: linear-gradient(135deg, #f0f7ff 0%, #f8fafc 50%, #ffffff 100%);
}

.aisaas-seo-hero--free {
    background: linear-gradient(135deg, #f0fdf4 0%, #f8fafc 50%, #ffffff 100%);
}

.aisaas-seo-hero--trial {
    background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 50%, #ffffff 100%);
}

.aisaas-seo-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.8);
    color: var(--aisaas-text);
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 0.8125rem;
    font-weight: 700;
    margin-bottom: var(--aisaas-space-md);
    border: 1px solid var(--aisaas-border);
    backdrop-filter: blur(4px);
}

.aisaas-seo-hero__badge svg {
    color: var(--aisaas-primary);
}

.aisaas-seo-hero--free .aisaas-seo-hero__badge svg {
    color: var(--aisaas-secondary);
}

.aisaas-seo-hero__icon {
    font-size: 1rem;
}

.aisaas-seo-hero__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: var(--aisaas-space-sm);
    color: var(--aisaas-text);
}

.aisaas-seo-hero__desc {
    font-size: 1.0625rem;
    line-height: 1.7;
    color: var(--aisaas-text-secondary);
    max-width: 720px;
    margin-bottom: var(--aisaas-space-lg);
}

/* SEO Hero Stats Bar */
.aisaas-seo-hero__stats {
    display: flex;
    gap: var(--aisaas-space-lg);
    flex-wrap: wrap;
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-seo-hero__stat {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.aisaas-seo-hero__stat strong {
    color: var(--aisaas-text);
    font-weight: 700;
}

.aisaas-seo-hero__stat a {
    color: var(--aisaas-primary);
    text-decoration: none;
}

.aisaas-seo-hero__stat a:hover {
    text-decoration: underline;
}

/* Source tool card in alternatives hero */
.aisaas-seo-hero__source {
    margin-top: var(--aisaas-space-md);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
}

.aisaas-seo-hero__source-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--aisaas-space-xs);
}

.aisaas-seo-hero__source-card {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    flex-wrap: wrap;
}

.aisaas-seo-hero__source-logo {
    flex-shrink: 0;
}

.aisaas-seo-hero__source-info {
    flex: 1;
    min-width: 200px;
}

.aisaas-seo-hero__source-name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--aisaas-text);
    text-decoration: none;
}

.aisaas-seo-hero__source-name:hover {
    color: var(--aisaas-primary);
}

.aisaas-seo-hero__source-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.aisaas-seo-hero__source-price {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
}

.aisaas-seo-hero__source-tagline {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-top: 4px;
    flex-basis: 100%;
}

/* 閳光偓閳光偓 SEO Guide Steps (How to Choose) 閳光偓閳光偓 */
.aisaas-seo-guide {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--aisaas-space-md);
    margin-top: var(--aisaas-space-lg);
}

.aisaas-seo-guide__step {
    display: flex;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    transition: box-shadow 0.2s, border-color 0.2s;
}

.aisaas-seo-guide__step:hover {
    border-color: var(--aisaas-primary-light);
    box-shadow: var(--aisaas-card-hover-shadow);
}

.aisaas-seo-guide__num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--aisaas-primary);
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aisaas-seo-guide__step strong {
    font-size: 0.9375rem;
    color: var(--aisaas-text);
    display: block;
    margin-bottom: 4px;
}

.aisaas-seo-guide__step p {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
}

/* 閳光偓閳光偓 SEO Internal Links Grid 閳光偓閳光偓 */
.aisaas-seo-internal-links {
    display: flex;
    flex-direction: column;
    gap: var(--aisaas-space-xl);
}

.aisaas-seo-internal-links__title {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: var(--aisaas-space-md);
}

.aisaas-seo-link-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--aisaas-space-sm);
}

.aisaas-seo-link-card {
    display: flex;
    align-items: center;
    gap: var(--aisaas-space-sm);
    padding: var(--aisaas-space-sm) var(--aisaas-space-md);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    text-decoration: none;
    transition: all 0.2s;
    position: relative;
}

.aisaas-seo-link-card:hover {
    border-color: var(--aisaas-primary-light);
    box-shadow: var(--aisaas-card-hover-shadow);
    transform: translateY(-1px);
}

.aisaas-seo-link-card__icon {
    font-size: 1.25rem;
    flex-shrink: 0;
    line-height: 1;
}

.aisaas-seo-link-card__info {
    flex: 1;
    min-width: 0;
}

.aisaas-seo-link-card__name {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
    margin: 0;
    line-height: 1.3;
}

.aisaas-seo-link-card__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-seo-link-card__arrow {
    flex-shrink: 0;
    color: var(--aisaas-text-secondary);
    transition: transform 0.2s;
}

.aisaas-seo-link-card:hover .aisaas-seo-link-card__arrow {
    color: var(--aisaas-primary);
    transform: translateX(3px);
}

/* Variant accents */
.aisaas-seo-link-card--free {
    border-left: 3px solid var(--aisaas-secondary);
}

.aisaas-seo-link-card--trial {
    border-left: 3px solid var(--aisaas-primary);
}

.aisaas-seo-link-card--comp {
    border-left: 3px solid var(--aisaas-accent);
}

/* 閳光偓閳光偓 Top Pick Featured (SEO pages) 閳光偓閳光偓 */
.aisaas-top-pick--featured {
    padding: var(--aisaas-space-lg);
    background: var(--aisaas-bg);
    border: 1px solid var(--aisaas-card-border);
    border-radius: var(--aisaas-radius-xl);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-top: var(--aisaas-space-md);
}

.aisaas-top-pick--featured:hover {
    border-color: var(--aisaas-primary);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.aisaas-top-pick__reason {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    margin-top: 4px;
    font-style: italic;
}

.aisaas-top-pick__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: var(--aisaas-space-sm) 0;
}

.aisaas-top-pick__hl {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--aisaas-text-secondary);
    background: var(--aisaas-bg-tertiary);
    padding: 3px 10px;
    border-radius: var(--aisaas-radius-sm);
}

.aisaas-top-pick__hl svg {
    color: var(--aisaas-secondary);
}

.aisaas-top-pick__actions {
    display: flex;
    gap: var(--aisaas-space-sm);
    align-items: center;
    flex-wrap: wrap;
}

/* 閳光偓閳光偓 Section count badge 閳光偓閳光偓 */
.aisaas-section__count {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--aisaas-text-secondary);
    margin-left: 0.5rem;
}

.aisaas-section__subtitle {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin-top: -8px;
    margin-bottom: var(--aisaas-space-md);
}

/* 閳光偓閳光偓 Responsive 閳光偓閳光偓 */
@media (max-width: 768px) {
    .aisaas-seo-hero__stats {
        flex-direction: column;
        gap: var(--aisaas-space-xs);
    }

    .aisaas-seo-hero__stat {
        font-size: 0.8125rem;
    }

    .aisaas-seo-guide {
        grid-template-columns: 1fr;
    }

    .aisaas-seo-link-grid {
        grid-template-columns: 1fr;
    }

    .aisaas-top-pick--featured {
        padding: var(--aisaas-space-md);
    }
}

/* ============================================================
   Conversion Path Optimization 閳?鎼?7
   ============================================================ */

/* 閳光偓閳光偓 Path-aware CTA Button Variants 閳光偓閳光偓 */
.aisaas-btn--deal {
    background: var(--aisaas-accent);
    color: #fff;
    border: 1px solid var(--aisaas-accent);
}
.aisaas-btn--deal:hover {
    background: #e85a2c;
    border-color: #e85a2c;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

.aisaas-btn--free {
    background: var(--aisaas-secondary);
    color: #fff;
    border: 1px solid var(--aisaas-secondary);
}
.aisaas-btn--free:hover {
    background: #15a34a;
    border-color: #15a34a;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3);
}

.aisaas-btn--trial {
    background: var(--aisaas-primary);
    color: #fff;
    border: 1px solid var(--aisaas-primary);
}
.aisaas-btn--trial:hover {
    background: #1e40af;
    border-color: #1e40af;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

/* 閳光偓閳光偓 Tool Card: Quick Action Bar (Save + Compare) 閳光偓閳光偓 */
.aisaas-tool-card__quick-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-tool-card__compare-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--aisaas-text-muted);
    background: var(--aisaas-bg-tertiary);
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid transparent;
}
.aisaas-tool-card__compare-btn:hover {
    color: var(--aisaas-primary);
    background: var(--aisaas-primary-light);
    border-color: var(--aisaas-primary-light);
}
.aisaas-tool-card__compare-btn svg {
    flex-shrink: 0;
}

/* 閳光偓閳光偓 Tool Card: Primary CTA with icon 閳光偓閳光偓 */
.aisaas-tool-card__primary-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.aisaas-tool-card__primary-cta svg {
    transition: transform 0.2s;
}
.aisaas-tool-card__primary-cta:hover svg {
    transform: translateX(2px);
}

/* 閳光偓閳光偓 Comparison Page: Winner Banner Actions 閳光偓閳光偓 */
.aisaas-comp-winner-banner__actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}
.aisaas-comp-winner-banner__review {
    font-size: 0.875rem;
    white-space: nowrap;
}
@media (max-width: 640px) {
    .aisaas-comp-winner-banner__actions {
        flex-direction: column;
        width: 100%;
    }
    .aisaas-comp-winner-banner__actions .aisaas-btn {
        width: 100%;
    }
}

/* 閳光偓閳光偓 Comparison Page: Dual CTA (Try Both Tools) 閳光偓閳光偓 */
.aisaas-comp-dual-cta {
    display: flex;
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--aisaas-border-light);
    justify-content: center;
    flex-wrap: wrap;
}
.aisaas-comp-dual-cta__tool {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 180px;
}
.aisaas-comp-dual-cta__label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary);
}

/* 閳光偓閳光偓 Tool Detail: Vendor Path (Claim Listing) 閳光偓閳光偓 */
.aisaas-vendor-path {
    margin: var(--aisaas-space-lg) 0;
    padding: var(--aisaas-space-md) var(--aisaas-space-lg);
    background: linear-gradient(135deg, #f0f7ff 0%, #faf5ff 50%, #fefce8 100%);
    border: 1px solid #dbeafe;
    border-radius: var(--aisaas-radius-lg);
    position: relative;
    overflow: hidden;
}
.aisaas-vendor-path::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--aisaas-primary), #8b5cf6, #fbbf24);
}
.aisaas-vendor-path__inner {
    display: flex;
    gap: var(--aisaas-space-md);
    align-items: flex-start;
}
.aisaas-vendor-path__icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--aisaas-primary);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.aisaas-vendor-path__content {
    flex: 1;
}
.aisaas-vendor-path__title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: 4px;
}
.aisaas-vendor-path__desc {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    margin-bottom: 10px;
}
.aisaas-vendor-path__links {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}
.aisaas-vendor-path__link {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--aisaas-primary);
    text-decoration: none;
    transition: opacity 0.2s;
}
.aisaas-vendor-path__link:hover {
    opacity: 0.7;
}
@media (max-width: 640px) {
    .aisaas-vendor-path__inner {
        flex-direction: column;
    }
}

/* 閳光偓閳光偓 Mobile Sticky CTA: Compare + Deal buttons 閳光偓閳光偓 */
.aisaas-mobile-sticky-cta__compare {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text-secondary);
    flex-shrink: 0;
    transition: all 0.2s;
}
.aisaas-mobile-sticky-cta__compare:hover {
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
}
.aisaas-mobile-sticky-cta__btn--deal {
    background: var(--aisaas-accent);
    color: #fff;
    flex: 0 0 auto;
    padding: 0 16px;
}
.aisaas-mobile-sticky-cta__btn--deal:hover {
    background: #e85a2c;
}

/* 閳光偓閳光偓 Wishlist: Re-engagement CTA Bar 閳光偓閳光偓 */
.aisaas-wishlist__cta-bar {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.aisaas-wishlist__cta-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--aisaas-bg-secondary);
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    flex: 1;
    min-width: 280px;
}
.aisaas-wishlist__cta-item svg {
    color: var(--aisaas-primary);
    flex-shrink: 0;
}
.aisaas-wishlist__cta-item span {
    flex: 1;
}
@media (max-width: 640px) {
    .aisaas-wishlist__cta-item {
        min-width: 100%;
    }
}

/* 閳光偓閳光偓 Deals Card: Enhanced CTA icons 閳光偓閳光偓 */
.aisaas-deal-card__actions .aisaas-btn--deal svg,
.aisaas-deal-card__actions .aisaas-btn--free svg,
.aisaas-deal-card__actions .aisaas-btn--trial svg {
    flex-shrink: 0;
}

/* 閳光偓閳光偓 Path Indicator Badges (subtle user journey cues) 閳光偓閳光偓 */
.aisaas-path-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 0.6875rem;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.aisaas-path-badge--visitor {
    background: #eff6ff;
    color: #2563eb;
}
.aisaas-path-badge--deal {
    background: #fff7ed;
    color: #ea580c;
}
.aisaas-path-badge--compare {
    background: #f5f3ff;
    color: #7c3aed;
}
.aisaas-path-badge--vendor {
    background: #fffbeb;
    color: #d97706;
}


/* ============================================================
   Homepage v2 閳?Tabs, Deal Card Mini, Newsletter Centered
   ============================================================ */

/* 閳光偓閳光偓 Tabs 閳光偓閳光偓 */
.aisaas-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: var(--aisaas-space-lg, 24px);
    border-bottom: 1px solid var(--aisaas-border, #e5e7eb);
}

.aisaas-tab {
    padding: 10px 24px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text-secondary, #64748b);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
    margin-bottom: -1px;
    font-family: inherit;
}

.aisaas-tab:hover {
    color: var(--aisaas-primary, #2563eb);
}

.aisaas-tab.is-active {
    color: var(--aisaas-primary, #2563eb);
    border-bottom-color: var(--aisaas-primary, #2563eb);
}

.aisaas-tab-panel {
    display: none;
}

.aisaas-tab-panel.is-active {
    display: block;
}

/* 閳光偓閳光偓 Grid 4 columns 閳光偓閳光偓 */
.aisaas-grid--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* 閳光偓閳光偓 Deal Card Mini 閳光偓閳光偓 */
.aisaas-deal-card-mini {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background: #fff;
    border: 1px solid var(--aisaas-border, #e5e7eb);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.aisaas-deal-card-mini:hover {
    border-color: var(--aisaas-primary, #2563eb);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08);
}

.aisaas-deal-card-mini__head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aisaas-deal-card-mini__logo {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: contain;
    flex-shrink: 0;
}

.aisaas-deal-card-mini__info {
    min-width: 0;
    flex: 1;
}

.aisaas-deal-card-mini__name {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisaas-deal-card-mini__desc {
    display: block;
    font-size: 0.6875rem;
    color: var(--aisaas-text-muted, #94a3b8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisaas-deal-card-mini__rating {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #f59e0b;
    flex-shrink: 0;
}

.aisaas-deal-card-mini__rating svg {
    color: #f59e0b;
}

.aisaas-deal-card-mini__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.aisaas-deal-card-mini__badge {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
    background: var(--aisaas-primary, #2563eb);
    padding: 3px 8px;
    border-radius: 10px;
}

.aisaas-deal-card-mini__cta {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--aisaas-primary, #2563eb);
    white-space: nowrap;
    margin-left: auto;
}

/* 閳光偓閳光偓 Newsletter Centered 閳光偓閳光偓 */
.aisaas-newsletter--centered {
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
}

.aisaas-newsletter--centered .aisaas-newsletter__form {
    flex-direction: column;
    gap: 12px;
}

.aisaas-newsletter--centered .aisaas-newsletter__input {
    width: 100%;
}

.aisaas-newsletter--centered .aisaas-newsletter__btn {
    width: 100%;
    justify-content: center;
}

.aisaas-section--newsletter {
    background: linear-gradient(135deg, #f0f7ff 0%, #f5f3ff 100%);
}

/* ============================================================
   Single AI Tool Detail Layout Repair
   ============================================================ */
.single-ai_tool .aisaas-tool-detail .aisaas-container {
    max-width: 1180px;
}

.single-ai_tool .aisaas-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
    align-items: start;
}

.single-ai_tool .aisaas-tool-detail__content {
    min-width: 0;
    width: 100%;
}

.single-ai_tool .aisaas-sidebar {
    display: block;
    width: 320px;
    min-width: 0;
    position: sticky;
    top: 88px;
    align-self: start;
    max-height: calc(100vh - 104px);
    overflow-y: auto;
    padding-right: 2px;
}

.single-ai_tool .aisaas-sidebar-cta__header-text,
.single-ai_tool .aisaas-sidebar-alt__info {
    min-width: 0;
}

.single-ai_tool .aisaas-sidebar-cta__name,
.single-ai_tool .aisaas-sidebar-alt__name {
    overflow-wrap: anywhere;
}

@media (min-width: 1024px) and (max-width: 1180px) {
    .single-ai_tool .aisaas-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 24px;
    }

    .single-ai_tool .aisaas-sidebar {
        width: 300px;
    }
}

@media (max-width: 1023px) {
    .single-ai_tool .aisaas-layout {
        display: block !important;
    }

    .single-ai_tool .aisaas-sidebar {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .single-ai_tool .aisaas-tool-detail {
        padding-top: 14px;
        padding-bottom: 88px;
    }

    .single-ai_tool .aisaas-tool-detail .aisaas-container {
        width: 100%;
        max-width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }

    .single-ai_tool .aisaas-tool-detail__content,
    .single-ai_tool .aisaas-section,
    .single-ai_tool .aisaas-card,
    .single-ai_tool .aisaas-widget,
    .single-ai_tool .aisaas-hero-summary,
    .single-ai_tool .aisaas-review-box,
    .single-ai_tool .aisaas-comparison-card {
        max-width: 100%;
        min-width: 0;
    }

    .single-ai_tool .aisaas-hero-summary {
        padding: 16px;
        border-radius: 14px;
        margin-bottom: 18px;
        text-align: left;
    }

    .single-ai_tool .aisaas-hero-summary__brand {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        align-items: start;
        gap: 12px;
        text-align: left;
    }

    .single-ai_tool .aisaas-hero-summary__logo,
    .single-ai_tool .aisaas-hero-summary__logo--fallback {
        width: 56px;
        height: 56px;
    }

    .single-ai_tool .aisaas-hero-summary__name {
        font-size: 1.25rem;
        line-height: 1.25;
        margin-bottom: 4px;
    }

    .single-ai_tool .aisaas-hero-summary__name-suffix {
        display: inline;
        font-size: 0.95em;
    }

    .single-ai_tool .aisaas-hero-summary__tagline,
    .single-ai_tool .aisaas-hero-summary__best-for-line {
        font-size: 0.875rem;
        line-height: 1.45;
        margin-bottom: 8px;
        overflow-wrap: anywhere;
    }

    .single-ai_tool .aisaas-hero-summary__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 14px;
    }

    .single-ai_tool .aisaas-hero-summary__stat {
        padding: 10px;
        min-width: 0;
        align-items: flex-start;
        text-align: left;
    }

    .single-ai_tool .aisaas-hero-summary__stat-value {
        font-size: 0.9rem;
        line-height: 1.25;
        flex-wrap: wrap;
    }

    .single-ai_tool .aisaas-hero-summary__stat-label {
        font-size: 0.72rem;
        line-height: 1.35;
    }

    .single-ai_tool .aisaas-hero-summary__actions {
        display: none;
    }

    .single-ai_tool .aisaas-hero-summary__badges {
        justify-content: flex-start;
        gap: 6px;
    }

    .single-ai_tool .aisaas-grid,
    .single-ai_tool .aisaas-grid--2,
    .single-ai_tool .aisaas-grid--3,
    .single-ai_tool .aisaas-grid--4,
    .single-ai_tool .aisaas-pros-cons,
    .single-ai_tool .aisaas-for-who,
    .single-ai_tool .aisaas-features-grid,
    .single-ai_tool .aisaas-alternatives__grid,
    .single-ai_tool .aisaas-related-grid {
        grid-template-columns: 1fr !important;
    }

    .single-ai_tool .aisaas-review-box {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
    }

    .single-ai_tool .aisaas-info-table,
    .single-ai_tool .aisaas-info-table tbody,
    .single-ai_tool .aisaas-info-table tr,
    .single-ai_tool .aisaas-info-table th,
    .single-ai_tool .aisaas-info-table td {
        display: block;
        width: 100% !important;
    }

    .single-ai_tool .aisaas-info-table {
        border-collapse: separate;
        border-spacing: 0 10px;
        background: transparent;
    }

    .single-ai_tool .aisaas-info-table tr {
        padding: 14px 16px;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        background: #f8fafc;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }

    .single-ai_tool .aisaas-info-table th {
        padding: 0 0 8px !important;
        border: 0 !important;
        background: transparent !important;
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .single-ai_tool .aisaas-info-table td {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #0f172a;
        font-size: 15px;
        font-weight: 650;
        line-height: 1.55;
    }

    .single-ai_tool .aisaas-info-table .aisaas-tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .single-ai_tool .aisaas-info-table .aisaas-tag {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .single-ai_tool iframe,
    .single-ai_tool video,
    .single-ai_tool table {
        max-width: 100%;
    }

    .single-ai_tool .aisaas-mobile-sticky-cta {
        display: block !important;
        z-index: 999;
    }

    .single-ai_tool .aisaas-mobile-sticky-cta__inner {
        display: grid;
        grid-template-columns: 44px 44px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
    }

    .single-ai_tool .aisaas-mobile-sticky-cta__btn {
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 420px) {
    .single-ai_tool .aisaas-hero-summary__stats {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .aisaas-mobile-sticky-cta__inner {
        grid-template-columns: 40px 40px minmax(0, 1fr);
    }
}
/* ============================================================
   PC Sidebar Fix 鈥?force two-column on 1024px+
   ============================================================ */
@media (min-width: 1024px) {
    .single-ai_tool .aisaas-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 320px !important;
        gap: 32px !important;
        align-items: start !important;
    }

    .single-ai_tool .aisaas-tool-detail__content {
        min-width: 0;
        width: 100%;
    }

    .single-ai_tool .aisaas-sidebar {
        display: block !important;
        width: 320px;
        min-width: 0;
        position: sticky;
        top: 88px;
        align-self: start;
        max-height: calc(100vh - 104px);
        overflow-y: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1180px) {
    .single-ai_tool .aisaas-layout {
        grid-template-columns: minmax(0, 1fr) 300px !important;
        gap: 24px !important;
    }

    .single-ai_tool .aisaas-sidebar {
        width: 300px;
    }
}

/* ============================================================
   Hero Split 鈥?Two-column: Info + Screenshot
   ============================================================ */
.aisaas-hero-split {
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #eef7ff 0%, #f8fbff 100%);
    border: 1px solid #dbeafe;
    margin-bottom: 32px;
    position: relative;
}

.aisaas-hero-split__inner {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
    gap: 36px;
    align-items: center;
    padding: 36px;
}

.aisaas-hero-split__accent-bar {
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #059669);
}

/* old .aisaas-hero-split__inner 鈥?overridden by new definition above */

.aisaas-hero-split__info {
    order: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: center;
}

.aisaas-hero-split__brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.aisaas-hero-split__logo {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    object-fit: contain;
    background: #fff;
    padding: 6px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.aisaas-hero-split__logo--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #2563eb;
    font-size: 1.25rem;
    background: #dbeafe;
}

.aisaas-hero-split__identity {
    flex: 1;
    min-width: 0;
}

.aisaas-hero-split__name {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 4px;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.aisaas-hero-split__rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
}

.aisaas-hero-split__rating {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #f59e0b;
}

.aisaas-hero-split__rating strong {
    color: #0f172a;
    font-weight: 700;
}

.aisaas-hero-split__review-count {
    color: #64748b;
    font-size: 0.8125rem;
}

.aisaas-hero-split__tagline {
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #475569;
    margin: 0;
}

.aisaas-hero-split__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.aisaas-hero-split__tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 20px;
    background: #f1f5f9;
    color: #475569;
}

.aisaas-hero-split__tag--type {
    background: #ede9fe;
    color: #7c3aed;
}

.aisaas-hero-split__tag--green {
    background: #d1fae5;
    color: #059669;
}

.aisaas-hero-split__tag--blue {
    background: #dbeafe;
    color: #2563eb;
}

.aisaas-hero-split__tag--gray {
    background: #f1f5f9;
    color: #64748b;
}

.aisaas-hero-split__pricing {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.aisaas-hero-split__price {
    font-size: 1.125rem;
    font-weight: 800;
    color: #0f172a;
}

.aisaas-hero-split__price-note {
    font-size: 0.8125rem;
    color: #64748b;
}

.aisaas-hero-split__cta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}

.aisaas-hero-split__cta .aisaas-btn--hero {
    width: auto;
    min-width: 160px;
    padding: 12px 28px;
    font-size: 0.9375rem;
}

.aisaas-hero-split__cta .aisaas-fav-btn {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #dbeafe;
    background: #fff;
    justify-content: center;
}

.aisaas-hero-split__trust {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 4px;
}

.aisaas-hero-split__trust-sep {
    color: #cbd5e1;
}

/* RIGHT: Screenshot */
.aisaas-hero-split__visual {
    order: 2;
    position: relative;
    overflow: hidden;
    background: transparent;
    min-height: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aisaas-hero-split__screenshot {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
}

.aisaas-hero-split__screenshot img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #0f172a;
}

.aisaas-hero-split__screenshot-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: rgba(15, 23, 42, 0.7);
    border-radius: 16px;
    backdrop-filter: blur(4px);
}

.aisaas-hero-split__screenshot--placeholder {
    background: linear-gradient(135deg, #eef7ff, #f0fdf4);
}

.aisaas-hero-split__screenshot-empty {
    text-align: center;
    padding: 40px;
}

.aisaas-hero-split__screenshot-empty img {
    width: 80px;
    height: 80px;
    margin: 0 auto 12px;
    opacity: 0.4;
}

.aisaas-hero-split__screenshot-empty p {
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 600;
}

/* Verdict below hero */
.aisaas-hero-split__verdict {
    display: flex;
    gap: 14px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 24px;
    align-items: flex-start;
}

.aisaas-hero-split__verdict-icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0fdf4;
    border-radius: 8px;
    color: #059669;
}

.aisaas-hero-split__verdict-content {
    flex: 1;
}

.aisaas-hero-split__verdict-label {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #059669;
    display: block;
    margin-bottom: 4px;
}

.aisaas-hero-split__verdict-text {
    font-size: 0.9375rem;
    line-height: 1.55;
    color: #1e293b;
    margin: 0;
}

/* 鈹€鈹€ Responsive: tablet/mobile 鈹€鈹€ */
@media (max-width: 899px) {
    .aisaas-hero-split__inner {
        grid-template-columns: 1fr;
        padding: 20px;
        gap: 20px;
    }

    .aisaas-hero-split__visual {
        order: -1;
        min-height: 0;
    }

    .aisaas-hero-split__screenshot {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    .aisaas-hero-split__screenshot img {
        object-fit: contain;
        background: #0f172a;
    }

    .aisaas-hero-split__info {
        padding: 0;
    }

    .aisaas-hero-split__name {
        font-size: 1.375rem;
    }

    .aisaas-hero-split__logo {
        width: 44px;
        height: 44px;
    }

    .aisaas-hero-split__tagline {
        font-size: 0.875rem;
    }

    .aisaas-hero-split__price {
        font-size: 1rem;
    }

    .aisaas-hero-split__cta {
        flex-wrap: wrap;
    }

    .aisaas-hero-split__cta .aisaas-btn--hero {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }

    .aisaas-hero-split__trust {
        flex-wrap: wrap;
    }
}

/* ============================================================
   Detail Section Tabs Navigation
   ============================================================ */
.single-ai_tool .aisaas-detail-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 20px 0 28px;
    padding: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow-x: auto;
    scrollbar-width: none;
}

.single-ai_tool .aisaas-detail-tabs::-webkit-scrollbar {
    display: none;
}

.single-ai_tool .aisaas-detail-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 10px;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.single-ai_tool .aisaas-detail-tabs a:hover {
    color: #1a56db;
    background: #eff6ff;
}

.single-ai_tool .aisaas-detail-tabs a.is-active {
    color: #fff;
    background: #1a56db;
    box-shadow: 0 6px 16px rgba(26, 86, 219, 0.18);
}

@media (max-width: 768px) {
    .single-ai_tool .aisaas-detail-tabs {
        margin: 16px 0 22px;
        padding: 6px;
        border-radius: 12px;
    }

    .single-ai_tool .aisaas-detail-tabs a {
        font-size: 13px;
        padding: 7px 12px;
        min-height: 32px;
    }
}

/* ============================================================
   Hero Slider 鈥?Screenshot carousel in Hero right column
   ============================================================ */
.aisaas-hero-slider {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #0f172a;
    aspect-ratio: 16 / 9;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
    cursor: grab;
}

.aisaas-hero-slider__slide {
    display: none;
    width: 100%;
    height: 100%;
}

.aisaas-hero-slider__slide.is-active {
    display: block;
}

.aisaas-hero-slider__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #0f172a;
    pointer-events: none;
}

.aisaas-hero-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, transform 0.15s;
    z-index: 2;
}

.aisaas-hero-slider__nav:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.08);
}

.aisaas-hero-slider__nav--prev { left: 12px; }
.aisaas-hero-slider__nav--next { right: 12px; }

.aisaas-hero-slider__dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 2;
}

.aisaas-hero-slider__dot {
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    padding: 0;
    transition: background 0.15s, width 0.2s;
}

.aisaas-hero-slider__dot.is-active {
    background: #fff;
    width: 24px;
}

.aisaas-hero-slider__count {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(4px);
    z-index: 2;
}

.aisaas-hero-slider--placeholder {
    background: linear-gradient(135deg, #eef7ff, #f0fdf4);
}

.aisaas-hero-slider__empty {
    text-align: center;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.aisaas-hero-slider__empty img {
    width: 80px;
    height: 80px;
    margin: 0 auto 12px;
    opacity: 0.4;
}

.aisaas-hero-slider__empty p {
    font-size: 0.875rem;
    color: #94a3b8;
    font-weight: 600;
}

@media (max-width: 768px) {
    .aisaas-hero-slider {
        border-radius: 14px;
    }

    .aisaas-hero-slider__nav {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    .aisaas-hero-slider__nav--prev { left: 8px; }
    .aisaas-hero-slider__nav--next { right: 8px; }
}


/* ============================================================
   BLOG HOMEPAGE 鈥?AI SaaS Content Center
   ============================================================ */

/* 鈹€鈹€ 1. Blog Hero 鈹€鈹€ */
.aisaas-blog-hero {
    background: linear-gradient(180deg, #f0f5ff 0%, var(--aisaas-bg-secondary) 100%);
    padding: 48px 0 40px;
}

.aisaas-blog-hero__grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 40px;
    align-items: start;
}

.aisaas-blog-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 16px;
}

.aisaas-blog-hero__title {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--aisaas-text);
    line-height: 1.2;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}

.aisaas-blog-hero__desc {
    font-size: 1.0625rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
    margin: 0 0 24px;
    max-width: 560px;
}

.aisaas-blog-hero__actions {
    display: flex;
    gap: 12px;
    align-items: stretch;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.aisaas-blog-hero__search {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 240px;
    max-width: 420px;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: 0 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.aisaas-blog-hero__search:focus-within {
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px var(--aisaas-primary-light);
}

.aisaas-blog-hero__search-icon {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
}

.aisaas-blog-hero__search input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.9375rem;
    padding: 11px 0;
    color: var(--aisaas-text);
    font-family: inherit;
}

.aisaas-blog-hero__browse-btn {
    white-space: nowrap;
}

.aisaas-blog-hero__stats {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
}

.aisaas-blog-hero__stats strong {
    color: var(--aisaas-text);
    font-weight: 700;
}

.aisaas-blog-hero__stats-sep {
    color: var(--aisaas-text-muted);
}

/* Popular this week card */
.aisaas-blog-hero__popular {
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    padding: 20px;
    box-shadow: var(--aisaas-shadow-sm);
}

.aisaas-blog-hero__popular-header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--aisaas-text-secondary);
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--aisaas-border-light);
}

.aisaas-blog-hero__popular-header svg {
    color: var(--aisaas-accent);
}

.aisaas-blog-hero__popular-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aisaas-blog-hero__popular-list li {
    margin-bottom: 2px;
}

.aisaas-blog-hero__popular-list li:last-child {
    margin-bottom: 0;
}

.aisaas-blog-hero__popular-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 6px;
    border-radius: var(--aisaas-radius-md);
    text-decoration: none;
    transition: background 0.15s;
}

.aisaas-blog-hero__popular-item:hover {
    background: var(--aisaas-bg-secondary);
}

.aisaas-blog-hero__popular-num {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.aisaas-blog-hero__popular-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--aisaas-text);
    line-height: 1.4;
    transition: color 0.15s;
}

.aisaas-blog-hero__popular-item:hover .aisaas-blog-hero__popular-title {
    color: var(--aisaas-primary);
}


/* 鈹€鈹€ 2. Content Type Pills 鈹€鈹€ */
.aisaas-blog-pills-section {
    background: #fff;
    padding: 16px 0;
    border-bottom: 1px solid var(--aisaas-border-light);
    position: sticky;
    top: 0;
    z-index: 50;
}

.aisaas-blog-pills {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 4px 0;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.aisaas-blog-pills::-webkit-scrollbar {
    height: 4px;
}

.aisaas-blog-pills::-webkit-scrollbar-thumb {
    background: var(--aisaas-border);
    border-radius: 2px;
}

.aisaas-blog-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 1px solid var(--aisaas-border);
    border-radius: 20px;
    background: #fff;
    color: var(--aisaas-text-secondary);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s;
    flex-shrink: 0;
}

.aisaas-blog-pill:hover {
    border-color: var(--pill-color, var(--aisaas-primary));
    color: var(--pill-color, var(--aisaas-primary));
    background: var(--aisaas-primary-light);
}

.aisaas-blog-pill.is-active {
    background: var(--aisaas-primary);
    border-color: var(--aisaas-primary);
    color: #fff;
}

.aisaas-blog-pill__icon {
    font-size: 14px;
    line-height: 1;
}

.aisaas-blog-pill__count {
    font-size: 11px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    background: var(--aisaas-bg-tertiary);
    color: var(--aisaas-text-muted);
}

.aisaas-blog-pill.is-active .aisaas-blog-pill__count {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}


/* 鈹€鈹€ 3. Featured Articles 鈹€鈹€ */
.aisaas-blog-featured-section {
    padding-top: 40px;
}

.aisaas-blog-featured-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 24px;
    align-items: start;
}

/* Large featured card */
.aisaas-blog-featured-large {
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    overflow: hidden;
    box-shadow: var(--aisaas-shadow-sm);
    transition: box-shadow 0.2s, transform 0.2s;
}

.aisaas-blog-featured-large:hover {
    box-shadow: var(--aisaas-shadow-lg);
    transform: translateY(-2px);
}

.aisaas-blog-featured-large__image-wrap {
    display: block;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.aisaas-blog-featured-large__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.aisaas-blog-featured-large:hover .aisaas-blog-featured-large__image {
    transform: scale(1.03);
}

.aisaas-blog-featured-large__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--aisaas-cta);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 10px;
    border-radius: 6px;
}

.aisaas-blog-featured-large__content {
    padding: 24px;
}

.aisaas-blog-featured-large__type {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
}

.aisaas-blog-featured-large__title {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 12px;
    letter-spacing: -0.01em;
}

.aisaas-blog-featured-large__title a {
    color: var(--aisaas-text);
    text-decoration: none;
    transition: color 0.15s;
}

.aisaas-blog-featured-large__title a:hover {
    color: var(--aisaas-primary);
}

.aisaas-blog-featured-large__excerpt {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
    margin: 0 0 16px;
}

.aisaas-blog-featured-large__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--aisaas-text-muted);
    margin-bottom: 16px;
}

.aisaas-blog-featured-large__dot {
    color: var(--aisaas-border);
}

/* Small featured cards */
.aisaas-blog-featured-small-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.aisaas-blog-featured-small {
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
}

.aisaas-blog-featured-small:hover {
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-1px);
}

.aisaas-blog-featured-small__link {
    display: flex;
    gap: 12px;
    text-decoration: none;
    padding: 10px;
}

.aisaas-blog-featured-small__thumb {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: var(--aisaas-radius-md);
    overflow: hidden;
    background: var(--aisaas-bg-tertiary);
}

.aisaas-blog-featured-small__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aisaas-blog-featured-small__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aisaas-blog-featured-small__type {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 4px;
}

.aisaas-blog-featured-small__title {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--aisaas-text);
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aisaas-blog-featured-small__meta {
    display: flex;
    gap: 4px;
    font-size: 12px;
    color: var(--aisaas-text-muted);
}


/* 鈹€鈹€ 4. Latest Articles Grid 鈹€鈹€ */
.aisaas-blog-latest-section {
    padding-top: 40px;
}

.aisaas-blog-article-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.aisaas-blog-article-card {
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
}

.aisaas-blog-article-card:hover {
    box-shadow: var(--aisaas-shadow-lg);
    transform: translateY(-3px);
    border-color: transparent;
}

.aisaas-blog-article-card__image-wrap {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--aisaas-bg-tertiary);
}

.aisaas-blog-article-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.aisaas-blog-article-card:hover .aisaas-blog-article-card__image {
    transform: scale(1.05);
}

.aisaas-blog-article-card__body {
    padding: 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.aisaas-blog-article-card__top {
    margin-bottom: 10px;
}

.aisaas-blog-article-card__type {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.aisaas-blog-article-card__title {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 8px;
}

.aisaas-blog-article-card__title a {
    color: var(--aisaas-text);
    text-decoration: none;
    transition: color 0.15s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aisaas-blog-article-card__title a:hover {
    color: var(--pillar-color, var(--aisaas-primary));
}

.aisaas-blog-article-card__excerpt {
    font-size: 0.875rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.aisaas-blog-article-card__footer {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--aisaas-text-muted);
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 1px solid var(--aisaas-border-light);
}

.aisaas-blog-article-card__tools {
    margin-left: auto;
    font-weight: 600;
    color: var(--aisaas-primary);
}

.aisaas-blog-pagination {
    margin-top: 32px;
    justify-content: center;
}


/* 鈹€鈹€ 5. Popular Topics 鈹€鈹€ */
.aisaas-blog-topics-section {
    padding-top: 40px;
}

.aisaas-blog-topics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.aisaas-blog-topic-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    transition: all 0.18s;
    position: relative;
}

.aisaas-blog-topic-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-blog-topic-card__icon {
    font-size: 24px;
    line-height: 1;
    flex-shrink: 0;
}

.aisaas-blog-topic-card__name {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    flex: 1;
    min-width: 0;
}

.aisaas-blog-topic-card__count {
    font-size: 12px;
    color: var(--aisaas-text-muted);
    white-space: nowrap;
}

.aisaas-blog-topic-card__arrow {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
    opacity: 0;
    transform: translateX(-4px);
    transition: all 0.18s;
}

.aisaas-blog-topic-card:hover .aisaas-blog-topic-card__arrow {
    opacity: 1;
    transform: translateX(0);
    color: var(--aisaas-primary);
}


/* 鈹€鈹€ 6. Buying Advice 鈹€鈹€ */
.aisaas-blog-advice-section {
    padding-top: 40px;
}

.aisaas-blog-advice {
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-xl);
    padding: 36px;
}

.aisaas-blog-advice__header {
    text-align: center;
    margin-bottom: 28px;
}

.aisaas-blog-advice__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-text);
    margin: 0 0 8px;
    letter-spacing: -0.01em;
}

.aisaas-blog-advice__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
}

.aisaas-blog-advice__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.aisaas-blog-advice-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    transition: all 0.18s;
}

.aisaas-blog-advice-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
}

.aisaas-blog-advice-card__icon {
    font-size: 28px;
    line-height: 1;
    flex-shrink: 0;
}

.aisaas-blog-advice-card__body {
    flex: 1;
    min-width: 0;
}

.aisaas-blog-advice-card__title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin: 0 0 4px;
}

.aisaas-blog-advice-card__desc {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
    line-height: 1.4;
}

.aisaas-blog-advice-card__arrow {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
    transition: all 0.18s;
}

.aisaas-blog-advice-card:hover .aisaas-blog-advice-card__arrow {
    color: var(--aisaas-primary);
    transform: translateX(3px);
}


/* 鈹€鈹€ 7. Newsletter 鈹€鈹€ */
.aisaas-blog-newsletter-section {
    padding-top: 40px;
    padding-bottom: 48px;
}

.aisaas-blog-newsletter {
    background: linear-gradient(135deg, var(--aisaas-primary) 0%, #7c3aed 100%);
    border-radius: var(--aisaas-radius-xl);
    padding: 40px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.aisaas-blog-newsletter__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aisaas-blog-newsletter__title {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
}

.aisaas-blog-newsletter__desc {
    font-size: 0.9375rem;
    opacity: 0.9;
    margin: 0 0 24px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.aisaas-blog-newsletter__form {
    display: flex;
    gap: 8px;
    max-width: 460px;
    margin: 0 auto;
}

.aisaas-blog-newsletter__form input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    border-radius: var(--aisaas-radius-md);
    font-size: 0.9375rem;
    font-family: inherit;
    outline: none;
    min-width: 0;
}

.aisaas-blog-newsletter__form input::placeholder {
    color: var(--aisaas-text-muted);
}

.aisaas-blog-newsletter__form .aisaas-btn--cta {
    white-space: nowrap;
}


/* 鈹€鈹€ Responsive: Tablet (鈮?023px) 鈹€鈹€ */
@media (max-width: 1023px) {
    .aisaas-blog-hero__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .aisaas-blog-hero__popular {
        max-width: 480px;
    }

    .aisaas-blog-featured-grid {
        grid-template-columns: 1fr;
    }

    .aisaas-blog-article-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-blog-topics-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .aisaas-blog-advice__grid {
        grid-template-columns: 1fr;
    }
}


/* 鈹€鈹€ Responsive: Mobile (鈮?68px) 鈹€鈹€ */
@media (max-width: 768px) {
    .aisaas-blog-hero {
        padding: 32px 0 28px;
    }

    .aisaas-blog-hero__title {
        font-size: 1.75rem;
    }

    .aisaas-blog-hero__desc {
        font-size: 0.9375rem;
    }

    .aisaas-blog-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .aisaas-blog-hero__search {
        max-width: 100%;
    }

    .aisaas-blog-hero__browse-btn {
        justify-content: center;
    }

    .aisaas-blog-pills-section {
        position: relative;
        top: 0;
    }

    .aisaas-blog-featured-large__content {
        padding: 18px;
    }

    .aisaas-blog-featured-large__title {
        font-size: 1.25rem;
    }

    .aisaas-blog-featured-small__thumb {
        width: 64px;
        height: 64px;
    }

    .aisaas-blog-featured-small__title {
        font-size: 0.875rem;
    }

    .aisaas-blog-article-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .aisaas-blog-article-card__image-wrap {
        aspect-ratio: 16 / 8;
    }

    .aisaas-blog-topics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .aisaas-blog-topic-card {
        padding: 12px 14px;
    }

    .aisaas-blog-topic-card__icon {
        font-size: 20px;
    }

    .aisaas-blog-topic-card__name {
        font-size: 0.875rem;
    }

    .aisaas-blog-advice {
        padding: 24px 18px;
    }

    .aisaas-blog-advice__title {
        font-size: 1.25rem;
    }

    .aisaas-blog-advice-card {
        padding: 14px 16px;
    }

    .aisaas-blog-newsletter {
        padding: 28px 20px;
    }

    .aisaas-blog-newsletter__title {
        font-size: 1.25rem;
    }

    .aisaas-blog-newsletter__form {
        flex-direction: column;
    }

    .aisaas-blog-newsletter__form .aisaas-btn--cta {
        justify-content: center;
    }
}


/* 鈹€鈹€ Responsive: Small Mobile (鈮?80px) 鈹€鈹€ */
@media (max-width: 480px) {
    .aisaas-blog-hero__title {
        font-size: 1.5rem;
    }

    .aisaas-blog-topics-grid {
        grid-template-columns: 1fr;
    }

    .aisaas-blog-advice__grid {
        gap: 10px;
    }
}


/* ============================================================
   CATEGORIES OVERVIEW PAGE
   ============================================================ */

/* 鈹€鈹€ 1. Categories Hero 鈹€鈹€ */
.aisaas-cat-hero {
    background: linear-gradient(180deg, #f0f5ff 0%, var(--aisaas-bg-secondary) 100%);
    padding: 48px 0 40px;
}

.aisaas-cat-hero__inner {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.aisaas-cat-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 16px;
}

.aisaas-cat-hero__title {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--aisaas-text);
    line-height: 1.2;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}

.aisaas-cat-hero__desc {
    font-size: 1.0625rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.6;
    margin: 0 0 24px;
}

/* Legacy search form — only applies to non-ajax variant */
.aisaas-cat-hero__search:not(.aisaas-cat-hero__search--ajax) {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    padding: 6px 6px 6px 16px;
    max-width: 520px;
    margin: 0 auto 16px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.aisaas-cat-hero__search:not(.aisaas-cat-hero__search--ajax):focus-within {
    border-color: var(--aisaas-primary);
    box-shadow: 0 0 0 3px var(--aisaas-primary-light);
}

.aisaas-cat-hero__search-icon {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
}

.aisaas-cat-hero__search:not(.aisaas-cat-hero__search--ajax) input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.9375rem;
    padding: 8px 0;
    color: var(--aisaas-text);
    font-family: inherit;
    min-width: 0;
}

.aisaas-cat-hero__popular-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 0.875rem;
}

.aisaas-cat-hero__popular-label {
    color: #94a3b8;
    font-weight: 700;
}

.aisaas-cat-hero__tag {
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #475569;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    transition: all 0.15s;
}

.aisaas-cat-hero__tag:hover {
    border-color: #bfdbfe;
    color: var(--aisaas-primary);
    background: #eff6ff;
}

.aisaas-cat-hero__stats {
    display: flex;
    justify-content: center;
    gap: 32px;
}

.aisaas-cat-hero__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.aisaas-cat-hero__stat strong {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-primary);
    line-height: 1;
}

.aisaas-cat-hero__stat span {
    font-size: 0.75rem;
    color: var(--aisaas-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}


/* 鈹€鈹€ 2. Popular Categories 鈹€鈹€ */
.aisaas-cat-popular-section {
    padding-top: 40px;
}

.aisaas-cat-popular-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.aisaas-cat-popular-card {
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-xl);
    padding: 20px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
}

.aisaas-cat-popular-card:hover {
    box-shadow: var(--aisaas-shadow-lg);
    transform: translateY(-3px);
    border-color: transparent;
}

.aisaas-cat-popular-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.aisaas-cat-popular-card__icon {
    font-size: 32px;
    line-height: 1;
    flex-shrink: 0;
}

.aisaas-cat-popular-card__heading {
    flex: 1;
    min-width: 0;
}

.aisaas-cat-popular-card__name {
    font-size: 1.0625rem;
    font-weight: 800;
    margin: 0 0 2px;
}

.aisaas-cat-popular-card__name a {
    color: var(--aisaas-text);
    text-decoration: none;
    transition: color 0.15s;
}

.aisaas-cat-popular-card__name a:hover {
    color: var(--aisaas-primary);
}

.aisaas-cat-popular-card__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    font-weight: 600;
}

.aisaas-cat-popular-card__desc {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
    margin: 0 0 12px;
    flex: 1;
}

.aisaas-cat-popular-card__tools {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    margin-bottom: 14px;
    padding: 8px 10px;
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-md);
    line-height: 1.5;
}

.aisaas-cat-popular-card__tools-label {
    font-weight: 700;
    color: var(--aisaas-text-muted);
    margin-right: 4px;
}

.aisaas-cat-popular-card__tool-link {
    color: var(--aisaas-text);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.15s;
}

.aisaas-cat-popular-card__tool-link:hover {
    color: var(--aisaas-primary);
}

.aisaas-cat-popular-card__tool-sep {
    color: var(--aisaas-border);
    margin: 0 4px;
}

.aisaas-cat-popular-card__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--aisaas-primary-light);
    color: var(--aisaas-primary);
    border-radius: var(--aisaas-radius-md);
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.15s;
    align-self: flex-start;
}

.aisaas-cat-popular-card__btn:hover {
    background: var(--aisaas-primary);
    color: #fff;
}


/* 鈹€鈹€ 3. All Categories Grid 鈹€鈹€ */
.aisaas-cat-all-section {
    padding-top: 40px;
}

.aisaas-cat-all-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.aisaas-cat-all-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    transition: all 0.18s;
}

.aisaas-cat-all-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-cat-all-card__icon {
    font-size: 24px;
    line-height: 1;
    flex-shrink: 0;
}

.aisaas-cat-all-card__body {
    flex: 1;
    min-width: 0;
}

.aisaas-cat-all-card__name {
    display: block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
    margin-bottom: 2px;
}

.aisaas-cat-all-card__desc {
    display: block;
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aisaas-cat-all-card__count {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--aisaas-text-muted);
    background: var(--aisaas-bg-tertiary);
    padding: 3px 8px;
    border-radius: 10px;
}


/* 鈹€鈹€ 4. Browse by Use Case 鈹€鈹€ */
.aisaas-cat-usecase-section {
    padding-top: 40px;
}

.aisaas-cat-usecase-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.aisaas-cat-usecase-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    transition: all 0.18s;
    position: relative;
}

.aisaas-cat-usecase-card:hover {
    border-color: var(--aisaas-primary);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-cat-usecase-card__icon {
    font-size: 24px;
    line-height: 1;
    flex-shrink: 0;
}

.aisaas-cat-usecase-card__name {
    flex: 1;
    min-width: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aisaas-text);
}

.aisaas-cat-usecase-card__count {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
    white-space: nowrap;
}

.aisaas-cat-usecase-card__arrow {
    color: var(--aisaas-text-muted);
    flex-shrink: 0;
    opacity: 0;
    transform: translateX(-4px);
    transition: all 0.18s;
}

.aisaas-cat-usecase-card:hover .aisaas-cat-usecase-card__arrow {
    opacity: 1;
    transform: translateX(0);
    color: var(--aisaas-primary);
}


/* 鈹€鈹€ 5. Free & Deals 鈹€鈹€ */
.aisaas-cat-free-section {
    padding-top: 40px;
}

.aisaas-cat-free {
    background: var(--aisaas-bg-secondary);
    border-radius: var(--aisaas-radius-xl);
    padding: 36px;
}

.aisaas-cat-free__header {
    text-align: center;
    margin-bottom: 24px;
}

.aisaas-cat-free__title {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--aisaas-text);
    margin: 0 0 8px;
    letter-spacing: -0.01em;
}

.aisaas-cat-free__desc {
    font-size: 0.9375rem;
    color: var(--aisaas-text-secondary);
    margin: 0;
}

.aisaas-cat-free__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.aisaas-cat-free-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 24px 20px;
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    text-decoration: none;
    transition: all 0.18s;
    text-align: center;
}

.aisaas-cat-free-card:hover {
    border-color: var(--aisaas-cta);
    box-shadow: var(--aisaas-shadow-md);
    transform: translateY(-2px);
}

.aisaas-cat-free-card__icon {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 4px;
}

.aisaas-cat-free-card__name {
    font-size: 1rem;
    font-weight: 800;
    color: var(--aisaas-text);
}

.aisaas-cat-free-card__desc {
    font-size: 0.8125rem;
    color: var(--aisaas-text-secondary);
    line-height: 1.5;
}


/* 鈹€鈹€ 6. Category Guides 鈹€鈹€ */
.aisaas-cat-guides-section {
    padding-top: 40px;
}

.aisaas-cat-guides-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.aisaas-cat-guide-card {
    background: #fff;
    border: 1px solid var(--aisaas-border);
    border-radius: var(--aisaas-radius-lg);
    overflow: hidden;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
}

.aisaas-cat-guide-card:hover {
    box-shadow: var(--aisaas-shadow-lg);
    transform: translateY(-3px);
    border-color: transparent;
}

.aisaas-cat-guide-card__thumb {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--aisaas-bg-tertiary);
}

.aisaas-cat-guide-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.aisaas-cat-guide-card:hover .aisaas-cat-guide-card__img {
    transform: scale(1.05);
}

.aisaas-cat-guide-card__body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.aisaas-cat-guide-card__type {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--aisaas-primary);
    margin-bottom: 6px;
}

.aisaas-cat-guide-card__title {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--aisaas-text);
    margin: 0 0 8px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aisaas-cat-guide-card__date {
    font-size: 0.75rem;
    color: var(--aisaas-text-muted);
}


/* 鈹€鈹€ 7. Bottom CTA 鈹€鈹€ */
.aisaas-cat-cta-section {
    padding-top: 40px;
    padding-bottom: 48px;
}

.aisaas-cat-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: linear-gradient(135deg, var(--aisaas-primary) 0%, #7c3aed 100%);
    border-radius: var(--aisaas-radius-xl);
    padding: 36px 40px;
    color: #fff;
}

.aisaas-cat-cta__content {
    flex: 1;
}

.aisaas-cat-cta__title {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 6px;
    letter-spacing: -0.01em;
}

.aisaas-cat-cta__desc {
    font-size: 0.9375rem;
    opacity: 0.9;
    margin: 0;
}

.aisaas-cat-cta__actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.aisaas-cat-cta__actions .aisaas-btn {
    background: #fff;
    color: var(--aisaas-primary);
    border: none;
}

.aisaas-cat-cta__actions .aisaas-btn--cta {
    background: var(--aisaas-cta);
    color: #fff;
}

.aisaas-cat-cta__actions .aisaas-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


/* 鈹€鈹€ Responsive: Tablet (鈮?023px) 鈹€鈹€ */
@media (max-width: 1023px) {
    .aisaas-cat-popular-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-cat-all-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .aisaas-cat-usecase-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .aisaas-cat-free__grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .aisaas-cat-guides-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .aisaas-cat-cta {
        flex-direction: column;
        text-align: center;
        padding: 28px 24px;
    }

    .aisaas-cat-cta__actions {
        width: 100%;
        justify-content: center;
    }
}


/* 鈹€鈹€ Responsive: Mobile (鈮?68px) 鈹€鈹€ */
@media (max-width: 768px) {
    .aisaas-cat-hero {
        padding: 32px 0 28px;
    }

    .aisaas-cat-hero__title {
        font-size: 1.75rem;
    }

    .aisaas-cat-hero__desc {
        font-size: 0.9375rem;
    }

    .aisaas-cat-hero__search:not(.aisaas-cat-hero__search--ajax) {
        flex-direction: column;
        gap: 6px;
        padding: 8px;
        align-items: stretch;
    }

    .aisaas-cat-hero__search:not(.aisaas-cat-hero__search--ajax) input {
        text-align: center;
    }

    .aisaas-cat-hero__search:not(.aisaas-cat-hero__search--ajax) .aisaas-btn {
        width: 100%;
        justify-content: center;
    }

    /* Ajax search card — mobile */
    .aisaas-cat-hero__search--ajax {
        max-width: 100%;
        margin: 24px auto 14px;
    }

    .aisaas-cat-hero__search--ajax .aisaas-search__input {
        height: 56px;
        padding-left: 52px;
        padding-right: 16px;
        border-radius: 14px;
        font-size: 15px;
    }

    .aisaas-cat-hero__search--ajax .aisaas-search__icon {
        left: 18px;
    }

    .aisaas-cat-hero__popular-tags {
        margin-top: 14px;
        gap: 8px;
    }

    .aisaas-cat-hero__popular-label {
        width: 100%;
        text-align: center;
    }

    .aisaas-cat-hero__stats {
        gap: 20px;
    }

    .aisaas-cat-hero__stat strong {
        font-size: 1.25rem;
    }

    .aisaas-cat-popular-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .aisaas-cat-popular-card {
        padding: 16px;
    }

    .aisaas-cat-popular-card__icon {
        font-size: 28px;
    }

    .aisaas-cat-all-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .aisaas-cat-all-card {
        padding: 12px;
        gap: 8px;
    }

    .aisaas-cat-all-card__icon {
        font-size: 20px;
    }

    .aisaas-cat-all-card__name {
        font-size: 0.8125rem;
    }

    .aisaas-cat-all-card__desc {
        display: none;
    }

    .aisaas-cat-usecase-grid {
        display: flex;
        overflow-x: auto;
        gap: 10px;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .aisaas-cat-usecase-card {
        flex-shrink: 0;
        min-width: 180px;
        padding: 12px 14px;
    }

    .aisaas-cat-usecase-card__arrow {
        display: none;
    }

    .aisaas-cat-free {
        padding: 24px 18px;
    }

    .aisaas-cat-free__title {
        font-size: 1.25rem;
    }

    .aisaas-cat-free-card {
        padding: 20px 16px;
    }

    .aisaas-cat-guides-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .aisaas-cat-cta {
        padding: 24px 20px;
    }

    .aisaas-cat-cta__title {
        font-size: 1.25rem;
    }

    .aisaas-cat-cta__actions {
        flex-direction: column;
    }

    .aisaas-cat-cta__actions .aisaas-btn {
        width: 100%;
        justify-content: center;
    }
}


/* 鈹€鈹€ Responsive: Small Mobile (鈮?80px) 鈹€鈹€ */
@media (max-width: 480px) {
    .aisaas-cat-hero__title {
        font-size: 1.5rem;
    }

    .aisaas-cat-hero__stats {
        gap: 16px;
    }

    .aisaas-cat-all-grid {
        grid-template-columns: 1fr;
    }
}

/* Categories AJAX search — premium search card */
.aisaas-cat-hero__search--ajax {
    display: block;
    max-width: 760px;
    margin: 34px auto 16px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    position: relative;
    z-index: 30;
}

.aisaas-cat-hero__search--ajax:focus-within {
    box-shadow: none;
}

.aisaas-cat-hero__search--ajax .aisaas-search {
    max-width: 100%;
    margin: 0;
    position: relative;
}

.aisaas-cat-hero__search--ajax .aisaas-search__input {
    height: 64px;
    width: 100%;
    padding: 0 24px 0 62px;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #ffffff;
    color: #0f172a;
    font-size: 18px;
    font-weight: 500;
    box-shadow:
        0 18px 45px rgba(15, 23, 42, 0.08),
        0 2px 6px rgba(15, 23, 42, 0.04);
    transition: all 0.2s ease;
}

.aisaas-cat-hero__search--ajax .aisaas-search__input::placeholder {
    color: #94a3b8;
}

.aisaas-cat-hero__search--ajax .aisaas-search__input:focus {
    border-color: #2563eb;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, 0.12),
        0 18px 45px rgba(15, 23, 42, 0.1);
    outline: none;
}

.aisaas-cat-hero__search--ajax .aisaas-search__icon {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    color: #94a3b8;
    z-index: 2;
    pointer-events: none;
}

.aisaas-cat-hero__search--ajax .aisaas-search__icon svg {
    width: 24px;
    height: 24px;
}

.aisaas-cat-hero__search--ajax .aisaas-search__results {
    z-index: 99999;
    text-align: left;
}

.aisaas-search__section-label {
    padding: 10px 16px 6px;
    color: var(--aisaas-text-muted, #94a3b8);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #f8fafc;
    border-bottom: 1px solid var(--aisaas-border-light, #f1f5f9);
}

.aisaas-search__result-item--term .aisaas-search__result-logo--term {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: var(--aisaas-primary, #1a56db);
    font-weight: 800;
}