.nhhb-browse-cats{margin:28px 0;padding:28px 28px 24px;background:linear-gradient(135deg,#f0f7f4 0%,#e8f4ee 50%,#f5f0e8 100%);border-radius:12px;border:1px solid rgba(30,57,50,.08);position:relative;overflow:hidden}.nhhb-browse-cats:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(46,162,111,.1) 0%,rgba(46,162,111,0) 70%);pointer-events:none}.nhhb-browse-cats:after{content:"";position:absolute;bottom:-60px;left:-40px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(30,57,50,.07) 0%,rgba(30,57,50,0) 70%);pointer-events:none}.nhhb-cats-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;position:relative;z-index:1}.nhhb-cats-title{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:var(--nh-forest,#1e3932);letter-spacing:-.01em}.nhhb-cats-arrows{display:flex;gap:8px}.nhhb-cat-prev,.nhhb-cat-next{width:40px;height:40px;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;border:1px solid rgba(30,57,50,.15);color:var(--nh-forest,#1e3932);font-size:16px;font-weight:600;line-height:0;padding:0;cursor:pointer;box-sizing:border-box;box-shadow:0 2px 8px rgba(30,57,50,.08);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.nhhb-cat-prev:hover,.nhhb-cat-next:hover{background:var(--nh-forest,#1e3932);color:#fff;border-color:var(--nh-forest,#1e3932);transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,57,50,.2)}.nhhb-cat-prev:active,.nhhb-cat-next:active{transform:translateY(0)}.nhhb-cat-prev:focus-visible,.nhhb-cat-next:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(46,162,111,.35)}.nhhb-cat-prev[aria-disabled=true],.nhhb-cat-next[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.nhhb-cats-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:6px 4px 10px;position:relative;z-index:1}.nhhb-cats-track::-webkit-scrollbar{display:none}.nhhb-cats-track{-ms-overflow-style:none;scrollbar-width:none}.nhhb-cat{flex:0 0 auto;width:150px;text-align:center;text-decoration:none;color:var(--nh-forest,#1e3932);scroll-snap-align:start;transition:transform .25s ease,color .2s ease}.nhhb-cat-figure{width:120px;height:120px;margin:0 auto 12px;border-radius:999px;position:relative;overflow:hidden;display:grid;place-items:center;background:#fff;border:2px solid rgba(30,57,50,.08);box-shadow:0 4px 14px rgba(30,57,50,.1),0 1px 3px rgba(30,57,50,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.nhhb-cat-figure img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;transition:transform .3s ease}.nhhb-cat:hover .nhhb-cat-figure{transform:translateY(-4px);border-color:rgba(46,162,111,.35);box-shadow:0 10px 28px rgba(30,57,50,.16),0 2px 6px rgba(30,57,50,.08)}.nhhb-cat:hover .nhhb-cat-figure img{transform:scale(1.07)}.nhhb-cat-name{display:inline-block;font-weight:700;font-size:14.5px;line-height:1.3;margin-top:4px;color:var(--nh-forest,#1e3932);position:relative;transition:color .2s ease}.nhhb-cat-name:after{content:"";position:absolute;left:50%;bottom:-4px;width:100%;height:2px;background:var(--nh-green,#2ea26f);transform:translateX(-50%) scaleX(0);transform-origin:50% 50%;border-radius:1px;transition:transform .22s ease}.nhhb-cat:hover .nhhb-cat-name{color:var(--nh-green,#2ea26f)}.nhhb-cat:hover .nhhb-cat-name:after{transform:translateX(-50%) scaleX(1)}.nhhb-cat-ph{width:120px;height:120px;border-radius:999px;margin:0 auto 12px;background:linear-gradient(135deg,#e8f4ee,#d4ece0)}.nhhb-cats-empty{color:#6c7a74;font-style:italic;padding:10px 0}@media (max-width:900px){.nhhb-browse-cats{padding:22px 20px 20px}.nhhb-cats-title{font-size:20px}.nhhb-cat{width:130px}.nhhb-cat-figure{width:104px;height:104px}}@media (max-width:540px){.nhhb-browse-cats{padding:16px 14px 14px}.nhhb-cats-track{padding-bottom:6px}.nhhb-cat{width:96px}.nhhb-cat-figure{width:84px;height:84px}.nhhb-cat-name{font-size:12px}}body.dark-mode .nhhb-browse-cats{background:linear-gradient(135deg,#1a2e28 0%,#1c2a24 50%,#1f2820 100%);border-color:rgba(255,255,255,.08)}body.dark-mode .nhhb-browse-cats:before{background:radial-gradient(circle,rgba(46,162,111,.12) 0%,rgba(46,162,111,0) 70%)}body.dark-mode .nhhb-browse-cats:after{background:radial-gradient(circle,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 70%)}body.dark-mode .nhhb-cats-title{color:var(--nh-mint,#2ea26f)}body.dark-mode .nhhb-cat-prev,body.dark-mode .nhhb-cat-next{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.25)}body.dark-mode .nhhb-cat-prev:hover,body.dark-mode .nhhb-cat-next:hover{background:var(--nh-forest,#1e3932);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.35)}body.dark-mode .nhhb-cat-figure{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);box-shadow:0 4px 14px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2)}body.dark-mode .nhhb-cat:hover .nhhb-cat-figure{border-color:rgba(46,162,111,.4);box-shadow:0 10px 28px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.25)}body.dark-mode .nhhb-cat-figure img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}body.dark-mode .nhhb-cat-name{color:rgba(255,255,255,.85)}body.dark-mode .nhhb-cat:hover .nhhb-cat-name{color:var(--nh-mint,#2ea26f)}body.dark-mode .nhhb-cat-name:after{background:var(--nh-mint,#2ea26f)}@media (prefers-reduced-motion:reduce){.nhhb-cat-figure,.nhhb-cat-figure img,.nhhb-cat-name,.nhhb-cat-prev,.nhhb-cat-next{transition:none}}