.kzcsaiblog-intro { margin-bottom: 24px; line-height: 1.6; }
.kzcsaiblog-list { display: flex; flex-wrap: wrap; gap: 24px; }
.kzcsaiblog-card { width: 30%; min-width: 260px; }
.kzcsaiblog-card img { width: 100%; height: auto; border-radius: 6px; }
.kzcsaiblog-post-image { max-width: 100%; border-radius: 6px; margin-bottom: 16px; }
.kzcsaiblog-post-content { line-height: 1.6; }
.kzcsaiblog-post-products { margin-top: 24px; }
.kzcsaiblog-post-products .btn { margin-right: 10px; }

/* Image position on the article page — set from the review screen */
.kzcsaiblog-post-img-left::after,
.kzcsaiblog-post-img-right::after { content: ""; display: table; clear: both; }
.kzcsaiblog-post-img-left .kzcsaiblog-post-image {
  float: left; max-width: 45%; margin: 0 24px 12px 0;
}
.kzcsaiblog-post-img-right .kzcsaiblog-post-image {
  float: right; max-width: 45%; margin: 0 0 12px 24px;
}
@media (max-width: 700px) {
  .kzcsaiblog-post-img-left .kzcsaiblog-post-image,
  .kzcsaiblog-post-img-right .kzcsaiblog-post-image {
    float: none; max-width: 100%; margin: 0 0 16px;
  }
}

/* Homepage widget */
.kzcsaiblog-widget-home { margin: 32px 0; padding:32px 0; float:left;}
.kzcsaiblog-widget-title { 
	text-align:center;
	font: 900 30px/26px "Lato", sans-serif;
	 text-transform: uppercase !important;
	  margin: 0 auto 35px;
	  padding: 0 10px 38px;
	  color: #F1FF29;
}
.kzcsaiblog-widget-grid {
  display: grid;
  grid-template-columns: repeat(var(--kzcsaiblog-cols, 3), 1fr);
  gap: 20px;
}
.kzcsaiblog-widget-card { color:#fff; }
.kzcsaiblog-widget-card a {color:#fff;}
.kzcsaiblog-widget-card img { width: 100%; height: auto; border-radius: 6px; }
.kzcsaiblog-widget-card h4 { margin-top: 8px; font-size: 15px; }
.kzcsaiblog-widget-more { display: inline-block; margin-top: 12px; color:#000; background-color:#F1FF29; padding:8px 50px; font-size:13px; text-align:center;}

/* Articles-per-row setting (2/3/4/6, admin: Homepage / sidebar widget)
   for the homepage grid widget only, scaled down responsively:
   desktop = configured value, tablet <=991px, mobile <=575px. */
.kzcsaiblog-widget-grid.kzcsaiblog-cols-2 { --kzcsaiblog-cols: 2; }
.kzcsaiblog-widget-grid.kzcsaiblog-cols-3 { --kzcsaiblog-cols: 3; }
.kzcsaiblog-widget-grid.kzcsaiblog-cols-4 { --kzcsaiblog-cols: 4; }
.kzcsaiblog-widget-grid.kzcsaiblog-cols-6 { --kzcsaiblog-cols: 6; }
@media (max-width: 991px) {
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-2,
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-3,
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-4 { --kzcsaiblog-cols: 2; }
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-6 { --kzcsaiblog-cols: 3; }
}
@media (max-width: 575px) {
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-2,
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-3 { --kzcsaiblog-cols: 1; }
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-4,
  .kzcsaiblog-widget-grid.kzcsaiblog-cols-6 { --kzcsaiblog-cols: 2; }
}

/* Left column widget */
.kzcsaiblog-widget-column { padding: 15px 0; }
.kzcsaiblog-widget-list { list-style: none; padding: 0; margin: 0; }
.kzcsaiblog-widget-list li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.kzcsaiblog-widget-list img { width: 56px; height: 56px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.kzcsaiblog-widget-list span { font-size: 13px; line-height: 1.3; }

/* "More articles" section at the bottom of a single post */
.kzcsaiblog-more { margin-top: 40px; padding-top: 24px; border-top: 1px solid #e5e5e5; }
.kzcsaiblog-more-title { margin-bottom: 16px; }
.kzcsaiblog-more-grid { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.kzcsaiblog-more-card { width: calc(33.333% - 14px); min-width: 200px; }
.kzcsaiblog-more-card img { width: 100%; height: auto; border-radius: 6px; }
.kzcsaiblog-more-card h4 { margin-top: 8px; font-size: 15px; }
.kzcsaiblog-more-all { display: inline-block; }

/* Blog listing page pagination */
.kzcsaiblog-pagination { margin-top: 32px; }
.kzcsaiblog-pagination-list { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0; }
.kzcsaiblog-pagination-item.disabled .kzcsaiblog-pagination-link { color: #bbb; cursor: default; }
.kzcsaiblog-pagination-link {
  display: inline-block; min-width: 36px; padding: 6px 10px; text-align: center;
  border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333;
}
a.kzcsaiblog-pagination-link:hover { background: #f5f5f5; }
.kzcsaiblog-pagination-current { background: #333; color: #fff; border-color: #333; }
.kzcsaiblog-pagination-ellipsis { display: inline-block; padding: 6px 4px; color: #999; }