/**
 * PSU Post Components - CSS Component Library
 * Version: 1.0.0
 *
 * All PSU post styling is controlled here. Claude outputs semantic HTML
 * with class names only - no inline styles needed.
 *
 * To change any styling: edit this file, all posts update instantly.
 */

/* ==========================================================================
   CSS VARIABLES - Easy theming and consistency
   ========================================================================== */
.vae-psu-post {
    /* Required platinum-standard accent contract. Without these PSU pages
       fell back to the default --vae-accent-color: #0066c0 from base.css,
       so the entire chrome stayed brand-blue regardless of category. */
    --vae-accent-color: #6252a3;
    --vae-accent-hover: #4f4081;
    --vae-accent-light: #ede7f6;

    /* Brand Colors */
    --vae-purple-primary: #6252a3;
    --vae-purple-secondary: #8b7bc7;
    /* PSU category alias */
    --vae-psu-primary: #6252a3;
    --vae-amazon-orange: #ff9900;
    --vae-amazon-orange-dark: #ff6600;

    /* Efficiency Badge Colors */
    --vae-eff-bronze: #cd7f32;
    --vae-eff-silver: #a0a0a0;
    --vae-eff-gold: #b8860b;
    --vae-eff-platinum: #708090;
    --vae-eff-titanium: #e5e4e2;

    /* Semantic Colors */
    --vae-success: #4caf50;
    --vae-success-bg: #e8f5e9;
    --vae-error: #f44336;
    --vae-error-bg: #ffebee;
    --vae-info: #2196f3;
    --vae-warning: #ff9800;

    /* Dark Theme (Final Verdict) */
    --vae-dark-primary: #1a1a2e;
    --vae-dark-secondary: #16213e;
    --vae-dark-accent: #e94560;
    --vae-dark-text: #e0e0e0;

    /* Spacing */
    --vae-spacing-sm: 10px;
    --vae-spacing-md: 20px;
    --vae-spacing-lg: 30px;

    /* Border Radius */
    --vae-radius-sm: 6px;
    --vae-radius-md: 10px;
    --vae-radius-lg: 12px;
}

/* ==========================================================================
   1. EFFICIENCY BADGE - Tier-based colors via data attribute
   ========================================================================== */
.vae-efficiency-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 25px;
    border-radius: var(--vae-radius-md);
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    background: linear-gradient(135deg, var(--vae-eff-bronze) 0%, var(--vae-eff-bronze) 100%);
}
.vae-psu-post .vae-efficiency-badge .vae-badge-icon {
    font-size: 1.4em;
    letter-spacing: -0.01em;
}
.vae-psu-post .vae-efficiency-badge .vae-badge-label {
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* Tier-specific colors */
.vae-efficiency-badge[data-tier="bronze"] {
    background: linear-gradient(135deg, var(--vae-eff-bronze) 0%, #b5722ddd 100%);
}
.vae-psu-post .vae-efficiency-badge[data-tier="silver"] {
    background: linear-gradient(135deg, var(--vae-eff-silver) 0%, #909090dd 100%);
}
.vae-psu-post .vae-efficiency-badge[data-tier="gold"] {
    background: linear-gradient(135deg, var(--vae-eff-gold) 0%, #a0780add 100%);
}
.vae-psu-post .vae-efficiency-badge[data-tier="platinum"] {
    background: linear-gradient(135deg, var(--vae-eff-platinum) 0%, #5a6a7add 100%);
}
.vae-psu-post .vae-efficiency-badge[data-tier="titanium"] {
    background: linear-gradient(135deg, var(--vae-eff-titanium) 0%, #c5c4c2dd 100%);
}
.vae-psu-post .vae-efficiency-badge[data-tier="titanium"] .vae-badge-label {
    color: #333;
    text-shadow: none;
}

/* ==========================================================================
   2. KEY TAKEAWAYS BOX - Purple gradient with white text
   ========================================================================== */
.vae-key-takeaways {
    background: linear-gradient(135deg, var(--vae-purple-primary) 0%, var(--vae-purple-secondary) 100%);
    padding: 25px;
    border-radius: var(--vae-radius-lg);
    margin: 25px 0;
    color: #fff;
}

.vae-key-takeaways h3,
.vae-key-takeaways .vae-takeaways-title {
    color: #fff !important;
    margin: 0 0 15px 0 !important;
    font-size: 1.15em !important;
    letter-spacing: -0.01em !important;
    font-weight: bold !important;
}

.vae-key-takeaways ul,
.vae-key-takeaways ol {
    margin: 0;
    padding-left: 20px;
}

.vae-key-takeaways li {
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.6;
}

/* Ratings grid inside key takeaways */
.vae-key-takeaways .vae-ratings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.vae-key-takeaways .vae-rating-item {
    background: rgba(255,255,255,0.15);
    padding: 12px;
    border-radius: var(--vae-radius-sm);
    text-align: center;
}

.vae-key-takeaways .vae-rating-label {
    font-size: 0.68em;
    letter-spacing: 0.08em;
    font-weight: 600;
    line-height: 1.25;
    opacity: 0.9;
    display: block;
    margin-bottom: 5px;
}

.vae-key-takeaways .vae-rating-value {
    font-size: 1.08em;
    font-weight: bold;
}

/* ==========================================================================
   3. QUICK VERDICT - Bordered box with purple accent
   ========================================================================== */
.vae-quick-verdict {
    background: #f8f9fa;
    border-left: 4px solid var(--vae-purple-primary);
    padding: var(--vae-spacing-md);
    margin: 25px 0;
    border-radius: 0 var(--vae-radius-sm) var(--vae-radius-sm) 0;
}

.vae-quick-verdict strong,
.vae-quick-verdict .vae-verdict-label {
    font-size: 1.1em;
    color: var(--vae-purple-primary);
}

.vae-quick-verdict p {
    margin: 10px 0 0 0;
    line-height: 1.7;
}

/* ==========================================================================
   4. CONTENT FRESHNESS BADGE - Green checkmark
   ========================================================================== */
.vae-freshness-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--vae-success-bg);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    color: #2e7d32;
    margin: 15px 0;
}

.vae-freshness-badge .vae-check {
    color: var(--vae-success);
    font-weight: bold;
}

/* ==========================================================================
   5. PSU CALCULATOR BOX - Purple CTA box
   ========================================================================== */
.vae-calculator-box {
    background: linear-gradient(135deg, var(--vae-purple-primary) 0%, var(--vae-purple-secondary) 100%);
    padding: 25px;
    border-radius: var(--vae-radius-lg);
    margin: 25px 0;
    text-align: center;
}
.vae-psu-post .vae-calculator-box h3, .vae-psu-post .vae-calculator-box .vae-calc-title {
    color: #fff !important;
    margin: 0 0 10px 0 !important;
    font-size: 1.3em !important;
}
.vae-psu-post .vae-calculator-box p, .vae-psu-post .vae-calculator-box .vae-calc-desc {
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    opacity: 0.95;
}
.vae-psu-post .vae-calculator-box .vae-calc-button {
    display: inline-block;
    background: #fff;
    color: var(--vae-purple-primary) !important;
    padding: 12px 30px;
    border-radius: var(--vae-radius-md);
    text-decoration: none;
    font-weight: bold;
    transition: transform 0.2s, box-shadow 0.2s;
}
.vae-psu-post .vae-calculator-box .vae-calc-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* ==========================================================================
   6. SPECS TABLE - PSU specifications
   ========================================================================== */
.vae-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: #fff;
    border-radius: var(--vae-radius-md);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.vae-specs-table th,
.vae-specs-table td {
    padding: 14px 18px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.vae-specs-table th {
    background: var(--vae-purple-primary);
    color: #fff;
    font-weight: 600;
}

.vae-specs-table tr:last-child td {
    border-bottom: none;
}

.vae-specs-table tr:hover td {
    background: #f8f9fa;
}

.vae-specs-table .vae-spec-label {
    font-weight: 600;
    color: #333;
    width: 40%;
}

.vae-specs-table .vae-spec-value {
    color: #555;
}

/* ==========================================================================
   7. PROS & CONS — now inherited from base.css v2 light-panel pattern
   ========================================================================== */
/* Pros/Cons styling lives in base.css (v2 pattern, 2026-04-21). */

/* ==========================================================================
   8. FINAL VERDICT - Dark slate box with accent
   ========================================================================== */
.vae-final-verdict {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    padding: var(--vae-spacing-lg);
    border-radius: var(--vae-radius-lg);
    margin: 30px 0;
    border: 1px solid rgba(98, 82, 163, 0.3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.vae-final-verdict h2,
.vae-final-verdict h3,
.vae-final-verdict .vae-verdict-title {
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.22em !important;
    letter-spacing: -0.01em !important;
    font-weight: bold !important;
}

.vae-final-verdict p,
.vae-final-verdict .vae-verdict-content {
    color: var(--vae-dark-text) !important;
    font-size: 1.05em;
    line-height: 1.7;
    margin-bottom: 15px;
}

.vae-final-verdict p:last-child {
    margin-bottom: 0;
}

.vae-final-verdict strong {
    color: #fff;
}

/* .vae-final-rating is owned by base.css (with !important), so this
   override never wins. Removed 2026-04-25. */

/* ==========================================================================
   9. ABOUT THE REVIEWER - Author expertise section
   ========================================================================== */
.vae-about-reviewer {
    background: #f8f9fa;
    padding: 25px;
    border-radius: var(--vae-radius-lg);
    margin: 30px 0;
    border: 1px solid #e0e0e0;
}
.vae-psu-post .vae-about-reviewer h2, .vae-psu-post .vae-about-reviewer h3, .vae-psu-post .vae-about-reviewer .vae-reviewer-title {
    color: #333 !important;
    margin: 0 0 15px 0 !important;
    font-size: 1.3em !important;
    font-weight: bold !important;
}
.vae-psu-post .vae-about-reviewer p {
    color: #555;
    line-height: 1.7;
    margin-bottom: 12px;
}
.vae-psu-post .vae-about-reviewer p:last-child {
    margin-bottom: 0;
}

/* E-E-A-T credentials list */
.vae-about-reviewer .vae-credentials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}
.vae-psu-post .vae-about-reviewer .vae-credential {
    background: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85em;
    border: 1px solid #ddd;
    color: #666;
}

/* ==========================================================================
   10. AMAZON CTA BUTTONS - Orange gradient
   ========================================================================== */
/* Inline button */
.vae-amazon-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--vae-amazon-orange) 0%, var(--vae-amazon-orange-dark) 100%);
    color: #fff !important;
    padding: 14px 28px;
    border-radius: var(--vae-radius-md);
    text-decoration: none !important;
    font-weight: bold;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.vae-amazon-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255,153,0,0.4);
    color: #fff !important;
}

/* Block CTA button (full width in container) */
.vae-amazon-cta {
    display: block;
    background: linear-gradient(135deg, var(--vae-amazon-orange) 0%, var(--vae-amazon-orange-dark) 100%);
    color: #fff !important;
    padding: 18px 25px;
    border-radius: var(--vae-radius-md);
    text-decoration: none !important;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
    box-shadow: 0 4px 15px rgba(255,153,0,0.3);
    transition: transform 0.2s, box-shadow 0.2s;
}

.vae-amazon-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255,153,0,0.4);
    color: #fff !important;
}

/* Centered CTA wrapper */
.vae-cta-wrapper {
    text-align: center;
    margin: 30px 0;
}

/* ==========================================================================
   11. COMPARISON TABLE - Product comparisons
   ========================================================================== */
.vae-comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: #fff;
    border-radius: var(--vae-radius-md);
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.vae-comparison-table thead {
    background: var(--vae-purple-primary);
}

.vae-comparison-table th {
    color: #fff;
    padding: 15px;
    text-align: left;
    font-weight: 600;
}

.vae-comparison-table td {
    padding: 14px 15px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.vae-comparison-table tbody tr:hover {
    background: #f8f9fa;
}

.vae-comparison-table tbody tr:last-child td {
    border-bottom: none;
}

/* Price column styling */
.vae-comparison-table .vae-price {
    font-weight: bold;
    color: var(--vae-amazon-orange-dark);
}

/* Rating column styling */
.vae-comparison-table .vae-rating {
    color: #f5a623;
    font-weight: 600;
}

/* ==========================================================================
   12. CABLE COUNT BOX - Cable configuration display
   ========================================================================== */
.vae-cable-count {
    background: #f5f5f5;
    padding: var(--vae-spacing-md);
    border-radius: var(--vae-radius-md);
    margin: 25px 0;
}
.vae-psu-post .vae-cable-count h3, .vae-psu-post .vae-cable-count .vae-cable-title {
    color: #333 !important;
    margin: 0 0 15px 0 !important;
    font-size: 1.1em !important;
}
.vae-psu-post .vae-cable-count .vae-cable-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}
.vae-psu-post .vae-cable-count .vae-cable-item {
    background: #fff;
    padding: 12px;
    border-radius: var(--vae-radius-sm);
    text-align: center;
    border: 1px solid #e0e0e0;
}
.vae-psu-post .vae-cable-count .vae-cable-type {
    font-size: 0.85em;
    color: #666;
    display: block;
    margin-bottom: 5px;
}
.vae-psu-post .vae-cable-count .vae-cable-qty {
    font-size: 1.3em;
    font-weight: bold;
    color: var(--vae-purple-primary);
}

/* ==========================================================================
   13. PROTECTION FEATURES - Safety features display
   ========================================================================== */
.vae-protections {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}
.vae-psu-post .vae-protection-badge {
    background: var(--vae-success-bg);
    color: #2e7d32;
    padding: 8px 14px;
    border-radius: var(--vae-radius-sm);
    font-size: 0.9em;
    font-weight: 600;
    border: 1px solid #c8e6c9;
}

/* ==========================================================================
   14. INDEPENDENCE DISCLAIMER
   ========================================================================== */
.vae-disclaimer {
    background: #fff8e1;
    border-left: 4px solid var(--vae-warning);
    padding: 15px 20px;
    margin: 25px 0;
    border-radius: 0 var(--vae-radius-sm) var(--vae-radius-sm) 0;
    font-size: 0.9em;
    color: #5d4037;
}

.vae-disclaimer p {
    margin: 0;
    line-height: 1.6;
}

/* ==========================================================================
   15. WHO SHOULD BUY / SKIP SECTIONS
   ========================================================================== */
.vae-who-should-buy,
.vae-who-should-skip {
    padding: var(--vae-spacing-md);
    border-radius: var(--vae-radius-md);
    margin: 20px 0;
}
.vae-psu-post .vae-who-should-buy {
    background: var(--vae-success-bg);
    border-left: 4px solid var(--vae-success);
}
.vae-psu-post .vae-who-should-skip {
    background: var(--vae-error-bg);
    border-left: 4px solid var(--vae-error);
}
.vae-psu-post .vae-who-should-buy h3, .vae-psu-post .vae-who-should-buy h4 {
    color: #2e7d32 !important;
    margin: 0 0 15px 0 !important;
}
.vae-psu-post .vae-who-should-skip h3, .vae-psu-post .vae-who-should-skip h4 {
    color: #c62828 !important;
    margin: 0 0 15px 0 !important;
}

/* ==========================================================================
   16. RESPONSIVE DESIGN
   ========================================================================== */
@media (max-width: 768px) {
    .vae-cable-count .vae-cable-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .vae-key-takeaways .vae-ratings-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .vae-comparison-table {
        font-size: 0.9em;
    }

    .vae-comparison-table th,
    .vae-comparison-table td {
        padding: 10px 8px;
    }
}

@media (max-width: 480px) {
    .vae-efficiency-badge {
        padding: 12px 18px;
    }

    .vae-amazon-cta {
        padding: 16px 20px;
    }
.vae-psu-post .vae-cable-count .vae-cable-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ==========================================================================
   17. DARK MODE SUPPORT (if theme supports)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
    .vae-quick-verdict {
        background: #2a2a2a;
        border-color: var(--vae-purple-secondary);
    }

    .vae-quick-verdict strong {
        color: var(--vae-purple-secondary);
    }
.vae-psu-post .vae-about-reviewer {
        background: #2a2a2a;
        border-color: #444;
    }
.vae-psu-post .vae-about-reviewer h2, .vae-psu-post .vae-about-reviewer h3 {
        color: #fff !important;
    }
.vae-psu-post .vae-about-reviewer p {
        color: #ccc;
    }

    .vae-specs-table {
        background: #2a2a2a;
    }

    .vae-specs-table td {
        border-color: #444;
    }

    .vae-specs-table tr:hover td {
        background: #333;
    }
}

/* ==========================================================================
   18. TECHNICAL SPECS - Glass-effect spec box with grouped specs
   ========================================================================== */
.vae-psu-post .vae-technical-specs {
    background: #f8f9fa;
    border-radius: var(--vae-radius-lg);
    padding: 25px;
    margin: 30px 0;
    border: 1px solid #e0e0e0;
}

.vae-psu-post .vae-technical-specs h3 {
    color: #333 !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.3em !important;
    font-weight: 700 !important;
}

.vae-psu-post .vae-technical-specs .vae-specs-grid {
    display: grid;
    gap: 20px;
}

.vae-psu-post .vae-spec-group {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.vae-psu-post .vae-spec-group:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.vae-psu-post .vae-spec-group h4 {
    font-size: 1.05em !important;
    color: var(--vae-psu-primary, #6252a3) !important;
    margin: 0 0 10px 0 !important;
    font-weight: 600 !important;
}

.vae-psu-post .vae-spec-group div[style*="padding-left"] > div {
    padding: 6px 0;
    display: flex;
    gap: 8px;
}

.vae-psu-post .vae-spec-group strong {
    color: #555;
    min-width: 100px;
}

.vae-psu-post .vae-spec-group span {
    color: #333;
}

/* ==========================================================================
   18b. MOBILE PRODUCT SHEET - Bottom sheet for mobile product navigation
   ========================================================================== */
.vae-product-mobile-fab {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--vae-psu-primary, #6252a3), #8b7bc7);
    color: #fff;
    border: none;
    box-shadow: 0 4px 15px rgba(98, 82, 163, 0.4);
    cursor: pointer;
    z-index: 9990;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: all 0.3s ease;
}
.vae-psu-post .vae-product-mobile-fab:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(98, 82, 163, 0.5);
}
.vae-psu-post .vae-product-mobile-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9991;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.vae-psu-post .vae-product-mobile-overlay.active {
    opacity: 1;
    visibility: visible;
}
.vae-psu-post .vae-product-mobile-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 85vh;
    background: #fff;
    border-radius: 20px 20px 0 0;
    z-index: 9992;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.vae-psu-post .vae-product-mobile-sheet.open {
    transform: translateY(0);
}
.vae-psu-post .vae-product-sheet-handle {
    width: 40px;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    margin: 10px auto;
    flex-shrink: 0;
}
.vae-psu-post .vae-product-mobile-header {
    padding: 0 20px 15px;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}
.vae-psu-post .vae-product-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.vae-psu-post .vae-product-header-top h3 {
    margin: 0 !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    flex: 1;
    padding-right: 10px;
}
.vae-psu-post .vae-product-mobile-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f3f4f6;
    border: none;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    flex-shrink: 0;
}
.vae-psu-post .vae-product-mobile-close:hover {
    background: #e5e7eb;
}
.vae-psu-post .vae-mobile-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9em;
    color: #6b7280;
}
.vae-psu-post .vae-mobile-stars {
    color: #f59e0b;
    font-size: 1.1em;
}
.vae-psu-post .vae-mobile-rating-text {
    font-weight: 600;
    color: #1f2937;
}
.vae-psu-post .vae-mobile-review-count {
    color: #9ca3af;
    font-size: 0.85em;
}

/* Product Tabs */
.vae-product-tabs {
    display: flex;
    gap: 4px;
    margin-top: 12px;
}
.vae-psu-post .vae-product-tab {
    flex: 1;
    padding: 10px 8px;
    background: #f3f4f6;
    border: none;
    border-radius: 8px;
    font-size: 0.8em;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.vae-psu-post .vae-product-tab.active {
    background: var(--vae-psu-primary, #6252a3);
    color: #fff;
}
.vae-psu-post .vae-product-tab svg {
    width: 18px;
    height: 18px;
}

/* Progress Bar */
.vae-product-progress-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}
.vae-psu-post .vae-product-progress-bar {
    flex: 1;
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
}
.vae-psu-post .vae-product-progress-fill {
    height: 100%;
    background: var(--vae-psu-primary, #6252a3);
    border-radius: 2px;
    transition: width 0.3s ease;
    width: 0;
}
.vae-psu-post .vae-product-progress-text {
    font-size: 0.75em;
    font-weight: 600;
    color: #6b7280;
    min-width: 30px;
    text-align: right;
}

/* Tab Content */
.vae-product-tab-content {
    display: none;
    overflow-y: auto;
    flex: 1;
    padding: 15px 20px;
}
.vae-psu-post .vae-product-tab-content.active {
    display: block;
}
.vae-psu-post .vae-product-sections-label {
    font-size: 0.8em;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

/* TOC Items in mobile sheet */
.vae-product-toc-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 10px;
    border-radius: 8px;
    text-decoration: none;
    color: #374151;
    transition: background 0.2s;
}
.vae-psu-post .vae-product-toc-item:hover {
    background: #f3f4f6;
}
.vae-psu-post .vae-product-toc-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    font-weight: 600;
    color: var(--vae-psu-primary, #6252a3);
    flex-shrink: 0;
}
.vae-psu-post .vae-product-toc-text {
    font-size: 0.9em;
    font-weight: 500;
    color: #374151;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Mobile Gallery */
.vae-mobile-gallery {
    padding: 0;
}
.vae-psu-post .vae-mobile-gallery-main {
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}
.vae-psu-post .vae-mobile-gallery-main img {
    max-width: 100%;
    max-height: 300px;
    object-fit: contain;
    border-radius: 8px;
}
.vae-psu-post .vae-mobile-gallery-counter {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 600;
}
.vae-psu-post .vae-mobile-gallery-thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 10px;
}
.vae-psu-post .vae-mobile-thumb {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
    background: #fff;
}
.vae-psu-post .vae-mobile-thumb.active {
    border-color: var(--vae-psu-primary, #6252a3);
}
.vae-psu-post .vae-mobile-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.vae-psu-post .vae-mobile-gallery-cta {
    display: block;
    margin-top: 15px;
    padding: 14px;
    background: linear-gradient(135deg, #ff9900, #ff6600);
    color: #fff !important;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none !important;
}

/* Mobile Product Card */
.vae-mobile-product-card {
    display: flex;
    gap: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 15px;
}
.vae-psu-post .vae-mobile-product-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 8px;
    background: #f9fafb;
    flex-shrink: 0;
}
.vae-psu-post .vae-mobile-product-info {
    flex: 1;
    min-width: 0;
}
.vae-psu-post .vae-mobile-product-info h4 {
    margin: 0 0 6px 0 !important;
    font-size: 0.95em !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.vae-psu-post .vae-mobile-stock {
    font-size: 0.85em;
    font-weight: 600;
}
.vae-psu-post .vae-mobile-stock.in-stock {
    color: #059669;
}
.vae-psu-post .vae-mobile-price-section {
    margin-bottom: 15px;
}
.vae-psu-post .vae-mobile-current-price {
    font-size: 2em;
    font-weight: 800;
    color: #059669;
}
.vae-psu-post .vae-mobile-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}
.vae-psu-post .vae-mobile-cta-primary {
    display: block;
    padding: 14px;
    background: linear-gradient(135deg, #ff9900, #ff6600);
    color: #fff !important;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none !important;
}
.vae-psu-post .vae-mobile-cta-secondary {
    display: block;
    padding: 12px;
    background: #f3f4f6;
    color: #374151 !important;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9em;
    text-decoration: none !important;
}
.vae-psu-post .vae-mobile-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}
.vae-psu-post .vae-mobile-trust-badges .vae-trust-badge {
    font-size: 0.8em;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 6px;
    color: #374151;
    border: none;
}
.vae-psu-post .vae-mobile-disclosure {
    font-size: 0.75em;
    color: #9ca3af;
    line-height: 1.5;
    padding-top: 15px;
    border-top: 1px solid #e5e7eb;
}

/* Mobile Footer Actions */
.vae-product-mobile-footer {
    display: flex;
    gap: 10px;
    padding: 15px 20px;
    padding-bottom: calc(15px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #e5e7eb;
    background: #fff;
    flex-shrink: 0;
}
.vae-psu-post .vae-product-action-btn {
    flex: 1;
    padding: 10px;
    background: #f3f4f6;
    border: none;
    border-radius: 8px;
    font-size: 0.8em;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background 0.2s;
}
.vae-psu-post .vae-product-action-btn:hover {
    background: #e5e7eb;
}

/* Show FAB only on mobile */
@media (max-width: 768px) {
    .vae-product-mobile-fab {
        display: flex;
    }
}

/* ==========================================================================
   18c. GALLERY COMPONENTS - Product image gallery
   ========================================================================== */
.vae-product-gallery-section {
    margin: 30px 0;
    padding: 25px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    position: relative;
}
.vae-psu-post .vae-product-gallery-section.vae-gallery-minimized .gallery-main-image, .vae-psu-post .vae-product-gallery-section.vae-gallery-minimized .gallery-thumbnails, .vae-psu-post .vae-product-gallery-section.vae-gallery-minimized .gallery-footer {
    display: none;
}
.vae-psu-post .vae-gallery-minimize {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f3f4f6;
    border: none;
    font-size: 18px;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: all 0.2s;
}
.vae-psu-post .vae-gallery-minimize:hover {
    background: #e5e7eb;
}
.vae-psu-post .vae-gallery-buy-btn {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(135deg, #ff9900, #ff6600);
    color: #fff !important;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 1em;
    transition: all 0.2s;
}
.vae-psu-post .vae-gallery-buy-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4);
    color: #fff !important;
}

/* ==========================================================================
   18d. SIDEBAR GALLERY - 2x2 grid in product sidebar
   ========================================================================== */
.vae-sidebar-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}
.vae-psu-post .vae-sidebar-gallery img {
    width: 100%;
    display: block;
    border-radius: 8px;
    border: 1px solid #e1e8ed;
}

/* ==========================================================================
   18e. FAQ ACCORDION - Styled FAQ section
   ========================================================================== */
.vae-psu-post .vae-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ==========================================================================
   19. SCOPED BR TAG HIDING - Hide wpautop-generated <br> inside components
   Applied to .vae-psu-post body class for PSU review posts only
   ========================================================================== */
.vae-psu-post .vae-efficiency-badge br,
.vae-psu-post .vae-key-takeaways br,
.vae-psu-post .vae-quick-verdict br,
.vae-psu-post .vae-freshness-badge br,
.vae-psu-post .vae-calculator-box br,
.vae-psu-post .vae-specs-table br,
.vae-psu-post .vae-pros-cons br,
.vae-psu-post .vae-pros br,
.vae-psu-post .vae-cons br,
.vae-psu-post .vae-final-verdict br,
.vae-psu-post .vae-about-reviewer br,
.vae-psu-post .vae-cta-wrapper br,
.vae-psu-post .vae-amazon-btn br,
.vae-psu-post .vae-amazon-cta br,
.vae-psu-post .vae-comparison-table br,
.vae-psu-post .vae-cable-count br,
.vae-psu-post .vae-cable-grid br,
.vae-psu-post .vae-cable-item br,
.vae-psu-post .vae-protections br,
.vae-psu-post .vae-protection-badge br,
.vae-psu-post .vae-disclaimer br,
.vae-psu-post .vae-who-should-buy br,
.vae-psu-post .vae-who-should-skip br,
.vae-psu-post .vae-trust-badges br,
.vae-psu-post .vae-trust-badge br,
.vae-psu-post .vae-value-tier br,
.vae-psu-post .vae-tier-scale br,
.vae-psu-post .vae-praise-section br,
.vae-psu-post .vae-complaints-section br,
.vae-psu-post .vae-alternatives br,
.vae-psu-post .vae-rating-item br,
.vae-psu-post .vae-ratings-grid br {
    display: none !important;
}

/* ==========================================================================
   Trust Badges - Colored Icon Squares (Matches Motherboard Gold Standard)
   ========================================================================== */

.vae-psu-post .vae-trust-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 25px 0;
    padding: 20px 25px;
    border-radius: var(--vae-radius-lg, 12px);
    border: 1px solid rgba(103, 58, 183, 0.2);
}

.vae-psu-post .vae-trust-badges br {
    display: none;
}

.vae-psu-post .vae-trust-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    font-size: 0.88em;
    font-weight: 600;
    color: #333;
    transition: all 0.25s ease;
}

.vae-psu-post .vae-trust-badge:hover {
    background: rgba(103, 58, 183, 0.1);
    border-color: rgba(103, 58, 183, 0.3);
    transform: translateY(-2px);
}

.vae-psu-post .vae-trust-badge .badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 1em;
    color: #fff;
}

/* Badge-specific icon backgrounds */
.vae-psu-post .vae-trust-badge.badge-tested .badge-icon {
    background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
}

.vae-psu-post .vae-trust-badge.badge-expert .badge-icon {
    background: linear-gradient(135deg, #673ab7 0%, #9c27b0 100%);
}

.vae-psu-post .vae-trust-badge.badge-amazon .badge-icon {
    background: linear-gradient(135deg, #ff9900 0%, #ff6600 100%);
}

.vae-psu-post .vae-trust-badge.badge-warranty .badge-icon {
    background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
}

/* ==========================================================================
   20. VALUE TIER CONTEXT - Market Positioning (Dark Theme)
   ========================================================================== */
.vae-psu-post .vae-value-tier {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: var(--vae-radius-lg);
    padding: 28px;
    margin: 35px 0;
    border: 1px solid rgba(98, 82, 163, 0.3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.vae-psu-post .vae-value-tier h3,
.vae-psu-post .vae-value-tier h4 {
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    text-align: center;
}

.vae-psu-post .vae-value-tier h4::before {
    content: '📊 ';
}

/* Price scale bar - gradient slider */
.vae-psu-post .vae-tier-scale {
    position: relative;
    height: 8px;
    background: linear-gradient(90deg, #78909c 0%, #5c6bc0 33%, #7e57c2 66%, #ab47bc 100%);
    border-radius: 4px;
    margin: 25px 0 15px 0;
}

/* Position marker - white circle on slider */
.vae-psu-post .vae-tier-marker {
    position: absolute;
    top: -8px;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border: 3px solid var(--vae-purple-primary, #7c4dff);
}

/* Marker positions */
.vae-psu-post .vae-tier-marker[data-position="budget"] { left: 10%; }
.vae-psu-post .vae-tier-marker[data-position="entry"] { left: 25%; }
.vae-psu-post .vae-tier-marker[data-position="mid-range"] { left: 45%; }
.vae-psu-post .vae-tier-marker[data-position="enthusiast"] { left: 70%; }
.vae-psu-post .vae-tier-marker[data-position="premium"] { left: 90%; }

/* Tier labels below slider */
.vae-psu-post .vae-tier-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.vae-psu-post .vae-tier-label {
    flex: 1;
    text-align: center;
    font-size: 0.8em;
    color: rgba(255,255,255,0.7);
}

.vae-psu-post .vae-tier-label span {
    display: block;
    font-size: 0.85em;
    color: rgba(255,255,255,0.5);
    margin-top: 2px;
}

/* Current tier display */
.vae-psu-post .vae-tier-current {
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    background: rgba(255,255,255,0.05);
    border-radius: var(--vae-radius-md, 8px);
}

/* Context text */
.vae-psu-post .vae-tier-context {
    margin-top: 20px;
    padding: 15px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: var(--vae-radius-md);
    border-left: 4px solid var(--vae-purple-primary);
}

.vae-psu-post .vae-tier-context p {
    margin: 0 !important;
    color: rgba(255,255,255,0.85) !important;
    font-size: 0.95em;
    line-height: 1.6;
}

/* ==========================================================================
   21. PRAISE/COMPLAINTS SECTIONS - User Feedback (Light Theme)
   ========================================================================== */
.vae-psu-post .vae-praise-section,
.vae-psu-post .vae-complaints-section {
    background: #f8f9fa;
    border-radius: var(--vae-radius-md);
    padding: 20px;
    margin: 20px 0;
}

.vae-psu-post .vae-praise-section {
    border-left: 4px solid var(--vae-success);
    background: linear-gradient(135deg, #f1f8f1 0%, #fff 100%);
}

.vae-psu-post .vae-complaints-section {
    border-left: 4px solid #78909c;
    background: linear-gradient(135deg, #f5f5f5 0%, #fff 100%);
}

.vae-psu-post .vae-praise-section h3,
.vae-psu-post .vae-praise-section h4 {
    color: #2e7d32 !important;
    margin: 0 0 15px 0 !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
}

.vae-psu-post .vae-complaints-section h3,
.vae-psu-post .vae-complaints-section h4 {
    color: #546e7a !important;
    margin: 0 0 15px 0 !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
}

.vae-psu-post .vae-praise-section ul,
.vae-psu-post .vae-complaints-section ul {
    margin: 0;
    padding-left: 20px;
}

.vae-psu-post .vae-praise-section li,
.vae-psu-post .vae-complaints-section li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: #333;
}

/* ==========================================================================
   22. ALTERNATIVES SECTION - For "Skip If" Users (Dark Theme)
   ========================================================================== */
.vae-psu-post .vae-alternatives {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: var(--vae-radius-lg);
    padding: 25px 28px;
    margin: 35px 0;
    border: 1px solid rgba(98, 82, 163, 0.3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.vae-psu-post .vae-alternatives h3,
.vae-psu-post .vae-alternatives h4 {
    color: #fff !important;
    margin: 0 0 20px 0 !important;
    font-size: 1.2em !important;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vae-psu-post .vae-alternatives h4::before {
    content: '🔄';
    font-size: 1.1em;
}

.vae-psu-post .vae-alternatives ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vae-psu-post .vae-alternatives li {
    padding: 16px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: var(--vae-radius-md);
    border-left: 4px solid var(--vae-purple-primary);
    color: rgba(255,255,255,0.9);
    line-height: 1.6;
    transition: all 0.2s ease;
}

.vae-psu-post .vae-alternatives li:hover {
    background: rgba(255,255,255,0.08);
    transform: translateX(4px);
}

.vae-psu-post .vae-alternatives li strong {
    color: #fff;
    display: block;
    margin-bottom: 6px;
    font-size: 1em;
}

.vae-psu-post .vae-alternatives li a {
    color: #9c7cdb;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.vae-psu-post .vae-alternatives li a:hover {
    color: #b39ddb;
}

/* ==========================================================================
   23. RESPONSIVE OVERRIDES FOR NEW COMPONENTS
   ========================================================================== */
@media (max-width: 768px) {
    .vae-psu-post .vae-value-tier {
        padding: 20px;
    }

    .vae-psu-post .vae-tier-label {
        padding: 10px 6px;
        font-size: 0.75em;
    }

    .vae-psu-post .vae-alternatives {
        padding: 20px;
    }

    .vae-psu-post .vae-alternatives li {
        padding: 12px 16px;
    }
}

/* Mobile: 2x2 grid */
@media (max-width: 600px) {
    .vae-psu-post .vae-trust-badges {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 15px;
    }

    .vae-psu-post .vae-trust-badge {
        padding: 10px 12px;
        font-size: 0.8em;
        justify-content: center;
    }

    .vae-psu-post .vae-trust-badge .badge-icon {
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 480px) {
    .vae-psu-post .vae-tier-labels {
        flex-wrap: wrap;
        gap: 5px;
    }

    .vae-psu-post .vae-tier-label {
        font-size: 0.7em;
    }

    .vae-psu-post .vae-tier-label span {
        display: none;
    }
}

/* Very small phones: single column */
@media (max-width: 380px) {
    .vae-psu-post .vae-trust-badges {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   BUY BOX - 2-column CTA with dark theme
   ========================================================================== */

.vae-psu-post .vae-buy-box {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 30px;
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    border: 1px solid rgba(98, 82, 163, 0.3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.vae-psu-post .vae-buy-box-left {
    flex: 1 1 300px;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.vae-psu-post .vae-buy-box-icon {
    font-size: 1.45em;
    letter-spacing: -0.01em;
    flex-shrink: 0;
}

.vae-psu-post .vae-buy-box-content h4 {
    margin: 0 0 12px 0 !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    color: var(--vae-psu-primary, #6252a3) !important;
}

.vae-psu-post .vae-buy-box-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vae-psu-post .vae-buy-box-content li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    color: rgba(255,255,255,0.85);
    font-size: 0.92em;
    line-height: 1.5;
}

.vae-psu-post .vae-buy-box-content li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #4caf50;
    font-weight: bold;
}

.vae-psu-post .vae-buy-box-right {
    flex: 0 0 auto;
    min-width: 200px;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-left: 30px;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.vae-psu-post .vae-buy-box-price {
    font-size: 2em;
    font-weight: 700;
    color: #fff;
}

.vae-psu-post .vae-buy-box-btn {
    display: inline-block;
    background: linear-gradient(135deg, #ff9900 0%, #ff6600 100%);
    color: #fff !important;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none !important;
    text-align: center;
    width: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 153, 0, 0.3);
}

.vae-psu-post .vae-buy-box-btn:hover {
    background: linear-gradient(135deg, #ffad33 0%, #ff8533 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 153, 0, 0.4);
}

.vae-psu-post .vae-buy-box-note {
    font-size: 0.8em;
    color: rgba(255,255,255,0.5);
    text-align: center;
}

@media (max-width: 768px) {
    .vae-psu-post .vae-buy-box {
        flex-direction: column;
        padding: 25px;
    }

    .vae-psu-post .vae-buy-box-right {
        padding-left: 0;
        padding-top: 20px;
        border-left: none;
        border-top: 1px solid rgba(255,255,255,0.1);
        width: 100%;
        max-width: none;
    }
}

/* ==========================================================================
   PRICE CHECK CTA - Dark theme with orange Amazon button
   ========================================================================== */

.vae-psu-post .vae-price-check-cta {
    background: linear-gradient(135deg, #2d2d3a 0%, #1a1a2e 100%);
    color: #fff;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
    border: 1px solid rgba(98, 82, 163, 0.3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.vae-psu-post .vae-price-check-cta p {
    margin: 0 0 15px 0 !important;
    color: #fff;
    font-size: 1.1em;
}

.vae-psu-post .vae-price-check-cta .vae-amazon-btn {
    display: inline-block;
    background: linear-gradient(135deg, #ff9900 0%, #ff6600 100%);
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.05em;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 153, 0, 0.3);
}

.vae-psu-post .vae-price-check-cta .vae-amazon-btn:hover {
    background: linear-gradient(135deg, #ffad33 0%, #ff8533 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 153, 0, 0.4);
}

.vae-psu-post .vae-returns-note {
    font-size: 0.85em;
    color: rgba(255,255,255,0.6);
    margin-top: 10px !important;
}