.hc{width:100%;padding:0 1rem 2.5rem;overflow-x:hidden}.hc,.hc-island{box-sizing:border-box}.hc-island{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1rem 0;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.dark-mode .hc-island{background:var(--bg-darker,#0f172a);border-color:rgba(55,65,81,.4);box-shadow:0 2px 8px rgba(0,0,0,.3)}.hc-island--grid{padding:.75rem}.hc-island--grid .hc-card{box-shadow:none;border:1px solid #f0f1f3}.dark-mode .hc-island--grid .hc-card{border-color:var(--bg-darker,#0f172a);box-shadow:none}.hc-subcat-list{padding-top:.1rem}.hc-subcat-link{display:block;padding:.35rem 0 .35rem .6rem;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;line-height:1.4;position:relative;transition:color var(--transition-fast),padding-left var(--transition-fast)}.hc-subcat-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-accent-border);transition:width var(--transition-fast),height var(--transition-fast),background var(--transition-fast)}.dark-mode .hc-subcat-link{color:#d1d5db}.hc-subcat-link:hover{color:var(--color-accent);padding-left:.9rem;text-decoration:none}.hc-subcat-link:hover:before{width:5px;height:5px;background:var(--color-accent)}.dark-mode .hc-subcat-link:hover,.hc-subcat-link--more{color:var(--color-accent)}.hc-subcat-link--more{font-weight:600;padding-left:0;margin-top:.15rem}.hc-subcat-link--more:before{display:none}.dark-mode .hc-subcat-link--more{color:var(--color-accent)}.hc-popular-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.hc-popular-title{font-size:1.05rem;font-weight:700;margin:0;color:#1a1a1a;letter-spacing:-.01em}.dark-mode .hc-popular-title{color:#e5e7eb}.hc-popular-nav{display:flex;gap:.35rem}.hc-nav-btn{width:30px;height:30px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .2s ease;padding:0}.dark-mode .hc-nav-btn{background:#1f2937;border-color:rgba(55,65,81,.5);color:#d1d5db}.hc-nav-btn:hover{border-color:var(--color_default__opacity30,rgba(204,10,10,.25));color:var(--color_default__darken,#cc0a0a);background:var(--color_default__opacity5,rgba(204,10,10,.04))}.hc-popular-scroll{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding-bottom:.25rem}.hc-popular-scroll::-webkit-scrollbar{display:none}.hc-ad-card{flex-shrink:0;width:160px;text-decoration:none;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #f0f1f3;transition:border-color .18s ease,box-shadow .18s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}.dark-mode .hc-ad-card{background:#1a1f2e;border-color:rgba(55,65,81,.4)}.hc-ad-card:hover{border-color:#e0e0e0;box-shadow:0 4px 14px rgba(0,0,0,.07);text-decoration:none}.dark-mode .hc-ad-card:hover{border-color:rgba(75,85,99,.6);box-shadow:0 4px 14px rgba(0,0,0,.25)}.hc-ad-card-img{position:relative;height:120px;background:#f3f4f6;overflow:hidden}.dark-mode .hc-ad-card-img{background:#1f2937}.hc-ad-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .18s ease}.hc-ad-card:hover .hc-ad-card-img img{opacity:.9}.hc-ad-card-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.hc-ad-card-price{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,.65);color:#fff;font-size:.78rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm)}.hc-ad-card-title{padding:.5rem .65rem .6rem;font-size:.8rem;font-weight:500;color:#374151;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dark-mode .hc-ad-card-title{color:#d1d5db}.hc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.hc-card,.hc-grid{box-sizing:border-box}.hc-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem 1.1rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--color-border);min-width:0;overflow:hidden}.dark-mode .hc-card{background:#212122;box-shadow:0 2px 8px rgba(0,0,0,.3);border-color:rgba(95,108,129,.4)}.hc-card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md)}.dark-mode .hc-card:hover{border-color:rgba(75,85,99,.6);box-shadow:0 4px 16px rgba(0,0,0,.3)}.hc-card-header{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-bottom:.6rem;min-width:0}.hc-card-img-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}.hc-card-img{width:40px;height:40px;border-radius:12px;object-fit:contain;transition:transform .2s ease,opacity .18s ease}.hc-card:hover .hc-card-img{transform:scale(1.05);opacity:.92}.hc-card-img-placeholder{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-soft)}.hc-card-titles{flex:1 1;min-width:0}.hc-card-name{font-size:.95rem;font-weight:700;margin:0;line-height:1.3;color:#1a1a1a;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .hc-card-name{color:#e5e7eb}.hc-card-count{font-size:.75rem;color:#9ca3af;font-weight:500}.hc-card-arrow{flex-shrink:0;color:var(--color_default__opacity40,rgba(204,10,10,.35));transition:color .18s ease}.hc-card:hover .hc-card-arrow{color:var(--color_default__darken,#cc0a0a)}.cc-subcats-wrap{display:flex;align-items:center;gap:.2rem;position:relative;overflow:hidden;min-width:0}.cc-subcats{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.2rem 0;scroll-behavior:smooth;flex:1 1;min-width:0}.cc-subcats::-webkit-scrollbar{display:none}.cc-chip{flex-shrink:0;display:inline-flex;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:500;color:#4b5563;background:#f3f4f6;border-radius:100px;text-decoration:none;transition:all .17s ease;white-space:nowrap}.dark-mode .cc-chip{color:#d1d5db;background:rgba(55,65,81,.5)}.cc-chip:hover{color:var(--color_default__darken,#cc0a0a);background:var(--color_default__opacity10,rgba(204,10,10,.08));text-decoration:none}.cc-chip--more{color:var(--color_default__darken,#cc0a0a)!important;font-weight:600}.cc-scroll-btn{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .2s ease;z-index:2;padding:0;line-height:1}.dark-mode .cc-scroll-btn{background:#1f2937;color:#d1d5db;box-shadow:0 2px 6px rgba(0,0,0,.3)}.cc-scroll-btn:hover{background:var(--color_default__opacity10,rgba(204,10,10,.08));color:var(--color_default__darken,#cc0a0a)}@media (min-width:1200px){.hc-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.hc{padding:0 .75rem 2rem}.hc-hero{padding:1.25rem 1rem;margin-top:.75rem;border-radius:16px}.hc-hero-title{font-size:1.1rem}.hc-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.hc-card{padding:.85rem;border-radius:14px}.hc-card-img,.hc-card-img-placeholder{width:36px;height:36px;border-radius:10px}.hc-card-img-placeholder{font-size:.95rem}.hc-card-name{font-size:.88rem}.hc-card-header{margin-bottom:.5rem;gap:.6rem}.cc-chip{font-size:.72rem;padding:.2rem .55rem}}@media (max-width:576px){.hc-grid{grid-template-columns:repeat(1,1fr)}.hc-hero{padding:1rem .85rem;border-radius:14px}.hc-hero-title{font-size:1rem}.hc-chips{gap:.4rem;margin-bottom:1rem}.hc-chip-link{font-size:.78rem;padding:.35rem .7rem}}