/**
 * Comparison skin aligned with the advanced selector.
 * This stylesheet is loaded only when the administrator selects it.
 */
.vacuum-comparison-design-advanced {
    --vsc-ink: #17233c;
    --vsc-muted: #667085;
    --vsc-line: #dde3ea;
    --vsc-surface: #f5f7f9;
    --vsc-accent: #e65336;
    --vsc-accent-dark: #be3c25;
    --vsc-mint: #dff1e9;
    background: var(--vsc-surface);
}

.vacuum-comparison-design-advanced .comparison-results-pro {
    color: var(--vsc-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.vacuum-comparison-page.vacuum-comparison-design-advanced {
    display: flow-root;
    min-height: 100vh;
    background: var(--vsc-surface);
}

.vacuum-comparison-design-advanced .comparison-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 18px;
    background: #17233c;
    box-shadow: 0 18px 45px rgba(23,35,60,.16);
}

.vacuum-comparison-design-advanced .comparison-hero::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -130px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(230,83,54,.42), rgba(230,83,54,0) 70%);
    pointer-events: none;
}

.vacuum-comparison-design-advanced .hero-badge,
.vacuum-comparison-design-advanced .diff-badge,
.vacuum-comparison-design-advanced .cta-amazon:not(.recommended) .cta-badge {
    background: var(--vsc-accent);
    color: #fff;
}

.vacuum-comparison-design-advanced .product-card,
.vacuum-comparison-design-advanced .score-card,
.vacuum-comparison-design-advanced .comparison-table-modern,
.vacuum-comparison-design-advanced .price-history-card-modern,
.vacuum-comparison-design-advanced .seo-content-section,
.vacuum-comparison-design-advanced .comparison-interlinking-box,
.vacuum-comparison-design-advanced .comparison-interlinking-full,
.vacuum-comparison-design-advanced .final-purchase-cta,
.vacuum-comparison-design-advanced .telegram-cta,
.vacuum-comparison-design-advanced .go-to-comparator-cta {
    border: 1px solid var(--vsc-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(23,35,60,.045);
}

.vacuum-comparison-design-advanced .product-card:hover,
.vacuum-comparison-design-advanced .score-card:hover,
.vacuum-comparison-design-advanced .price-history-card-modern:hover {
    border-color: #aebaca;
    box-shadow: 0 8px 22px rgba(23,35,60,.09);
}

.vacuum-comparison-design-advanced .product-card {
    padding: 22px;
}

.vacuum-comparison-design-advanced .product-card.best-price {
    border-color: #a9d3c2;
    background: #edf8f3;
}

.vacuum-comparison-design-advanced .best-badge {
    border-radius: 6px;
    background: #2e6851;
    box-shadow: none;
}

.vacuum-comparison-design-advanced .table-header,
.vacuum-comparison-design-advanced .section-header,
.vacuum-comparison-design-advanced .section-header-modern {
    background: var(--vsc-ink);
    color: #fff;
}

.vacuum-comparison-design-advanced .table-header h2,
.vacuum-comparison-design-advanced .table-header p,
.vacuum-comparison-design-advanced .section-header-modern :is(h2, h3, p, a),
.vacuum-comparison-design-advanced .section-header :is(.section-title-col, .section-robot-col) {
    color: #fff;
}

.vacuum-comparison-design-advanced .table-header {
    margin: -1px -1px 20px;
    padding: 24px;
    border-radius: 12px 12px 0 0;
}

.vacuum-comparison-design-advanced .section-header-modern {
    padding: 24px;
    border-radius: 13px;
}

.vacuum-comparison-design-advanced .section-header {
    border-color: rgba(255,255,255,.12);
}

.vacuum-comparison-design-advanced .specs-table tr:nth-child(even),
.vacuum-comparison-design-advanced .score-summary-row,
.vacuum-comparison-design-advanced .stat-modern {
    background: var(--vsc-surface);
}

.vacuum-comparison-design-advanced .spec-row.has-diff {
    background: #fff8f6;
    box-shadow: inset 4px 0 var(--vsc-accent);
}

.vacuum-comparison-design-advanced .score-summary-bar span,
.vacuum-comparison-design-advanced .progress-fill {
    background: linear-gradient(90deg, var(--vsc-accent), #f0785e);
}

.vacuum-comparison-design-advanced :is(.btn-amazon, .cta-amazon, .btn-purchase-amazon, .btn-comparator, .comparison-diff-toggle) {
    border-color: var(--vsc-accent);
    border-radius: 8px;
}

.vacuum-comparison-design-advanced :is(.btn-purchase-amazon, .btn-comparator, .comparison-diff-toggle[aria-pressed="true"]) {
    background: var(--vsc-accent);
    color: #fff;
}

.vacuum-comparison-design-advanced :is(.btn-purchase-amazon, .btn-comparator):hover {
    background: var(--vsc-accent-dark);
}

/* Amazon keeps the same yellow action language used by the advanced selector. */
.vacuum-comparison-design-advanced :is(.btn-amazon, .cta-amazon) {
    border-color: #e6bd58;
    background: #ffd66f;
    color: #30250b;
}

.vacuum-comparison-design-advanced :is(.btn-amazon, .cta-amazon):hover {
    border-color: #d4a52f;
    background: #f7c94f;
}

.vacuum-comparison-design-advanced .cta-amazon.recommended {
    border-color: var(--vsc-accent);
    background: var(--vsc-accent);
    color: #fff;
}

.vacuum-comparison-design-advanced .cta-amazon.recommended:hover {
    background: var(--vsc-accent-dark);
}

.vacuum-comparison-design-advanced .cta-amazon.recommended .cta-badge {
    background: #fff;
    color: var(--vsc-accent-dark);
}

.vacuum-comparison-design-advanced .comparison-bottom-sticky-bar__inner {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 13px;
    background: rgba(23,35,60,.97);
    box-shadow: 0 14px 36px rgba(11,18,32,.26);
    backdrop-filter: blur(12px);
}

.vacuum-comparison-design-advanced .sticky-bar-nav-link--cta {
    background: var(--vsc-accent);
}

.vacuum-comparison-design-advanced a:focus-visible,
.vacuum-comparison-design-advanced button:focus-visible,
.vacuum-comparison-design-advanced select:focus-visible {
    outline: 3px solid rgba(230,83,54,.25);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .vacuum-comparison-design-advanced .comparison-hero {
        margin-inline: 0;
        border-radius: 13px;
    }
    .vacuum-comparison-design-advanced .comparison-results-pro { padding-inline: 12px; }
    .vacuum-comparison-design-advanced .products-cards { margin-inline: 0; padding-inline: 0; }
    .vacuum-comparison-design-advanced .comparison-table-modern {
        width: 100%;
        margin-inline: 0;
        padding: 12px;
        border-radius: 13px;
    }
    .vacuum-comparison-design-advanced .table-header { padding: 20px 14px; }
}

@media (min-width: 769px) and (max-width: 1180px) {
    .vacuum-comparison-design-advanced .products-cards,
    .vacuum-comparison-design-advanced .scores-cards-grid {
        gap: 12px;
    }
    .vacuum-comparison-design-advanced .product-card { padding: 16px; }
}