/* Amare Blog Grid - modern responsive */
.abg-wrap{
  --abg-cols: 2;
  --abg-gap: 24px;
  display:grid;
  grid-template-columns: repeat(var(--abg-cols), minmax(0,1fr));
  gap: var(--abg-gap);
}

@media (max-width: 768px){
  .abg-wrap{ --abg-cols: 1; --abg-gap: 16px; }
}

.abg-item{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap: 16px;
  align-items: center;
  background:#fff;
  border-radius:12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.03);
  padding: 10px;
}

@media (max-width: 600px){
  .abg-item{ grid-template-columns: 1fr; gap:10px; }
}

.abg-thumb{
  display:block;
  border-radius:10px;
  overflow:hidden;
  background:#f3f4f6;
  aspect-ratio: 16 / 9;
}
.abg-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.abg-thumb__ph{ width:100%; height:100%; background: repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#eee 10px,#eee 20px); }

.abg-title{
  margin:0 0 6px;
  font-size: clamp(18px, .6vw + 16px, 22px);
  line-height:1.3;
  color:#444;
  font-weight:500;
  font-family: var(--e-global-typography-primary-font-family, inherit);
}
.abg-title a{ color:inherit; text-decoration:none; }
.abg-title a:hover{ text-decoration:none; }

.abg-meta{
  display:flex; gap:16px; flex-wrap:wrap; align-items:center;
  color:#7a3f5a;
  font-weight:600;
  font-size:14px;
}
.abg-meta i{ margin-right:6px; }

.abg-cat a{ color:#7a3f5a; text-decoration:none; }
.abg-cat a:hover{ text-decoration:underline; }

.abg-empty{ color:#666; padding:12px; }