@media (width<=860px){.cat-hero h1{font-size:1.3rem}.subcat{padding:6px 11px;font-size:12px}.sort-chip{padding:7px 11px;font-size:12px}.filters{gap:8px}.f-group{border-radius:10px;gap:8px;padding:11px}.f-title,.f-check,.f-switch{font-size:12.5px}.f-chip span{padding:6px 9px;font-size:11.5px}}.catban{margin:0 0 var(--sp-5);position:relative}.catban-vp{border-radius:var(--radius-banner);aspect-ratio:var(--catban-ar,1920 / 450);background:var(--surface-2);position:relative;overflow:hidden}.catban-track{height:100%;transform:translate3d(calc(var(--hero-index,0) * -100%), 0, 0);transition:transform .42s var(--curve);will-change:transform;display:flex}.catban-slide{pointer-events:none;flex:0 0 100%;width:100%;height:100%;position:relative}.catban-slide.is-active{pointer-events:auto}.catban-frame{width:100%;height:100%;display:block}.catban-frame img{object-fit:cover;object-position:center;width:100%;height:100%}.catban-ad{top:var(--sp-2);right:var(--sp-2);z-index:2;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-xs);background:var(--surface-blur);color:var(--muted);font-size:var(--fs-2xs);line-height:var(--lh-tight);position:absolute}.catban-nav{z-index:3;width:var(--ctl-h);height:var(--ctl-h);border:1px solid var(--line);background:var(--surface-blur);color:var(--text);font-size:var(--fs-lg);box-shadow:var(--shadow-pop);transition:background-color .18s var(--curve), color .18s var(--curve);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.catban-nav:hover{background:var(--surface);color:var(--accent)}.catban-prev{left:var(--sp-4)}.catban-next{right:var(--sp-4)}.catban-dots{left:50%;bottom:var(--sp-4);z-index:3;align-items:center;gap:var(--sp-1);padding:0 var(--sp-2);background:var(--surface-blur);border-radius:999px;display:flex;position:absolute;transform:translate(-50%)}.catban-dots button{background:0 0;width:24px;height:24px;padding:0;position:relative}.catban-dots button:before{content:"";width:var(--sp-2);height:var(--sp-2);background:var(--line-strong);transition:width .22s var(--curve), background-color .22s var(--curve);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catban-dots .on:before{width:var(--sp-6);background:var(--accent)}@media (width<=860px){.catban-nav{display:none}.catban{margin-bottom:var(--sp-4)}.catban-vp{border-radius:var(--radius-card)}.catban-dots{bottom:var(--sp-2)}}