@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;position:relative}.catban-frame:focus-visible{outline:3px solid var(--accent-light);outline-offset:-3px}.catban-frame img{object-fit:cover;object-position:right center;width:100%;height:100%;display:block}.catban-copy{top:50%;left:clamp(var(--sp-4), 4vw, var(--sp-8));z-index:2;justify-items:start;gap:var(--sp-3);width:min(44%,620px);padding:clamp(var(--sp-3), 2vw, var(--sp-5));border:1px solid var(--line-strong);border-radius:var(--radius-card);color:var(--text);background:var(--surface-blur);box-shadow:var(--shadow-card);backdrop-filter:blur(14px);display:grid;position:absolute;transform:translateY(-50%)}.catban-copy strong{max-width:24ch;font-family:var(--font-display);font-size:clamp(var(--fs-lg), 2.2vw, var(--fs-2xl));line-height:var(--lh-tight);text-wrap:balance}.catban-cta{align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-4);border-radius:var(--radius-sm);color:var(--on-dark);background:var(--accent);font-size:var(--fs-sm);font-weight:800;display:inline-flex}.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)}.catban-copy{left:var(--sp-2);gap:var(--sp-1);width:min(58%,430px);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);backdrop-filter:blur(8px)}.catban-copy strong{font-size:clamp(.72rem, 3.1vw, var(--fs-lg));-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.catban-cta{display:none}}