@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* ── Reset & base ─────────────────────────────────────────── */
#content .ai4w-post,
#content .ai4w-post * {
    font-family: 'Montserrat', sans-serif !important;
    box-sizing: border-box !important;
}

/* ── Layout wrapper — CSS Grid 3 columns ────────────────── */
/* Col 1: TOC (200px) | Col 2: Content (1fr) | Col 3: Sidebar (260px) */
.ai4w-post {
    display: grid !important;
    grid-template-columns: 200px 1fr 260px !important;
    grid-template-rows: auto auto !important;
    gap: 0 !important;
    align-items: start !important;
}

/* TOC — col 1, row 1 only */
.ai4w-toc {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding-right: 1.25rem !important;
    padding-bottom: 1rem !important;
    border-right: none !important;
}

/* Sidebar — col 3, row 1 only, sticky */
.ai4w-post__sidebar {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding-left: 1.25rem !important;
    position: sticky !important;
    top: 24px !important;
    float: none !important;
}

/* Content — col 2, row 1, with permanent left border */
.ai4w-post__content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border-left: 0.5px solid #e5e7eb !important;
    overflow: hidden !important;
}

/* Full-width zone — spans all 3 columns in row 2,
   left padding keeps text aligned to the vertical line */
.ai4w-post__fullwidth {
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;
    padding-left: calc(200px + 1.25rem) !important;
    padding-right: calc(260px + 1.25rem) !important;
    border-left: none !important;
    padding-top: .5rem !important;
    position: relative !important;
}

/* Permanent vertical line running full article height */
.ai4w-post__fullwidth::before {
    content: "" !important;
    position: absolute !important;
    left: 200px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 0.5px !important;
    background: #e5e7eb !important;
}

/* ── H2 / H3 heading style ────────────────────────────────── */
.ai4w-post__content h2,
.ai4w-post__fullwidth h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin: 2rem 0 .6rem !important;
    padding-bottom: .4rem !important;
    border-bottom: 2.5px solid #16ADAF !important;
    display: inline-block !important;
}
.ai4w-post__content h3,
.ai4w-post__fullwidth h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0d2b3e !important;
    margin: 1.5rem 0 .4rem !important;
}
.ai4w-post__content p,
.ai4w-post__fullwidth p {
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: .875rem !important;
}

/* ── TOC ──────────────────────────────────────────────────── */
.ai4w-toc__title {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    color: #A69E83 !important;
    margin-bottom: .75rem !important;
    padding-left: 14px !important;
}
.ai4w-toc__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ai4w-toc__list li {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: none !important;
}
.ai4w-toc__list li::before,
.ai4w-toc__list li::after {
    display: none !important;
    content: none !important;
}
.ai4w-toc__list .ai4w-toc__h2 {
    border-left: 2px solid transparent !important;
    margin-bottom: 1px !important;
}
.ai4w-toc__list .ai4w-toc__h2 a {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    padding: 5px 6px 5px 14px !important;
    line-height: 1.45 !important;
    transition: color .15s !important;
}
.ai4w-toc__list .ai4w-toc__h2 a::before { content: none !important; }
.ai4w-toc__list .ai4w-toc__h2 a:hover { color: #16ADAF !important; }
.ai4w-toc__list .ai4w-toc__h2.is-active { border-left-color: #16ADAF !important; }
.ai4w-toc__list .ai4w-toc__h2.is-active a {
    color: #16ADAF !important;
    background: #edf9f9 !important;
}
.ai4w-toc__list .ai4w-toc__h3 a {
    display: block !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    text-decoration: none !important;
    padding: 3px 6px 3px 26px !important;
    line-height: 1.4 !important;
    transition: color .15s !important;
}
.ai4w-toc__list .ai4w-toc__h3 a::before {
    content: "– " !important;
    opacity: .45 !important;
    font-size: 11px !important;
}
.ai4w-toc__list .ai4w-toc__h3 a:hover { color: #16ADAF !important; }

/* ── Quote block ──────────────────────────────────────────── */
.ai4w-quote {
    border-left: 4px solid #16ADAF !important;
    background: #edf9f9 !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 1rem 1.25rem !important;
    margin: 1.5rem 0 !important;
}
.ai4w-quote__text {
    font-size: 15px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    color: #0d2b3e !important;
    line-height: 1.65 !important;
    margin-bottom: .4rem !important;
}
.ai4w-quote__source {
    font-size: 11px !important;
    color: #A69E83 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

/* ── Key takeaway ─────────────────────────────────────────── */
.ai4w-takeaway {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    background: #fff !important;
    border: 1.5px solid #16ADAF !important;
    border-radius: 10px !important;
    padding: 1rem 1.25rem !important;
    margin: 1.5rem 0 !important;
}
.ai4w-takeaway__icon {
    width: 38px !important;
    height: 38px !important;
    background: #16ADAF !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
    color: #fff !important;
}
.ai4w-takeaway__icon svg { width: 18px !important; height: 18px !important; stroke: #fff !important; }
.ai4w-takeaway__label {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: #16ADAF !important;
    margin-bottom: .3rem !important;
}
.ai4w-takeaway__text {
    font-size: 13px !important;
    color: #0d2b3e !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}

/* ── Mini table ───────────────────────────────────────────── */
.ai4w-table-wrap { margin: 1.5rem 0 !important; overflow-x: auto !important; }
.ai4w-table { width: 100% !important; border-collapse: collapse !important; font-size: 13px !important; }
.ai4w-table th {
    background: #0d2b3e !important; color: #fff !important;
    padding: 9px 14px !important; text-align: left !important;
    font-weight: 700 !important; font-size: 11px !important;
    text-transform: uppercase !important; letter-spacing: .05em !important;
}
.ai4w-table th:first-child { border-radius: 8px 0 0 0 !important; }
.ai4w-table th:last-child  { border-radius: 0 8px 0 0 !important; }
.ai4w-table td { padding: 8px 14px !important; border-bottom: .5px solid #e5e7eb !important; color: #3d3d3d !important; vertical-align: top !important; }
.ai4w-table tr:last-child td { border-bottom: none !important; }
.ai4w-table tr:nth-child(even) td { background: #f9fafb !important; }

/* ── Comparison box ───────────────────────────────────────── */
.ai4w-compare { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; margin: 1.5rem 0 !important; }
.ai4w-compare__col { border: 1px solid #e5e7eb !important; border-radius: 10px !important; overflow: hidden !important; }
.ai4w-compare__header { padding: 9px 14px !important; font-size: 12px !important; font-weight: 700 !important; text-align: center !important; }
.ai4w-compare__col--primary .ai4w-compare__header { background: #0d2b3e !important; color: #fff !important; }
.ai4w-compare__col--secondary .ai4w-compare__header { background: #f3f4f6 !important; color: #6b7280 !important; }
.ai4w-compare__body { padding: .875rem !important; background: #fff !important; }
.ai4w-compare__row { display: flex !important; align-items: flex-start !important; gap: 8px !important; font-size: 13px !important; color: #3d3d3d !important; line-height: 1.55 !important; margin-bottom: 6px !important; padding: 0 !important; }
.ai4w-compare__row:last-child { margin-bottom: 0 !important; }
.ai4w-compare__row::before { display: none !important; content: none !important; }
.ai4w-compare__icon { font-weight: 700 !important; font-size: 13px !important; flex-shrink: 0 !important; margin-top: 1px !important; }
.ai4w-compare__row--pro .ai4w-compare__icon { color: #16ADAF !important; }
.ai4w-compare__row--con .ai4w-compare__icon { color: #e24b4a !important; }

/* ── Prompt block ─────────────────────────────────────────── */
.ai4w-prompt { background: #edf9f9 !important; border: 1.5px solid #16ADAF !important; border-radius: 10px !important; padding: 1rem 1.25rem !important; margin: 1.5rem 0 !important; position: relative !important; }
.ai4w-prompt__label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: #16ADAF !important; margin-bottom: .5rem !important; display: flex !important; align-items: center !important; gap: 5px !important; }
.ai4w-prompt__text { font-size: 13px !important; color: #0d2b3e !important; line-height: 1.8 !important; padding-right: 70px !important; }
.ai4w-prompt__copy { position: absolute !important; top: 1rem !important; right: 1rem !important; background: #16ADAF !important; color: #fff !important; border: none !important; border-radius: 5px !important; padding: 4px 12px !important; font-size: 11px !important; font-weight: 700 !important; cursor: pointer !important; font-family: 'Montserrat', sans-serif !important; transition: opacity .15s !important; }
.ai4w-prompt__copy:hover { opacity: .85 !important; }

/* ── Screenshot ───────────────────────────────────────────── */
.ai4w-screenshot { margin: 1.5rem 0 !important; display: block !important; width: 100% !important; }
.ai4w-screenshot__frame { border: 1px solid #e5e7eb !important; border-radius: 10px !important; overflow: hidden !important; margin: 0 auto !important; }
.ai4w-screenshot__bar { background: #f3f4f6 !important; padding: 8px 12px !important; display: flex !important; align-items: center !important; gap: 6px !important; border-bottom: .5px solid #e5e7eb !important; }
.ai4w-screenshot__dot { width: 9px !important; height: 9px !important; border-radius: 50% !important; display: inline-block !important; }
.ai4w-screenshot__img { width: 100% !important; height: auto !important; display: block !important; }
.ai4w-screenshot__caption { font-size: 12px !important; color: #A69E83 !important; text-align: center !important; padding: .4rem 0 !important; font-style: italic !important; }

/* ── FAQ — open format, no accordion ─────────────────────── */
.ai4w-faq {
    margin-top: 2.5rem !important;
    border-top: .5px solid #e5e7eb !important;
    padding-top: 1.5rem !important;
}
.ai4w-faq__title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 1.25rem !important;
    padding-bottom: .4rem !important;
    border-bottom: 2.5px solid #16ADAF !important;
    display: inline-block !important;
}
.ai4w-faq__item {
    margin-bottom: 1.25rem !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: none !important;
}
.ai4w-faq__q {
    display: block !important;
    width: auto !important;
    background: none !important;
    border: none !important;
    padding: 0 0 .35rem 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #071f3b !important;
    text-align: left !important;
    cursor: default !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.5 !important;
    pointer-events: none !important;
}
.ai4w-faq__q:hover { background: none !important; }
.ai4w-faq__arrow { display: none !important; }
.ai4w-faq__a {
    display: block !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: #3d3d3d !important;
    line-height: 1.75 !important;
    background: none !important;
    border: none !important;
}

/* ── Sidebar widgets ──────────────────────────────────────── */
.ai4w-widget { background: linear-gradient(160deg, #edf9f9 0%, #d9f2f2 100%) !important; border: 1px solid #b8e4e4 !important; border-radius: 14px !important; padding: 1rem 1.1rem !important; }
.ai4w-widget__top { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: .75rem !important; }
.ai4w-widget__icon { width: 44px !important; height: 44px !important; background: #16ADAF !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; color: #fff !important; }
.ai4w-widget__icon svg { width: 22px !important; height: 22px !important; stroke: #fff !important; fill: none !important; stroke-width: 2 !important; }
.ai4w-widget__badge { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: #0d8a8c !important; }
.ai4w-widget__title { font-size: 15px !important; font-weight: 700 !important; color: #0d2b3e !important; line-height: 1.35 !important; margin-bottom: .4rem !important; }
.ai4w-widget__text { font-size: 12px !important; color: #3d5a6a !important; line-height: 1.65 !important; margin-bottom: .75rem !important; }
.ai4w-widget__btn { display: block !important; background: #16ADAF !important; color: #fff !important; text-align: center !important; padding: 10px 14px !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: opacity .15s !important; }
.ai4w-widget__btn:hover { opacity: .85 !important; color: #fff !important; text-decoration: none !important; }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 900px) {
    .ai4w-post { display: flex !important; flex-direction: column !important; width: 100% !important; }
    .ai4w-toc { order: 1 !important; width: 100% !important; border-right: none !important; border-bottom: 0.5px solid #e5e7eb !important; padding-right: 0 !important; padding-bottom: 1rem !important; margin-bottom: 1.25rem !important; position: static !important; }
    .ai4w-post__content { order: 2 !important; width: 100% !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: none !important; }
    .ai4w-post__fullwidth { order: 3 !important; width: 100% !important; padding-left: 0 !important; position: relative !important; }
    .ai4w-post__fullwidth::before { display: none !important; content: none !important; }
    .ai4w-post__sidebar { order: 4 !important; float: none !important; width: 100% !important; position: static !important; margin: 2rem 0 0 0 !important; padding-left: 0 !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 14px !important; }
    .ai4w-post__sidebar .ai4w-widget { width: 100% !important; flex: none !important; }
    .ai4w-compare { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
    .ai4w-product { display: flex !important; flex-direction: column !important; }
    .ai4w-product__cover { border-right: none !important; border-bottom: 1px solid #e5e0d8 !important; width: 100% !important; min-width: 0 !important; padding: .75rem 1rem !important; flex-direction: row !important; gap: 1rem !important; justify-content: flex-start !important; }
    .ai4w-product__body { width: 100% !important; min-width: 0 !important; }
    .ai4w-product__cta { border-left: none !important; border-top: 1px solid #e5e0d8 !important; width: 100% !important; min-width: 0 !important; padding: .875rem 1rem !important; }
    .ai4w-product__btn { width: 100% !important; }
}
@media (max-width: 560px) {
    .ai4w-prompt__text { padding-right: 0 !important; }
    .ai4w-prompt__copy { position: static !important; display: block !important; margin-top: .75rem !important; width: 100% !important; }
}

/* ── Featured image section — remove top padding/margin ──── */
.single-post .elementor-element-odj4cfqe,
.single-post .elementor-element-xp52naak,
.single-post .elementor-element-90zkhf87 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.single-post .elementor-element-odj4cfqe > .e-con-inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ── Featured image height constraint ────────────────────── */
.single-post img.attachment-full,
.single-post img.size-full,
.single-post .wp-post-image,
.single-post img[class*="wp-image-"] {
    max-height: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* ── Tighten post header spacing ─────────────────────────── */
/* Target the exact Tenweb header container */
.single-post .elementor-element-aj19pb31,
.single-post .twbb_section.e-con-boxed {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Inner container holding breadcrumb + title + meta */
.single-post .elementor-element-mxkx4dow,
.single-post .elementor-element-hqpkacwt {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Title widget */
.single-post .elementor-widget-twbb_post-title,
.single-post .tenweb-page-title {
    margin-bottom: 4px !important;
    padding-bottom: 0 !important;
}

/* Date + share row */
.single-post .elementor-widget-twbbpost-info,
.single-post .elementor-widget-twbbshare-buttons {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Section immediately after header — remove top padding */
.single-post .elementor-element-aj19pb31 + .e-con,
.single-post .elementor-element-aj19pb31 + .elementor-section,
.single-post .twbb_section + .e-con {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Reduce title font size */
.single-post .elementor-heading-title.elementor-size-default,
.single-post h1.elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
}

/* Reduce featured image height further */
.single-post img.attachment-full,
.single-post img.size-full,
.single-post .wp-post-image,
.single-post img[class*="wp-image-"] {
    max-height: 320px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* ── Fix bullet list font + remove theme border ──────────── */
.ai4w-post__content ul,
.ai4w-post__content ol,
.ai4w-post__fullwidth ul,
.ai4w-post__fullwidth ol {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #1a1a1a !important;
    margin-bottom: .875rem !important;
    padding-left: 1.5rem !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: none !important;
}
.ai4w-post__content ul li,
.ai4w-post__content ol li,
.ai4w-post__fullwidth ul li,
.ai4w-post__fullwidth ol li {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #1a1a1a !important;
    border: none !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
}

/* ── Fix bullet list font ─────────────────────────────────── */
.ai4w-post__content ul,
.ai4w-post__content ol,
.ai4w-post__fullwidth ul,
.ai4w-post__fullwidth ol {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #1a1a1a !important;
    margin-bottom: .875rem !important;
    padding-left: 1.5rem !important;
}
.ai4w-post__content ul li,
.ai4w-post__content ol li,
.ai4w-post__fullwidth ul li,
.ai4w-post__fullwidth ol li {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #1a1a1a !important;
    margin-bottom: 4px !important;
}

/* ── Remove top gap above breadcrumb ─────────────────────── */
.single-post .elementor-element-aj19pb31 {
    padding-top: 8px !important;
    margin-top: 0 !important;
}
.single-post .elementor-element-aj19pb31 > .e-con-inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ── Remove gap between featured image and content ───────── */
.single-post .elementor-element-odj4cfqe {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.single-post .elementor-element-odj4cfqe > .e-con-inner {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* ── Product widget ───────────────────────────────────────── */
/* Remove any inherited backgrounds from parent p tags */
p:has(.ai4w-product),
p > .ai4w-product {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ai4w-post__content .ai4w-product,
.ai4w-post__fullwidth .ai4w-product,
.ai4w-product {
    display: grid !important;
    grid-template-columns: 100px 1fr 140px !important;
    grid-template-rows: auto !important;
    gap: 0 !important;
    background: #faf9f7 !important;
    border: 1.5px solid #A69E83 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin: 1.75rem 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.ai4w-post__content .ai4w-product__cover,
.ai4w-post__fullwidth .ai4w-product__cover,
.ai4w-product__cover {
    background: #f3f0eb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
    border-right: 1px solid #e5e0d8 !important;
    border-bottom: none !important;
    flex-shrink: 0 !important;
    width: 100px !important;
    min-width: 100px !important;
}
.ai4w-post__content .ai4w-product__cover img,
.ai4w-post__fullwidth .ai4w-product__cover img,
.ai4w-product__cover img {
    width: 65px !important;
    height: 90px !important;
    max-width: 65px !important;
    max-height: 90px !important;
    object-fit: cover !important;
    border-radius: 3px !important;
    box-shadow: 2px 3px 8px rgba(0,0,0,.15) !important;
    display: block !important;
}
.ai4w-product__cover-placeholder {
    width: 65px !important;
    height: 90px !important;
    background: linear-gradient(135deg, #0d2b3e, #16ADAF) !important;
    border-radius: 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 2px 3px 8px rgba(0,0,0,.15) !important;
}
.ai4w-product__cover-placeholder span {
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 4px !important;
    line-height: 1.3 !important;
    font-family: 'Montserrat', sans-serif !important;
}
.ai4w-post__content .ai4w-product__body,
.ai4w-post__fullwidth .ai4w-product__body,
.ai4w-product__body {
    padding: 1rem 1.25rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: .3rem !important;
    min-width: 0 !important;
}
.ai4w-product__badge {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: #A69E83 !important;
}
.ai4w-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0d2b3e !important;
    line-height: 1.3 !important;
}
.ai4w-product__subtitle {
    font-size: 11px !important;
    color: #A69E83 !important;
    font-weight: 500 !important;
}
.ai4w-product__desc {
    font-size: 12px !important;
    color: #3d3d3d !important;
    line-height: 1.6 !important;
    margin-top: .2rem !important;
}
.ai4w-post__content .ai4w-product__cta,
.ai4w-post__fullwidth .ai4w-product__cta,
.ai4w-product__cta {
    background: #f3f0eb !important;
    border-left: 1px solid #e5e0d8 !important;
    border-top: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem 1.25rem !important;
    flex-shrink: 0 !important;
    width: 140px !important;
    min-width: 140px !important;
}

.ai4w-product__cta > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.ai4w-product__btn,
.ai4w-product__btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
    background: #0d2b3e !important;
    color: #fff !important;
    text-align: center !important;
    padding: 10px 16px !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    font-family: 'Montserrat', sans-serif !important;
    box-sizing: border-box !important;
    transition: opacity .15s !important;
}
.ai4w-product__btn:hover,
.ai4w-product__btn:focus {
    opacity: .85 !important;
    color: #fff !important;
    background: #0d2b3e !important;
    text-decoration: none !important;
    outline: none !important;
}
.ai4w-product__price {
    font-size: 10px !important;
    color: #A69E83 !important;
    text-align: center !important;
    margin-top: 5px !important;
}

@media (max-width: 560px) {
    .ai4w-product {
        grid-template-columns: 1fr !important;
    }
    .ai4w-product__cover {
        border-right: none !important;
        border-bottom: 1px solid #e5e0d8 !important;
        padding: .75rem !important;
    }
    .ai4w-product__cta {
        border-left: none !important;
        border-top: 1px solid #e5e0d8 !important;
    }
}

/* ════════════════════════════════════════════════════════════
   Blog Index Page
   ════════════════════════════════════════════════════════════ */
.ai4w-blog-index {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 2rem 1.5rem !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* ── Hero ─────────────────────────────────────────────────── */
.ai4w-bi__hero { margin-bottom: 1.75rem !important; }
.ai4w-bi__hero-title {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #0d2b3e !important;
    margin-bottom: .4rem !important;
}
.ai4w-bi__hero-desc {
    font-size: 15px !important;
    color: #5f5e5a !important;
    max-width: 620px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* ── Search ───────────────────────────────────────────────── */
.ai4w-bi__search-wrap {
    position: relative !important;
    margin-bottom: 1.5rem !important;
}
.ai4w-bi__search-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    color: #A69E83 !important;
    pointer-events: none !important;
}
.ai4w-bi__search {
    width: 100% !important;
    padding: 10px 16px 10px 38px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    background: #f9fafb !important;
    color: #0d2b3e !important;
    outline: none !important;
    transition: border-color .15s !important;
    box-shadow: none !important;
}
.ai4w-bi__search:focus {
    border-color: #16ADAF !important;
    background: #fff !important;
}

/* ── Filter tabs ──────────────────────────────────────────── */
.ai4w-bi__filter-bar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1.5px solid #e5e7eb !important;
}
.ai4w-bi__tab {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    cursor: pointer !important;
    border: 1.5px solid #e5e7eb !important;
    background: #fff !important;
    color: #5f5e5a !important;
    transition: all .15s !important;
    white-space: nowrap !important;
}
.ai4w-bi__tab.is-active {
    background: #16ADAF !important;
    border-color: #16ADAF !important;
    color: #fff !important;
}
.ai4w-bi__tab:hover:not(.is-active) {
    border-color: #16ADAF !important;
    color: #16ADAF !important;
}
.ai4w-bi__tab-count {
    background: rgba(255,255,255,.25) !important;
    border-radius: 10px !important;
    padding: 1px 6px !important;
    font-size: 10px !important;
}
.ai4w-bi__tab:not(.is-active) .ai4w-bi__tab-count {
    background: #f3f4f6 !important;
    color: #888 !important;
}

/* ── Tag pills ────────────────────────────────────────────── */
.ai4w-bi__tag-row {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: -.35rem 0 1rem !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.ai4w-bi__tag {
    padding: 6px 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
    border: 1px solid #e5e7eb !important;
    color: #5f5e5a !important;
    cursor: pointer !important;
    background: #fff !important;
    transition: all .15s !important;
}
.ai4w-bi__tag.is-active,
.ai4w-bi__tag:hover {
    background: #edf9f9 !important;
    border-color: #16ADAF !important;
    color: #0d7a7c !important;
}

/* ── Section headers ──────────────────────────────────────── */
.ai4w-bi__section-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 1.9rem 0 1rem !important;
}
.ai4w-bi__section-title {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #0d2b3e !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.ai4w-bi__section-title::after { display: none !important; }
.ai4w-bi__section-count {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #0d7a7c !important;
    background: #edf9f9 !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
}

/* ── Post grid ────────────────────────────────────────────── */
.ai4w-bi__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 1rem !important;
}
@media (max-width: 900px) {
    .ai4w-bi__grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 560px) {
    .ai4w-bi__grid { grid-template-columns: 1fr !important; }
}

/* ── Post card ────────────────────────────────────────────── */
.ai4w-bi__card {
    display: block !important;
    border: 0.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: border-color .15s, transform .15s !important;
}
.ai4w-bi__card:hover {
    border-color: #16ADAF !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}
.ai4w-bi__card--hidden { display: none !important; }
.ai4w-bi__card-img { width: 100% !important; height: 140px !important; overflow: hidden !important; }
.ai4w-bi__card-img img {
    width: 100% !important;
    height: 140px !important;
    object-fit: cover !important;
    display: block !important;
    max-height: none !important;
}
.ai4w-bi__card-img-placeholder {
    width: 100% !important;
    height: 140px !important;
    background: linear-gradient(135deg, #edf9f9, #f3f0eb) !important;
}
.ai4w-bi__card-body { padding: .875rem !important; }
.ai4w-bi__card-cat {
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    color: #16ADAF !important;
    margin-bottom: .3rem !important;
}
.ai4w-bi__card-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0d2b3e !important;
    line-height: 1.45 !important;
    margin-bottom: .5rem !important;
}
.ai4w-bi__card-meta {
    font-size: 10px !important;
    color: #A69E83 !important;
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

/* ── Load more ────────────────────────────────────────────── */
.ai4w-bi__load-more {
    display: block !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #5f5e5a !important;
    background: none !important;
    cursor: pointer !important;
    text-align: center !important;
    margin-top: .5rem !important;
    margin-bottom: 1.5rem !important;
    transition: all .15s !important;
}
.ai4w-bi__load-more:hover {
    border-color: #16ADAF !important;
    color: #16ADAF !important;
}

/* ── Divider ──────────────────────────────────────────────── */
.ai4w-bi__divider {
    height: 1px !important;
    background: #eef1f4 !important;
    margin: 2rem 0 2.25rem !important;
}

/* ── Search results ───────────────────────────────────────── */
.ai4w-bi__search-results { margin-bottom: 2rem !important; }

.ai4w-bi__no-results {
    padding: 2rem 0 !important;
    color: #A69E83 !important;
    font-size: 13px !important;
}
@media (max-width: 700px) {
    .ai4w-bi__hero-title { font-size: 34px !important; }
    .ai4w-bi__section-title { font-size: 24px !important; }
    .ai4w-bi__section-header { align-items: flex-start !important; flex-direction: column !important; gap: 6px !important; }
}


/* ── Blog index two-column hub layout ─────────────────────── */
.ai4w-bi__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 260px !important;
    gap: 28px !important;
    align-items: start !important;
}
.ai4w-bi__main { min-width: 0 !important; }
.ai4w-bi__sidebar {
    position: sticky !important;
    top: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}
.ai4w-bi__widget {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
}
.ai4w-bi__widget-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0d2b3e !important;
    margin-bottom: 14px !important;
}
.ai4w-bi__widget-icon {
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: #edf9f9 !important;
    color: #16ADAF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    line-height: 1 !important;
}
.ai4w-bi__popular-list,
.ai4w-bi__resource-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.ai4w-bi__popular-item {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    text-decoration: none !important;
    color: inherit !important;
}
.ai4w-bi__popular-thumb {
    width: 58px !important;
    height: 48px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #edf9f9, #f3f0eb) !important;
    overflow: hidden !important;
    display: block !important;
}
.ai4w-bi__popular-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.ai4w-bi__popular-title {
    display: block !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    color: #0d2b3e !important;
    line-height: 1.35 !important;
}
.ai4w-bi__popular-item:hover .ai4w-bi__popular-title { color: #16ADAF !important; }
.ai4w-bi__popular-meta {
    display: block !important;
    margin-top: 4px !important;
    font-size: 10px !important;
    color: #A69E83 !important;
    line-height: 1.35 !important;
}
.ai4w-bi__widget-text {
    font-size: 12px !important;
    line-height: 1.65 !important;
    color: #5f6773 !important;
    margin: 0 0 14px !important;
}
.ai4w-bi__resource-item {
    display: block !important;
    padding: 12px !important;
    border: 1px solid #edf0f2 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    background: #fafafa !important;
}
.ai4w-bi__resource-item strong {
    display: block !important;
    color: #0d2b3e !important;
    font-size: 12px !important;
    margin-bottom: 4px !important;
}
.ai4w-bi__resource-item span {
    display: block !important;
    color: #5f6773 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}
.ai4w-bi__resource-item:hover {
    border-color: #16ADAF !important;
    background: #edf9f9 !important;
}
.ai4w-bi__resource-cta {
    display: block !important;
    margin-top: 14px !important;
    padding: 10px 12px !important;
    border-radius: 9px !important;
    background: #16ADAF !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.ai4w-bi__resource-cta:hover {
    color: #fff !important;
    filter: brightness(.96) !important;
    text-decoration: none !important;
}
@media (max-width: 1100px) {
    .ai4w-bi__layout { grid-template-columns: 1fr !important; }
    .ai4w-bi__sidebar { position: static !important; }
}

/* Blog index: reuse existing plugin sidebar widgets */
.ai4w-bi__settings-widgets {
    display: grid;
    gap: 16px;
}
.ai4w-bi__sidebar .ai4w-widget {
    margin: 0 !important;
    width: 100% !important;
}


/* ── Mobile single post layout hard fix ─────────────────────
   Prevents the post tail/fullwidth section from keeping desktop
   sidebar padding on mobile, which made the article collapse into
   a narrow column with a large blank area on the right. */
@media (max-width: 900px) {
    body.single-post .ai4w-post,
    body.single-post #content .ai4w-post {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body.single-post .ai4w-toc,
    body.single-post .ai4w-post__content,
    body.single-post .ai4w-post__fullwidth,
    body.single-post .ai4w-post__sidebar {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
        float: none !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    body.single-post .ai4w-post__content,
    body.single-post .ai4w-post__fullwidth {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-left: none !important;
        overflow: visible !important;
    }

    body.single-post .ai4w-post__fullwidth::before,
    body.single-post .ai4w-post__content::before {
        display: none !important;
        content: none !important;
    }

    body.single-post .ai4w-post__content > *,
    body.single-post .ai4w-post__fullwidth > * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.single-post .ai4w-post__content p,
    body.single-post .ai4w-post__fullwidth p,
    body.single-post .ai4w-post__content li,
    body.single-post .ai4w-post__fullwidth li {
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    body.single-post .ai4w-post__sidebar {
        margin-top: 2rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 600px) {
    body.single-post .ai4w-product,
    body.single-post .ai4w-post__content .ai4w-product,
    body.single-post .ai4w-post__fullwidth .ai4w-product {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.single-post .ai4w-product__cover,
    body.single-post .ai4w-post__content .ai4w-product__cover,
    body.single-post .ai4w-post__fullwidth .ai4w-product__cover,
    body.single-post .ai4w-product__cta,
    body.single-post .ai4w-post__content .ai4w-product__cta,
    body.single-post .ai4w-post__fullwidth .ai4w-product__cta,
    body.single-post .ai4w-product__body,
    body.single-post .ai4w-post__content .ai4w-product__body,
    body.single-post .ai4w-post__fullwidth .ai4w-product__body {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.single-post .ai4w-product__cover,
    body.single-post .ai4w-post__content .ai4w-product__cover,
    body.single-post .ai4w-post__fullwidth .ai4w-product__cover {
        border-right: none !important;
        border-bottom: 1px solid #e5e0d8 !important;
    }

    body.single-post .ai4w-product__cta,
    body.single-post .ai4w-post__content .ai4w-product__cta,
    body.single-post .ai4w-post__fullwidth .ai4w-product__cta {
        border-left: none !important;
        border-top: 1px solid #e5e0d8 !important;
        padding: .875rem 1rem !important;
    }

    body.single-post .ai4w-product__btn {
        width: 100% !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}


/* v1.31.7 — Mobile: keep sidebar/widgets below the complete article */
@media (max-width: 900px) {
    body.single-post .ai4w-post,
    body.single-post #content .ai4w-post {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body.single-post .ai4w-toc { order: 1 !important; }
    body.single-post .ai4w-post__content { order: 2 !important; }
    body.single-post .ai4w-post__fullwidth { order: 3 !important; }
    body.single-post .ai4w-post__sidebar {
        order: 4 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 2rem 0 0 0 !important;
        padding: 0 !important;
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }
}


/* ── AI4W breadcrumbs shortcode ──────────────────────────── */
.ai4w-breadcrumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #6b6b6b !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.ai4w-breadcrumbs a {
    color: #4f665f !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.ai4w-breadcrumbs a:hover {
    text-decoration: underline !important;
}
.ai4w-breadcrumbs__sep {
    color: #9a9a9a !important;
}
.ai4w-breadcrumbs__current {
    color: #777 !important;
}


/* ── AI4W single post breadcrumb override ─────────────────── */
body.single-post .rank-math-breadcrumb,
body.single-post .yoast-breadcrumb,
body.single-post .elementor-widget-breadcrumbs,
body.single-post nav.breadcrumb:not(.ai4w-breadcrumbs),
body.single-post .breadcrumb:not(.ai4w-breadcrumbs),
body.single-post .breadcrumbs:not(.ai4w-breadcrumbs) {
    display: none !important;
}

body.single-post .ai4w-breadcrumbs {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 18px;
    padding: 0;
    border: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #64748b;
}

body.single-post .ai4w-breadcrumbs a {
    color: #227c8a;
    text-decoration: none;
}

body.single-post .ai4w-breadcrumbs a:hover {
    text-decoration: underline;
}

body.single-post .ai4w-breadcrumbs__sep,
body.single-post .ai4w-breadcrumbs__current {
    color: #64748b;
}

/* v1.32.0 — Mobile blog index UX redesign using existing plugin features only */
@media (max-width: 760px) {
    .ai4w-blog-index {
        max-width: 100% !important;
        padding: 1.25rem 1rem 2rem !important;
        background: linear-gradient(180deg, #f7fcfc 0%, #fff 45%, #f7fcfc 100%) !important;
        overflow-x: hidden !important;
    }

    .ai4w-bi__hero {
        text-align: center !important;
        margin: 0 0 1.25rem !important;
    }

    .ai4w-bi__hero-title {
        font-size: 28px !important;
        line-height: 1.18 !important;
        margin: 0 0 .75rem !important;
        color: #0d2b3e !important;
    }

    .ai4w-bi__hero-title::after {
        content: "" !important;
        display: block !important;
        width: 58px !important;
        height: 3px !important;
        border-radius: 999px !important;
        background: #16ADAF !important;
        margin: .75rem auto 0 !important;
    }

    .ai4w-bi__hero-desc {
        max-width: 330px !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #3d3d3d !important;
    }

    .ai4w-bi__search-wrap {
        margin: 0 0 1rem !important;
    }

    .ai4w-bi__search {
        height: 46px !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(13, 43, 62, .06) !important;
        font-size: 14px !important;
    }

    .ai4w-bi__filter-bar {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        background: #fff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 14px !important;
        padding: 0 !important;
        margin: 0 0 1.25rem !important;
        overflow: hidden !important;
        box-shadow: 0 8px 22px rgba(13, 43, 62, .045) !important;
    }

    .ai4w-bi__filter-bar::before {
        content: "Browse by category" !important;
        display: block !important;
        padding: .8rem .95rem .35rem !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important;
        color: #0d7a7c !important;
    }

    .ai4w-bi__tab {
        width: 100% !important;
        min-height: 48px !important;
        justify-content: space-between !important;
        border: 0 !important;
        border-top: 1px solid #edf0f2 !important;
        border-radius: 0 !important;
        padding: .8rem .95rem !important;
        background: #fff !important;
        color: #0d2b3e !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-align: left !important;
    }

    .ai4w-bi__tab:first-of-type {
        color: #0d7a7c !important;
    }

    .ai4w-bi__tab:not([data-cat="all"])::after {
        content: "›" !important;
        margin-left: auto !important;
        color: #0d7a7c !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .ai4w-bi__tab.is-active {
        background: #edf9f9 !important;
        color: #0d2b3e !important;
        border-color: #edf0f2 !important;
    }

    .ai4w-bi__tab-count {
        margin-left: auto !important;
        margin-right: .45rem !important;
        background: transparent !important;
        color: #0d7a7c !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 0 !important;
    }

    .ai4w-bi__tab-count::after {
        content: " articles" !important;
        font-weight: 600 !important;
    }

    .ai4w-bi__layout {
        display: block !important;
    }

    .ai4w-bi__section {
        background: #fff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        margin: 0 0 1.15rem !important;
        box-shadow: 0 8px 22px rgba(13, 43, 62, .045) !important;
    }

    .ai4w-bi__section-header {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: .9rem .95rem !important;
        background: #edf9f9 !important;
        border-bottom: 1px solid #e5e7eb !important;
    }

    .ai4w-bi__section-title {
        font-size: 18px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        color: #0d2b3e !important;
    }

    .ai4w-bi__section-count {
        flex: 0 0 auto !important;
        background: #fff !important;
        color: #0d7a7c !important;
        border: 1px solid rgba(22,173,175,.22) !important;
        font-size: 11px !important;
        padding: 4px 8px !important;
    }

    .ai4w-bi__tag-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding: .85rem .95rem .35rem !important;
        margin: 0 !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .ai4w-bi__tag-row::-webkit-scrollbar { display: none !important; }

    .ai4w-bi__tag {
        flex: 0 0 auto !important;
        min-height: 34px !important;
        padding: 7px 13px !important;
        font-size: 12px !important;
        border-radius: 999px !important;
        background: #fff !important;
    }

    .ai4w-bi__tag.is-active {
        background: #16ADAF !important;
        border-color: #16ADAF !important;
        color: #fff !important;
    }

    .ai4w-bi__grid {
        display: block !important;
        margin: 0 !important;
        padding: .45rem .95rem 0 !important;
    }

    .ai4w-bi__card {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
        border: 0 !important;
        border-bottom: 1px solid #edf0f2 !important;
        border-radius: 0 !important;
        padding: .65rem 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .ai4w-bi__card:hover {
        transform: none !important;
    }

    .ai4w-bi__card-img,
    .ai4w-bi__card-img img,
    .ai4w-bi__card-img-placeholder {
        width: 112px !important;
        height: 72px !important;
        border-radius: 8px !important;
    }

    .ai4w-bi__card-body {
        padding: 0 !important;
        min-width: 0 !important;
    }

    .ai4w-bi__card-cat {
        display: none !important;
    }

    .ai4w-bi__card-title {
        font-size: 13.5px !important;
        line-height: 1.35 !important;
        margin: 0 0 .35rem !important;
        font-weight: 750 !important;
    }

    .ai4w-bi__card-meta {
        font-size: 11px !important;
        color: #6b7280 !important;
        gap: 5px !important;
        flex-wrap: wrap !important;
    }

    .ai4w-bi__load-more {
        width: calc(100% - 1.9rem) !important;
        min-height: 46px !important;
        margin: .95rem auto 1rem !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #16ADAF !important;
        color: #fff !important;
        box-shadow: 0 8px 18px rgba(22, 173, 175, .18) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: .02em !important;
        text-transform: uppercase !important;
    }

    .ai4w-bi__load-more::after {
        content: " ↻" !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .ai4w-bi__divider {
        display: none !important;
    }

    .ai4w-bi__sidebar {
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin-top: 1.2rem !important;
    }

    .ai4w-bi__widget,
    .ai4w-bi__settings-widgets .ai4w-widget,
    .ai4w-bi__sidebar .ai4w-widget {
        border-radius: 14px !important;
        border: 1px solid #e5e7eb !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(13, 43, 62, .045) !important;
        overflow: hidden !important;
    }

    .ai4w-bi__widget-title {
        margin: 0 0 .65rem !important;
        padding-bottom: .5rem !important;
        border-bottom: 1px solid #edf0f2 !important;
        color: #0d7a7c !important;
        text-transform: uppercase !important;
        letter-spacing: .04em !important;
        font-size: 13px !important;
    }

    .ai4w-bi__popular-list {
        gap: 0 !important;
    }

    .ai4w-bi__popular-item {
        grid-template-columns: 72px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: .55rem 0 !important;
        border-bottom: 1px solid #edf0f2 !important;
    }

    .ai4w-bi__popular-item:last-child {
        border-bottom: 0 !important;
    }

    .ai4w-bi__popular-thumb {
        width: 72px !important;
        height: 52px !important;
    }

    .ai4w-bi__popular-title {
        font-size: 12.5px !important;
    }

    .ai4w-bi__popular-meta {
        font-size: 10.5px !important;
    }

    .ai4w-bi__settings-widgets {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    .ai4w-bi__search-results .ai4w-bi__section-header {
        border-radius: 14px 14px 0 0 !important;
    }
}

@media (max-width: 390px) {
    .ai4w-bi__card {
        grid-template-columns: 96px minmax(0, 1fr) !important;
    }
    .ai4w-bi__card-img,
    .ai4w-bi__card-img img,
    .ai4w-bi__card-img-placeholder {
        width: 96px !important;
        height: 66px !important;
    }
}


/* v1.32.1 — Compact footer on the mobile blog index page.
   The 10Web/theme footer has generous desktop spacing on mobile, which makes
   the footer visually eat the screen right after the blog cards. These rules
   only apply to the custom blog index page. */
@media (max-width: 760px) {
    body.ai4w-blog-index-page footer,
    body.ai4w-blog-index-page .site-footer,
    body.ai4w-blog-index-page #site-footer,
    body.ai4w-blog-index-page .elementor-location-footer,
    body.ai4w-blog-index-page .elementor-location-footer > .elementor-section,
    body.ai4w-blog-index-page .elementor-location-footer > .elementor-container,
    body.ai4w-blog-index-page .elementor-location-footer .elementor-section,
    body.ai4w-blog-index-page .elementor-location-footer .elementor-container,
    body.ai4w-blog-index-page .elementor-location-footer .elementor-widget-wrap {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }

    body.ai4w-blog-index-page .elementor-location-footer .elementor-widget,
    body.ai4w-blog-index-page footer .elementor-widget,
    body.ai4w-blog-index-page .site-footer .elementor-widget,
    body.ai4w-blog-index-page footer p,
    body.ai4w-blog-index-page .site-footer p {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    body.ai4w-blog-index-page .elementor-location-footer .elementor-social-icons-wrapper,
    body.ai4w-blog-index-page footer .elementor-social-icons-wrapper,
    body.ai4w-blog-index-page .site-footer .elementor-social-icons-wrapper {
        margin: 0 0 10px !important;
        padding: 0 !important;
        gap: 14px !important;
    }

    body.ai4w-blog-index-page .elementor-location-footer hr,
    body.ai4w-blog-index-page footer hr,
    body.ai4w-blog-index-page .site-footer hr,
    body.ai4w-blog-index-page .elementor-divider {
        margin: 8px 0 12px !important;
    }

    body.ai4w-blog-index-page .elementor-location-footer .elementor-heading-title,
    body.ai4w-blog-index-page footer .elementor-heading-title,
    body.ai4w-blog-index-page .site-footer .elementor-heading-title,
    body.ai4w-blog-index-page footer,
    body.ai4w-blog-index-page .site-footer {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    body.ai4w-blog-index-page .ai4w-blog-index {
        padding-bottom: 1rem !important;
    }
}


/* v1.32.2 — Global compact mobile footer
   The site footer is generated by the theme/Elementor, not by the blog template.
   Previous footer rules were limited to the blog index body class, so they did
   not affect the shared mobile footer. These rules are intentionally global on
   mobile because the same oversized footer appears on all mobile pages. */
@media (max-width: 760px) {
    body footer,
    body .site-footer,
    body #site-footer,
    body .elementor-location-footer,
    body .elementor-location-footer .elementor-section,
    body .elementor-location-footer .elementor-container,
    body .elementor-location-footer .elementor-column,
    body .elementor-location-footer .elementor-widget-wrap,
    body [data-elementor-type="footer"],
    body [data-elementor-type="footer"] .elementor-section,
    body [data-elementor-type="footer"] .elementor-container,
    body [data-elementor-type="footer"] .elementor-column,
    body [data-elementor-type="footer"] .elementor-widget-wrap {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }

    body .elementor-location-footer .elementor-widget,
    body [data-elementor-type="footer"] .elementor-widget,
    body footer .elementor-widget,
    body .site-footer .elementor-widget {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
    }

    body .elementor-location-footer .elementor-widget:not(:last-child),
    body [data-elementor-type="footer"] .elementor-widget:not(:last-child) {
        margin-bottom: 6px !important;
    }

    body .elementor-location-footer p,
    body [data-elementor-type="footer"] p,
    body footer p,
    body .site-footer p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        line-height: 1.35 !important;
    }

    body .elementor-location-footer .elementor-social-icons-wrapper,
    body [data-elementor-type="footer"] .elementor-social-icons-wrapper,
    body footer .elementor-social-icons-wrapper,
    body .site-footer .elementor-social-icons-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        gap: 12px !important;
    }

    body .elementor-location-footer .elementor-icon,
    body [data-elementor-type="footer"] .elementor-icon,
    body footer .elementor-icon,
    body .site-footer .elementor-icon {
        margin: 0 !important;
    }

    body .elementor-location-footer hr,
    body [data-elementor-type="footer"] hr,
    body footer hr,
    body .site-footer hr,
    body .elementor-location-footer .elementor-divider,
    body [data-elementor-type="footer"] .elementor-divider {
        margin: 8px 0 !important;
        padding: 0 !important;
    }

    body .elementor-location-footer .elementor-divider-separator,
    body [data-elementor-type="footer"] .elementor-divider-separator {
        margin: 0 !important;
    }

    body .elementor-location-footer .elementor-heading-title,
    body [data-elementor-type="footer"] .elementor-heading-title,
    body footer,
    body .site-footer {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
}


/* v1.32.3 — Fix mobile blog footer overlay
   On the custom blog index, the theme/Elementor footer can overlap the
   plugin-generated article list on mobile. This fix does not only shrink the
   footer; it forces the footer back into normal document flow and makes sure
   the blog index container contributes its full height before the footer starts. */
@media (max-width: 760px) {
    body.ai4w-blog-index-page,
    body.ai4w-blog-index-page #page,
    body.ai4w-blog-index-page .site,
    body.ai4w-blog-index-page #content,
    body.ai4w-blog-index-page .site-content,
    body.ai4w-blog-index-page .content-area,
    body.ai4w-blog-index-page main,
    body.ai4w-blog-index-page .elementor,
    body.ai4w-blog-index-page .elementor-section-wrap {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.ai4w-blog-index-page .ai4w-blog-index,
    body.ai4w-blog-index-page .ai4w-bi__layout,
    body.ai4w-blog-index-page .ai4w-bi__main,
    body.ai4w-blog-index-page .ai4w-bi__section,
    body.ai4w-blog-index-page .ai4w-bi__grid,
    body.ai4w-blog-index-page .ai4w-bi__sidebar {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        z-index: 2 !important;
        clear: both !important;
    }

    body.ai4w-blog-index-page .ai4w-blog-index::after,
    body.ai4w-blog-index-page .ai4w-bi__layout::after,
    body.ai4w-blog-index-page .ai4w-bi__main::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }

    body.ai4w-blog-index-page footer,
    body.ai4w-blog-index-page .site-footer,
    body.ai4w-blog-index-page #site-footer,
    body.ai4w-blog-index-page .elementor-location-footer,
    body.ai4w-blog-index-page [data-elementor-type="footer"] {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;
        transform: none !important;
        translate: none !important;
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-top: 18px !important;
        z-index: 1 !important;
    }

    body.ai4w-blog-index-page .elementor-location-footer *,
    body.ai4w-blog-index-page [data-elementor-type="footer"] * {
        max-height: none !important;
    }
}

/* v1.32.4 — Mobile blog archive: keep only the first 6 visible per category until Load more is clicked.
   The mobile card layout used display:grid !important, which could override the hidden class before JS ran. */
@media (max-width: 768px) {
    #ai4w-blog-index .ai4w-bi__section .ai4w-bi__card.ai4w-bi__card--hidden {
        display: none !important;
    }

    #ai4w-blog-index .ai4w-bi__section .ai4w-bi__grid .ai4w-bi__card[style*="display: none"] {
        display: none !important;
    }
}

/* v1.32.5 — Mobile product widget redesign: Option 1 clean card with left image */
@media (max-width: 600px) {
  body.single-post .ai4w-product,
  body.single-post .ai4w-post__content .ai4w-product,
  body.single-post .ai4w-post__fullwidth .ai4w-product {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 1.1rem !important;
    row-gap: .85rem !important;
    align-items: start !important;
    background: #fff !important;
    border: 1.5px solid #A69E83 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 1.15rem !important;
    margin: 1.75rem 0 !important;
    box-shadow: 0 10px 28px rgba(13, 43, 62, .08) !important;
  }

  body.single-post .ai4w-product__cover,
  body.single-post .ai4w-post__content .ai4w-product__cover,
  body.single-post .ai4w-post__fullwidth .ai4w-product__cover {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: auto !important;
    background: #f3f0eb !important;
    border: none !important;
    border-radius: 50% !important;
    padding: 1rem .75rem !important;
    align-self: start !important;
  }

  body.single-post .ai4w-product__cover img,
  body.single-post .ai4w-post__content .ai4w-product__cover img,
  body.single-post .ai4w-post__fullwidth .ai4w-product__cover img {
    width: 82px !important;
    height: 116px !important;
    max-width: 82px !important;
    max-height: 116px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
  }

  body.single-post .ai4w-product__cover-placeholder {
    width: 82px !important;
    height: 116px !important;
  }

  body.single-post .ai4w-product__body,
  body.single-post .ai4w-post__content .ai4w-product__body,
  body.single-post .ai4w-post__fullwidth .ai4w-product__body {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: .45rem !important;
  }

  body.single-post .ai4w-product__badge {
    display: inline-flex !important;
    align-self: flex-start !important;
    background: #f3e6cc !important;
    color: #0d2b3e !important;
    border-radius: 999px !important;
    padding: .25rem .55rem !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .06em !important;
    margin: 0 0 .15rem 0 !important;
  }

  body.single-post .ai4w-product__title {
    font-size: 19px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    color: #0d2b3e !important;
    margin: 0 !important;
  }

  body.single-post .ai4w-product__title::after {
    content: "" !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    background: #16ADAF !important;
    border-radius: 999px !important;
    margin: .55rem 0 .2rem !important;
  }

  body.single-post .ai4w-product__subtitle {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #A69E83 !important;
    margin: 0 !important;
  }

  body.single-post .ai4w-product__desc {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #3d3d3d !important;
    margin: 0 !important;
  }

  body.single-post .ai4w-product__cta,
  body.single-post .ai4w-post__content .ai4w-product__cta,
  body.single-post .ai4w-post__fullwidth .ai4w-product__cta {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  body.single-post .ai4w-product__cta > div {
    width: 100% !important;
    align-items: flex-start !important;
  }

  body.single-post .ai4w-product__btn,
  body.single-post .ai4w-product__btn:visited {
    width: auto !important;
    min-width: 132px !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    background: #0d2b3e !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(13, 43, 62, .18) !important;
  }

  body.single-post .ai4w-product__price {
    margin-top: .35rem !important;
    text-align: left !important;
  }
}

@media (max-width: 390px) {
  body.single-post .ai4w-product,
  body.single-post .ai4w-post__content .ai4w-product,
  body.single-post .ai4w-post__fullwidth .ai4w-product {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    column-gap: .9rem !important;
    padding: 1rem !important;
  }

  body.single-post .ai4w-product__cover,
  body.single-post .ai4w-post__content .ai4w-product__cover,
  body.single-post .ai4w-post__fullwidth .ai4w-product__cover {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    padding: .85rem .55rem !important;
  }

  body.single-post .ai4w-product__cover img,
  body.single-post .ai4w-post__content .ai4w-product__cover img,
  body.single-post .ai4w-post__fullwidth .ai4w-product__cover img {
    width: 68px !important;
    height: 96px !important;
    max-width: 68px !important;
    max-height: 96px !important;
  }

  body.single-post .ai4w-product__title {
    font-size: 17px !important;
  }

  body.single-post .ai4w-product__desc {
    font-size: 13px !important;
  }
}

/* Related posts section */
.ai4w-post__related {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 1120px;
  margin: 3rem auto 0;
}

.ai4w-related {
  border-top: 1px solid #e5e7eb;
  padding-top: 2rem;
}

.ai4w-related__head {
  border-left: 5px solid #16ADAF;
  padding-left: 1.4rem;
  margin-bottom: 1.5rem;
}

.ai4w-related__title {
  margin: 0 0 .45rem !important;
  color: #0d2b3e !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

.ai4w-related__intro {
  margin: 0 !important;
  color: #3d3d3d !important;
  font-size: 18px !important;
}

.ai4w-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
}

.ai4w-related-card {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(13, 43, 62, .06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.ai4w-related-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(13, 43, 62, .1);
}

.ai4w-related-card__link,
.ai4w-related-card__link:hover {
  color: inherit;
  text-decoration: none;
  display: block;
  height: 100%;
}

.ai4w-related-card__img {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
  display: block;
}

.ai4w-related-card__body {
  padding: 1.1rem 1.15rem 1.25rem;
}

.ai4w-related-card__cat {
  color: #008f91;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 800;
  font-size: 12px;
  margin-bottom: .55rem;
}

.ai4w-related-card__title {
  color: #0d2b3e !important;
  font-size: 20px !important;
  line-height: 1.28 !important;
  margin: 0 0 .9rem !important;
  font-weight: 800 !important;
}

.ai4w-related-card__meta {
  color: #666;
  font-size: 14px;
}

.ai4w-related__back {
  margin-top: 2rem;
  border: 2px solid #16ADAF;
  border-radius: 12px;
  padding: 1.05rem 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-decoration: none !important;
  color: #0d2b3e !important;
  background: #fff;
}

.ai4w-related__back:hover {
  background: #edf9f9;
}

.ai4w-related__back-icon {
  color: #008f91;
  font-size: 30px;
  line-height: 1;
}

.ai4w-related__back strong {
  display: block;
  color: #008f91;
  font-size: 20px;
  line-height: 1.25;
}

.ai4w-related__back em {
  display: block;
  color: #3d3d3d;
  font-style: normal;
  font-size: 15px;
  margin-top: .15rem;
}

@media (max-width: 768px) {
  .ai4w-post__related {
    margin: 2.4rem 0 0 !important;
    max-width: 100% !important;
  }

  .ai4w-related {
    padding-top: 1.6rem;
  }

  .ai4w-related__head {
    padding-left: 1rem;
    margin-bottom: 1.2rem;
  }

  .ai4w-related__title {
    font-size: 30px !important;
  }

  .ai4w-related__intro {
    font-size: 16px !important;
  }

  .ai4w-related__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .ai4w-related-card__link {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    align-items: stretch;
  }

  .ai4w-related-card__img {
    height: 100%;
    min-height: 118px;
    aspect-ratio: auto;
  }

  .ai4w-related-card__body {
    padding: .9rem .95rem;
  }

  .ai4w-related-card__cat {
    font-size: 11px;
    margin-bottom: .35rem;
  }

  .ai4w-related-card__title {
    font-size: 17px !important;
    margin-bottom: .5rem !important;
  }

  .ai4w-related-card__meta {
    font-size: 13px;
  }

  .ai4w-related__back {
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    margin-top: 1.4rem;
  }

  .ai4w-related__back strong {
    font-size: 17px;
  }

  .ai4w-related__back em {
    font-size: 13px;
  }
}

@media (max-width: 390px) {
  .ai4w-related-card__link {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  .ai4w-related-card__img {
    min-height: 104px;
  }
}

/* v1.32.7 — Related posts placement fix
   Desktop: align related posts with the article area, not the left TOC column.
   Mobile: show related posts after the full article and before sidebar widgets. */
body.single-post .ai4w-post__related {
  grid-column: 2 / 4 !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 3rem 0 0 0 !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  min-width: 0 !important;
}

body.single-post .ai4w-related {
  width: 100% !important;
  max-width: 100% !important;
}

body.single-post .ai4w-related__grid {
  width: 100% !important;
}

@media (min-width: 901px) {
  body.single-post .ai4w-related__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.single-post .ai4w-post__related {
    order: 4 !important;
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 2.2rem 0 0 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-post .ai4w-post__sidebar {
    order: 5 !important;
  }
}


/* v1.32.8 — Share block and related/sidebar overlap fix */
body.single-post .ai4w-post__sidebar {
  z-index: 1 !important;
}

body.single-post .ai4w-post__share {
  grid-column: 2 / 4 !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 2.5rem 0 0 0 !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  min-width: 0 !important;
}

body.single-post .ai4w-share {
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 1.2rem 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

body.single-post .ai4w-share__title {
  margin: 0 !important;
  color: #0d2b3e !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.single-post .ai4w-share__links {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .6rem !important;
}

body.single-post .ai4w-share__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: .55rem .85rem !important;
  border-radius: 999px !important;
  border: 1px solid #d7eeee !important;
  background: #edf9f9 !important;
  color: #008f91 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.single-post .ai4w-share__link:hover {
  background: #16ADAF !important;
  color: #fff !important;
  border-color: #16ADAF !important;
}

@media (min-width: 901px) {
  /* The sticky sidebar was overlapping the related posts area while scrolling.
     Keeping it in normal flow prevents it from covering bottom-of-article blocks. */
  body.single-post .ai4w-post__sidebar {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 900px) {
  body.single-post .ai4w-post__share {
    order: 4 !important;
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 2rem 0 0 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-post .ai4w-post__related {
    order: 5 !important;
  }

  body.single-post .ai4w-post__sidebar {
    order: 6 !important;
  }

  body.single-post .ai4w-share {
    display: block !important;
    padding: 1rem 0 !important;
  }

  body.single-post .ai4w-share__title {
    font-size: 17px !important;
    margin-bottom: .8rem !important;
  }

  body.single-post .ai4w-share__links {
    gap: .5rem !important;
  }

  body.single-post .ai4w-share__link {
    min-height: 40px !important;
    padding: .65rem .85rem !important;
  }
}


/* v1.32.9 — Share block black icon buttons, no email */
body.single-post .ai4w-share__links {
  gap: 1.8rem !important;
}

body.single-post .ai4w-share__link,
body.single-post .ai4w-share__link:visited {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111111 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

body.single-post .ai4w-share__link:hover,
body.single-post .ai4w-share__link:focus-visible {
  background: transparent !important;
  color: #16ADAF !important;
  border: 0 !important;
  transform: translateY(-1px);
  outline: none !important;
}

body.single-post .ai4w-share__icon {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
}

@media (max-width: 900px) {
  body.single-post .ai4w-share {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
  }

  body.single-post .ai4w-share__title {
    margin-bottom: 0 !important;
  }

  body.single-post .ai4w-share__links {
    gap: 1rem !important;
    flex-wrap: nowrap !important;
  }

  body.single-post .ai4w-share__link,
  body.single-post .ai4w-share__link:visited {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  body.single-post .ai4w-share__icon {
    width: 27px !important;
    height: 27px !important;
  }
}


/* v1.33.0 — Breadcrumb cleanup
   The theme/Elementor breadcrumb above the featured image remains visible.
   The duplicate AI4W breadcrumb inside the article body is removed. */
body.single-post .ai4w-post .ai4w-breadcrumbs,
body.single-post .ai4w-post__content > .ai4w-breadcrumbs,
body.single-post .ai4w-post__fullwidth > .ai4w-breadcrumbs {
    display: none !important;
}

/* Smaller breadcrumb above the featured image/header area */
body.single-post .elementor-location-single .elementor-widget-breadcrumbs,
body.single-post .elementor-widget-breadcrumbs,
body.single-post .rank-math-breadcrumb,
body.single-post .yoast-breadcrumb,
body.single-post nav.breadcrumb,
body.single-post .breadcrumb,
body.single-post .breadcrumbs {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

body.single-post .elementor-location-single .elementor-widget-breadcrumbs a,
body.single-post .elementor-widget-breadcrumbs a,
body.single-post .rank-math-breadcrumb a,
body.single-post .yoast-breadcrumb a,
body.single-post nav.breadcrumb a,
body.single-post .breadcrumb a,
body.single-post .breadcrumbs a {
    font-size: 12px !important;
}

@media (max-width: 760px) {
    body.single-post .elementor-widget-breadcrumbs,
    body.single-post .rank-math-breadcrumb,
    body.single-post .yoast-breadcrumb,
    body.single-post nav.breadcrumb,
    body.single-post .breadcrumb,
    body.single-post .breadcrumbs {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
}


/* v1.33.1 — Desktop featured image height */
@media (min-width: 769px) {
    body.single-post img.attachment-full,
    body.single-post img.size-full,
    body.single-post .wp-post-image,
    body.single-post img[class*="wp-image-"] {
        max-height: 250px !important;
        height: 250px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }
}


/* v1.33.2 — Protect header/logo images from featured-image rules */
@media (min-width: 769px) {
    body.single-post header img,
    body.single-post .site-header img,
    body.single-post .elementor-location-header img,
    body.single-post .custom-logo,
    body.single-post img.custom-logo,
    body.single-post .site-logo img,
    body.single-post .elementor-widget-theme-site-logo img,
    body.single-post .elementor-widget-image a img,
    body.single-post .twbb-site-logo img,
    body.single-post .tenweb-site-logo img {
        height: auto !important;
        max-height: 80px !important;
        width: auto !important;
        max-width: 260px !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: inline-block !important;
    }

    /* Featured image only: target the post hero/featured media area, not every post image. */
    body.single-post .wp-post-image:not(header img):not(.custom-logo),
    body.single-post .post-thumbnail img:not(header img):not(.custom-logo),
    body.single-post .elementor-widget-twbbpost-featured-image img:not(header img):not(.custom-logo),
    body.single-post .elementor-widget-theme-post-featured-image img:not(header img):not(.custom-logo),
    body.single-post .ai4w-featured-image img:not(header img):not(.custom-logo),
    body.single-post .ai4w-post-hero img:not(header img):not(.custom-logo) {
        height: 250px !important;
        max-height: 250px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }
}

@media (max-width: 768px) {
    body.single-post header img,
    body.single-post .site-header img,
    body.single-post .elementor-location-header img,
    body.single-post .custom-logo,
    body.single-post img.custom-logo,
    body.single-post .site-logo img,
    body.single-post .elementor-widget-theme-site-logo img,
    body.single-post .twbb-site-logo img,
    body.single-post .tenweb-site-logo img {
        height: auto !important;
        max-height: 70px !important;
        width: auto !important;
        max-width: 260px !important;
        object-fit: contain !important;
    }
}

/* ════════════════════════════════════════════════════════════
   Category Archive Page
   ════════════════════════════════════════════════════════════ */
.ai4w-cat-page {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 2rem 1.5rem 3rem !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* ── Breadcrumb ─────────────────────────────────────────── */
.ai4w-cat__breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11px !important;
    color: #A69E83 !important;
    margin-bottom: 1rem !important;
    flex-wrap: wrap !important;
}
.ai4w-cat__breadcrumb a { color: #16ADAF !important; text-decoration: none !important; }
.ai4w-cat__breadcrumb a:hover { text-decoration: underline !important; }

/* ── Hero split ─────────────────────────────────────────── */
.ai4w-cat__hero {
    display: grid !important;
    grid-template-columns: 1fr 1.1fr !important;
    gap: 2rem !important;
    align-items: start !important;
    margin-bottom: 2.5rem !important;
}
@media (max-width: 768px) {
    .ai4w-cat__hero { grid-template-columns: 1fr !important; }
}

/* ── Hero left ──────────────────────────────────────────── */
.ai4w-cat__hero-left { display: flex !important; flex-direction: column !important; gap: .75rem !important; }
.ai4w-cat__title {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #0d2b3e !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}
.ai4w-cat__desc {
    font-size: 13px !important;
    color: #5f5e5a !important;
    line-height: 1.75 !important;
    margin: 0 !important;
}

/* ── Search ─────────────────────────────────────────────── */
.ai4w-cat__search-wrap {
    position: relative !important;
    margin-top: .25rem !important;
}
.ai4w-cat__search-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 15px !important;
    height: 15px !important;
    color: #A69E83 !important;
    pointer-events: none !important;
}
.ai4w-cat__search {
    width: 100% !important;
    padding: 10px 14px 10px 36px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    background: #f9fafb !important;
    color: #0d2b3e !important;
    outline: none !important;
    box-shadow: none !important;
}
.ai4w-cat__search:focus { border-color: #16ADAF !important; background: #fff !important; }

/* ── Topic pills ────────────────────────────────────────── */
.ai4w-cat__topic-pills {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: .25rem !important;
}
.ai4w-cat__pills-label {
    font-size: 11px !important;
    color: #A69E83 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}
.ai4w-cat__pill {
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
    background: #fff !important;
    color: #0d2b3e !important;
    border: 1px solid #e5e7eb !important;
    cursor: pointer !important;
    transition: all .15s !important;
}
.ai4w-cat__pill:hover,
.ai4w-cat__pill.is-active {
    background: #16ADAF !important;
    border-color: #16ADAF !important;
    color: #fff !important;
}

/* ── Hero featured post ─────────────────────────────────── */
.ai4w-cat__hero-featured {
    background: #E8C547 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: stretch !important;
    text-decoration: none !important;
    transition: opacity .15s !important;
    min-height: 240px !important;
}
.ai4w-cat__hero-featured:hover { opacity: .92 !important; text-decoration: none !important; }
.ai4w-cat__hero-feat-content {
    padding: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: .75rem !important;
}
.ai4w-cat__hero-feat-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0d2b3e !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.ai4w-cat__hero-feat-title::after { display: none !important; }
.ai4w-cat__hero-feat-excerpt {
    font-size: 12px !important;
    color: #3d3d3d !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}
.ai4w-cat__hero-feat-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11px !important;
    color: #3d3d3d !important;
    flex-wrap: wrap !important;
}
.ai4w-cat__pop-badge {
    background: rgba(255,255,255,.5) !important;
    color: #0d2b3e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
}
.ai4w-cat__hero-btn {
    display: inline-block !important;
    background: #16ADAF !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 9px 18px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    width: fit-content !important;
}
.ai4w-cat__hero-feat-img {
    width: 220px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}
.ai4w-cat__hero-feat-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
@media (max-width: 600px) {
    .ai4w-cat__hero-featured { grid-template-columns: 1fr !important; }
    .ai4w-cat__hero-feat-img { width: 100% !important; height: 160px !important; }
}

/* ── Articles header ────────────────────────────────────── */
.ai4w-cat__articles-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 1.25rem !important;
    padding-bottom: .75rem !important;
    border-bottom: 1.5px solid #e5e7eb !important;
}
.ai4w-cat__articles-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0d2b3e !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.ai4w-cat__articles-title::after { display: none !important; }
.ai4w-cat__sort-tabs {
    display: flex !important;
    gap: 0 !important;
}
.ai4w-cat__sort-tab {
    padding: 5px 14px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
    background: none !important;
    border: none !important;
    color: #A69E83 !important;
    cursor: pointer !important;
    border-bottom: 2px solid transparent !important;
    transition: all .15s !important;
}
.ai4w-cat__sort-tab.is-active {
    color: #16ADAF !important;
    border-bottom-color: #16ADAF !important;
}
.ai4w-cat__sort-tab:hover:not(.is-active) { color: #0d2b3e !important; }

/* ── Post grid ──────────────────────────────────────────── */
.ai4w-cat__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 1.5rem !important;
}
@media (max-width: 900px) { .ai4w-cat__grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { .ai4w-cat__grid { grid-template-columns: 1fr !important; } }

/* ── Post card ──────────────────────────────────────────── */
.ai4w-cat__card {
    display: block !important;
    background: #fff !important;
    border: 0.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: box-shadow .15s, transform .15s !important;
}
.ai4w-cat__card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}
.ai4w-cat__card--hidden { display: none !important; }
.ai4w-cat__card-img { width: 100% !important; height: 160px !important; overflow: hidden !important; }
.ai4w-cat__card-img img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    display: block !important;
    max-height: none !important;
    transition: transform .3s !important;
}
.ai4w-cat__card:hover .ai4w-cat__card-img img { transform: scale(1.03) !important; }
.ai4w-cat__card-img-placeholder {
    width: 100% !important;
    height: 160px !important;
    background: linear-gradient(135deg, #edf9f9, #f3f0eb) !important;
}
.ai4w-cat__card-body { padding: 1rem !important; }
.ai4w-cat__card-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0d2b3e !important;
    line-height: 1.45 !important;
    margin-bottom: .5rem !important;
}
.ai4w-cat__card-excerpt {
    font-size: 12px !important;
    color: #5f5e5a !important;
    line-height: 1.6 !important;
    margin-bottom: .75rem !important;
}
.ai4w-cat__card-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
.ai4w-cat__card-meta {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 11px !important;
    color: #A69E83 !important;
}
.ai4w-cat__card-tag {
    background: #edf9f9 !important;
    color: #0d7a7c !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    border: 1px solid #b2e4e4 !important;
}

/* ── Footer ─────────────────────────────────────────────── */
.ai4w-cat__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1rem 0 !important;
}
.ai4w-cat__count { font-size: 12px !important; color: #A69E83 !important; }
.ai4w-cat__load-more {
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #16ADAF !important;
    background: none !important;
    border: 1.5px solid #16ADAF !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    cursor: pointer !important;
    transition: all .15s !important;
}
.ai4w-cat__load-more:hover { background: #16ADAF !important; color: #fff !important; }