/* =========================================================
   Category cards simple image patch v4
   Simple image, no overlay, no shadow, radius respected.
   ========================================================= */

.category-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:300px!important;
  overflow:hidden!important;
  border:1px solid #dfe9f3!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.category-card::after{
  display:none!important;
  content:none!important;
}

.category-card img{
  position:relative!important;
  inset:auto!important;
  order:1!important;
  width:100%!important;
  height:190px!important;
  flex:0 0 190px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:25px 25px 0 0!important;
  background:#f5f9fd!important;
  transform:none!important;
  transition:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

.category-card:hover img{
  transform:none!important;
  filter:none!important;
}

.category-card > div{
  position:relative!important;
  inset:auto!important;
  order:2!important;
  max-width:none!important;
  min-height:110px!important;
  padding:16px 18px 18px!important;
  background:#fff!important;
  z-index:2!important;
}

.category-card span{
  display:block!important;
  margin:0 0 6px!important;
  color:#7c8fa6!important;
  font-size:.68rem!important;
  font-weight:700!important;
}

.category-card h3{
  margin:0 0 9px!important;
  color:#082f66!important;
  font-size:1.22rem!important;
  line-height:1.1!important;
}

.category-card b{
  display:inline-block!important;
  color:#0b63bd!important;
  font-size:.7rem!important;
  font-weight:800!important;
}

[dir="rtl"] .category-card > div{
  text-align:right!important;
}

@media(max-width:850px){
  .category-card{
    height:285px!important;
    border-radius:22px!important;
  }
  .category-card img{
    height:180px!important;
    flex-basis:180px!important;
    border-radius:21px 21px 0 0!important;
  }
}

@media(max-width:560px){
  .category-card{
    min-width:76vw!important;
    height:275px!important;
    border-radius:20px!important;
  }
  .category-card img{
    height:172px!important;
    flex-basis:172px!important;
    border-radius:19px 19px 0 0!important;
  }
  .category-card > div{
    min-height:103px!important;
    padding:14px 16px 16px!important;
  }
  .category-card h3{
    font-size:1.12rem!important;
  }
}