main>.section .cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 15px;text-align:left}main>.section .cat{position:relative;min-width:0}main>.section .cat-icon{position:relative;height:105px;overflow:hidden;border:1px solid #dfe6ef;border-radius:13px;background:#edf2f7;box-shadow:0 5px 16px #17345d0b;transition:border-color .2s,box-shadow .2s,transform .2s}main>.section .cat-icon:after{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,#14243b26);content:"";pointer-events:none}main>.section .cat-icon img{width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .3s,filter .3s}main>.section .cat:hover .cat-icon{border-color:#a9c1e7;box-shadow:0 10px 22px #17345d1a;transform:translateY(-2px)}main>.section .cat:hover .cat-icon img{filter:saturate(1.05);transform:scale(1.045)}main>.section .cat p{overflow:hidden;margin:9px 2px 0;color:#17243b;font:800 11px/1.35 Manrope,sans-serif;text-align:left;text-overflow:ellipsis;white-space:nowrap}main>.section .cat:hover p{color:#155bd7}@media(max-width:1100px){main>.section .cats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){main>.section .cats{display:flex;gap:12px;overflow-x:auto;padding:2px 1px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}main>.section .cats::-webkit-scrollbar{display:none}main>.section .cat{flex:0 0 145px;scroll-snap-align:start}main>.section .cat-icon{height:88px}main>.section .cat p{font-size:10px}}