.landing-categories { padding-block:32px; }
.landing-categories>div { display:flex;justify-content:center;gap:16px;overflow-x:auto;padding:3px 3px 16px;scroll-snap-type:x proximity; }
.landing-categories a { display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:12px;padding:0 8px;scroll-snap-align:start;color:#3f3f46;font-size:14px;font-weight:700;transition:color .2s; }
.landing-categories a>b { display:grid;place-items:center;width:96px;height:96px;overflow:hidden;border:1px solid #f4f4f5;border-radius:50%;background:white;box-shadow:0 4px 6px -2px rgba(0,0,0,.03);transition:.25s; }
.landing-categories a img { width:100%;height:100%;object-fit:cover; }.landing-categories a:hover { color:#047857; }.landing-categories a:hover>b { transform:translateY(-4px);box-shadow:0 12px 18px -10px rgba(0,0,0,.28); }
.landing-categories .show-all { color:#71717a; }.landing-categories .show-all>b { border-color:#e4e4e7;background:#f4f4f5;box-shadow:0 2px 4px rgba(0,0,0,.04); }.landing-categories .show-all i { font-size:25px; }.landing-categories .show-all:hover>b { background:#e4e4e7; }
@media (max-width:600px) { .landing-categories { padding-block:24px; }.landing-categories>div { justify-content:flex-start;gap:10px;overscroll-behavior-inline:contain;scroll-snap-type:none;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch; }.landing-categories>div::-webkit-scrollbar { display:none; }.landing-categories a { gap:9px;padding:0 4px;font-size:12px; }.landing-categories a>b { width:80px;height:80px; } }