.category-hero{padding:6px 0 22px}.category-hero h1{font-size:38px;letter-spacing:0;line-height:1.4;margin:8px 0 0}.category-hero-desc{color:var(--muted);max-width:640px;line-height:1.9;font-size:14px;margin:10px 0 0}.category-hero.cat-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 38px;margin:4px 0 22px;border-radius:26px;border:1px solid #eadff0;overflow:hidden;position:relative;background:radial-gradient(120% 150% at 100% 0%,#f3e2fb 0%,#fbf6fd 46%,#fff 100%)}.cat-hero-text{min-width:0;flex:1}.category-hero.cat-hero h1{font-size:34px}.cat-hero-img{width:132px;height:132px;flex:none;border-radius:50%;object-fit:cover;background:#fff;border:5px solid #fff;box-shadow:0 14px 34px rgba(120,40,150,.18)}.cat-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cat-hero-pill{padding:6px 14px;border-radius:999px;background:#fff;border:1px solid #eadff0;font-size:12px;font-weight:700;color:var(--accent-2)}.subcat-chips{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:26px}.subcat-chip{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-size:13px;font-weight:700;color:var(--ink);transition:all .2s ease}.subcat-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.subcat-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.subcat-chip small{font-weight:500;opacity:.7;font-size:11px}.subcat-chip-img{width:30px;height:30px;flex:none;border-radius:50%;object-fit:cover;background:#f0edf1;margin-inline-start:-10px;border:1px solid rgba(20,16,24,.06)}.cat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:26px}.cat-result-count{font-size:13px;color:var(--muted);font-weight:700}.cat-sort{display:flex;align-items:center;gap:10px}.cat-sort label{font-size:12px;color:var(--muted)}.cat-sort select{border:1.5px solid var(--line);border-radius:12px;padding:9px 14px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink);cursor:pointer}.cat-products-section{padding-top:0}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:45px}.page-btn{padding:11px 20px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font-size:13px;font-weight:700;transition:all .2s ease}.page-btn:hover{border-color:var(--accent);color:var(--accent)}.page-current{font-size:12px;color:var(--muted)}@media(max-width:700px){.category-hero.cat-hero{padding:20px 18px;gap:14px;border-radius:20px;margin-bottom:16px}.category-hero.cat-hero h1{font-size:25px}.cat-hero-img{width:84px;height:84px;border-width:4px}.cat-hero-meta{margin-top:12px}.subcat-chips{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 -12px;padding:2px 12px 18px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subcat-chips::-webkit-scrollbar{display:none}.subcat-chip{flex:none;scroll-snap-align:start;white-space:nowrap;min-height:42px;padding:6px 15px;font-size:12.5px}.subcat-chip-img{width:26px;height:26px;margin-inline-start:-8px}}@media(max-width:560px){.category-hero h1{font-size:27px}.cat-toolbar{flex-direction:column;align-items:flex-start;gap:12px}}.subcat-cards{margin:0 0 26px}.subcat-cards-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.subcat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 8px 12px;border-radius:14px;background:#f1f0f2;border:2px solid transparent;color:var(--ink);text-align:center;font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.subcat-card:hover{transform:translateY(-3px);background:#ece9ee}.subcat-card.is-active{border-color:var(--accent);background:#f7ecfc}.subcat-card-img{display:block;width:86px;height:86px;border-radius:10px;overflow:hidden;flex:none;background:#e6e3e8}.subcat-card-img img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;mix-blend-mode:multiply}.subcat-card strong{font-size:12px;font-weight:700;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subcat-more{gap:4px;color:#4a4650}.subcat-more small{font-size:12px;font-weight:700}.subcat-more b{font-size:30px;line-height:1.2;font-weight:600;color:#6b6670}.subcat-more span{font-size:12px;font-weight:700}.subcat-card.is-extra{display:none}.subcat-cards.is-open .subcat-card.is-extra{display:flex}@media(max-width:1000px){.subcat-cards-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.subcat-cards:not(.is-open) .subcat-cards-row{display:flex;overflow-x:auto;gap:10px;margin:0 -12px;padding:0 12px 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.subcat-cards:not(.is-open) .subcat-cards-row::-webkit-scrollbar{display:none}.subcat-cards:not(.is-open) .subcat-card{flex:0 0 108px;scroll-snap-align:start}.subcat-cards.is-open .subcat-cards-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subcat-card-img{width:72px;height:72px}}