.maf-category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.maf-category-grid__item{
  min-width:0;
}
.maf-category-grid__box{
  --maf-category-grid-transition-duration:220ms;
  --maf-category-grid-hover-translate:0px;
  --maf-category-grid-hover-scale:1;
  --maf-category-grid-image-hover-scale:1;
  --maf-category-grid-image-hover-opacity:1;
  --maf-category-grid-overlay-solid:transparent;
  --maf-category-grid-overlay-solid-hover:var(--maf-category-grid-overlay-solid);
  --maf-category-grid-overlay-gradient-angle:180deg;
  --maf-category-grid-overlay-gradient-start:transparent;
  --maf-category-grid-overlay-gradient-end:transparent;
  --maf-category-grid-overlay-gradient-start-hover:var(--maf-category-grid-overlay-gradient-start);
  --maf-category-grid-overlay-gradient-end-hover:var(--maf-category-grid-overlay-gradient-end);
  --maf-category-grid-overlay-opacity:0;
  --maf-category-grid-overlay-hover-opacity:var(--maf-category-grid-overlay-opacity);
  --maf-category-grid-box-bg-image:none;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:16px;
  height:100%;
  min-width:0;
  overflow:hidden;
  text-decoration:none;
  border-style:solid;
  border-width:0;
  transform:translateY(0) scale(1);
  transition:
    background-color var(--maf-category-grid-transition-duration) ease,
    background-image var(--maf-category-grid-transition-duration) ease,
    border-color var(--maf-category-grid-transition-duration) ease,
    box-shadow var(--maf-category-grid-transition-duration) ease,
    color var(--maf-category-grid-transition-duration) ease,
    transform var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid__box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:var(--maf-category-grid-overlay-opacity);
  transition:
    background var(--maf-category-grid-transition-duration) ease,
    opacity var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid--overlay-none .maf-category-grid__box::before{
  display:none;
}
.maf-category-grid--overlay-solid .maf-category-grid__box::before{
  background:var(--maf-category-grid-overlay-solid);
}
.maf-category-grid--overlay-gradient .maf-category-grid__box::before{
  background:linear-gradient(
    var(--maf-category-grid-overlay-gradient-angle),
    var(--maf-category-grid-overlay-gradient-start),
    var(--maf-category-grid-overlay-gradient-end)
  );
}
.maf-category-grid__box:hover,
.maf-category-grid__box:focus{
  transform:translateY(var(--maf-category-grid-hover-translate)) scale(var(--maf-category-grid-hover-scale));
}
.maf-category-grid__box:hover::before,
.maf-category-grid__box:focus::before{
  opacity:var(--maf-category-grid-overlay-hover-opacity);
}
.maf-category-grid--overlay-solid .maf-category-grid__box:hover::before,
.maf-category-grid--overlay-solid .maf-category-grid__box:focus::before{
  background:var(--maf-category-grid-overlay-solid-hover);
}
.maf-category-grid--overlay-gradient .maf-category-grid__box:hover::before,
.maf-category-grid--overlay-gradient .maf-category-grid__box:focus::before{
  background:linear-gradient(
    var(--maf-category-grid-overlay-gradient-angle),
    var(--maf-category-grid-overlay-gradient-start-hover),
    var(--maf-category-grid-overlay-gradient-end-hover)
  );
}
.maf-category-grid__box:focus{
  outline:none;
}
.maf-category-grid--standard.maf-category-grid--standard-title-overlay .maf-category-grid__box::before{
  display:none;
}
.maf-category-grid__media,
.maf-category-grid__content{
  position:relative;
  z-index:2;
}
.maf-category-grid__title-overlay{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  min-width:0;
  padding:20px;
  box-sizing:border-box;
  text-align:center;
  pointer-events:none;
}
.maf-category-grid__title-overlay .maf-category-grid__title{
  --maf-category-grid-title-overlay-x:0px;
  --maf-category-grid-title-overlay-y:0px;
  pointer-events:auto;
  transform:translate(
    var(--maf-category-grid-title-overlay-x),
    var(--maf-category-grid-title-overlay-y)
  );
}

.maf-category-grid--standard.maf-category-grid--standard-title-overlay .maf-category-grid__media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:var(--maf-category-grid-overlay-opacity);
  transition:
    background var(--maf-category-grid-transition-duration) ease,
    opacity var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid--standard.maf-category-grid--standard-title-overlay.maf-category-grid--overlay-none .maf-category-grid__media::before{
  display:none;
}
.maf-category-grid--standard.maf-category-grid--standard-title-overlay.maf-category-grid--overlay-solid .maf-category-grid__media::before{
  background:var(--maf-category-grid-overlay-solid);
}
.maf-category-grid--standard.maf-category-grid--standard-title-overlay.maf-category-grid--overlay-gradient .maf-category-grid__media::before{
  background:linear-gradient(
    var(--maf-category-grid-overlay-gradient-angle),
    var(--maf-category-grid-overlay-gradient-start),
    var(--maf-category-grid-overlay-gradient-end)
  );
}
.maf-category-grid--standard.maf-category-grid--standard-title-overlay .maf-category-grid__box:hover .maf-category-grid__media::before,
.maf-category-grid--standard.maf-category-grid--standard-title-overlay .maf-category-grid__box:focus .maf-category-grid__media::before{
  opacity:var(--maf-category-grid-overlay-hover-opacity);
}
.maf-category-grid--standard.maf-category-grid--standard-title-overlay.maf-category-grid--overlay-solid .maf-category-grid__box:hover .maf-category-grid__media::before,
.maf-category-grid--standard.maf-category-grid--standard-title-overlay.maf-category-grid--overlay-solid .maf-category-grid__box:focus .maf-category-grid__media::before{
  background:var(--maf-category-grid-overlay-solid-hover);
}
.maf-category-grid--standard.maf-category-grid--standard-title-overlay.maf-category-grid--overlay-gradient .maf-category-grid__box:hover .maf-category-grid__media::before,
.maf-category-grid--standard.maf-category-grid--standard-title-overlay.maf-category-grid--overlay-gradient .maf-category-grid__box:focus .maf-category-grid__media::before{
  background:linear-gradient(
    var(--maf-category-grid-overlay-gradient-angle),
    var(--maf-category-grid-overlay-gradient-start-hover),
    var(--maf-category-grid-overlay-gradient-end-hover)
  );
}
.maf-category-grid__media{
  display:block;
  width:100%;
  max-width:100%;
  overflow:hidden;
  line-height:0;
}
.maf-category-grid__media img,
.maf-category-grid__image{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  transform:scale(1);
  opacity:1;
  transition:
    transform var(--maf-category-grid-transition-duration) ease,
    opacity var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid__box:hover .maf-category-grid__image,
.maf-category-grid__box:focus .maf-category-grid__image,
.maf-category-grid__box:hover .maf-category-grid__media img,
.maf-category-grid__box:focus .maf-category-grid__media img{
  transform:scale(var(--maf-category-grid-image-hover-scale));
  opacity:var(--maf-category-grid-image-hover-opacity);
}
.maf-category-grid__content{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  width:100%;
}
.maf-category-grid__title,
.maf-category-grid__description,
.maf-category-grid__count{
  overflow-wrap:anywhere;
  word-break:break-word;
  transition:
    color var(--maf-category-grid-transition-duration) ease,
    background-color var(--maf-category-grid-transition-duration) ease,
    border-color var(--maf-category-grid-transition-duration) ease,
    transform var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid--box .maf-category-grid__box{
  min-height:0;
  gap:0;
  background-color:#fff;
}
.maf-category-grid--box .maf-category-grid__box-bg{
  position:relative;
  z-index:0;
  width:100%;
  min-height:190px;
  background-image:var(--maf-category-grid-box-bg-image);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  overflow:hidden;
}
.maf-category-grid--box .maf-category-grid__box::before{
  display:none;
}
.maf-category-grid--box .maf-category-grid__box-bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:var(--maf-category-grid-overlay-opacity);
  transition:
    background var(--maf-category-grid-transition-duration) ease,
    opacity var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid--box.maf-category-grid--overlay-none .maf-category-grid__box-bg::before{
  display:none;
}
.maf-category-grid--box.maf-category-grid--overlay-solid .maf-category-grid__box-bg::before{
  background:var(--maf-category-grid-overlay-solid);
}
.maf-category-grid--box.maf-category-grid--overlay-gradient .maf-category-grid__box-bg::before{
  background:linear-gradient(
    var(--maf-category-grid-overlay-gradient-angle),
    var(--maf-category-grid-overlay-gradient-start),
    var(--maf-category-grid-overlay-gradient-end)
  );
}
.maf-category-grid--box .maf-category-grid__box:hover .maf-category-grid__box-bg::before,
.maf-category-grid--box .maf-category-grid__box:focus .maf-category-grid__box-bg::before{
  opacity:var(--maf-category-grid-overlay-hover-opacity);
}
.maf-category-grid--box.maf-category-grid--overlay-solid .maf-category-grid__box:hover .maf-category-grid__box-bg::before,
.maf-category-grid--box.maf-category-grid--overlay-solid .maf-category-grid__box:focus .maf-category-grid__box-bg::before{
  background:var(--maf-category-grid-overlay-solid-hover);
}
.maf-category-grid--box.maf-category-grid--overlay-gradient .maf-category-grid__box:hover .maf-category-grid__box-bg::before,
.maf-category-grid--box.maf-category-grid--overlay-gradient .maf-category-grid__box:focus .maf-category-grid__box-bg::before{
  background:linear-gradient(
    var(--maf-category-grid-overlay-gradient-angle),
    var(--maf-category-grid-overlay-gradient-start-hover),
    var(--maf-category-grid-overlay-gradient-end-hover)
  );
}
.maf-category-grid--box .maf-category-grid__box-bg.is-empty{
  background-image:none;
}
.maf-category-grid--box .maf-category-grid__content{
  flex:1;
  justify-content:flex-start;
  align-items:center;
  text-align:center;
  padding:0 28px 28px;
}
.maf-category-grid__box-icon{
  --maf-category-grid-box-icon-image-x:0px;
  --maf-category-grid-box-icon-image-y:0px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:82px;
  height:82px;
  flex:0 0 auto;
  margin:-41px auto 10px;
  padding:0;
  border-radius:999px;
  background:#fff;
  overflow:hidden;
  line-height:0;
  font-size:0;
  box-shadow:0 10px 30px rgba(15,23,42,.12);
  transition:
    background-color var(--maf-category-grid-transition-duration) ease,
    border-color var(--maf-category-grid-transition-duration) ease,
    box-shadow var(--maf-category-grid-transition-duration) ease,
    transform var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid--box .maf-category-grid__box-icon img,
.maf-category-grid--box .maf-category-grid__box-icon-image{
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  width:54%;
  height:54%;
  max-width:none;
  max-height:none;
  margin:0 !important;
  padding:0 !important;
  border:0;
  object-fit:contain;
  object-position:center center;
  transform:translate(
    calc(-50% + var(--maf-category-grid-box-icon-image-x)),
    calc(-50% + var(--maf-category-grid-box-icon-image-y))
  );
}
.maf-category-grid__read-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
  max-width:100%;
  text-decoration:none;
  line-height:1.2;
  cursor:pointer;
  color:inherit;
  border-style:solid;
  border-width:0;
  transition:
    background-color var(--maf-category-grid-transition-duration) ease,
    border-color var(--maf-category-grid-transition-duration) ease,
    color var(--maf-category-grid-transition-duration) ease,
    transform var(--maf-category-grid-transition-duration) ease;
}
.maf-category-grid__read-more:hover,
.maf-category-grid__read-more:focus{
  text-decoration:none;
}
.maf-category-grid__read-more-text,
.maf-category-grid__read-more-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.maf-category-grid__read-more-icon{
  line-height:1;
  font-size:1em;
}
.maf-category-grid__read-more-icon svg{
  display:block;
  width:1em;
  height:1em;
  fill:currentColor;
}
.maf-category-grid__read-more.is-icon-left .maf-category-grid__read-more-icon{
  order:0;
}
.maf-category-grid__read-more.is-icon-left .maf-category-grid__read-more-text{
  order:1;
}
.maf-category-grid__read-more.is-icon-right .maf-category-grid__read-more-text{
  order:0;
}
.maf-category-grid__read-more.is-icon-right .maf-category-grid__read-more-icon{
  order:1;
}
@media (max-width: 1024px){
  .maf-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 767px){
  .maf-category-grid{
    grid-template-columns:minmax(0,1fr);
  }
}