/* AMZ original website typography
   Uses Bootstrap's --bs-font-sans-serif from the supplied site:
   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif. */
.b-root, .blog-wrap, .amz-blog-main, .amz-blog-single, .amz-archive-wrap,
.b-root :where(h1,h2,h3,h4,h5,h6,p,a,span,div,button,input,textarea,label,li),
.blog-wrap :where(h1,h2,h3,h4,h5,h6,p,a,span,div,button,input,textarea,label,li),
.amz-archive-wrap :where(h1,h2,h3,h4,h5,h6,p,a,span,div,button,input,textarea,label,li) {
  font-family: var(--amz-site-font) !important;
}

.b-root *, .blog-wrap *{box-sizing:border-box}

.b-root{background:#070b14;font-family:var(--amz-site-font);color:#dde1ee}

.b-hero{background:#070b14;padding:80px 48px 0;border-bottom:1px solid #111827}
.b-hero-inner{max-width:1080px;margin:0 auto}

.b-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px}
.b-tag-dot{width:6px;height:6px;background:#ff9900;border-radius:50%}
.b-tag-text{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#ff9900}

.b-headline{font-family:var(--amz-site-font);font-size:52px;font-weight:700;line-height:1.1;color:#ffffff;max-width:560px;margin-bottom:18px}
.b-headline em{color:#ff9900;font-style:normal}

.b-desc{font-size:14.5px;font-weight:300;color:#5d6680;line-height:1.75;max-width:420px;margin-bottom:40px}

.b-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:0;gap:20px;flex-wrap:wrap}

.b-cats{display:flex;gap:0}
.b-cat{padding:12px 20px;font-size:12.5px;font-weight:500;color:#4a5270;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:var(--amz-site-font);transition:all .2s;white-space:nowrap}
.b-cat.on{color:#ff9900;border-bottom-color:#ff9900}
.b-cat:hover:not(.on){color:#9aa0be;border-bottom-color:#1e2540}

.b-cta-top{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:1px solid #ff9900;border-radius:3px;font-size:12.5px;font-weight:500;color:#ff9900;background:transparent;cursor:pointer;font-family:var(--amz-site-font);transition:all .22s;text-decoration:none;white-space:nowrap}
.b-cta-top:hover{background:#ff9900;color:#070b14}
.b-cta-top svg{width:14px;height:14px;transition:transform .2s}
.b-cta-top:hover svg{transform:translateX(3px)}

.b-body{max-width:1080px;margin:0 auto;padding:0 48px 80px}

.b-main-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1px;background:#111827;margin-bottom:1px}

.b-feat{background:#070b14;padding:44px 40px 44px 0}
.b-feat-label{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.b-feat-line{width:28px;height:1px;background:#ff9900}
.b-feat-txt{font-size:10.5px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#ff9900}

.b-feat-cat-pill{display:inline-block;padding:3px 10px;background:rgba(255,153,0,.12);border:1px solid rgba(255,153,0,.25);border-radius:2px;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ff9900;margin-bottom:16px}

.b-feat-title{font-family:var(--amz-site-font);font-size:32px;font-weight:700;color:#ffffff;line-height:1.2;margin-bottom:16px}
.b-feat-excerpt{font-size:13.5px;font-weight:300;color:#4e566e;line-height:1.8;margin-bottom:28px}

.b-feat-meta{display:flex;align-items:center;justify-content:space-between}
.b-author-row{display:flex;align-items:center;gap:10px}
.b-avatar{width:34px;height:34px;border-radius:50%;background:#ff9900;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#070b14;flex-shrink:0}
.b-author-info{}
.b-author-name{font-size:12px;font-weight:500;color:#9aa0be}
.b-author-date{font-size:11px;color:#323852}

.b-read-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ff9900;background:transparent;border:none;cursor:pointer;font-family:var(--amz-site-font);letter-spacing:.5px;text-transform:uppercase}
.b-read-btn svg{width:14px;height:14px;transition:transform .2s}
.b-read-btn:hover svg{transform:translateX(4px)}

.b-feat-img{width:100%;height:220px;background:#0c1222;border-radius:4px;margin-bottom:28px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.b-feat-img-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.b-feat-img-icon{width:56px;height:56px;border:1.5px solid rgba(255,153,0,.4);border-radius:50%;display:flex;align-items:center;justify-content:center}
.b-feat-img-icon svg{width:24px;height:24px;stroke:#ff9900;fill:none;stroke-width:1.5}
.b-feat-img-lbl{font-size:10px;letter-spacing:2px;color:#2a3050;text-transform:uppercase;font-weight:500}
.b-feat-img-dec{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,153,0,.04);border:1px solid rgba(255,153,0,.08)}
.b-feat-img-dec2{position:absolute;top:-30px;left:-30px;width:90px;height:90px;border-radius:50%;background:rgba(255,153,0,.03);border:1px solid rgba(255,153,0,.06)}

.b-side{background:#070b14;padding:44px 0 44px 36px;display:flex;flex-direction:column;gap:0}

.b-side-card{padding:24px 0;border-bottom:1px solid #0e1628;cursor:pointer;transition:padding-left .2s}
.b-side-card:first-child{padding-top:0}
.b-side-card:last-child{border-bottom:none;padding-bottom:0}
.b-side-card:hover{padding-left:6px}

.b-side-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.b-side-pill{display:inline-block;padding:3px 8px;border-radius:2px;font-size:9.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.b-pill-fba{background:rgba(29,158,117,.1);color:#1D9E75;border:1px solid rgba(29,158,117,.2)}
.b-pill-wmt{background:rgba(55,138,221,.1);color:#378ADD;border:1px solid rgba(55,138,221,.2)}
.b-pill-ppc{background:rgba(212,83,126,.1);color:#D4537E;border:1px solid rgba(212,83,126,.2)}
.b-side-num{font-size:36px;font-weight:700;color:#111827;font-family:var(--amz-site-font);line-height:1}
.b-side-title{font-family:var(--amz-site-font);font-size:17px;font-weight:600;color:#c8ccd8;line-height:1.35;margin-bottom:10px}
.b-side-card:hover .b-side-title{color:#ffffff}
.b-side-bottom{display:flex;align-items:center;justify-content:space-between}
.b-side-date{font-size:11px;color:#2d3450}
.b-side-read{font-size:10.5px;font-weight:600;color:#ff9900;letter-spacing:1px;text-transform:uppercase}

.b-bottom-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#111827;border-top:1px solid #111827}

.b-mini{background:#070b14;padding:32px 28px;cursor:pointer;transition:background .2s;position:relative}
.b-mini:hover{background:#0a0f1e}
.b-mini-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.b-mini-cat{font-size:9.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#2e3758}
.b-mini-num{font-size:10px;font-weight:500;color:#1e2540;font-variant-numeric:tabular-nums}
.b-mini-title{font-family:var(--amz-site-font);font-size:17px;font-weight:600;color:#8890a8;line-height:1.35;margin-bottom:16px}
.b-mini:hover .b-mini-title{color:#dde1ee}
.b-mini-foot{display:flex;align-items:center;gap:8px}
.b-mini-avatar{width:24px;height:24px;border-radius:50%;background:#ff9900;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#070b14}
.b-mini-author{font-size:11px;color:#2d3450}
.b-mini-arrow{position:absolute;bottom:28px;right:24px;width:28px;height:28px;border:1px solid #111827;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .2s, background .2s}
.b-mini:hover .b-mini-arrow{border-color:#ff9900;background:rgba(255,153,0,.1)}
.b-mini-arrow svg{width:12px;height:12px;stroke:#ff9900;fill:none;stroke-width:2}

.b-newsletter{background:#07100e;border-top:1px solid #0e1f18;padding:52px 48px}
.b-nl-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.b-nl-left{}
.b-nl-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.b-nl-line{width:24px;height:1px;background:#1D9E75}
.b-nl-ey{font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#1D9E75}
.b-nl-title{font-family:var(--amz-site-font);font-size:28px;font-weight:700;color:#ffffff;margin-bottom:8px}
.b-nl-sub{font-size:13px;color:#2e5045;font-weight:300}
.b-nl-form{display:flex;gap:10px;flex-wrap:wrap}
.b-nl-input{padding:12px 18px;background:#0b1a16;border:1px solid #112e22;border-radius:3px;color:#dde1ee;font-family:var(--amz-site-font);font-size:13px;width:240px;outline:none}
.b-nl-input::placeholder{color:#1e3a2d}
.b-nl-input:focus{border-color:#1D9E75}
.b-nl-btn{padding:12px 24px;background:#1D9E75;border:none;border-radius:3px;color:#ffffff;font-family:var(--amz-site-font);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s}
.b-nl-btn:hover{opacity:.85}
.b-nl-note{font-size:11px;color:#1e3a2d;margin-top:10px}

  .blog-wrap { font-family: var(--amz-site-font); background: #0a0f1e; color: #e8eaf0; max-width: 1100px; margin: 0 auto; }

  .blog-hero { background: linear-gradient(135deg, #0d1526 0%, #111d35 60%, #0a1020 100%); border-bottom: 1px solid rgba(255,140,0,0.2); padding: 52px 48px 44px; position: relative; overflow: hidden; }
  .blog-hero::before { content: ''; position: absolute; top: -60px; right: -60px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(255,140,0,0.08) 0%, transparent 70%); pointer-events: none; }
  .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,140,0,0.12); border: 1px solid rgba(255,140,0,0.3); border-radius: 100px; padding: 6px 16px; font-size: 12px; font-weight: 500; color: #ff9900; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 20px; }
  .hero-badge span { width: 6px; height: 6px; border-radius: 50%; background: #ff9900; display: block; }
  .hero-title { font-family: var(--amz-site-font); font-size: 38px; font-weight: 800; line-height: 1.18; color: #ffffff; margin: 0 0 18px; max-width: 680px; }
  .hero-title em { font-style: normal; color: #ff9900; }
  .hero-meta { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
  .meta-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #8a9bb5; }
  .meta-avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #ff9900, #fba834); display: flex; align-items: center; justify-content: center; font-family: var(--amz-site-font); font-size: 12px; font-weight: 700; color: #fff; }
  .meta-dot { width: 3px; height: 3px; border-radius: 50%; background: #3a4a65; }

  .blog-layout { display: grid; grid-template-columns: 1fr 300px; gap: 0; }

  .blog-main { padding: 44px 48px; border-right: 1px solid rgba(255,255,255,0.06); }

  .feat-img { width: 100%; height: 260px; border-radius: 12px; background: linear-gradient(135deg, #0d1e3a 0%, #1a2d50 40%, #0f1e36 100%); display: flex; align-items: center; justify-content: center; margin-bottom: 36px; border: 1px solid rgba(255,140,0,0.15); position: relative; overflow: hidden; }
  .feat-img::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #ff9900, #fba834, transparent); }
  .feat-img-inner { text-align: center; }
  .feat-img-icon { font-size: 48px; display: block; margin-bottom: 12px; }
  .feat-img-label { font-size: 13px; color: #4a6080; }

  .article-body { font-size: 16px; line-height: 1.8; color: #b0bdd0; }
  .article-body p { margin: 0 0 22px; }

  .section-heading { font-family: var(--amz-site-font); font-size: 22px; font-weight: 700; color: #ffffff; margin: 36px 0 16px; padding-left: 16px; border-left: 3px solid #ff9900; line-height: 1.3; }

  .highlight-box { background: rgba(255,140,0,0.07); border: 1px solid rgba(255,140,0,0.2); border-radius: 12px; padding: 24px 28px; margin: 28px 0; }
  .highlight-box p { margin: 0; font-size: 16px; color: #d4a84b; font-style: italic; line-height: 1.7; }

  .step-list { list-style: none; padding: 0; margin: 0 0 28px; display: flex; flex-direction: column; gap: 14px; }
  .step-item { display: flex; gap: 16px; align-items: flex-start; }
  .step-num { min-width: 32px; height: 32px; border-radius: 50%; background: rgba(255,140,0,0.15); border: 1px solid rgba(255,140,0,0.35); display: flex; align-items: center; justify-content: center; font-family: var(--amz-site-font); font-size: 13px; font-weight: 700; color: #ff9900; }
  .step-text { font-size: 15px; color: #9aadc4; line-height: 1.65; padding-top: 5px; }
  .step-text strong { color: #d8e0ec; font-weight: 500; }

  .stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0; }
  .stat-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 20px; text-align: center; transition: border-color 0.2s; cursor: default; }
  .stat-card:hover { border-color: rgba(255,140,0,0.3); }
  .stat-num { font-family: var(--amz-site-font); font-size: 28px; font-weight: 800; color: #ff9900; display: block; }
  .stat-label { font-size: 12px; color: #5a7090; margin-top: 4px; letter-spacing: 0.04em; }

  .cta-strip { background: linear-gradient(135deg, #111d35, #0d1a2e); border: 1px solid rgba(255,140,0,0.25); border-radius: 14px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 36px 0; }
  .cta-text h4 { font-family: var(--amz-site-font); font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 6px; }
  .cta-text p { font-size: 13px; color: #6a82a0; margin: 0; }
  .cta-btn { background: #ff9900; color: #0a0f1e !important; font-family: var(--amz-site-font); font-size: 13px; font-weight: 700; padding: 12px 24px; border-radius: 8px; border: none; cursor: pointer; white-space: nowrap; letter-spacing: 0.03em; transition: background 0.2s; text-decoration: none !important; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 194px; min-height: 48px; }
  .cta-btn:hover { background: #fba834; color: #0a0f1e !important; }

  .tags-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 32px 0 0; }
  .tag { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.09); border-radius: 100px; padding: 6px 14px; font-size: 12px; color: #6a82a0; letter-spacing: 0.03em; cursor: pointer; transition: all 0.2s; }
  .tag:hover { border-color: rgba(255,140,0,0.4); color: #ff9900; }

  .share-bar { display: flex; align-items: center; gap: 12px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.06); margin-top: 28px; }
  .share-label { font-size: 13px; color: #4a6080; }
  .share-btn { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.09); border-radius: 8px; padding: 8px 16px; font-size: 12px; color: #8a9bb5; cursor: pointer; transition: all 0.2s; }
  .share-btn:hover { border-color: rgba(255,140,0,0.4); color: #ff9900; }

  .blog-sidebar { padding: 44px 32px; background: rgba(255,255,255,0.01); }

  .sidebar-section { margin-bottom: 36px; }
  .sidebar-heading { font-family: var(--amz-site-font); font-size: 13px; font-weight: 700; color: #ff9900; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 16px; }

  .author-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 20px; }
  .author-top { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
  .author-avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #ff9900, #fba834); display: flex; align-items: center; justify-content: center; font-family: var(--amz-site-font); font-size: 16px; font-weight: 800; color: #fff; flex-shrink: 0; }
  .author-name { font-family: var(--amz-site-font); font-size: 15px; font-weight: 700; color: #e8eaf0; }
  .author-role { font-size: 12px; color: #5a7090; margin-top: 2px; }
  .author-bio { font-size: 13px; color: #6a82a0; line-height: 1.6; }

  .related-list { display: flex; flex-direction: column; gap: 16px; }
  .related-item { display: flex; gap: 12px; align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.05); cursor: pointer; }
  .related-item:last-child { border-bottom: none; padding-bottom: 0; }
  .related-thumb { width: 52px; height: 52px; border-radius: 8px; background: rgba(255,140,0,0.1); border: 1px solid rgba(255,140,0,0.2); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; }
  .related-title { font-size: 13px; color: #b0bdd0; line-height: 1.5; font-weight: 500; }
  .related-title:hover { color: #ff9900; }
  .related-date { font-size: 11px; color: #3a4a65; margin-top: 4px; }

  .toc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }
  .toc-item { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.04); font-size: 13px; color: #6a82a0; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: color 0.2s; }
  .toc-item:hover { color: #ff9900; }
  .toc-item::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: rgba(255,140,0,0.4); flex-shrink: 0; }
  .toc-item.active { color: #ff9900; }
  .toc-item.active::before { background: #ff9900; }

  .newsletter-box { background: linear-gradient(135deg, #0d1a2e, #111d35); border: 1px solid rgba(255,140,0,0.2); border-radius: 12px; padding: 22px; }
  .newsletter-box p { font-size: 13px; color: #6a82a0; margin: 0 0 16px; line-height: 1.6; }
  .nl-input { width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 10px 14px; font-size: 13px; color: #b0bdd0; margin-bottom: 10px; box-sizing: border-box; outline: none; font-family: var(--amz-site-font); }
  .nl-input:focus { border-color: rgba(255,140,0,0.4); }
  .nl-btn { width: 100%; background: #ff9900; color: #0a0f1e; font-family: var(--amz-site-font); font-size: 13px; font-weight: 700; padding: 10px; border-radius: 8px; border: none; cursor: pointer; letter-spacing: 0.03em; transition: background 0.2s; }
  .nl-btn:hover { background: #fba834; }

/* WordPress theme integration */
body.amz-retailers-blog-theme { background:#070b14; }
.admin-bar header.header-main { top:32px; }
.amz-blog-main { background:#070b14; padding-top:140px; }
.amz-blog-single { background:#0a0f1e; padding:150px 20px 80px; }
.b-root a, .blog-wrap a { text-decoration:none !important; }
.b-root .b-read-btn, .b-root .b-cta-top { text-decoration:none !important; }
.b-cat { text-decoration:none !important; display:inline-flex; align-items:center; }
.b-cat.on, .b-cat:hover { color:#ff9900; }
.b-feat-img.has-image, .feat-img.has-image { background:none; height:auto; min-height:220px; padding:0; }
.b-feat-img.has-image img, .feat-img.has-image img { width:100%; height:100%; min-height:220px; object-fit:cover; display:block; border-radius:inherit; }
.feat-img.has-image { max-height:380px; }
.blog-title { font-family:var(--amz-site-font); font-size:38px; font-weight:800; line-height:1.18; color:#ffffff; margin:0 0 18px; max-width:680px; }
.blog-title em { color:#ff9900; font-style:normal; }
.article-body strong { color:#d8e0ec; font-weight:600; }
.article-body a { color:#ff9900; }
.amz-wysiwyg ul, .amz-wysiwyg ol { margin:0 0 22px 22px; color:#b0bdd0; }
.amz-wysiwyg li { margin-bottom:8px; }
.share-btn { display:inline-block; }
.related-title a, .b-side-title a, .b-mini-title a, .b-feat-title a { color:inherit; }
.related-title a:hover, .b-side-title a:hover, .b-mini-title a:hover, .b-feat-title a:hover { color:#ff9900; }
.amz-empty-posts { padding:48px; color:#9aa0be; background:#070b14; border:1px solid #111827; }
.amz-archive-wrap { max-width:1080px; margin:0 auto; padding:170px 48px 80px; background:#070b14; color:#dde1ee; }
.amz-archive-title { font-family:var(--amz-site-font); font-size:42px; color:#fff; margin-bottom:30px; }
.amz-archive-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#111827; }
.amz-archive-grid .b-mini { min-height:230px; }
.screen-reader-text { position:absolute; left:-9999px; }
@media (max-width: 991px){
  .amz-blog-main { padding-top:110px; }
  .amz-blog-single { padding-top:115px; }
  .b-hero, .b-body, .b-newsletter { padding-left:24px; padding-right:24px; }
  .b-main-grid, .blog-layout { grid-template-columns:1fr; }
  .b-feat, .b-side { padding:34px 0; }
  .b-bottom-strip, .stats-row, .amz-archive-grid { grid-template-columns:1fr; }
  .blog-main { border-right:0; border-bottom:1px solid rgba(255,255,255,.06); }
  .cta-strip { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 782px){ .admin-bar header.header-main{top:46px;} }
@media (max-width: 575px){
  .b-headline { font-size:38px; }
  .blog-title { font-size:30px; }
  .blog-hero, .blog-main, .blog-sidebar { padding-left:22px; padding-right:22px; }
  .b-cats { overflow-x:auto; width:100%; }
  .b-cat { padding:10px 14px; }
  .share-bar { flex-wrap:wrap; }
}


/* Blog archive: show all posts from the WordPress posts query, 9 per page. */
.b-all-posts-grid { grid-auto-rows: minmax(190px, auto); }
.b-all-posts-grid .b-mini { min-height: 190px; }
.b-pagination { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; padding:34px 0 0; }
.b-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 14px; border:1px solid #111827; border-radius:4px; color:#7d88ad; font-size:13px; font-weight:600; text-decoration:none !important; background:#070b14; transition:all .2s; }
.b-pagination .page-numbers:hover,
.b-pagination .page-numbers.current { border-color:#ff9900; color:#070b14; background:#ff9900; }
.b-pagination .prev,
.b-pagination .next { width:auto; }
.amz-empty-posts { color:#7d88ad; padding:48px 0; }


/* 1.0.7: The top section stays as the designed Featured/Sidebar area, and this section
   shows every published post from the current WordPress query. This makes the listing
   clearly show 9 posts per page, then pagination. */
.b-all-posts-heading { padding: 48px 0 18px; }
.b-all-posts-heading .b-feat-label { margin-bottom: 0; }
.b-all-posts-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: transparent;
  border-top: 1px solid #111827;
  border-left: 1px solid #111827;
}
.b-all-posts-grid .b-mini {
  min-height: 210px;
  border-right: 1px solid #111827;
  border-bottom: 1px solid #111827;
}
.b-all-posts-grid .b-mini-title { color: #c8ccd8; }
.b-all-posts-grid .b-mini:hover .b-mini-title { color: #ffffff; }
@media (max-width: 991px){
  .b-all-posts-grid { grid-template-columns: 1fr; }
}


/* 1.0.7: responsive blog listing and single post polish. */
@media (max-width: 1024px) {
  .amz-blog-main { padding-top: 110px; }
  .amz-blog-single { padding: 120px 18px 64px; }
  .b-hero { padding-top: 58px; }
  .b-hero, .b-body, .b-newsletter { padding-left: 28px; padding-right: 28px; }
  .b-headline { font-size: clamp(40px, 6vw, 52px); max-width: 720px; }
  .b-desc { max-width: 620px; }
  .b-main-grid, .blog-layout { grid-template-columns: 1fr; }
  .b-feat { padding: 38px 0; }
  .b-side { padding: 34px 0; }
  .blog-main { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.06); }
  .blog-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; padding: 34px 32px; }
  .sidebar-section { margin-bottom: 0; }
  .b-bottom-strip, .b-all-posts-grid, .amz-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .b-nl-inner { display: grid; grid-template-columns: 1fr; align-items: start; gap: 24px; }
  .b-nl-form { width: 100%; }
  .b-nl-input { flex: 1 1 260px; }
}

@media (max-width: 767px) {
  .amz-blog-main { padding-top: 92px; }
  .amz-blog-single { padding: 98px 12px 48px; }
  .b-hero { padding-top: 44px; }
  .b-hero, .b-body, .b-newsletter { padding-left: 18px; padding-right: 18px; }
  .b-headline { font-size: 36px; }
  .b-desc { font-size: 14px; margin-bottom: 28px; }
  .b-topbar { align-items: stretch; }
  .b-cats { overflow-x: auto; width: 100%; padding-bottom: 4px; }
  .b-cat { padding: 10px 14px; }
  .b-cta-top { width: 100%; justify-content: center; }
  .b-feat-title { font-size: 25px; }
  .b-feat-meta { align-items: flex-start; flex-direction: column; gap: 18px; }
  .b-read-btn { width: 100%; justify-content: center; min-height: 42px; border: 1px solid rgba(255,153,0,.45); border-radius: 6px; }
  .b-side-bottom, .b-side-top { gap: 16px; }
  .b-bottom-strip, .b-all-posts-grid, .stats-row, .amz-archive-grid { grid-template-columns: 1fr; }
  .blog-wrap { max-width: 100%; }
  .blog-hero, .blog-main, .blog-sidebar { padding-left: 20px; padding-right: 20px; }
  .blog-hero { padding-top: 38px; padding-bottom: 34px; }
  .blog-title { font-size: 30px; }
  .hero-meta { gap: 10px 14px; }
  .meta-dot { display: none; }
  .blog-sidebar { display: block; padding-top: 30px; padding-bottom: 30px; }
  .sidebar-section { margin-bottom: 30px; }
  .feat-img { height: 220px; }
  .cta-strip { flex-direction: column; align-items: stretch; padding: 24px 22px; }
  .cta-btn { width: 100%; }
  .share-bar { flex-wrap: wrap; align-items: stretch; }
  .share-label { width: 100%; }
  .share-btn { flex: 1 1 auto; text-align: center; }
  .b-nl-form { display: grid; grid-template-columns: 1fr; }
  .b-nl-input, .b-nl-btn { width: 100%; }
}

@media (max-width: 420px) {
  .b-headline { font-size: 32px; }
  .b-nl-title { font-size: 24px; }
  .blog-title { font-size: 27px; }
  .article-body { font-size: 15px; }
  .section-heading { font-size: 20px; }
  .highlight-box { padding: 20px; }
  .step-item { gap: 12px; }
  .b-mini { padding: 28px 22px; }
  .b-pagination .page-numbers { min-width: 36px; height: 36px; padding: 0 10px; }
}

/* AJAX blog category filtering */
.b-blog-results{position:relative;transition:opacity .2s ease,filter .2s ease;min-height:220px}
.b-blog-results.is-loading{opacity:.45;filter:blur(.5px);pointer-events:none}
.b-blog-results.is-loading:after{content:"";position:absolute;top:90px;left:50%;width:34px;height:34px;margin-left:-17px;border:2px solid rgba(255,153,0,.25);border-top-color:#ff9900;border-radius:50%;animation:amzBlogSpin .75s linear infinite;z-index:3}
@keyframes amzBlogSpin{to{transform:rotate(360deg)}}