.cat-section{background:#fff;margin:28px auto;padding:8px 0 14px}.cat-header{justify-content:space-between;align-items:center;padding:14px 10px;display:flex}.cat-header h2{color:#0f0f10;margin:0;font-size:1.45rem;font-weight:700}.cat-grid{grid-template-columns:repeat(auto-fit,220px);justify-content:center;justify-items:center;gap:18px 16px;width:100%;max-width:1300px;margin-left:auto;margin-right:auto;padding:18px 8px 6px;display:grid}@media (max-width:1199.98px){.cat-grid{grid-template-columns:repeat(auto-fit,200px)}}@media (max-width:991.98px){.cat-grid{grid-template-columns:repeat(auto-fit,180px)}}@media (max-width:575.98px){.cat-grid{grid-template-columns:repeat(2,1fr)}}.cat-card{color:#0f0f10;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:220px;padding:20px 12px;text-decoration:none;transition:transform .18s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 6px 18px rgba(0,0,0,.06)}.cat-card:hover{border-color:#dedede;transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1)}.cat-card:focus-visible{outline-offset:2px;outline:3px solid #222}.cat-thumb{place-items:center;width:108px;height:108px;display:grid;position:relative;overflow:hidden}.cat-thumb img{object-fit:cover;filter:saturate(1.05)contrast(1.02);border-radius:50%;width:108px;height:108px;transition:transform .25s;background:0 0!important}.cat-card:hover .cat-thumb img{transform:scale(1.05)}.cat-ring{pointer-events:none;border-radius:50%;transition:box-shadow .25s,border-color .25s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;box-shadow:0 0 rgba(225,6,19,.14)}.cat-card:hover .cat-ring{border-color:rgba(225,6,19,.35);box-shadow:0 0 0 6px rgba(225,6,19,.1)}.best-title{text-align:center;background:linear-gradient(90deg,#9333ea,#ec4899,#f59e0b);color:transparent;-webkit-background-clip:text;background-clip:text;justify-self:center;font-size:28px;font-weight:800;line-height:1.15;margin-top:10px!important}