.cat-grid .cat-card{

  background:#fff;

  border:1px solid #ebebeb;

  border-radius:6px;

  overflow:hidden;

  display:flex;

  height:100%;

  transition:box-shadow .2s ease, transform .2s ease;

  padding-left: 0px !important;

}

.cat-grid .cat-card:hover{

  box-shadow:0 14px 30px rgba(0,0,0,.08);

  transform:translateY(-2px);

}

.cat-card__media{

  position:relative;

  /* flex:0 0 42%; */

  display:flex;

  width: 220px !important;

  align-items:center;

  justify-content:center;

  background:radial-gradient(circle at 50% 35%, #fafafa 0%, #e9e9ea 70%, #e2e2e3 100%);

  overflow:hidden;

}

.cat-card__podium{

  position:absolute;

  bottom:14%;

  left:50%;

  width:78%;

  height:16px;

  transform:translateX(-50%);

  background:linear-gradient(180deg,#fcfcfc,#dcdcdd);

  border-radius:50%;

  box-shadow:0 18px 22px -6px rgba(0,0,0,.18);

}

.cat-card__media img{

  position:relative;

  z-index:1;

  width:100%;

  /* max-width:180px; */

  height:100%;

  filter:drop-shadow(0 12px 14px rgba(0,0,0,.18));

}

.cat-card__body{

  flex:1 1 58%;

  display:flex;

  flex-direction:column;

  padding:28px 26px;

  min-width:0;

}

.cat-card__eyebrow{

  color:#c8202f;

  font-size:13px;

  font-weight:600;

  letter-spacing:.2px;

  text-decoration:none;

}

.cat-card__title{

  margin:10px 0 0;

  font-size:26px;

  font-weight:700;

  color:#1a1a1a;

  line-height:1.2;

}

.cat-card__title a{ color:inherit; text-decoration:none; }

.cat-card__divider{

  display:block;

  width:34px;

  height:2px;

  background:#c8202f;

  margin:16px 0;

}

.cat-card__desc{

  margin:0;

  color:#6b6b6f;

  font-size:14.5px;

  line-height:1.5;

  flex:1 1 auto;

}

.cat-card__footer{

  display:flex;

  align-items:center;

  justify-content:space-between;

  margin-top:20px;

  gap:12px;

}

.cat-card__views{

  color:#9a9a9e;

  font-size:14px;

  display:flex;

  align-items:center;

  gap:5px;

}

.cat-card__btn{

  display:inline-flex;

  align-items:center;

  gap:8px;

  border:1.5px solid #c8202f;

  color:#c8202f;

  font-size:13.5px;

  font-weight:600;

  padding:8px 16px;

  border-radius:24px;

  text-decoration:none;

  white-space:nowrap;

  transition:background .2s ease, color .2s ease;

}

.cat-card__btn:hover{

  background:#c8202f;

  color:#fff;

}

@media (max-width: 639px){

  .cat-card{ flex-direction:column; }

  .cat-card__media{ flex:0 0 auto; min-height:200px; }

  .cat-card__body{ padding:22px 20px; }

  .cat-card__title{ font-size:22px; }

}