/* Design Overhaul v3 - shared */
.ekpi-hero,.gc-hero,[class$="-hero"],section[role="banner"]{background:linear-gradient(135deg,#1b162c 0%,#0d2140 50%,#0f3d67 100%)!important;color:#fff!important;padding:3.5rem 1.5rem!important;text-align:center!important;position:relative!important}
.ekpi-hero h1,.gc-hero h1,.ekpi-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}
.ekpi-hero p,.gc-hero p,.ekpi-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}
.ekpi-hero-badge,.gc-hero-badge{display:inline-block!important;background:rgba(181,135,10,.2)!important;color:#d09d17!important;padding:.3rem 1rem!important;border-radius:17px!important;font-size:.8rem!important;font-weight:600!important;margin-bottom:1rem!important;border:2px solid rgba(180,133,17,.3)!important}
.ekpi-hero-buttons a,.gc-hero-buttons a{padding:.7rem 1.8rem!important;border-radius:7px!important;font-weight:600!important;font-size:.95rem!important;text-decoration:none!important;display:inline-block!important}
.ekpi-btn-main,.gc-btn-main{background:linear-gradient(135deg,#c17d0a 0%,#d8a021 100%)!important;color:#fff!important;border:none!important}
.ekpi-btn-outline,.gc-btn-outline{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.4)!important}
.ekpi-trust-bar,.gc-trust-bar{background:#f8f9fa!important;border-bottom:1px solid #e9ecef!important;padding:.75rem 1rem!important}
.ekpi-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}
.ekpi-trust-item,.gc-trust-item{display:flex!important;align-items:center!important;gap:7px!important;font-size:.8rem!important;color:#4e5e4d!important;font-weight:500!important}
.ekpi-trust-icon,.gc-trust-icon,svg[class*="-trust-icon"]{width:20px!important;height:20px!important;flex-shrink:0!important;color:#be7f0a!important;stroke:#b47d0b!important}
article p{line-height:1.75!important;margin-bottom:1.2rem!important;color:#352c30!important;font-size:1rem!important}
article h2{font-size:clamp(1.3rem,3vw,1.8rem)!important;font-weight:700!important;color:#1f1533!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:#27414f!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:#3b3b45!important}
[class*="-testimonial"],[class*="-review-card"],[class*="-review-item"]{background:#fff!important;border:1px solid #e9ecef!important;border-radius:11px!important;padding:1.5rem!important;margin-bottom:1.25rem!important;box-shadow:0 3px 13px rgba(0,0,0,.06)!important}
[class*="-faq"] details{border:1px solid #e9ecef!important;border-radius:11px!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,#111d31,#172845)!important;color:#fff!important;padding:.25rem .75rem!important;border-radius:3px!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:2px!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:11px!important;box-shadow:0 5px 18px rgba(177,126,10,.15)!important}
[class*="-company-logo"],img[class*="company-logo"]{min-height:40px!important;max-height:55px!important;border-radius:9px!important;border:none!important}
svg[class*="-icon"]{width:24px!important;height:24px!important;flex-shrink:0!important}
@media(max-width:768px){.ekpi-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*="ekpi-featured-row"], [class*="ekpi-promo"] {
    display: none !important;
}
/* Hide the Augusta highlight bar between table rows */
[class*="-company-highlight"], [class*="-augusta-highlight"], .ekpi-highlight-row {
    display: none !important;
}

/* FORCE hide hero buttons */
.ekpi-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 */
.ekpi-company-logo, .gc-company-logo, .vs-company-logo,
img[class*="company-logo"], img[class*="CompanyLogo"],
[class*="catCompanyLogo"] {
    width: 200px !important;
    max-height: none !important;
    min-width: 170px !important;
    max-width: 230px !important;
    height: auto !important;
    width: auto !important;
}

/* Hide company text name in table (keep badge) */
.ekpi-company-name, .gc-company-name, .vs-company-name,
div[class$="-company-name"],
span[class*="CompanyName__main"] {
    font-size: 13px !important;
    line-height: 1.3 !important;
    height: auto !important;
    overflow: visible !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,
.ekpi-companies-table td, .ekpi-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 *,
.ekpi-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: 5px !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: 13px !important;
    margin-bottom: 6px !important;
}
[class*="-testimonial-verified"] {
    color: #18cb56 !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"],
.ekpi-companies-table-wrapper, .gc-companies-table-wrapper, .vs-companies-table-wrapper,
#companies, #providers, [id*="companies"], [id*="table-wrapper"] {
    background: #f9fafb !important;
    border-radius: 12px !important;
    padding: 13px !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, #182224, #1d2739) !important;
}
[class*="companies-table"] thead th, table[class*="company"] thead th {
    color: #fff !important;
    font-weight: 600 !important;
    padding: 11px 11px !important;
}

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

/* Double company logos size */
.ekpi-company-logo, .gc-company-logo, .vs-company-logo,
img[class*="company-logo"], img[class*="CompanyLogo"],
[class*="catCompanyLogo"] {
    width: 200px !important;
    max-height: none !important;
    min-width: 170px !important;
    max-width: 230px !important;
    height: auto !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: 1.5rem 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: #16102e !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, #be8410, #d5a91f) !important;
    margin: 15px auto 0 !important;
    border-radius: 3px !important;
}

/* FAQ Items */
[class*="-faq-item"], .faq-item {
    background: #fff !important;
    border: 1px solid #eaefef !important;
    border-radius: 15px !important;
    margin-bottom: 12px !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: #1e2036 !important;
    cursor: pointer !important;
    background: #fafbfc !important;
    margin: 0 !important;
    border-bottom: 2px 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: #435766 !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: #4c5d6a !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: 1500px !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"],
.ekpi-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(207,167,42,.12) 0%,rgba(206,164,33,.05) 100%);border:2px solid #c99823;border-radius:14px;padding:27px 39px;margin:37px 0}
.mag-toc__title{font-size:20px;margin-bottom:23px;display:flex;align-items:center;gap:10px}
.mag-toc__list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:0;margin:0}
.mag-toc__list li a{display:flex;align-items:center;gap:12px;padding:9px 19px;color:#292526;text-decoration:none;border-radius:9px;transition:background .2s}
.mag-toc__list li a:hover{background:rgba(205,154,41,.18);color:#bfa128}
.mag-toc__list li a::before{content:'\2192';color:#d2a42d}
@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 */
    .ekpi-companies-table-wrapper, .gc-companies-table-wrapper, .vs-companies-table-wrapper,
    .bv-companies-table-wrapper, [class*="companies-table-wrapper"] {
        padding: 8px 0 !important;
        margin-left: -21px !important;
        margin-right: -26px !important;
        width: calc(100% + 47px) !important;
        max-width: none !important;
        border-radius: 0 !important;
        overflow-x: auto !important;
    }

    /* Remove min-width, natural width */
    .ekpi-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),
    .ekpi-th-rank, .ekpi-td-rank, .gc-th-rank, .gc-td-rank,
    [class*="companies-table"] th:nth-child(5),
    [class*="companies-table"] td:nth-child(5),
    .ekpi-th-bbb, .ekpi-td-bbb, .gc-th-bbb, .gc-td-bbb,
    [class*="companies-table"] th:nth-child(6),
    [class*="companies-table"] td:nth-child(6),
    .ekpi-th-features, .ekpi-td-features, .gc-th-features, .gc-td-features {
        display: none !important;
    }

    /* Compact company cell */
    .ekpi-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;
    }
    .ekpi-company-name, .gc-company-name, [class*="company-name"] {
        font-size: 11px !important;
        line-height: 1.2 !important;
    }
    .ekpi-company-badge, .gc-company-badge, [class*="company-badge"] {
        font-size: 8px !important;
        padding: 1px 5px !important;
    }
    .ekpi-company-info, .gc-company-info, [class*="company-info"] {
        gap: 1px !important;
    }

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

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

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

    /* Compact table cells */
    [class*="companies-table"] td,
    [class*="companies-table"] th {
        padding: 6px 5px !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),
    .ekpi-th-rating, .ekpi-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 7px !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 #e3e6dc !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: 9px 6px !important;
        min-height: 51px !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: 8px 13px !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: 7px 19px !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}
}

/* Mobile card layout - FINAL OVERRIDE */
@media(max-width:768px){
.ekpi-companies-table,.gc-companies-table,.vs-companies-table,[class*="companies-table"]:not([class*="wrapper"]){display:block!important;table-layout:auto!important;min-width:auto!important;width:100%!important;}
.ekpi-companies-table thead,.gc-companies-table thead,.vs-companies-table thead,[class*="companies-table"] thead{display:none!important;}
.ekpi-companies-table tbody,.gc-companies-table tbody,.vs-companies-table tbody,[class*="companies-table"] tbody{display:flex!important;flex-direction:column!important;gap:15px!important;}
.ekpi-companies-table tbody tr,.gc-companies-table tbody tr,.vs-companies-table tbody tr,[class*="companies-table"] tbody tr{display:flex!important;flex-direction:column!important;align-items:center!important;background:#fff!important;border-radius:19px!important;padding:21px 14px!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important;border:1px solid #eee!important;text-align:center!important;border-bottom:1px solid #eee!important;}
.ekpi-companies-table td,.gc-companies-table td,.vs-companies-table td,[class*="companies-table"] td{display:block!important;width:100%!important;padding:3px 0!important;border:none!important;text-align:center!important;border-bottom:none!important;border-left:none!important;border-right:none!important;}
.ekpi-companies-table .ekpi-td-rank,.gc-companies-table .gc-td-rank,[class*="companies-table"] [class*="td-rank"]{display:none!important;}
.ekpi-companies-table .ekpi-td-bbb,.ekpi-companies-table .ekpi-td-features,.gc-companies-table .gc-td-bbb,.gc-companies-table .gc-td-features{display:none!important;}
.ekpi-company-logo,.gc-company-logo,.vs-company-logo,img[class*="company-logo"]{max-height:60px!important;min-height:40px!important;max-width:40vw!important;margin:0 auto 6px!important;display:block!important;}
.ekpi-company-name,.gc-company-name,.vs-company-name,div[class*="company-name"]{font-size:15px!important;font-weight:700!important;height:auto!important;overflow:visible!important;line-height:1.3!important;}
.ekpi-company-badge,.gc-company-badge,[class*="company-badge"]{display:inline-block!important;margin-top:4px!important;font-size:8px!important;height:auto!important;overflow:visible!important;}
.ekpi-rating-box,.gc-rating-box,[class*="rating-box"]{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;}
.ekpi-star,.gc-star{font-size:17px!important;}
.ekpi-td-minimum,.gc-td-minimum,[class*="td-minimum"]{font-size:18px!important;font-weight:700!important;color:#c08b0a!important;}
.ekpi-action-buttons,.gc-action-buttons,[class*="action-buttons"]{flex-direction:row!important;justify-content:center!important;gap:11px!important;margin-top:6px!important;}
.ekpi-btn-primary-visit,.gc-btn-primary,[class*="btn-primary-visit"]{padding:13px 24px!important;font-size:11px!important;display:inline-block!important;}
.ekpi-btn-review,.gc-btn-review,[class*="btn-review"]{padding:10px 19px!important;font-size:16px!important;display:inline-block!important;}
.ekpi-companies-table-wrapper,.gc-companies-table-wrapper,[class*="companies-table-wrapper"]{margin-left:0!important;margin-right:0!important;width:100%!important;padding:9px!important;}
}

/* Show rating in mobile cards */
@media(max-width:768px){
.ekpi-td-rating,.gc-td-rating,[class*="td-rating"]{display:block!important;width:100%!important;}
.ekpi-star-full{color:#d79b20!important;}
.ekpi-star-half{color:#e0a425!important;}
.ekpi-star-empty{color:#e2d8e0!important;}
.ekpi-action-buttons,.gc-action-buttons,[class*="action-buttons"]{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;gap:13px!important;}
}

/* Force compact FAQ items */
.ekpi-faq-item, [class*="faq-item"] {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
}
.ekpi-faq-question, [class*="faq-question"] {
    padding: 11px 20px !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}
.ekpi-faq-answer, [class*="faq-answer"] {
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.ekpi-faq-item.active .ekpi-faq-answer,
[class*="faq-item"].active [class*="faq-answer"] {
    max-height: 600px !important;
    padding: 17px 19px !important;
}
.ekpi-faq-list, [class*="faq-list"] {
    padding: 0 !important;
}

/* Fix FAQ answer margin causing tall items */
.ekpi-faq-answer, [class*="faq-answer"], [class*="faq-item"] > div:last-child {
    margin: 0 !important;
}
.ekpi-faq-item.active .ekpi-faq-answer,
[class*="faq-item"].active [class*="faq-answer"] {
    margin: 0 !important;
}


/* =============================================
   COMPREHENSIVE FIX v4 - goldiraprosandcons
   ============================================= */

/* 1. Content width 1500px */
.ekpi-content, .tf-main, main[class*="-main"],
[id="main-content"], .tf-wrapper {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
[id="guide"], .ekpi-guide, .ekpi-section {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2. Table width 1500px */
#homepage-table-wrapper {
    max-width: 1500px !important;
    margin: 0 auto !important;
}
.ekpi-companies-table-wrapper {
    max-width: 1500px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* 3. Desktop company logos: 170-230px width */
@media (min-width: 769px) {
    .ekpi-company-logo, .gc-company-logo, .vs-company-logo,
    img[class*="company-logo"], img[class*="CompanyLogo"] {
        width: 200px !important;
        min-width: 170px !important;
        max-width: 230px !important;
        max-height: none !important;
        min-height: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* 4. CTA button text centering */
.ekpi-btn-primary, .ekpi-btn-primary-visit, .ekpi-btn-review,
.gc-btn-primary, .gc-btn-review,
[class*="btn-primary-visit"], [class*="btn-review"],
.exq-btn-cta, .exq-btn-review,
a[class*="ekpi-btn"] {
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ekpi-action-buttons, .gc-action-buttons, [class*="action-buttons"],
.exq-cta-cell {
    text-align: center !important;
}
.exq-cta-cell a {
    text-align: center !important;
    display: block !important;
    margin: 3px auto !important;
}

/* 5. Images in text content: 30% width with float on desktop */
@media (min-width: 769px) {
    .ekpi-section-content img, .ekpi-section img:not(.ekpi-company-logo),
    .ekpi-guide img:not(.ekpi-company-logo):not([src*="logo"]),
    article img:not([class*="company"]):not([class*="logo"]):not([src*="logo"]):not([src*="kit"]):not([src*="banner"]) {
        max-width: 30% !important;
        height: auto !important;
        border-radius: 7px !important;
        margin: 0.5rem 1.5rem 1rem 0 !important;
    }
    .ekpi-section-content img:nth-of-type(odd),
    .ekpi-guide img:nth-of-type(odd):not(.ekpi-company-logo):not([src*="logo"]):not([src*="kit"]) {
        float: left !important;
        margin: 0.5rem 1.5rem 1rem 0 !important;
    }
    .ekpi-section-content img:nth-of-type(even),
    .ekpi-guide img:nth-of-type(even):not(.ekpi-company-logo):not([src*="logo"]):not([src*="kit"]) {
        float: right !important;
        margin: 0.5rem 0 1rem 1.5rem !important;
    }
    .ekpi-section-content::after, .ekpi-section::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }
}
/* Mobile: images 100% width */
@media (max-width: 768px) {
    .ekpi-section-content img, .ekpi-section img,
    .ekpi-guide img:not(.ekpi-company-logo),
    article img:not([class*="company"]):not([class*="logo"]) {
        max-width: 100% !important;
        width: 100% !important;
        float: none !important;
        margin: 0.5rem 0 !important;
    }
}

/* 6. FAQ compact height fix - override margin inflation */
[class*="-faq"], #faq, [id="faq"] {
    max-width: 900px !important;
    margin: 1.5rem auto !important;
    padding: 0 1.5rem !important;
}
.ekpi-faq-item, [class*="faq-item"] {
    margin-bottom: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
}
.ekpi-faq-question, [class*="faq-question"] {
    padding: 15px 40px 9px 20px !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.4 !important;
    position: relative !important;
}
/* Single indicator: only ::after plus sign, remove any other arrows */
.ekpi-faq-question svg, [class*="faq-question"] svg,
.ekpi-faq-question .faq-arrow, [class*="faq-question"] .faq-arrow,
.ekpi-faq-question .faq-icon, [class*="faq-question"] .faq-icon {
    display: none !important;
}
.ekpi-faq-answer p, [class*="faq-answer"] p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 7. Review page fixes - tf- prefix styles */
.tf-review-header {
    display: flex !important;
    align-items: center !important;
    gap: 31px !important;
    padding: 35px !important;
    background: linear-gradient(135deg, #161d2d, #1b2242) !important;
    border-radius: 13px !important;
    margin-bottom: 30px !important;
    border-left: 5px solid #d5aa28 !important;
}
.tf-review-logo {
    width: 180px !important;
    height: auto !important;
    background: rgba(255, 255, 255, 0.85) !important;
    padding: 13px !important;
    border-radius: 14px !important;
    flex-shrink: 0 !important;
}
.tf-review-meta h1 {
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 11px !important;
}
.tf-review-meta p {
    color: rgba(255,255,255,0.7) !important;
    margin-bottom: 13px !important;
}
.tf-review-rating {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.tf-review-stars {
    color: #d49e19 !important;
    font-size: 20px !important;
}
.tf-review-score {
    font-weight: 700 !important;
    color: #fff !important;
    font-size: 18px !important;
}
.tf-review-bbb {
    background: rgba(255,255,255,0.1) !important;
    padding: 3px 12px !important;
    border-radius: 3px !important;
    font-size: 16px !important;
    color: #dda41e !important;
}
.tf-review-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 21px !important;
    margin-bottom: 30px !important;
}
.tf-review-card {
    background: #f8f9fa !important;
    border-radius: 13px !important;
    padding: 24px !important;
    text-align: center !important;
    border: 1px solid #e9ecef !important;
}
.tf-review-card-icon {
    font-size: 28px !important;
    margin-bottom: 11px !important;
}
.tf-review-card-title {
    font-size: 13px !important;
    color: #696c63 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin-bottom: 6px !important;
}
.tf-review-card-value {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111f26 !important;
}
.tf-pros-cons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    margin: 29px 0 !important;
}
.tf-pros, .tf-cons {
    background: #f8f9fa !important;
    border-radius: 12px !important;
    padding: 23px !important;
    border: 2px solid #e9ecef !important;
}
.tf-pros h3 {
    color: #22c164 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
}
.tf-cons h3 {
    color: #ee453b !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
}
.tf-pros ul, .tf-cons ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.tf-pros li, .tf-cons li {
    padding: 7px 0 !important;
    border-bottom: 2px solid #e9ecef !important;
    color: #3c3a45 !important;
    font-size: 14px !important;
    padding-left: 27px !important;
    position: relative !important;
}
.tf-pros li::before {
    content: '\2713' !important;
    color: #20bf5e !important;
    font-weight: 700 !important;
    position: absolute !important;
    left: 0 !important;
}
.tf-cons li::before {
    content: '\2717' !important;
    color: #f54149 !important;
    font-weight: 700 !important;
    position: absolute !important;
    left: 0 !important;
}
.tf-fees-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #f8f9fa !important;
    border-radius: 11px !important;
    overflow: hidden !important;
}
.tf-fees-table th, .tf-fees-table td {
    padding: 12px 23px !important;
    text-align: left !important;
    border-bottom: 1px solid #e9ecef !important;
}
.tf-fees-table th {
    background: linear-gradient(135deg, #151f37, #1b1b37) !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.tf-fees-table td {
    color: #3b483b !important;
}
.tf-cta-box {
    text-align: center !important;
    padding: 37px !important;
    background: linear-gradient(135deg, #fffbeb, #f5efca) !important;
    border: 2px solid #dda527 !important;
    border-radius: 15px !important;
    margin: 35px 0 !important;
}
.tf-cta-box h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #122226 !important;
    margin-bottom: 6px !important;
}
.tf-cta-box p {
    color: #555d51 !important;
    margin-bottom: 23px !important;
}
.tf-btn {
    display: inline-block !important;
    padding: 14px 33px !important;
    background: linear-gradient(135deg, #b97e0a, #d1a321) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border-radius: 9px !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(182,140,10,0.3) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.tf-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(181,130,17,0.4) !important;
}
.tf-content-block {
    background: #fff !important;
    border-radius: 9px !important;
    padding: 34px !important;
    margin-bottom: 31px !important;
    border: 2px solid #e9ecef !important;
}
.tf-content-block h2 {
    color: #101a25 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 22px 0 15px !important;
}
.tf-content-block p, .tf-content-block li {
    color: #42423a !important;
    line-height: 1.7 !important;
}

/* Other companies grid on review pages */
.tf-other-companies {
    margin: 40px 0 !important;
}
.tf-other-title {
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #232229 !important;
    margin-bottom: 26px !important;
}
.tf-other-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 23px !important;
}
.tf-other-card {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 27px !important;
    text-align: center !important;
}
.tf-other-card img {
    height: 60px !important;
    width: auto !important;
    margin-bottom: 9px !important;
    background: rgba(255,255,255,0.85) !important;
    padding: 10px !important;
    border-radius: 7px !important;
}
.tf-other-card h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #171624 !important;
    margin-bottom: 9px !important;
}
.tf-other-card p {
    color: #6e686a !important;
    font-size: 13px !important;
    margin-bottom: 15px !important;
}
.tf-other-card a {
    color: #be860f !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* 8. Mobile review page fixes */
@media (max-width: 768px) {
    .tf-review-header {
        flex-direction: column !important;
        text-align: center !important;
        padding: 26px 15px !important;
        gap: 19px !important;
    }
    .tf-review-logo {
        width: 140px !important;
        margin: 0 auto !important;
    }
    .tf-review-rating {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    .tf-review-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .tf-pros-cons {
        grid-template-columns: 1fr !important;
    }
    .tf-other-grid {
        grid-template-columns: 1fr !important;
    }
}

/* 9. Breadcrumbs constraint */
.breadcrumbs, .breadcrumb, [class*="breadcrumb"],
nav[aria-label="breadcrumb"], .tf-breadcrumb {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 8px 1.5rem !important;
}

/* 10. Banner centering */
.tf-banner-block, [class*="banner-block"],
.kit-banner-block, [class*="kit-banner"] {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.kit-banner-block img, [class*="kit-banner"] img {
    max-width: 700px !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
}

/* 11. Mobile card logos: 40-50% width */
@media (max-width: 768px) {
    .ekpi-company-logo, .gc-company-logo, .vs-company-logo,
    img[class*="company-logo"] {
        width: 45vw !important;
        max-width: 50vw !important;
        min-width: 40vw !important;
        max-height: none !important;
        min-height: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* 12. Hero compact height */
.ekpi-hero, [class$="-hero"], section[role="banner"] {
    padding: 2rem 1.5rem 1rem !important;
}
.ekpi-hero-subtitle, [class*="hero-subtitle"] {
    margin-bottom: 0.5rem !important;
}

/* 13. Font contrast fix for all blocks */
.tf-content-block, .tf-wrapper, .ekpi-content,
.ekpi-section, .ekpi-guide, article {
    color: #30343c !important;
}
.tf-content-block h1, .tf-content-block h2, .tf-content-block h3 {
    color: #162337 !important;
}

/* 14. Mobile minimum side margins */
@media (max-width: 768px) {
    .ekpi-content, .tf-main, main, .tf-wrapper {
        padding-left: 13px !important;
        padding-right: 10px !important;
    }
    .ekpi-section, .ekpi-guide, [id="guide"] {
        padding-left: 11px !important;
        padding-right: 8px !important;
    }
}

/* 15. FAQ microdata schema support - visual only */
[itemtype*="FAQPage"] {
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* 16. Review page header - nav links visible on review */
@media (min-width: 769px) {
    .tf-review-header + .tf-review-grid {
        margin-top: 0 !important;
    }
}