/* Design Overhaul v3 - shared */
.fb-hero,.gc-hero,[class$="-hero"],section[role="banner"]{background:linear-gradient(135deg,#112131 0%,#16273c 50%,#0a3459 100%)!important;color:#fff!important;padding:3.5rem 1.5rem!important;text-align:center!important;position:relative!important}
.fb-hero h1,.gc-hero h1,.fb-hero-title,section[role="banner"] h1{color:#fff!important;font-size:clamp(1.6rem,4vw,2.5rem)!important;font-weight:800!important;margin-bottom:.75rem!important;line-height:1.2!important}
.fb-hero p,.gc-hero p,.fb-hero-subtitle,.gc-lead,section[role="banner"] p{color:rgba(255,255,255,.85)!important;font-size:clamp(.95rem,2vw,1.15rem)!important;max-width:700px!important;margin-left:auto!important;margin-right:auto!important}
.fb-hero-badge,.gc-hero-badge{display:inline-block!important;background:rgba(176,126,16,.2)!important;color:#dda428!important;padding:.3rem 1rem!important;border-radius:23px!important;font-size:.8rem!important;font-weight:600!important;margin-bottom:1rem!important;border:1px solid rgba(177,140,10,.3)!important}
.fb-hero-buttons a,.gc-hero-buttons a{padding:.7rem 1.8rem!important;border-radius:6px!important;font-weight:600!important;font-size:.95rem!important;text-decoration:none!important;display:inline-block!important}
.fb-btn-main,.gc-btn-main{background:linear-gradient(135deg,#b27f0f 0%,#dc9c1f 100%)!important;color:#fff!important;border:none!important}
.fb-btn-outline,.gc-btn-outline{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.4)!important}
.fb-trust-bar,.gc-trust-bar{background:#f8f9fa!important;border-bottom:1px solid #e9ecef!important;padding:.75rem 1rem!important}
.fb-trust-inner,.gc-trust-inner{display:flex!important;justify-content:center!important;gap:2rem!important;flex-wrap:wrap!important;max-width:800px!important;margin:0 auto!important}
.fb-trust-item,.gc-trust-item{display:flex!important;align-items:center!important;gap:7px!important;font-size:.8rem!important;color:#5a5c4e!important;font-weight:500!important}
.fb-trust-icon,.gc-trust-icon,svg[class*="-trust-icon"]{width:20px!important;height:20px!important;flex-shrink:0!important;color:#b4840b!important;stroke:#bd7e0a!important}
article p{line-height:1.75!important;margin-bottom:1.2rem!important;color:#2e393b!important;font-size:1rem!important}
article h2{font-size:clamp(1.3rem,3vw,1.8rem)!important;font-weight:700!important;color:#151125!important;margin:2.5rem 0 1rem!important;line-height:1.3!important}
article h3{font-size:clamp(1.1rem,2.5vw,1.4rem)!important;font-weight:600!important;color:#344356!important;margin:2rem 0 .75rem!important}
article ul,article ol{padding-left:1.5rem!important;margin-bottom:1.5rem!important}
article li{margin-bottom:.5rem!important;line-height:1.6!important;color:#4c4447!important}
[class*="-testimonial"],[class*="-review-card"],[class*="-review-item"]{background:#fff!important;border:1px solid #e9ecef!important;border-radius:10px!important;padding:1.5rem!important;margin-bottom:1.25rem!important;box-shadow:0 3px 12px rgba(0,0,0,.06)!important}
[class*="-faq"] details{border:1px solid #e9ecef!important;border-radius:10px!important;margin-bottom:.75rem!important;overflow:hidden!important}
[class*="-faq"] summary{padding:1rem 1.25rem!important;font-weight:600!important;cursor:pointer!important;background:#fafafa!important;font-size:.95rem!important}
[class*="-faq"] details[open] summary{border-bottom:1px solid #e9ecef!important}
[class*="-faq-badge"]{display:inline-block!important;background:linear-gradient(135deg,#1b1f2c,#0c2537)!important;color:#fff!important;padding:.25rem .75rem!important;border-radius:5px!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-bottom:.75rem!important}
[class*="-banner-block"]{margin:2.5rem auto!important;text-align:center!important;max-width:700px!important}
[class*="-banner-img"]{max-width:100%!important;height:auto!important;border-radius:9px!important;box-shadow:0 4px 23px rgba(180,135,18,.15)!important}
[class*="-company-logo"],img[class*="company-logo"]{min-height:40px!important;max-height:55px!important;border-radius:15px!important;border:none!important}
svg[class*="-icon"]{width:24px!important;height:24px!important;flex-shrink:0!important}
@media(max-width:768px){.fb-hero,.gc-hero,[class$="-hero"],section[role="banner"]{padding:2.5rem 1rem!important}}

/* Nav CTA centered */
nav, [class*="-nav"], [class*="-header"] > div {
    justify-content: center !important;
}
nav a[href*="gokiiit"], nav a[href*="gokit"], a[class*="nav-cta"], a[class*="Nav__link--cta"] {
    margin: 0 auto !important;
    display: inline-flex !important;
}

/* Hide trust bar/indicators completely */
[class*="-trust-bar"], [class*="-trust-inner"], [class*="trust-indicators"], .trust-bar, .trust-badges {
    display: none !important;
}

/* Hide secondary hero buttons (Compare Companies etc) */
[class*="-hero-buttons"] a[class*="outline"], [class*="-hero-buttons"] a[href="#guide"] {
    display: none !important;
}

/* Hide ALL hero buttons - table should follow h1 directly */
[class*="-hero-buttons"], [class*="-hero-actions"], [class*="-hero"] .btn-group, [class*="-hero"] [class*="buttons"] {
    display: none !important;
}

/* Hide Augusta promo row inside/after table */
[class*="-featured-promo"], [class*="-promo-row"], [class*="-featured-banner"],
tr[class*="promo"], tr[class*="featured-banner"],
[class*="fb-featured-row"], [class*="fb-promo"] {
    display: none !important;
}
/* Hide the Augusta highlight bar between table rows */
[class*="-company-highlight"], [class*="-augusta-highlight"], .fb-highlight-row {
    display: none !important;
}

/* FORCE hide hero buttons */
.fb-hero-buttons, .gc-hero-buttons, .vs-hero-buttons,
div[class$="-hero-buttons"], div[class*="-hero-buttons"],
div[class$="-hero-actions"], div[class*="-hero-actions"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Bigger company logos in table */
.fb-company-logo, .gc-company-logo, .vs-company-logo,
img[class*="company-logo"], img[class*="CompanyLogo"],
[class*="catCompanyLogo"] {
    min-height: 60px !important;
    max-height: 80px !important;
    width: auto !important;
}

/* Hide company text name in table (keep badge) */
.fb-company-name, .gc-company-name, .vs-company-name,
div[class$="-company-name"],
span[class*="CompanyName__main"] {
    font-size: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
}

/* Center ALL table cells and content */
[class*="companies-table"] td, [class*="companies-table"] th,
[class*="CompanyGrid"] td, [class*="CompanyGrid"] th,
[class*="providers"] td, [class*="providers"] th,
table[class*="company"] td, table[class*="company"] th,
.fb-companies-table td, .fb-companies-table th,
.gc-companies-table td, .gc-companies-table th,
.vs-companies-table td, .vs-companies-table th {
    text-align: center !important;
    vertical-align: middle !important;
}
[class*="companies-table"] td *, [class*="companies-table"] th *,
.fb-companies-table td *, .gc-companies-table td *, .vs-companies-table td * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
[class*="-company-info"], [class*="CompanyInfo"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
[class*="-rating-box"], [class*="-rating"] {
    justify-content: center !important;
    text-align: center !important;
}
[class*="-features-list"], [class*="-features"] ul {
    list-style-position: inside !important;
    padding-left: 0 !important;
    text-align: center !important;
}
[class*="-action-buttons"], [class*="-actions"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 7px !important;
}
[class*="-stars"], [class*="Stars"] {
    justify-content: center !important;
    display: flex !important;
}

/* Testimonials grid layout */
[class*="-testimonials-grid"], [class*="-testimonial-grid"], [class*="testimonials-grid"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 1.25rem !important;
}
[class*="-testimonial-avatar"] img, [class*="testimonial-avatar"] img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
[class*="-testimonial-header"], [class*="testimonial-header"] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 9px !important;
}
[class*="-testimonial-verified"] {
    color: #22c366 !important;
    font-weight: 700 !important;
}
@media (max-width: 600px) {
    [class*="-testimonials-grid"] {
        grid-template-columns: 1fr !important;
    }
}

/* Light background for company tables */
[class*="companies-table"], [class*="companies-table-wrapper"],
[class*="CompanyGrid"], [class*="providers"],
table[class*="company"], table[class*="comparison"],
.fb-companies-table-wrapper, .gc-companies-table-wrapper, .vs-companies-table-wrapper,
#companies, #providers, [id*="companies"], [id*="table-wrapper"] {
    background: #f9fafb !important;
    border-radius: 15px !important;
    padding: 18px !important;
}
@media (max-width: 768px) {
    [class*="companies-table"], [class*="companies-table-wrapper"],
    [class*="CompanyGrid"], [class*="providers"],
    table[class*="company"], table[class*="comparison"],
    .fb-companies-table-wrapper, .gc-companies-table-wrapper, .vs-companies-table-wrapper,
    #companies, #providers, [id*="companies"], [id*="table-wrapper"] {
        background: transparent !important;
        border-radius: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
}
[class*="companies-table"] tbody tr, table[class*="company"] tbody tr {
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
[class*="companies-table"] tbody tr:hover, table[class*="company"] tbody tr:hover {
    background: #fffbf0 !important;
}
[class*="companies-table"] thead, table[class*="company"] thead {
    background: linear-gradient(135deg, #1d1d33, #121f3e) !important;
}
[class*="companies-table"] thead th, table[class*="company"] thead th {
    color: #fff !important;
    font-weight: 600 !important;
    padding: 11px 6px !important;
}

/* Center table headers */
[class*="companies-table"] thead th, table[class*="company"] thead th,
.fb-companies-table th, .gc-companies-table th, .vs-companies-table th {
    text-align: center !important;
}

/* Double company logos size */
.fb-company-logo, .gc-company-logo, .vs-company-logo,
img[class*="company-logo"], img[class*="CompanyLogo"],
[class*="catCompanyLogo"] {
    min-height: 100px !important;
    max-height: 140px !important;
    width: auto !important;
}

}

nav > div, [class*="-header"] > div,
header > div:first-child, [class*="Header__wrap"] {
    display: grid !important;
}
nav > div > a:first-child, [class*="-header"] > div > a:first-child,
header > div:first-child > a:first-child {
}
nav > div > a[href*="gokiiit"], nav > div > a[href*="gokit"],
[class*="-header"] > div > a[href*="gokiiit"],
header > div > a[href*="gokiiit"],
header a[style*="gradient"][href*="gokiiit"] {
}
nav > div > div:last-child, nav > div > :last-child:not(a[href*="gokiiit"]),
[class*="-header"] > div > div:last-child {
}
@media (max-width: 600px) {
    nav > div, [class*="-header"] > div, header > div:first-child {
        grid-template-columns: 1fr auto !important;
    }
}

/* FAQ Section Styling */
[class*="-faq"], #faq, [id="faq"] {
    max-width: 900px !important;
    margin: 3rem auto !important;
    padding: 0 1.5rem !important;
}
[class*="-faq"] > h2, #faq > h2, [class*="-faq"] > [class*="section-title"] {
    text-align: center !important;
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
    font-weight: 800 !important;
    color: #201629 !important;
    margin-bottom: 2rem !important;
    position: relative !important;
}
[class*="-faq"] > h2::after, #faq > h2::after {
    content: "" !important;
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(135deg, #b37c0a, #dfaa26) !important;
    margin: 11px auto 0 !important;
    border-radius: 1px !important;
}

/* FAQ Items */
[class*="-faq-item"], .faq-item {
    background: #fff !important;
    border: 1px solid #e3eaec !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    transition: box-shadow 0.2s !important;
}
[class*="-faq-item"]:hover, .faq-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* FAQ Questions */
[class*="-faq-question"], .faq-question, [class*="-faq-item"] h3 {
    padding: 1.1rem 1.4rem !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #231726 !important;
    cursor: pointer !important;
    background: #fafbfc !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    line-height: 1.4 !important;
}

/* FAQ Answers - always open */
[class*="-faq-answer"], .faq-answer, [class*="-faq-item"] > div:last-child,
[class*="-faq-panel"], .faq-panel {
    display: block !important;
    
    
    
    opacity: 1 !important;
    visibility: visible !important;
    
    color: #4c5e61 !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    background: #fff !important;
}
[class*="-faq-answer"] p, .faq-answer p {
    margin: 0 !important;
    color: #42585c !important;
}

/* Remove any collapse/accordion arrows */
[class*="-faq-question"]::after, [class*="-faq-question"] svg,
[class*="-faq-trigger"]::after, [class*="-faq-trigger"] svg {
    
}

/* Constrain content width */
main, [class*="-content"], [class*="-guide"], [class*="-article"],
article, [id="guide"], [class*="catMain"], [class*="-main"],
[class*="-section"], [class*="Section"] {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
/* Keep table and hero full width */
[class*="companies-table-wrapper"], [class*="-hero"],
section[role="banner"], header, nav, footer,
[id="homepage-table-wrapper"], #companies,
[class*="-testimonials"], [class*="-faq"],
[class*="banner-block"], [class*="BannerWrap"] {
    max-width: 100% !important;
}
/* But inner content of table still constrained */
[class*="companies-table-wrapper"] {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Hide Rank column */
[class*="-th-rank"], [class*="-td-rank"],
th:first-child, td:first-child {
    display: none !important;
}
/* But only in companies table, not all tables */
[class*="companies-table"] th:first-child,
[class*="companies-table"] td:first-child {
    display: none !important;
}

/* Remove table border/outline */
[class*="companies-table"], [class*="companies-table-wrapper"],
table[class*="company"], table[class*="comparison"],
.fb-companies-table, .gc-companies-table, .vs-companies-table {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
[class*="companies-table"] td, [class*="companies-table"] th {
    border: none !important;
}
[class*="companies-table"] tbody tr {
    border-bottom: 1px solid #f0f0f0 !important;
    border-left: none !important;
    border-right: none !important;
}

/* TOC Styles */
.mag-toc{background:linear-gradient(135deg,rgba(204,158,31,.12) 0%,rgba(201,157,40,.05) 100%);border:2px solid #bf9e2b;border-radius:9px;padding:31px 35px;margin:34px 0}
.mag-toc__title{font-size:23px;margin-bottom:20px;display:flex;align-items:center;gap:13px}
.mag-toc__list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0;margin:0}
.mag-toc__list li a{display:flex;align-items:center;gap:7px;padding:13px 15px;color:#221b27;text-decoration:none;border-radius:6px;transition:background .2s}
.mag-toc__list li a:hover{background:rgba(202,163,32,.18);color:#cc9826}
.mag-toc__list li a::before{content:'\2192';color:#c3ab1d}
@media(max-width:600px){.mag-toc__list{grid-template-columns:1fr}}

/* === Mobile table fix v5: flexible approach === */
@media (max-width: 768px) {
    /* Remove padding from table parent wrappers */
    #homepage-table-wrapper, [id*="table-wrapper"],
    #companies, [id*="companies"] {
        padding: 0 !important;
    }

    /* Table wrapper: full width with negative margins to escape parent padding */
    .fb-companies-table-wrapper, .gc-companies-table-wrapper, .vs-companies-table-wrapper,
    .bv-companies-table-wrapper, [class*="companies-table-wrapper"] {
        padding: 11px 0 !important;
        margin-left: -26px !important;
        margin-right: -21px !important;
        width: calc(100% + 51px) !important;
        max-width: none !important;
        border-radius: 0 !important;
        overflow-x: auto !important;
    }

    /* Remove min-width, natural width */
    .fb-companies-table, .gc-companies-table, .vs-companies-table,
    .bv-companies-table, [class*="companies-table"]:not([class*="wrapper"]) {
        min-width: auto !important;
        width: 100% !important;
    }

    /* Hide Rank(1st), BBB(5th), Features(6th) */
    [class*="companies-table"] th:nth-child(1),
    [class*="companies-table"] td:nth-child(1),
    .fb-th-rank, .fb-td-rank, .gc-th-rank, .gc-td-rank,
    [class*="companies-table"] th:nth-child(5),
    [class*="companies-table"] td:nth-child(5),
    .fb-th-bbb, .fb-td-bbb, .gc-th-bbb, .gc-td-bbb,
    [class*="companies-table"] th:nth-child(6),
    [class*="companies-table"] td:nth-child(6),
    .fb-th-features, .fb-td-features, .gc-th-features, .gc-td-features {
        display: none !important;
    }

    /* Compact company cell */
    .fb-company-logo, .gc-company-logo, .vs-company-logo,
    img[class*="company-logo"], [class*="catCompanyLogo"] {
        max-height: 30px !important;
        min-height: 22px !important;
        max-width: 100px !important;
    }
    .fb-company-name, .gc-company-name, [class*="company-name"] {
        font-size: 11px !important;
        line-height: 1.2 !important;
    }
    .fb-company-badge, .gc-company-badge, [class*="company-badge"] {
        font-size: 8px !important;
        padding: 2px 3px !important;
    }
    .fb-company-info, .gc-company-info, [class*="company-info"] {
        gap: 3px !important;
    }

    /* Compact rating */
    .fb-rating-value, .gc-rating-value, [class*="rating-value"] {
        font-size: 11px !important;
    }
    .fb-star, .gc-star {
        font-size: 11px !important;
    }

    /* Compact minimum */
    .fb-td-minimum, .gc-td-minimum, .fb-th-minimum, .gc-th-minimum {
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    /* Action buttons: ensure visible */
    .fb-btn-primary, .fb-btn-primary-visit, .gc-btn-primary,
    [class*="btn-primary-visit"], [class*="btn-primary"]:not(nav *) {
        font-size: 11px !important;
        padding: 7px 10px !important;
        white-space: nowrap !important;
        display: block !important;
        text-align: center !important;
    }
    .fb-btn-review, .gc-btn-review, [class*="btn-review"] {
        font-size: 10px !important;
        padding: 5px 7px !important;
        display: block !important;
        text-align: center !important;
    }
    .fb-action-buttons, .gc-action-buttons, [class*="action-buttons"] {
        gap: 3px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    /* Compact table cells */
    [class*="companies-table"] td,
    [class*="companies-table"] th {
        padding: 9px 4px !important;
        vertical-align: middle !important;
    }
    [class*="companies-table"] thead th {
        font-size: 11px !important;
        white-space: nowrap !important;
    }
}

/* Extra small screens: also hide Rating column */
@media (max-width: 400px) {
    [class*="companies-table"] th:nth-child(3),
    [class*="companies-table"] td:nth-child(3),
    .fb-th-rating, .fb-td-rating, .gc-th-rating, .gc-td-rating {
        display: none !important;
    }
}
/* === Mobile nav fix v5: hide nav, show standalone burger + mobile-nav === */
@media (max-width: 767px) {
    /* Hide main nav completely — but NOT if it contains any burger button */
    nav:not(.toc-nav):not(.toc-box):not([class*="mobile"]):not(:has([class*="hamburger"])):not(:has([class*="burger"])):not(:has([class*="menu-toggle"])):not(:has([class*="menu-btn"])) {
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        width: 0 !important;
    }
    /* Also: if nav is inside a header that has any burger button, keep nav visible */
    /* Must match specificity of hiding rule (0,7,1) — this is (0,8,2) */
    header:has([class*="hamburger"], [class*="burger"], [class*="menu-toggle"], [class*="menu-btn"]) nav:not(.toc-nav):not(.toc-box):not([class*="mobile"]):not(:has([class*="hamburger"])):not(:has([class*="burger"])):not(:has([class*="menu-toggle"])):not(:has([class*="menu-btn"])) {
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        width: auto !important;
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* BUT: if nav contains .site-hamburger, keep nav visible as compact bar */
    nav:not(.toc-nav):not(.toc-box):has(.site-hamburger) {
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0 11px !important;
        margin: 0 !important;
        width: auto !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        background: rgba(255,255,255,.97) !important;
        border-bottom: 1px solid #e7e8ea !important;
    }
    /* Nav container inside burger-nav: flex, logo + burger */
    nav:has(.site-hamburger) > div:not(.site-mobile-nav) {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 6px 9px !important;
        min-height: 48px !important;
    }
    /* Hide nav links inside burger-nav (but not mobile-nav links) */
    nav:has(.site-hamburger) > div:not(.site-mobile-nav) > a:not(:first-child):not([class*="logo"]):not([class*="brand"]),
    nav:has(.site-hamburger) > div:not(.site-mobile-nav) > div:not(.site-mobile-nav):not(:has(.site-hamburger)),
    nav:has(.site-hamburger) ul,
    nav:has(.site-hamburger) [class*="-nav-menu"],
    nav:has(.site-hamburger) [class*="-nav-link"],
    nav:has(.site-hamburger) [class*="nav-link"] {
        display: none !important;
    }
    /* Burger button always visible */
    .site-hamburger {
        display: block !important;
        visibility: visible !important;
    }
    .site-desktop-links {
        display: none !important;
    }
    /* Mobile nav dropdown */
    .site-mobile-nav {
        display: none !important;
        position: fixed !important;
        z-index: 10000 !important;
    }
    .site-mobile-nav.active {
        display: block !important;
    }
    .site-mobile-nav a {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
    }
    /* Hide header CTA buttons */
    [class*="-header-cta"],
    [class*="-header-action"],
    header a[href*="#companies"],
    header a[href*="#homepage"],
    nav a[href*="gokiiit"],
    nav a[href*="gokit"] {
        display: none !important;
    }
    /* Logo compact */
    header > div:first-child {
        padding: 11px 18px !important;
    }
    header > div:first-child > a:first-child,
    [class*="-logo"], [class*="-brand"], [class*="-brand-text"] {
        font-size: 16px !important;
    }
    /* Template headers with burger inside */
    header[class*="-header"]:has(.site-hamburger) > div {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 11px 15px !important;
    }
    header[class*="-header"]:has(.site-hamburger) nav {
        display: none !important;
    }
}

/* === FAQ Accordion universal styles === */
[class*="faq-answer"], [class*="accordion-body"], [class*="accordion-content"] {
    padding: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.35s ease !important;
}
[class*="faq-item"].active > [class*="faq-answer"],
[class*="accordion-item"].active > [class*="accordion-body"],
[class*="accordion-item"].active > [class*="accordion-content"] {
    max-height: 600px !important;
    padding: 1.1rem 1.4rem !important;
}
[class*="faq-question"], [class*="accordion-trigger"] {
    cursor: pointer !important;
    user-select: none !important;
}
[class*="faq-question"]:hover, [class*="accordion-trigger"]:hover {
    opacity: 0.8 !important;
}
[class*="faq-question"]::after {
    content: '+' !important;
    float: right !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
    transition: transform 0.3s ease !important;
}
[class*="faq-item"].active > [class*="faq-question"]::after {
    content: '−' !important;
}

/* Fix vb-dropdown mobile nav */
@media(max-width:768px){
  .vb-dropdown.active{max-height:500px!important;height:auto!important;overflow:visible!important;display:block!important}
  .vb-dropdown.active .vb-dropdown__nav{visibility:visible!important;height:auto!important;overflow:visible!important;max-height:none!important;display:block!important;flex-direction:column!important}
}
/* Fix ba-drawer mobile nav */
@media(max-width:768px){
  .ba-drawer{visibility:visible!important;height:auto!important;max-height:500px!important;overflow:visible!important}
  .ba-drawer .ba-drawer-link{visibility:visible!important;display:block!important;height:auto!important}
}

/* === Buying Silver For IRA - Overhaul Fixes === */

/* Action buttons in table */
.vs-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
.vs-btn-primary {
    display: inline-block;
    padding: 13px 19px;
    background: linear-gradient(135deg, #0a8dc6, #0e8dad);
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    border-radius: 9px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(18,146,192,0.3);
}
.vs-btn-primary:hover {
    background: linear-gradient(135deg, #0a87a9, #1094cc);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15,136,201,0.4);
}
.vs-btn-review {
    display: inline-block;
    padding: 7px 14px;
    background: transparent;
    color: #0a8fc7 !important;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid #138dc2;
    border-radius: 7px;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s;
    white-space: nowrap;
}
.vs-btn-review:hover {
    background: #0a87cd;
    color: #fff !important;
}

/* Desktop table max-width */
.vs-companies-table-wrapper {
    max-width: 1500px;
    margin: 0 auto;
}

/* Desktop company logos */
.vs-company-logo {
    width: 180px;
    max-width: 200px;
    height: auto;
    object-fit: contain;
}

/* Mobile cards */
@media (max-width: 768px) {
    .vs-companies-table,
    .vs-companies-table thead,
    .vs-companies-table tbody,
    .vs-companies-table tr,
    .vs-companies-table th,
    .vs-companies-table td {
        display: block !important;
    }
    .vs-companies-table thead { display: none !important; }
    .vs-company-row {
        background: #fff;
        border: 1px solid #efe0ef;
        border-radius: 13px;
        margin-bottom: 16px;
        padding: 23px;
        text-align: center;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    .vs-company-row td {
        padding: 5px 0 !important;
        border: none !important;
    }
    .vs-td-rank { display: none !important; }
    .vs-company-logo {
        width: 45% !important;
        max-width: none !important;
        max-height: none !important;
        min-height: 0 !important;
        margin: 0 auto 7px;
        display: block;
    }
    .vs-company-info { text-align: center; }
    .vs-company-name { font-size: 16px; font-weight: 600; }
    .vs-rating-box { justify-content: center; }
    .vs-features-list { text-align: left; padding-left: 21px; }
    .vs-action-buttons {
        flex-direction: column;
        gap: 8px;
        margin-top: 11px;
    }
    .vs-btn-primary {
        width: 100%;
        padding: 14px;
        font-size: 12px;
    }
    .vs-btn-review {
        width: 100%;
        padding: 13px;
        font-size: 13px;
    }
    .vs-td-bbb, .vs-td-features { display: none !important; }
}

/* Kit banner centering */
.kit-banner-block {
    text-align: center;
    margin: 2rem auto;
    max-width: 700px;
}
.kit-banner-block img {
    max-width: 100%;
    height: auto;
    border-radius: 9px;
    box-shadow: 0 4px 23px rgba(10,165,229,0.2);
    transition: transform 0.3s ease;
}
.kit-banner-block img:hover {
    transform: translateY(-3px);
}

/* Container width for desktop */
.vs-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 23px;
}

/* Article narrower */
.vs-article {
    max-width: 900px;
    margin: 0 auto;
}

/* Review page logo */
.bo-review-logo-wrap { text-align: center; margin-bottom: 18px; }
.bo-review-logo { max-height: 81px; width: auto; border-radius: 12px; }
.bo-cta-box { background: linear-gradient(135deg, #0d1117, #11252b); border-radius: 19px; padding: 42px; text-align: center; margin: 37px 0; }
.bo-cta-box h3 { color: #fff; font-size: 1.6rem; margin-bottom: 13px; }
.bo-cta-box p { color: rgba(255,255,255,0.8); margin-bottom: 19px; }
.bo-cta-btn { display: inline-block; padding: 14px 41px !important; font-size: 18px !important; border-radius: 15px !important; background: linear-gradient(135deg, #0c8dce, #e2439d) !important; box-shadow: 0 4px 20px rgba(10,145,195,0.4); }
.bo-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(10,143,203,0.5); }
.vs-quick-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; margin: 24px 0; }
.vs-fact-item { background: #f8f9fa; border-radius: 13px; padding: 18px; text-align: center; }
.vs-fact-label { display: block; font-size: 12px; color: #848085; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 3px; }
.vs-fact-value { display: block; font-size: 18px; font-weight: 700; color: #133e53; }
.vs-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 21px; margin: 24px 0; }
.vs-pros { background: #f0fdf4; border-radius: 15px; padding: 22px; }
.vs-cons { background: #fef2f2; border-radius: 9px; padding: 23px; }
.vs-pros h3 { color: #199e45; }
.vs-cons h3 { color: #d8201d; }
.vs-pros ul, .vs-cons ul { list-style: none; padding: 0; }
.vs-pros li::before { content: '¹3 '; color: #1cab50; font-weight: 700; }
.vs-cons li::before { content: '¹7 '; color: #d72c27; font-weight: 700; }
.vs-fee-table { width: 100%; border-collapse: collapse; margin: 15px 0; border-radius: 6px; overflow: hidden; }
.vs-fee-table th { background: #1f3759; color: #fff; padding: 13px 16px; text-align: left; }
.vs-fee-table td { padding: 15px 18px; border-bottom: 1px solid #e3e0ec; }
.vs-fee-table tr:nth-child(even) td { background: #f8f9fa; }
.vs-other-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 14px; }
.vs-other-card { background: #f8f9fa; border-radius: 11px; padding: 16px; }
.vs-other-card h4 { margin-bottom: 7px; }
.vs-other-card p { font-size: 15px; color: #616b6e; margin-bottom: 5px; }
.vs-other-card a { color: #1392bf; font-weight: 600; text-decoration: none; }
@media (max-width: 768px) {
    .vs-quick-facts { grid-template-columns: repeat(2, 1fr); }
    .vs-pros-cons { grid-template-columns: 1fr; }
}

/* Mobile nav modal overlay */
.vs-mobile-nav {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #ffffff !important;
    z-index: 9999 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    padding: 58px 21px !important;
    border: none !important;
}
.vs-mobile-nav.active {
    display: flex !important;
}
.vs-mobile-link {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #11191d !important;
    text-decoration: none !important;
    padding: 17px 34px !important;
    border-radius: 5px !important;
    border-bottom: 2px solid #f0f0f0 !important; width: 200px !important;
    transition: background 0.2s !important;
    text-align: center !important;
}
.vs-mobile-link:hover {
    background: #f0f4f8 !important;
}
/* Burger menu icon */
.vs-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 9px;
    z-index: 10000;
    position: relative;
}
.vs-menu-line {
    display: block;
    width: 24px;
    height: 2px;
    background: #1d201f;
    transition: all 0.3s;
    border-radius: 3px;
}
.vs-menu-toggle.active .vs-menu-line:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.vs-menu-toggle.active .vs-menu-line:nth-child(2) { opacity: 0; }
.vs-menu-toggle.active .vs-menu-line:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
@media (max-width: 768px) {
    .vs-menu-toggle { display: flex !important; }
    .vs-nav { display: none !important; }
}
@media (min-width: 769px) {
    .vs-mobile-nav { display: none !important; }
}
/* Header container flex */
.vs-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 22px;
    height: 57px;
}
/* Logo */
.vs-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #141a1a;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}
.vs-logo-text { font-size: 15px; }
/* Nav links */
.vs-nav {
    display: flex;
    align-items: center;
    gap: 6px;
}
.vs-nav-link {
    color: #5a5958;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    border-radius: 7px;
    transition: all 0.2s;
}
.vs-nav-link:hover, .vs-nav-link--active {
    color: #0d8bc1;
    background: #f0f8ff;
}

.vs-mobile-close {
    position: absolute !important;
    top: 16px !important;
    right: 20px !important;
    background: none !important;
    border: none !important;
    font-size: 44px !important; width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important;
    color: #313131 !important;
    cursor: pointer !important;
    z-index: 10001 !important;
    line-height: 1 !important;
}
.vs-mobile-cta {
    background: linear-gradient(135deg, #1193cc, #e84e9a) !important;
    color: #fff !important;
    border-radius: 10px !important;
    margin-top: 13px !important;
}


/* ============================================ */
/* COMPREHENSIVE FIX - buyingsilverforira v2    */
/* ============================================ */

/* === GLOBAL: max-width 1500px === */
.vs-container, .vs-wrapper {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 23px !important;
    padding-right: 19px !important;
}

/* === HEADER: consistent on all pages === */
.vs-header-container {
    max-width: 1500px !important;
    margin: 0 auto !important;
}

/* === COMPANY TABLE DESKTOP: logos 170-230px === */
.vs-companies-table .vs-company-logo {
    width: 200px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
}
.vs-companies-table-wrapper {
    max-width: 1500px !important;
    margin: 0 auto !important;
}
.vs-companies-table {
    width: 100% !important;
}
.vs-td-company {
    min-width: 250px !important;
}

/* === CTA BUTTONS: center text === */
.vs-btn, .vs-btn-primary, .vs-btn-review,
.exq-btn-cta, .exq-btn-review,
.vs-action-buttons a,
[class*="btn-cta"], [class*="btn-review"] {
    text-align: center !important;
    justify-content: center !important;
    display: inline-flex !important;
    align-items: center !important;
}
.vs-action-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 7px !important;
}
.exq-cta-cell {
    text-align: center !important;
}

/* === IMAGES IN ARTICLE CONTENT: 30% desktop, float === */
.vs-article img, .vs-section img:not(.vs-company-logo):not(.bo-avatar):not([src*="logo"]):not([src*="kit"]):not([src*="banner"]) {
    max-width: 30% !important;
    height: auto !important;
    border-radius: 6px !important;
    margin: 11px !important;
    box-shadow: 0 2px 11px rgba(0,0,0,0.1) !important;
}
.vs-article img:nth-of-type(odd) {
    float: left !important;
    margin-right: 22px !important;
    margin-left: 0 !important;
}
.vs-article img:nth-of-type(even) {
    float: right !important;
    margin-left: 17px !important;
    margin-right: 0 !important;
}
.vs-article section::after, .vs-section::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}
/* Kit banners stay full-width */
.kit-banner-block img, .vs-banner-block img, .vs-banner-img {
    max-width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
}
.kit-banner-block, .vs-banner-block {
    clear: both !important;
}

/* === FAQ: compact height, single indicator === */
[class*="-faq"] .vs-faq-item,
.vs-faq-section .vs-faq-item,
.bo-faq .vs-faq-item {
    margin-bottom: 11px !important;
}
.vs-faq-question {
    padding: 11px 16px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}
.vs-faq-answer {
    padding: 0 18px !important;
}
.vs-faq-item.active .vs-faq-answer {
    padding: 0 21px 16px !important;
    max-height: 500px !important;
}
/* Only use + indicator, no arrows */
.vs-faq-question::after {
    content: '+' !important;
    font-size: 22px !important;
    color: #108cc2 !important;
    font-weight: 300 !important;
    flex-shrink: 0 !important;
    margin-left: 11px !important;
}
.vs-faq-item.active .vs-faq-question::after {
    content: '+' !important;
    transform: rotate(45deg) !important;
}
/* Remove any separate arrow indicators */
.vs-faq-question .faq-arrow,
.vs-faq-question .faq-icon,
.vs-faq-question svg {
    display: none !important;
}
/* FAQ section max-width without inflating height */
[class*="-faq"], #faq, [id="faq"] {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
}
.vs-faq-section, .bo-faq {
    padding: 21px !important;
    margin-top: 30px !important;
    margin-bottom: 33px !important;
}
.vs-faq-section h2 {
    margin-bottom: 18px !important;
    font-size: 19px !important;
}

/* === REVIEW PAGES: company logo with semi-transparent bg === */
.bo-review-logo-wrap {
    text-align: center !important;
    margin-bottom: 23px !important;
}
.bo-review-logo {
    max-width: 280px !important;
    height: auto !important;
    background: rgba(255,255,255,0.85) !important;
    padding: 14px 25px !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 14px rgba(0,0,0,0.08) !important;
}
.vs-review-header {
    text-align: center !important;
    padding: 27px 0 !important;
}
.vs-review-title {
    font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
    margin: 19px 0 !important;
}
.vs-review-meta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}

/* === REVIEW PAGE: CTA box styling === */
.bo-cta-box, .vs-cta-box {
    background: linear-gradient(135deg, #152239 0%, #1385c8 100%) !important;
    color: #fff !important;
    text-align: center !important;
    padding: 38px 31px !important;
    border-radius: 16px !important;
    margin: 33px 0 !important;
}
.bo-cta-box h3, .vs-cta-box h3 {
    color: #fff !important;
    font-size: 1.5rem !important;
}
.bo-cta-box p, .vs-cta-box p {
    color: rgba(255,255,255,0.85) !important;
}
.bo-cta-btn {
    background: linear-gradient(135deg, #eb3f97, #f577af) !important;
    color: #fff !important;
    padding: 16px 29px !important;
    border-radius: 13px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    display: inline-block !important;
    text-decoration: none !important;
    margin-top: 10px !important;
}

/* === BREADCRUMBS: within content area === */
.vs-breadcrumb {
    max-width: 1500px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 12px 0 !important;
    font-size: 17px !important;
}

/* === STICKY FOOTER: ensure proper spacing === */
body {
    padding-bottom: 77px !important;
}

/* === TESTIMONIALS: star size fix === */
.bo-testimonial-stars {
    color: #f39e13 !important;
    font-size: 16px !important;
}

/* === TABLE OF CONTENTS: proper positioning, compact === */
.toc-box {
    max-width: 900px !important;
    margin: 15px auto 22px !important;
}

/* ============================================ */
/* MOBILE STYLES                                */
/* ============================================ */
@media (max-width: 768px) {
    /* Container padding */
    .vs-container, .vs-wrapper {
        padding-left: 12px !important;
        padding-right: 15px !important;
    }

    /* === MOBILE: Company table as cards === */
    .vs-companies-table,
    .vs-companies-table thead,
    .vs-companies-table tbody,
    .vs-companies-table tr,
    .vs-companies-table th,
    .vs-companies-table td {
        display: block !important;
        width: 100% !important;
    }
    .vs-companies-table thead {
        display: none !important;
    }
    .vs-companies-table tr.vs-company-row {
        background: #fff !important;
        border: 1px solid #dce5ee !important;
        border-radius: 9px !important;
        padding: 23px 15px !important;
        margin-bottom: 14px !important;
        text-align: center !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    }
    .vs-companies-table td {
        border: none !important;
        padding: 7px 0 !important;
        text-align: center !important;
    }
    .vs-companies-table td::before {
        content: attr(data-label) !important;
        display: block !important;
        font-weight: 600 !important;
        font-size: 11px !important;
        color: #88848d !important;
        text-transform: uppercase !important;
        letter-spacing: 0.4px !important;
        margin-bottom: 5px !important;
    }
    /* Hide rank on mobile */
    .vs-td-rank {
        display: none !important;
    }
    /* Company info centered */
    .vs-company-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    /* Logo: 40-50% width on mobile */
    .vs-companies-table .vs-company-logo {
        width: 45% !important;
        min-width: 0 !important;
        max-width: 50% !important;
        height: auto !important;
        margin: 0 auto 7px !important;
        display: block !important;
    }
    .vs-company-name {
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    /* Rating centered */
    .vs-rating-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    /* Features as horizontal badges */
    .vs-features-list {
        list-style: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 7px !important;
    }
    .vs-features-list li {
        background: #f0f4f8 !important;
        padding: 4px 13px !important;
        border-radius: 22px !important;
        font-size: 9px !important;
    }
    /* Action buttons centered */
    .vs-action-buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 11px !important;
        margin-top: 7px !important;
    }
    .vs-action-buttons a {
        width: 80% !important;
        text-align: center !important;
        justify-content: center !important;
        padding: 10px 21px !important;
        font-size: 14px !important;
        border-radius: 11px !important;
    }

    /* === MOBILE: Images full width === */
    .vs-article img, .vs-section img:not(.vs-company-logo):not(.bo-avatar):not([src*="logo"]):not([src*="kit"]) {
        max-width: 100% !important;
        float: none !important;
        margin: 14px auto !important;
        display: block !important;
    }

    /* === MOBILE: Hero compact === */
    .bo-hero {
        padding: 21px 15px 15px !important;
    }
    .bo-hero h1 {
        font-size: 1.3rem !important;
    }

    /* === MOBILE: FAQ compact === */
    .vs-faq-question {
        padding: 8px 15px !important;
        font-size: 14px !important;
    }
    .vs-faq-item.active .vs-faq-answer {
        padding: 0 17px 14px !important;
    }
    .vs-faq-answer p {
        font-size: 13px !important;
    }

    /* === MOBILE: Review page === */
    .bo-review-logo {
        max-width: 200px !important;
    }
    .vs-review-title {
        font-size: 1.3rem !important;
    }
    .vs-quick-facts {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .vs-pros-cons {
        flex-direction: column !important;
    }

    /* === MOBILE: center all content === */
    .vs-article, .vs-section, .vs-review-content {
        text-align: left !important;
    }
    .vs-article h2, .vs-article h3,
    .vs-section h2, .bo-table-title {
        text-align: center !important;
    }

    /* === MOBILE: Testimonial cards === */
    .bo-testimonial-card {
        flex: 0 0 85% !important;
    }

    /* === MOBILE: Breadcrumbs contain === */
    .vs-breadcrumb {
        font-size: 12px !important;
        padding: 6px 0 !important;
    }

    /* === MOBILE: Other companies grid === */
    .vs-other-grid {
        grid-template-columns: 1fr !important;
    }

    /* === MOBILE: TOC === */
    .toc-box {
        margin: 13px 0 16px !important;
    }

    /* === MOBILE: Sticky footer === */
    #stickyFoot {
        padding: 7px 12px !important;
    }
    #stickyFoot img {
        height: 30px !important;
    }
    #stickyFoot span {
        font-size: 12px !important;
    }
    #stickyFoot a:last-child {
        font-size: 12px !important;
        padding: 6px 17px !important;
    }

    /* BBB and features hidden on small screens already */
}

/* Extra small screens */
@media (max-width: 400px) {
    .vs-companies-table .vs-company-logo {
        width: 50% !important;
    }
    .vs-action-buttons a {
        width: 90% !important;
    }
}


/* ============================================ */
/* FIX v3 - Hero compact, logos, mobile cards   */
/* ============================================ */

/* === HERO: more compact === */
.bo-hero {
    padding: 31px 0 20px !important;
}
.bo-hero h1 {
    margin-bottom: 5px !important;
}
.bo-hero-sub {
    margin-bottom: 0 !important;
    font-size: 0.95rem !important;
}

/* === Author + Disclosure: compact inline === */
.bo-hero + .vs-container > div:first-child,
h1 + div[style*="display:flex"][style*="align-items:center"] {
    display: inline-flex !important;
    padding: 11px 11px !important;
    margin: 5px 0 !important;
    font-size: 13px !important;
    background: #f0f4f8 !important;
    border-radius: 6px !important;
    border: none !important;
    max-width: 100% !important;
}
h1 + div[style*="display:flex"] + div[style*="background:#fff8e1"] {
    font-size: 11px !important;
    padding: 7px 9px !important;
    margin: 5px 0 7px !important;
    border-radius: 5px !important;
}

/* Make author avatar smaller */
h1 + div[style*="display:flex"] div[style*="width:48px"] {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
}

/* === DESKTOP: Force logo width in table === */
.vs-companies-table .vs-td-company img,
.vs-companies-table img.vs-company-logo,
table[class*="companies"] img[class*="logo"] {
    width: 200px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* === Table: ensure proper column widths === */
.vs-companies-table .vs-td-company {
    width: 280px !important;
}
.vs-companies-table .vs-th-company {
    width: 280px !important;
}

/* === Companies section: tight spacing === */
.vs-companies-section {
    margin-top: 0 !important;
    padding-top: 16px !important;
    border-top: none !important;
}
.bo-table-title {
    margin-bottom: 15px !important;
    font-size: 1.3rem !important;
}

/* ============================================ */
/* MOBILE CARD FIX v3                           */
/* ============================================ */
@media (max-width: 768px) {
    /* Author/Disclosure compact on mobile */
    h1 + div[style*="display:flex"][style*="align-items:center"] {
        padding: 5px 13px !important;
        margin: 3px 0 !important;
    }
    h1 + div[style*="display:flex"] + div[style*="background:#fff8e1"] {
        font-size: 10px !important;
        padding: 5px 8px !important;
        margin: 3px 0 5px !important;
    }

    /* === Card layout override === */
    .vs-companies-table-wrapper {
        overflow: visible !important;
    }
    .vs-companies-table {
        border-collapse: separate !important;
        border-spacing: 0 12px !important;
    }
    .vs-companies-table thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
    }
    .vs-companies-table,
    .vs-companies-table tbody,
    .vs-companies-table tr,
    .vs-companies-table td {
        display: block !important;
        width: 100% !important;
    }
    .vs-company-row {
        background: #ffffff !important;
        border: 1px solid #dae0e6 !important;
        border-radius: 15px !important;
        padding: 20px 19px !important;
        margin-bottom: 16px !important;
        text-align: center !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .vs-companies-table td {
        border: none !important;
        padding: 3px 0 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    /* Hide rank column */
    .vs-td-rank {
        display: none !important;
    }
    /* Company cell */
    .vs-td-company {
        order: 1 !important;
    }
    .vs-company-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .vs-companies-table .vs-td-company img,
    .vs-companies-table img.vs-company-logo {
        width: 45vw !important;
        min-width: 0 !important;
        max-width: 50vw !important;
        height: auto !important;
        margin: 0 auto 6px !important;
    }
    .vs-company-name {
        font-size: 16px !important;
        font-weight: 600 !important;
        margin-top: 4px !important;
    }
    .vs-company-badge {
        margin-top: 5px !important;
        font-size: 14px !important;
    }
    /* Rating cell */
    .vs-td-rating {
        order: 2 !important;
    }
    .vs-rating-box {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
    }
    .vs-stars {
        font-size: 18px !important;
    }
    /* Minimum */
    .vs-td-minimum {
        order: 3 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    /* BBB */
    .vs-td-bbb {
        order: 4 !important;
    }
    /* Features */
    .vs-td-features {
        order: 5 !important;
        display: block !important;
    }
    .vs-features-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 5px !important;
    }
    .vs-features-list li {
        background: #eef2ff !important;
        color: #3f3dcb !important;
        padding: 5px 12px !important;
        border-radius: 23px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    /* Action cell */
    .vs-td-action {
        order: 6 !important;
        padding-top: 5px !important;
    }
    .vs-action-buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 11px !important;
        width: 100% !important;
    }
    .vs-action-buttons a {
        width: 75% !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        padding: 11px 22px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
    }
    .vs-action-buttons .vs-btn-primary {
        background: linear-gradient(135deg, #1190c2, #e746a0) !important;
        color: #fff !important;
    }
    .vs-action-buttons .vs-btn-review {
        background: #f8f9fa !important;
        color: #182d5b !important;
        border: 1px solid #ebede9 !important;
    }

    /* Mobile data labels */
    .vs-td-minimum::before,
    .vs-td-bbb::before,
    .vs-td-rating::before {
        content: attr(data-label) ": " !important;
        font-weight: 600 !important;
        color: #696b62 !important;
        font-size: 12px !important;
        text-transform: uppercase !important;
    }
}


/* ============================================ */
/* FIX v4 - Override vs-style specificity       */
/* ============================================ */

/* Show logo text in header */
.vs-header .vs-logo-text,
.vs-logo .vs-logo-text,
a.vs-logo .vs-logo-text {
    display: inline !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #173965 !important;
}

/* Desktop: max-width 1500 override */
.vs-wrapper, .vs-content, .vs-hero-inner, .vs-companies-container,
.vs-article, .vs-container, .vs-footer-inner, .vs-main {
    max-width: 1500px !important;
}

/* Desktop: logo width override - very specific */
.vs-companies-section .vs-companies-table .vs-company-logo,
table.vs-companies-table img.vs-company-logo,
.vs-companies-table-wrapper .vs-company-logo {
    width: 200px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* ============================================ */
/* MOBILE: Override vs-style.css card layout    */
/* ============================================ */
@media screen and (max-width: 768px) {
    /* Logo text on mobile */
    .vs-header .vs-logo-text,
    .vs-logo .vs-logo-text,
    a.vs-logo .vs-logo-text {
        display: none !important;
    }

    /* Card cells: centered, not space-between */
    .vs-companies-section .vs-companies-table td {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 11px 0 !important;
        border-bottom: none !important;
    }

    /* Company cell: centered column */
    .vs-companies-section .vs-td-company {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding-bottom: 14px !important;
        border-bottom: 1px solid #f5e4d6 !important;
    }

    /* Logo 45% width on mobile */
    .vs-companies-section .vs-company-logo,
    .vs-companies-section .vs-companies-table .vs-company-logo {
        width: 45vw !important;
        min-width: 0 !important;
        max-width: 50vw !important;
        height: auto !important;
        max-height: none !important;
        display: block !important;
        margin: 0 auto 11px !important;
    }

    /* Company name centered */
    .vs-companies-section .vs-company-info {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .vs-companies-section .vs-company-name {
        text-align: center !important;
        font-size: 16px !important;
    }

    /* Hide data-label on company and rank cells */
    .vs-companies-section .vs-td-company::before,
    .vs-companies-section .vs-td-rank::before {
        display: none !important;
    }

    /* Data labels: show as centered small text */
    .vs-companies-section .vs-companies-table td::before {
        display: block !important;
        text-align: center !important;
        margin-right: 0 !important;
        margin-bottom: 1px !important;
        font-size: 12px !important;
        color: #828b7f !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    /* Rating centered */
    .vs-companies-section .vs-td-rating {
        flex-direction: column !important;
        align-items: center !important;
    }
    .vs-companies-section .vs-td-rating .vs-rating-box {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
    }

    /* Features as tags */
    .vs-companies-section .vs-td-features {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .vs-companies-section .vs-td-features .vs-features-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 7px !important;
    }
    .vs-companies-section .vs-td-features .vs-features-list li {
        background: #eef2ff !important;
        color: #3a2ec4 !important;
        padding: 2px 13px !important;
        border-radius: 15px !important;
        font-size: 9px !important;
    }

    /* Action buttons centered */
    .vs-companies-section .vs-td-action {
        flex-direction: column !important;
        align-items: center !important;
        padding-top: 13px !important;
        border-top: 1px solid #f0ebd8 !important;
        border-bottom: none !important;
    }
    .vs-companies-section .vs-td-action::before {
        display: none !important;
    }
    .vs-companies-section .vs-action-buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 11px !important;
        width: 100% !important;
    }
    .vs-companies-section .vs-action-buttons a {
        width: 80% !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        padding: 14px 17px !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        border-radius: 9px !important;
    }
    .vs-companies-section .vs-action-buttons .vs-btn-primary {
        background: linear-gradient(135deg, #0a8fc6, #ef4594) !important;
        color: #fff !important;
    }
    .vs-companies-section .vs-action-buttons .vs-btn-review {
        background: #f8f9fa !important;
        color: #1c2c63 !important;
        border: 1px solid #dbf1f1 !important;
    }

    /* Rank: hide on mobile */
    .vs-companies-section .vs-td-rank {
        display: none !important;
    }

    /* Cards: better shadow and spacing */
    .vs-companies-section .vs-companies-table tbody tr.vs-company-row {
        margin-bottom: 17px !important;
        border-radius: 14px !important;
        padding: 19px !important;
        box-shadow: 0 3px 9px rgba(0,0,0,0.07) !important;
    }

    /* BBB badge */
    .vs-companies-section .vs-td-bbb {
        flex-direction: column !important;
        align-items: center !important;
    }
}


/* ============================================ */
/* FIX v5 - Dark bar, table bg, review logos    */
/* ============================================ */

/* Remove dark backgrounds from table on mobile */
@media (max-width: 768px) {
    .vs-companies-table-wrapper,
    .vs-companies-table,
    table.vs-companies-table,
    .vs-companies-section .vs-companies-table-wrapper,
    .vs-companies-section table.vs-companies-table {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    /* Extra safety: hide thead completely */
    .vs-companies-table thead,
    table.vs-companies-table thead,
    .vs-companies-section .vs-companies-table thead {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        position: absolute !important;
        width: 0 !important;
    }
    /* Table itself */
    .vs-companies-table,
    .vs-companies-table tbody {
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }
}

/* Desktop: table styling */
.vs-companies-table {
    border-collapse: collapse !important;
    width: 100% !important;
    max-width: 1500px !important;
}
.vs-companies-table thead {
    background: #20262e !important;
}
.vs-companies-table thead th {
    color: #fff !important;
    padding: 12px 17px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.vs-companies-table tbody tr {
    border-bottom: 1px solid #f0f0f0 !important;
}
.vs-companies-table tbody tr:hover {
    background: #f8f9ff !important;
}
.vs-companies-table td {
    padding: 18px !important;
    vertical-align: middle !important;
}

/* Review page: company logos with semi-transparent white bg */
.vs-review-page .bo-review-logo-wrap,
.vs-review-header .bo-review-logo-wrap {
    text-align: center !important;
    padding: 17px !important;
}
.bo-review-logo,
.vs-review-page img[class*="logo"],
.vs-review-header img {
    background: rgba(255,255,255,0.9) !important;
    padding: 19px 23px !important;
    border-radius: 10px !important;
    max-width: 260px !important;
    height: auto !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}

/* Review page: pros/cons side by side on desktop */
.vs-pros-cons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
    margin: 17px 0 !important;
}
.vs-pros, .vs-cons {
    padding: 23px !important;
    border-radius: 11px !important;
}
.vs-pros {
    background: #f0fdf4 !important;
    border: 1px solid #8ef5a5 !important;
}
.vs-cons {
    background: #fef2f2 !important;
    border: 1px solid #f5a6a8 !important;
}
.vs-pros h3 { color: #149f49 !important; }
.vs-cons h3 { color: #d31c20 !important; }

@media (max-width: 768px) {
    .vs-pros-cons {
        grid-template-columns: 1fr !important;
    }
}

/* Quick facts on review page */
.vs-quick-facts {
    display: flex !important;
    justify-content: center !important;
    gap: 23px !important;
    flex-wrap: wrap !important;
    margin: 22px 0 !important;
}
.vs-fact-item {
    text-align: center !important;
    padding: 9px 23px !important;
    background: #f8f9fa !important;
    border-radius: 7px !important;
    min-width: 100px !important;
}
.vs-fact-label {
    display: block !important;
    font-size: 11px !important;
    color: #8e7e80 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.vs-fact-value {
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #10395d !important;
    margin-top: 5px !important;
}


/* FIX v6 - Remove table wrapper/table padding+bg on mobile */
@media (max-width: 768px) {
    [class*="companies-table"],
    [class*="companies-table-wrapper"],
    .vs-companies-table-wrapper,
    .vs-companies-table,
    table.vs-companies-table,
    #companies, #providers,
    [id*="companies"], [id*="table-wrapper"] {
        background: none !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
    [class*="companies-table"] thead,
    table[class*="company"] thead {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        clip: rect(0,0,0,0) !important;
    }
}


/* ============================================ */
/* FIX v8 - Comprehensive overrides             */
/* ============================================ */

/* 1. SHOW company names on desktop (shared CSS hides them) */
.vs-company-name,
.vs-companies-table .vs-company-name,
.vs-companies-section .vs-company-name {
    font-size: 15px !important;
    line-height: 1.3 !important;
    height: auto !important;
    overflow: visible !important;
    margin: 5px 0 !important;
    padding: 0 !important;
    display: block !important;
    font-weight: 600 !important;
    color: #1a3758 !important;
}

/* 2. Table wrapper max-width 1500px */
.vs-companies-table-wrapper,
.vs-companies-section .vs-companies-table-wrapper {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.vs-companies-section {
    max-width: 1500px !important;
}

/* 3. Desktop logo width 170-230px */
.vs-companies-table .vs-company-logo,
.vs-companies-table img.vs-company-logo,
table.vs-companies-table img.vs-company-logo,
.vs-companies-section img.vs-company-logo {
    width: 200px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 4. Fix company badge visibility */
.vs-company-badge {
    font-size: 12px !important;
    height: auto !important;
    overflow: visible !important;
    display: inline-block !important;
    background: #eef2ff !important;
    color: #4732d0 !important;
    padding: 1px 11px !important;
    border-radius: 12px !important;
    margin-top: 5px !important;
}

/* 5. FAQ accordion: override shared CSS that forces answers open */
.vs-faq-item .vs-faq-answer {
    display: block !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 26px !important;
    transition: max-height 0.3s ease, padding 0.3s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.vs-faq-item.active .vs-faq-answer {
    max-height: 500px !important;
    padding: 0 27px 17px !important;
}

/* FAQ compact question height */
.vs-faq-item .vs-faq-question {
    padding: 12px 21px !important;
    margin: 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    min-height: 0 !important;
}
.bo-faq,
.vs-faq-section {
    margin: 2rem auto !important;
    padding: 20px !important;
}
.vs-faq-item {
    margin-bottom: 11px !important;
}

/* FAQ indicator: only show + / x, not arrow */
.vs-faq-question::after {
    content: '+' !important;
    font-size: 22px !important;
    color: #0a94c7 !important;
    font-weight: 300 !important;
    transition: transform 0.3s !important;
    flex-shrink: 0 !important;
    margin-left: 9px !important;
}
.vs-faq-item.active .vs-faq-question::after {
    transform: rotate(45deg) !important;
}

/* 6. Pros/Cons list markers fix */
.vs-pros ul,
.vs-cons ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.vs-pros ul li,
.vs-cons ul li {
    padding: 7px 0 5px 22px !important;
    position: relative !important;
    line-height: 1.6 !important;
}
.vs-pros ul li::before {
    content: '\2713' !important;
    position: absolute !important;
    left: 0 !important;
    color: #19a546 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.vs-cons ul li::before {
    content: '\2717' !important;
    position: absolute !important;
    left: 0 !important;
    color: #d8271d !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* 7. Article images: 30% width on desktop, float */
.vs-article img,
article img:not([class*="logo"]):not([class*="avatar"]):not([class*="banner"]):not([class*="kit"]) {
    max-width: 30% !important;
    height: auto !important;
    border-radius: 11px !important;
    margin: 12px 17px 13px 0 !important;
    float: left !important;
}
.vs-article img:nth-of-type(even),
article img:nth-of-type(even):not([class*="logo"]):not([class*="avatar"]):not([class*="banner"]):not([class*="kit"]) {
    float: right !important;
    margin: 9px 0 8px 21px !important;
}
/* Banners should stay full width and centered */
.kit-banner-block img,
[class*="banner-block"] img,
[class*="banner-img"] {
    max-width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
}
@media (max-width: 768px) {
    .vs-article img,
    article img:not([class*="logo"]):not([class*="avatar"]):not([class*="banner"]):not([class*="kit"]) {
        max-width: 100% !important;
        float: none !important;
        margin: 13px 0 !important;
        display: block !important;
    }
}

/* 8. Review page: company logo with white bg */
.bo-review-logo-wrap {
    text-align: center !important;
    padding: 22px !important;
}
.bo-review-logo,
.vs-review-page img.bo-review-logo,
.vs-review-header img {
    background: rgba(255,255,255,0.95) !important;
    padding: 17px 33px !important;
    border-radius: 15px !important;
    max-width: 280px !important;
    height: auto !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}

/* 9. CTA buttons centered text */
.vs-btn,
.vs-btn-primary,
.vs-btn-review,
.vs-action-buttons a,
.bo-cta-btn,
[class*="exq-btn"] {
    text-align: center !important;
    justify-content: center !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 10. Breadcrumbs within content width */
.vs-breadcrumb {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* ============================================ */
/* MOBILE FIX v8                                */
/* ============================================ */
@media (max-width: 768px) {
    /* Hide verbose data labels on mobile cards */
    .vs-companies-table td::before,
    .vs-td-rank::before,
    .vs-td-company::before,
    .vs-td-action::before {
        display: none !important;
        content: none !important;
    }

    /* Show useful labels small */
    .vs-td-rating::before,
    .vs-td-minimum::before,
    .vs-td-bbb::before,
    .vs-td-features::before {
        display: block !important;
        content: attr(data-label) !important;
        font-size: 10px !important;
        color: #959ea1 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.6px !important;
        margin-bottom: 1px !important;
        text-align: center !important;
        font-weight: 600 !important;
    }

    /* Hide rank completely */
    .vs-td-rank {
        display: none !important;
    }

    /* Card layout */
    .vs-companies-table,
    .vs-companies-table tbody,
    .vs-companies-table tr,
    .vs-companies-table td {
        display: block !important;
        width: 100% !important;
    }
    .vs-companies-table thead {
        display: none !important;
    }
    .vs-company-row {
        background: #fff !important;
        border: 1px solid #e8e3f2 !important;
        border-radius: 15px !important;
        padding: 20px 19px !important;
        margin-bottom: 18px !important;
        box-shadow: 0 1px 15px rgba(0,0,0,0.06) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    .vs-companies-table td {
        border: none !important;
        padding: 5px 0 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Company logo 45% width on mobile */
    .vs-company-logo,
    .vs-companies-table .vs-company-logo,
    .vs-companies-section .vs-company-logo {
        width: 45vw !important;
        min-width: 0 !important;
        max-width: 50vw !important;
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto 6px !important;
    }

    /* Company name on mobile - show it */
    .vs-company-name {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #15305a !important;
    }

    /* Features as tags */
    .vs-features-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
    }
    .vs-features-list li {
        background: #eef2ff !important;
        color: #413ad2 !important;
        padding: 4px 12px !important;
        border-radius: 13px !important;
        font-size: 14px !important;
    }
    .vs-features-list li::before {
        content: none !important;
    }

    /* Action buttons */
    .vs-action-buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 7px !important;
        width: 100% !important;
        padding-top: 6px !important;
    }
    .vs-action-buttons a {
        width: 80% !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        padding: 13px 20px !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        border-radius: 12px !important;
    }
    .vs-action-buttons .vs-btn-primary {
        background: linear-gradient(135deg, #148dc9, #e94397) !important;
        color: #fff !important;
    }
    .vs-action-buttons .vs-btn-review {
        background: #f8f9fa !important;
        color: #1b3e66 !important;
        border: 1px solid #d9eef0 !important;
    }

    /* Rating centered */
    .vs-rating-box {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 7px !important;
    }

    /* BBB badge centered */
    .vs-bbb-badge {
        display: inline-block !important;
        background: #f0fdf4 !important;
        color: #0c9e40 !important;
        padding: 1px 8px !important;
        border-radius: 7px !important;
        font-weight: 700 !important;
    }

    /* Testimonial cards: one at a time */
    .bo-testimonial-card {
        flex: 0 0 85% !important;
    }

    /* Table section max-width auto on mobile */
    .vs-companies-section {
        max-width: 100% !important;
        padding: 0 8px !important;
    }

    /* Pros/Cons stack on mobile */
    .vs-pros-cons {
        grid-template-columns: 1fr !important;
    }
}

/* Sticky footer: show on review pages */
.vs-sticky-footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background: #fff !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
    padding: 7px 23px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}


/* ============================================ */
/* FIX v9 - Override specificity for mobile     */
/* ============================================ */
@media (max-width: 768px) {
    /* Force hide rank td - higher specificity than .vs-companies-table td */
    .vs-companies-section .vs-companies-table .vs-td-rank,
    .vs-companies-table-wrapper .vs-companies-table .vs-td-rank,
    table.vs-companies-table td.vs-td-rank {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    /* Hide ALL data-label ::before on company and action cells */
    .vs-companies-section .vs-companies-table .vs-td-company::before,
    .vs-companies-section .vs-companies-table .vs-td-action::before,
    .vs-companies-section .vs-companies-table .vs-td-rank::before,
    table.vs-companies-table td.vs-td-company::before,
    table.vs-companies-table td.vs-td-action::before,
    table.vs-companies-table td.vs-td-rank::before {
        display: none !important;
        content: none !important;
        height: 0 !important;
        font-size: 0 !important;
    }

    /* Show only useful labels (Rating, Minimum, BBB, Features) */
    .vs-companies-section .vs-companies-table .vs-td-rating::before,
    .vs-companies-section .vs-companies-table .vs-td-minimum::before,
    .vs-companies-section .vs-companies-table .vs-td-bbb::before,
    .vs-companies-section .vs-companies-table .vs-td-features::before {
        display: block !important;
        content: attr(data-label) !important;
        font-size: 10px !important;
        color: #988fa2 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 3px !important;
        text-align: center !important;
        font-weight: 600 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Company info: centered column */
    .vs-companies-section .vs-td-company {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #f3dfd9 !important;
    }

    /* Action: top border separator */
    .vs-companies-section .vs-td-action {
        padding-top: 13px !important;
        border-top: 1px solid #eaedd4 !important;
        border-bottom: none !important;
    }
}


/* FIX v10 - Override float on article images (causes gaps) */
.vs-article img,
article img:not([class*="logo"]):not([class*="avatar"]):not([class*="banner"]):not([class*="kit"]) {
    float: none !important;
    display: block !important;
    margin: 13px auto !important;
    max-width: 30% !important;
    height: auto !important;
    border-radius: 9px !important;
}
.vs-article img:nth-of-type(even),
article img:nth-of-type(even):not([class*="logo"]):not([class*="avatar"]):not([class*="banner"]):not([class*="kit"]) {
    float: none !important;
    margin: 15px auto !important;
}
@media (max-width: 768px) {
    .vs-article img,
    article img:not([class*="logo"]):not([class*="avatar"]):not([class*="banner"]):not([class*="kit"]) {
        max-width: 100% !important;
    }
}

/* Fix FAQ answer padding when closed */
.vs-faq-item .vs-faq-answer {
    padding: 0 22px !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease, padding 0.3s ease !important;
}
.vs-faq-item.active .vs-faq-answer {
    max-height: 500px !important;
    padding: 15px 19px 14px !important;
}

/* Testimonial cards: fix cutoff */
.bo-testimonial-card {
    min-width: 240px !important;
}
@media (max-width: 768px) {
    .bo-testimonials-track {
        gap: 15px !important;
        padding: 5px !important;
    }
    .bo-testimonial-card {
        flex: 0 0 85% !important;
        min-width: 0 !important;
    }
}