.categories{padding:32px 0;border-bottom:1px solid var(--border);position:relative}.categories .wrap{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-right:80px}.categories .wrap::-webkit-scrollbar{display:none}.categories:after{content:"";position:absolute;right:0;top:0;bottom:0;width:100px;background:linear-gradient(90deg,transparent,var(--bg));pointer-events:none;z-index:2}.cat-card{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .25s;white-space:nowrap}.cat-card:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.cat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.cat-icon svg{width:20px;height:20px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.cat-icon.c1{background:#e8f8f4}.cat-icon.c1 svg{stroke:#0d9373}.cat-icon.c2{background:#fde8ef}.cat-icon.c2 svg{stroke:#e05a8d}.cat-icon.c3{background:#ede8fe}.cat-icon.c3 svg{stroke:#7c5cfc}.cat-icon.c4{background:#fff3e6}.cat-icon.c4 svg{stroke:#e8850c}.cat-icon.c5{background:#e6f4fe}.cat-icon.c5 svg{stroke:#2e8bc0}.cat-icon.c6{background:#e8f8f4}.cat-icon.c6 svg{stroke:#0d9373}.cat-icon.c7{background:#fde8ef}.cat-icon.c7 svg{stroke:#e05a8d}.cat-icon.c8{background:#ede8fe}.cat-icon.c8 svg{stroke:#7c5cfc}.cat-icon.c9{background:#fff3e6}.cat-icon.c9 svg{stroke:#e8850c}.cat-label{font-size:14px;font-weight:600;color:var(--text)}.cat-count{font-size:11px;color:var(--text-muted);font-weight:400}.cat-title-section{padding:24px 0 0}.cat-title-section .wrap{display:flex;align-items:baseline;gap:12px}.cat-title-section h1{font-size:26px;letter-spacing:-.5px}.cat-title-count{font-size:22px;color:var(--text-muted);font-family:Outfit,sans-serif;font-weight:400}.subcat-section{padding:24px 0 0}.subcat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subcat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s}.subcat-card:hover{border-color:#0d937340;box-shadow:0 8px 24px #0000000f;transform:translateY(-1px)}.subcat-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.subcat-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.subcat-name{font-size:15px;font-weight:600;color:var(--text)}.subcat-count{font-size:12px;color:var(--text-muted)}.popular-section{padding:32px 0 0}.popular-section h2{font-size:20px;margin-bottom:16px;letter-spacing:-.3px}.section-header a{font-size:13px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:4px;transition:gap .2s}.section-header a:hover{gap:8px}.section-header a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.home-latest{padding:32px 0 80px}.home-latest .items-grid{grid-template-columns:repeat(4,1fr)}.cat-card.soon{cursor:default}.cat-card.soon:hover{border-color:var(--border);background:var(--card);transform:none;box-shadow:none}.cat-card.soon .soon-badge{margin-left:0}