/* V18 - stronger, clearer category cards */

/* desktop */
@media (min-width:992px){
  .mk15-theme .gf-category-head{margin-bottom:18px!important}
  .mk15-theme .gf-category-head h2{font-size:34px!important;font-weight:900!important;letter-spacing:-.03em!important}

  .mk15-theme .gf-categories{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:16px!important;
    margin-bottom:28px!important;
  }

  .mk15-theme .gf-cat{
    position:relative!important;
    min-height:168px!important;
    padding:22px 12px 18px!important;
    border-radius:26px!important;
    border:1px solid #dce7dc!important;
    background:#fff!important;
    box-shadow:0 16px 34px rgba(18,45,27,.08)!important;
    gap:14px!important;
    overflow:hidden!important;
  }

  .mk15-theme .gf-cat::before{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    border-radius:50%;
    top:-48px;
    right:-42px;
    opacity:.65;
    pointer-events:none;
  }

  .mk15-theme .gf-cat:nth-child(1)::before{background:#e9f6d8}
  .mk15-theme .gf-cat:nth-child(2)::before{background:#e1f1ff}
  .mk15-theme .gf-cat:nth-child(3)::before{background:#ffe8ef}
  .mk15-theme .gf-cat:nth-child(4)::before{background:#eef0ff}
  .mk15-theme .gf-cat:nth-child(5)::before{background:#fde8ef}
  .mk15-theme .gf-cat:nth-child(6)::before{background:#fff0df}
  .mk15-theme .gf-cat:nth-child(7)::before{background:#fff2cf}

  .mk15-theme .gf-cat img{
    position:relative!important;
    z-index:2!important;
    width:68px!important;
    height:68px!important;
    object-fit:contain!important;
    padding:11px!important;
    border-radius:22px!important;
    background:#f6faf5!important;
    box-shadow:inset 0 0 0 1px rgba(47,107,59,.08),0 10px 22px rgba(18,45,27,.08)!important;
  }

  .mk15-theme .gf-cat:nth-child(1) img{background:#f1fae7!important}
  .mk15-theme .gf-cat:nth-child(2) img{background:#edf7ff!important}
  .mk15-theme .gf-cat:nth-child(3) img{background:#fff1f5!important}
  .mk15-theme .gf-cat:nth-child(4) img{background:#f3f4ff!important}
  .mk15-theme .gf-cat:nth-child(5) img{background:#fff1f5!important}
  .mk15-theme .gf-cat:nth-child(6) img{background:#fff5eb!important}
  .mk15-theme .gf-cat:nth-child(7) img{background:#fff7df!important}

  .mk15-theme .gf-cat span{
    position:relative!important;
    z-index:2!important;
    font-size:16px!important;
    line-height:1.22!important;
    font-weight:900!important;
    color:#15231a!important;
    text-align:center!important;
  }

  .mk15-theme .gf-cat:hover{
    transform:translateY(-6px)!important;
    border-color:#c8dfc8!important;
    box-shadow:0 22px 48px rgba(18,45,27,.12)!important;
  }
}

/* tablet */
@media (min-width:768px) and (max-width:991.98px){
  .mk15-theme .gf-categories{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
  .mk15-theme .gf-cat{min-height:126px!important;padding:14px 8px!important;border-radius:20px!important}
  .mk15-theme .gf-cat img{width:52px!important;height:52px!important;padding:8px!important;border-radius:16px!important;background:#f4f9f3!important}
  .mk15-theme .gf-cat span{font-size:13px!important;font-weight:900!important}
}

/* mobile 3x3 */
@media (max-width:767.98px){
  .mk15-theme .gf-category-head{margin-bottom:12px!important}
  .mk15-theme .gf-category-head h2{font-size:18px!important;font-weight:900!important}

  .mk15-theme .gf-categories{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0 0 16px!important;
    padding:0!important;
  }

  .mk15-theme .gf-cat{
    min-height:112px!important;
    padding:12px 6px 10px!important;
    border-radius:20px!important;
    border:1px solid #dce8dc!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(18,45,27,.07)!important;
    gap:9px!important;
  }

  .mk15-theme .gf-cat img{
    width:48px!important;
    height:48px!important;
    padding:8px!important;
    border-radius:16px!important;
    background:#f4f9f3!important;
    box-shadow:inset 0 0 0 1px rgba(47,107,59,.07)!important;
  }

  .mk15-theme .gf-cat:nth-child(1) img{background:#f1fae7!important}
  .mk15-theme .gf-cat:nth-child(2) img{background:#edf7ff!important}
  .mk15-theme .gf-cat:nth-child(3) img{background:#fff1f5!important}
  .mk15-theme .gf-cat:nth-child(4) img{background:#f3f4ff!important}
  .mk15-theme .gf-cat:nth-child(5) img{background:#fff1f5!important}
  .mk15-theme .gf-cat:nth-child(6) img{background:#fff5eb!important}
  .mk15-theme .gf-cat:nth-child(7) img{background:#fff7df!important}

  .mk15-theme .gf-cat span{
    font-size:12px!important;
    line-height:1.18!important;
    font-weight:900!important;
    color:#17251c!important;
    text-align:center!important;
  }
}
