.category-grid{padding:60px 0}
.category-grid .cg-head{text-align:center;margin-bottom:8px}
.category-grid .cg-title{font-size:34px;font-weight:800;letter-spacing:-1px;margin:0}
.category-grid .cg-title i{font-style:normal}
.category-grid .cg-sub{color:#888;font-size:16px;margin-top:6px}
.category-grid .cg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.category-grid .cg-card{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center;padding:18px;font-weight:800;font-size:18px;color:#fff;transition:.25s;text-decoration:none}
.category-grid .cg-card:hover{transform:translateY(-6px) scale(1.02)}
.category-grid .cg-card span{position:relative;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.45);text-align:center}
.category-grid .cg-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.45));z-index:1}
@media(max-width:749px){
  .category-grid{padding:40px 0}
  .category-grid .cg-title{font-size:26px}
  .category-grid .cg-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .category-grid .cg-card{font-size:15px}
}