.u-mt-12{ margin-top:12px !important; }
.u-mt-18{ margin-top:18px !important; }
.u-mb-12{ margin-bottom:12px !important; }
.u-center{ text-align:center !important; }
/* ===== PG FIX: Links underline + Home category cards alignment ===== */

/* 1) remove underline globally (header + category titles) */
a, a:visited{
  text-decoration: none !important;
}

/* اگر جای خاصی می‌خوای underline داشته باشی بعداً همونجا جدا تعریف می‌کنیم */
a:hover{
  text-decoration: none !important;
}

/* 2) Home categories grid */
.pg-grid-cats{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px !important;
  align-items: stretch !important;
}

@media (max-width: 1100px){
  .pg-grid-cats{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px){
  .pg-grid-cats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 3) Card */
.pg-cat{
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(20,30,70,.08) !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;
}

/* 4) Image box fixed height + cover */
.pg-cat__thumb{
  position: relative;
  width: 100%;
  height: 140px; /* همون چیزی که قبلاً ایده‌ات بود */
  background: #f3f6fb;
  overflow: hidden;
}
.pg-cat__thumb img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* 5) Text area */
.pg-cat__body{
  padding: 12px 14px !important;
  flex: 1 1 auto !important;
}

.pg-cat__title{
  font-weight: 900 !important;
  line-height: 1.7 !important;
  color: #0f172a !important;
  text-decoration: none !important;
  margin: 0 !important;
}

.pg-cat__meta{
  margin-top: 6px !important;
  color: #64748b !important;
  font-size: 13px !important;
}
 /* Home categories grid */
body .pg-grid-cats{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body a.pg-cat{
  display:flex !important;
  flex-direction:column !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(20,30,70,.08) !important;
  box-shadow:0 6px 18px rgba(15,23,42,.06) !important;
}

body a.pg-cat .pg-cat__thumb{
  height:140px !important;
  background:#f3f6fb !important;
  overflow:hidden !important;
}

body a.pg-cat .pg-cat__thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

body a.pg-cat .pg-cat__body{
  padding:12px 14px !important;
}