/* ==========================================================================
   IMBAS BLOG — combined CSS for the listing (home.php/archive.php) and
   single post (single-post.php) templates. Enqueued once via functions.php.

   IMPORTANT: your theme's own header/footer (get_header()/get_footer())
   already render the real site nav — these templates do NOT duplicate a
   custom nav bar. Everything here is scoped under .imbas-blog so these very
   common class names (.card, .grid, .pill, .prod…) can't collide with your
   active theme's own CSS.
   ========================================================================== */

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

/* ==========================================================================
   THEME SIDEBAR OVERRIDE
   Classic themes (Astra/GeneratePress/OceanWP and anything descended from
   the _s starter theme) reserve their own sidebar column width around
   #primary/.content-area even when that sidebar is empty of widgets — which
   squeezes our own 3-column .shell grid on single-post.php into whatever
   narrow space is left, wrapping the article text to one word per line.
   This forces the content column to full width and hides the theme's own
   (unused) sidebar specifically on the templates in this set. WordPress
   adds body classes like `single-post`, `blog`, `archive`, `category`
   automatically via body_class() — no per-post setting needed.
   If your theme uses different wrapper IDs/classes than the common ones
   below, tell me the theme name and I'll add the exact selectors.
   ========================================================================== */
body.single-post #content, body.single-post .ast-container, body.single-post .ast-row,
body.blog #content, body.blog .ast-container, body.blog .ast-row,
body.archive #content, body.archive .ast-container, body.archive .ast-row{
  display:block !important; grid-template-columns:none !important;
}
body.single-post #primary, body.single-post #main, body.single-post .content-area,
body.single-post .site-main, body.single-post .ast-container > .row,
body.blog #primary, body.blog #main, body.blog .content-area, body.blog .site-main,
body.archive #primary, body.archive #main, body.archive .content-area, body.archive .site-main{
  width:100% !important; max-width:none !important; float:none !important; flex:none !important;
}
body.single-post #secondary, body.single-post .widget-area,
body.blog #secondary, body.blog .widget-area,
body.archive #secondary, body.archive .widget-area{
  display:none !important; width:0 !important; flex-basis:0 !important;
}

.imbas-blog{
  --canvas:#ffffff; --ghost:#f5f5f5; --sky-wash:#c0eaff;
  --blue:#2597d0; --blue-deep:#1b6c96;
  --coal:#000000; --charcoal:#070709; --slate:#60606c; --mid:#8b8b8b; --steel:#99a0ae; --hover:#efeff1;
  --flag:#c1654c; --flag-tint:#f7e9e4;
  --grad:linear-gradient(rgb(119,155,193) 0%, rgb(154,191,218) 58%, rgb(203,223,236) 100%);
  --shadow-card:rgba(22,107,197,.05) 0px 7px 7px 0px;
  --shadow-btn:rgba(36,36,40,.1) 0px 1px 2px 0px, rgba(36,36,40,.09) 0px 3px 3px 0px, rgba(36,36,40,.05) 0px 6px 4px 0px;
  --shadow-xl:rgba(16,55,132,.03) 0px 17px 37px 0px, rgba(16,55,132,.03) 0px 67px 67px 0px, rgba(16,55,132,.02) 0px 150px 90px 0px;
  --head:'Figtree',-apple-system,sans-serif; --body:'Inter',-apple-system,sans-serif; --script:'Caveat',cursive;
  color:var(--coal);font-family:var(--body);font-size:15px;line-height:1.5;letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
}
.imbas-blog *{box-sizing:border-box}
.imbas-blog a{color:inherit;text-decoration:none}
.imbas-blog a:focus-visible,.imbas-blog button:focus-visible,.imbas-blog input:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.imbas-blog .wrap{
  max-width:1160px !important; width:100% !important;
  margin-left:auto !important; margin-right:auto !important;
  padding-left:28px !important; padding-right:28px !important; box-sizing:border-box;
}
@media(max-width:640px){.imbas-blog .wrap{padding-left:20px !important;padding-right:20px !important}}

/* single-post.php's article shell needs more room than the listing pages'
   .wrap — the fixed 236px TOC + 300px sidebar + 88px of gaps already eat
   624px, so a 1160px wrap only leaves ~480px for the article column. This
   variant widens just that wrap so the article column can hit 600px+. */
.imbas-blog .wrap.wrap--article{max-width:1320px !important}
@media (prefers-reduced-motion: reduce){.imbas-blog *,.imbas-blog *::before,.imbas-blog *::after{animation:none!important;transition:none!important}}

.imbas-blog .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}
.imbas-blog .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.imbas-blog .reveal{opacity:1!important;transform:none!important}}

.imbas-blog .btn{display:inline-block;background:var(--charcoal);color:#fff;font-family:var(--head);font-size:14px;font-weight:500;padding:13px 26px;border-radius:100px;border:none;cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .15s ease,opacity .15s ease}
.imbas-blog .btn:hover{transform:translateY(-1px);opacity:.92}
.imbas-blog .btn--subtle{background:var(--hover);color:var(--blue);box-shadow:none}
.imbas-blog .btn--sm{padding:10px 18px;font-size:13px}
.imbas-blog .btn--ghost{background:#fff;color:var(--blue);box-shadow:var(--shadow-card)}

/* ================= reading progress (fixed to viewport, independent of theme header) ================= */
.imbas-progress{position:fixed;left:0;top:0;height:3px;background:var(--blue);width:0%;z-index:9999;transition:width .1s linear}

/* ================= masthead (listing page hero banner) ================= */
.imbas-blog .masthead{background:var(--grad);border-radius:0 0 48px 48px;padding:76px 0 64px;text-align:center;color:#fff;position:relative;overflow:hidden}
.imbas-blog .masthead-deco{position:absolute;border-radius:24px;background:rgba(255,255,255,.14);pointer-events:none}
.imbas-blog .md1{width:190px;height:130px;left:-50px;bottom:-24px;transform:rotate(-13deg);animation:imbas-floaty 10s ease-in-out infinite}
.imbas-blog .md2{width:150px;height:100px;right:-40px;top:40px;transform:rotate(10deg);animation:imbas-floaty 12s ease-in-out infinite reverse}
@keyframes imbas-floaty{0%,100%{translate:0 0}50%{translate:0 -12px}}
.imbas-blog .masthead>.wrap{position:relative;z-index:1}
.imbas-blog .masthead .kicker{font-family:var(--script);font-size:24px;opacity:.92;margin-bottom:6px}
.imbas-blog .masthead h1{font-family:var(--head);font-weight:600;font-size:clamp(2.4rem,5.6vw,3.8rem);line-height:1.03;letter-spacing:-.04em;text-shadow:0 2px 24px rgba(16,55,132,.15);color:#fff}
.imbas-blog .masthead p{font-size:16.5px;max-width:31em;margin:16px auto 0;opacity:.95}

/* ================= category pills ================= */
.imbas-blog .pillbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:18px 0;margin-bottom:8px}
.imbas-blog .pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.imbas-blog .pill{
  font-family:var(--head);font-size:13.5px;font-weight:600;
  background:var(--hover);color:var(--slate);border:none;cursor:pointer;
  padding:9px 18px;border-radius:100px;transition:background .18s,color .18s,transform .15s;
  display:inline-flex;align-items:center;gap:7px;
}
.imbas-blog .pill:hover{transform:translateY(-1px);background:var(--sky-wash);color:var(--blue-deep)}
.imbas-blog .pill[aria-pressed="true"]{background:var(--charcoal);color:#fff}
.imbas-blog .pill .count{font-size:11px;font-weight:700;background:rgba(0,0,0,.06);border-radius:100px;padding:2px 7px;color:inherit;opacity:.7}
.imbas-blog .pill[aria-pressed="true"] .count{background:rgba(255,255,255,.2)}

.imbas-blog section{padding:56px 0}
.imbas-blog .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.imbas-blog h2{font-family:var(--head);font-weight:600;font-size:clamp(1.5rem,2.6vw,1.9rem);letter-spacing:-.03em}
.imbas-blog .sec-note{font-size:13px;color:var(--mid)}

/* ================= featured + cards ================= */
.imbas-blog .featured{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}
@media(max-width:900px){.imbas-blog .featured{grid-template-columns:1fr}}
.imbas-blog .feat-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}

.imbas-blog .card{background:var(--canvas);border-radius:24px;box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}
.imbas-blog .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.imbas-blog .card-cover{position:relative;overflow:hidden;background:var(--ghost)}
.imbas-blog .card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.imbas-blog .card:hover .card-cover img{transform:scale(1.04)}
.imbas-blog .card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.imbas-blog .card-cat{font-family:var(--head);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue)}
.imbas-blog .card-cat.c-eczema{color:var(--flag)}
.imbas-blog .card-cat.c-fungal{color:var(--blue)}
.imbas-blog .card-cat.c-label{color:#7a6ba8}
.imbas-blog .card-cat.c-baby{color:#5f9070}
.imbas-blog .card h3{font-family:var(--head);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.imbas-blog .card p{font-size:13.5px;color:var(--slate);flex-grow:1}
.imbas-blog .card-meta{font-size:12px;color:var(--mid);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.imbas-blog .card-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--steel)}

.imbas-blog .card--hero .card-cover{height:290px}
.imbas-blog .card--hero h3{font-size:26px}
.imbas-blog .card--hero p{font-size:14.5px}
.imbas-blog .card--mini{flex-direction:row}
.imbas-blog .card--mini .card-cover{width:132px;flex-shrink:0;height:auto}
.imbas-blog .card--mini .card-body{padding:18px 20px}
.imbas-blog .card--mini h3{font-size:16.5px}
.imbas-blog .card--mini p{display:none}
@media(max-width:520px){.imbas-blog .card--mini{flex-direction:column}.imbas-blog .card--mini .card-cover{width:100%;height:130px}}

.imbas-blog .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.imbas-blog .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.imbas-blog .grid{grid-template-columns:1fr}}
.imbas-blog .grid .card-cover{height:168px}
.imbas-blog .grid h3{font-size:18px}

.imbas-blog .empty{grid-column:1/-1;text-align:center;padding:56px 20px;background:var(--ghost);border-radius:24px}
.imbas-blog .empty p{font-family:var(--script);font-size:24px;color:var(--blue-deep)}

/* real WP pagination (paginate_links) */
.imbas-blog .imbas-pagination{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap}
.imbas-blog .imbas-pagination .page-numbers{
  min-width:40px;height:40px;padding:0 12px;border-radius:100px;background:var(--hover);color:var(--slate);
  display:inline-flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:600;font-size:13.5px;
  transition:background .15s,color .15s;
}
.imbas-blog .imbas-pagination .page-numbers:hover{background:var(--sky-wash);color:var(--blue-deep)}
.imbas-blog .imbas-pagination .page-numbers.current{background:var(--charcoal);color:#fff}

/* newsletter strip */
.imbas-blog .strip{background:var(--sky-wash);border-radius:48px;max-width:1240px;margin:0 auto;padding:64px 28px;text-align:center}
@media(max-width:1280px){.imbas-blog .strip{border-radius:0}}
.imbas-blog .strip h2{color:#123a52;max-width:16em;margin:0 auto}
.imbas-blog .strip p{color:var(--blue-deep);margin:12px auto 26px;max-width:32em}
.imbas-blog .strip form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.imbas-blog .strip input{font-family:var(--body);font-size:15px;background:#fff;border:1px solid rgba(27,108,150,.25);border-radius:18px;padding:13px 20px;min-width:min(300px,78vw)}
.imbas-blog .strip input:focus{outline:none;border-color:var(--blue)}
.imbas-blog .strip .fine{font-size:12.5px;color:var(--blue-deep);opacity:.75;margin-top:14px}

/* ================= single post: 3-col shell ================= */
.imbas-blog .shell{display:grid;grid-template-columns:236px minmax(0,1fr) 300px;gap:44px;padding:40px 0 72px;align-items:start}
@media(max-width:1100px){.imbas-blog .shell{grid-template-columns:minmax(0,1fr) 300px;gap:36px}.imbas-blog .toc-col{display:none}}
@media(max-width:860px){.imbas-blog .shell{grid-template-columns:minmax(0,1fr);gap:0}.imbas-blog .side-col{display:none}}

.imbas-blog .toc-col{position:sticky;top:20px}
.imbas-blog .toc-title{font-family:var(--head);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mid);margin-bottom:14px}
.imbas-blog .toc{list-style:none;border-left:2px solid var(--hover);margin:0;padding:0}
.imbas-blog .toc li a{display:block;padding:8px 0 8px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:13.5px;color:var(--slate);line-height:1.35;transition:color .18s,border-color .18s}
.imbas-blog .toc li a:hover{color:var(--blue-deep)}
.imbas-blog .toc li a.active{color:var(--blue);border-left-color:var(--blue);font-weight:600}
.imbas-blog .toc-cta{margin-top:22px;background:var(--ghost);border-radius:18px;padding:18px 16px}
.imbas-blog .toc-cta p{font-size:13px;color:var(--slate);margin-bottom:12px}
.imbas-blog .toc-cta .btn{width:100%;text-align:center}

.imbas-blog .crumbs{font-size:12.5px;color:var(--mid);margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}
.imbas-blog .crumbs a:hover{color:var(--blue)}
.imbas-blog .art-cat{display:inline-block;font-family:var(--head);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--flag);background:var(--flag-tint);padding:5px 12px;border-radius:100px;margin-bottom:14px}
.imbas-blog h1{font-family:var(--head);font-weight:600;font-size:clamp(1.9rem,3.8vw,2.7rem);line-height:1.1;letter-spacing:-.035em}
.imbas-blog .byline{display:flex;align-items:center;gap:12px;margin:22px 0 26px;flex-wrap:wrap}
.imbas-blog .by-av{width:42px;height:42px;border-radius:50%;color:#fff;font-family:var(--head);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.imbas-blog .by-txt{font-size:13px;color:var(--slate)}
.imbas-blog .by-txt b{color:var(--coal);font-weight:600}
.imbas-blog .by-txt .rev{color:var(--blue-deep);font-weight:600}
.imbas-blog .by-meta{margin-left:auto;font-size:12.5px;color:var(--mid);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.imbas-blog .by-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--steel)}

.imbas-blog .hero-img{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-card);margin-bottom:30px}
.imbas-blog .hero-img img{width:100%;display:block}

.imbas-blog .takeaways{background:var(--sky-wash);border-radius:24px;padding:26px 28px;margin-bottom:32px}
.imbas-blog .takeaways h2{font-family:var(--head);font-size:14px;font-weight:700;color:#123a52;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;border:none;padding:0}
.imbas-blog .takeaways ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.imbas-blog .takeaways li{font-size:14.5px;color:#123a52;padding-left:22px;position:relative;line-height:1.5}
.imbas-blog .takeaways li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}

.imbas-blog .toc-mobile{display:none;background:var(--ghost);border-radius:20px;padding:20px 22px;margin-bottom:30px}
@media(max-width:1100px){.imbas-blog .toc-mobile{display:block}}
.imbas-blog .toc-mobile summary{font-family:var(--head);font-weight:600;font-size:14.5px;cursor:pointer;color:var(--blue-deep)}
.imbas-blog .toc-mobile ol{margin:14px 0 0 18px;display:flex;flex-direction:column;gap:8px}
.imbas-blog .toc-mobile a{font-size:14px;color:var(--slate)}

/* rendered post content (the_content()) */
.imbas-blog .art-body{font-size:16.5px;line-height:1.72;color:#1c1c22}
.imbas-blog .art-body h2{font-family:var(--head);font-weight:600;font-size:clamp(1.35rem,2.4vw,1.65rem);letter-spacing:-.025em;margin:44px 0 14px;scroll-margin-top:24px;line-height:1.2}
.imbas-blog .art-body h3{font-family:var(--head);font-weight:600;font-size:1.12rem;letter-spacing:-.02em;margin:28px 0 8px}
.imbas-blog .art-body p{margin-bottom:18px}
.imbas-blog .art-body ul,.imbas-blog .art-body ol{margin:0 0 20px 22px;display:flex;flex-direction:column;gap:9px}
.imbas-blog .art-body li{padding-left:4px}
.imbas-blog .art-body a:not(.btn){color:var(--blue-deep);text-decoration:underline;text-decoration-color:rgba(37,151,208,.4);text-underline-offset:3px}
.imbas-blog .art-body a:not(.btn):hover{text-decoration-color:var(--blue)}
.imbas-blog .art-body strong{font-weight:600}
.imbas-blog .art-body blockquote,.imbas-blog .pull{border-left:3px solid var(--blue);padding:4px 0 4px 20px;margin:26px 0;font-family:var(--head);font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.35;color:#123a52}
.imbas-blog .callout{background:var(--flag-tint);border-radius:18px;padding:20px 22px;margin:26px 0;font-size:15px;color:#7c3a26}
.imbas-blog .callout b{font-weight:700}

/* in-content affiliate pick block ([imbas_pick] shortcode output) */
.imbas-blog .pick{background:var(--ghost);border-radius:28px;padding:26px 26px 24px;margin:34px 0;position:relative}
.imbas-blog .pick-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.imbas-blog .pick-badge{font-family:var(--head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--sky-wash);color:var(--blue-deep);padding:5px 12px;border-radius:100px}
.imbas-blog .pick-disc{font-size:11.5px;color:var(--mid);margin-left:auto}
.imbas-blog .pick h3{font-family:var(--head);font-weight:600;font-size:19px;letter-spacing:-.02em;margin-bottom:4px}
.imbas-blog .pick>p.sub{font-size:14px;color:var(--slate);margin-bottom:18px}
.imbas-blog .pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:660px){.imbas-blog .pick-grid{grid-template-columns:1fr}}
.imbas-blog .prod{background:#fff;border-radius:20px;box-shadow:var(--shadow-card);padding:18px;display:flex;flex-direction:column;gap:10px;transition:transform .2s ease,box-shadow .2s ease}
.imbas-blog .prod:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}
.imbas-blog .prod-top{display:flex;gap:14px;align-items:flex-start}
.imbas-blog .prod-shot{width:64px;height:76px;border-radius:12px;flex-shrink:0;background:linear-gradient(160deg,#dbe9f3,#f2f7fa);display:flex;align-items:center;justify-content:center;overflow:hidden}
.imbas-blog .prod-shot img{width:100%;height:100%;object-fit:cover}
.imbas-blog .prod-brand{font-size:11.5px;color:var(--mid);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.imbas-blog .prod-name{font-family:var(--head);font-weight:600;font-size:15px;letter-spacing:-.01em;line-height:1.25;margin-top:2px}
.imbas-blog .prod-price{font-family:var(--head);font-weight:700;font-size:14px;color:var(--charcoal);margin-top:6px}
.imbas-blog .prod-flags{display:flex;flex-wrap:wrap;gap:6px}
.imbas-blog .prod-flags span{font-family:var(--head);font-size:10.5px;font-weight:600;background:var(--sky-wash);color:var(--blue-deep);padding:4px 9px;border-radius:100px}
.imbas-blog .prod-cta{display:flex;gap:8px;align-items:center;margin-top:auto}
.imbas-blog .prod-cta .btn{flex-grow:1;text-align:center}
.imbas-blog .prod-why{font-size:12px;color:var(--slate);line-height:1.45}

/* sources / editorial standards */
.imbas-blog .sources{margin-top:48px;border-top:1px solid var(--hover);padding-top:28px}
.imbas-blog .sources summary{font-family:var(--head);font-weight:600;font-size:15px;cursor:pointer;color:var(--blue-deep)}
.imbas-blog .sources ol{margin:16px 0 0 20px;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--slate)}
.imbas-blog .standards{margin-top:26px;background:var(--ghost);border-radius:20px;padding:22px 24px;font-size:13.5px;color:var(--slate)}
.imbas-blog .standards h4{font-family:var(--head);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--coal);margin-bottom:8px}

/* ---------- right sidebar ---------- */
.imbas-blog .side-col{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.imbas-blog .widget{background:var(--canvas);border-radius:24px;box-shadow:var(--shadow-card);overflow:hidden}
.imbas-blog .w-label{font-family:var(--head);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mid);padding:16px 20px 0}
.imbas-blog .banner{display:block;position:relative;overflow:hidden;border-radius:24px;transition:transform .22s ease}
.imbas-blog .banner:hover{transform:translateY(-3px)}
.imbas-blog .banner img{width:100%;display:block}
.imbas-blog .banner-body{padding:20px}
.imbas-blog .banner-body h4{font-family:var(--head);font-weight:600;font-size:16.5px;letter-spacing:-.02em;margin-bottom:6px}
.imbas-blog .banner-body p{font-size:13px;color:var(--slate);margin-bottom:14px}
.imbas-blog .w-list{padding:14px 20px 20px}
.imbas-blog .w-list h4{font-family:var(--head);font-weight:600;font-size:15px;margin-bottom:12px}
.imbas-blog .w-list ol{list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:w;margin:0;padding:0}
.imbas-blog .w-list li{counter-increment:w;display:flex;gap:10px;font-size:13.5px;line-height:1.4}
.imbas-blog .w-list li::before{content:counter(w);font-family:var(--head);font-weight:700;font-size:12px;color:var(--steel);flex-shrink:0}
.imbas-blog .w-list a:hover{color:var(--blue)}
.imbas-blog .w-quiet{background:var(--ghost);box-shadow:none;padding:20px}
.imbas-blog .w-quiet p{font-size:13px;color:var(--slate)}
.imbas-blog .w-quiet .script{font-family:var(--script);font-size:19px;color:var(--blue-deep);margin-bottom:4px}

/* ---------- full affiliate "verified alternatives" section ---------- */
.imbas-blog .alts{background:var(--ghost);border-radius:48px;max-width:1240px;margin:0 auto;padding:76px 28px}
@media(max-width:1280px){.imbas-blog .alts{border-radius:0}}
.imbas-blog .alts-head{text-align:center;max-width:44em;margin:0 auto 40px}
.imbas-blog .alts-head .eyebrow{display:inline-block;font-family:var(--head);font-size:13px;font-weight:600;color:var(--blue);background:#fff;padding:7px 16px;border-radius:100px;margin-bottom:18px}
.imbas-blog .alts-head h2{font-family:var(--head);font-weight:600;font-size:clamp(1.8rem,3.4vw,2.4rem);letter-spacing:-.03em;line-height:1.1}
.imbas-blog .alts-head p{color:var(--slate);font-size:16px;margin-top:14px}
.imbas-blog .alts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1060px;margin:0 auto}
@media(max-width:940px){.imbas-blog .alts-grid{grid-template-columns:1fr}}
.imbas-blog .alt-card{background:#fff;border-radius:28px;box-shadow:var(--shadow-card);padding:26px 24px;display:flex;flex-direction:column;gap:14px;transition:transform .22s ease,box-shadow .22s ease}
.imbas-blog .alt-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}
.imbas-blog .alt-shot{height:150px;border-radius:18px;background:linear-gradient(160deg,#dbe9f3,#f2f7fa);display:flex;align-items:center;justify-content:center;overflow:hidden}
.imbas-blog .alt-shot img{width:100%;height:100%;object-fit:cover}
.imbas-blog .alt-lens{font-family:var(--head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue-deep);background:var(--sky-wash);padding:4px 11px;border-radius:100px;align-self:flex-start}
.imbas-blog .alt-card h3{font-family:var(--head);font-weight:600;font-size:18px;letter-spacing:-.02em;line-height:1.25}
.imbas-blog .alt-card .brand{font-size:11.5px;color:var(--mid);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.imbas-blog .alt-verdict{background:var(--ghost);border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center}
.imbas-blog .alt-verdict .tick{width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.imbas-blog .alt-verdict .t{font-family:var(--head);font-weight:600;font-size:13px;color:var(--blue-deep)}
.imbas-blog .alt-verdict .s{font-size:11.5px;color:var(--slate)}
.imbas-blog .alt-card>p.why{font-size:13.5px;color:var(--slate);flex-grow:1}
.imbas-blog .alt-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.imbas-blog .alt-price{font-family:var(--head);font-weight:700;font-size:16px}
.imbas-blog .alt-foot .btn{margin-left:auto}
.imbas-blog .alts-fine{text-align:center;font-size:12.5px;color:var(--mid);max-width:46em;margin:34px auto 0;line-height:1.6}

/* related posts */
.imbas-blog .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
@media(max-width:860px){.imbas-blog .related-grid{grid-template-columns:1fr}}
.imbas-blog .rel{background:#fff;border-radius:24px;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .2s ease}
.imbas-blog .rel:hover{transform:translateY(-4px)}
.imbas-blog .rel-cover{height:130px;background:linear-gradient(160deg,#c0eaff,#eaf7ff);overflow:hidden}
.imbas-blog .rel-cover img{width:100%;height:100%;object-fit:cover}
.imbas-blog .rel-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.imbas-blog .rel-cat{font-family:var(--head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue)}
.imbas-blog .rel h3{font-family:var(--head);font-weight:600;font-size:16.5px;letter-spacing:-.02em;line-height:1.28}
.imbas-blog .rel .meta{font-size:12px;color:var(--mid)}