.cmp-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.4rem;margin-bottom:.9rem;display:flex}.cmp-top__l,.cmp-top__r{flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;display:flex}.cmp-cat{align-items:center;gap:.6rem;display:flex}.cmp-cat__lbl{font-size:var(--t-sm);color:var(--text-muted)}.cmp-bar__add{font-size:var(--t-sm);color:var(--text-soft);white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.cmp-bar__add:hover{color:var(--pulse)}.cmp__catsel{position:relative}.cmp__catbtn{background:var(--paper);border:1px solid var(--border-strong);color:var(--text);font-size:var(--t-sm);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .9rem;font-weight:600;display:inline-flex}.cmp__catbtn:hover{border-color:var(--ink-700)}.cmp__catbtn svg{transition:transform var(--dur-1) var(--ease);flex:none}.cmp__catsel.open .cmp__catbtn svg{transform:rotate(180deg)}.cmp__catmenu{border:1px solid var(--border);border-radius:var(--r-md);min-width:230px;box-shadow:var(--sh-3);z-index:40;background:#fff;padding:.3rem;display:none;position:absolute;top:calc(100% + 6px);left:0}.cmp__catsel.open .cmp__catmenu{display:block}.cmp__catopt{text-align:left;border-radius:var(--r-sm);width:100%;font-size:var(--t-sm);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.5rem .6rem;display:block}.cmp__catopt:hover{background:var(--surface-2)}.cmp__catopt.is-sel{background:var(--pulse-tint);color:var(--pulse);font-weight:600}.cmp-scroll{gap:.4rem;display:inline-flex}.cmp-scroll button{border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--paper);width:34px;height:34px;color:var(--text);cursor:pointer;transition:all var(--dur-1) var(--ease);place-items:center;display:grid}.cmp-scroll button:hover{border-color:var(--ink-900);background:var(--ink-900);color:#fff}.cmp-seg{background:var(--surface-2);border-radius:var(--r-pill);padding:2px;display:inline-flex}.cmp-seg__btn{font-size:var(--t-sm);color:var(--text-muted);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.34rem .8rem;font-weight:600}.cmp-seg__btn.is-on{color:var(--info);box-shadow:var(--sh-1);background:#fff}.cmp-legend{font-size:var(--t-xs);color:var(--text-muted);flex-wrap:wrap;gap:.8rem;display:inline-flex}.cmp-legend span{align-items:center;gap:.35rem;display:inline-flex}.cmp-legend i{border-radius:50%;width:9px;height:9px}.cmp-legend i.g{background:var(--success)}.cmp-legend i.r{background:var(--pulse)}.cmp{border:1px solid var(--border);border-top:3px solid var(--pulse);scrollbar-width:none;-ms-overflow-style:none;border-radius:0;max-height:78vh;position:relative;overflow:auto}.cmp::-webkit-scrollbar{display:none}.cmp__grid{display:grid}.cmp__cell{font-size:var(--t-sm);text-align:center;justify-content:center;align-items:center;padding:.5rem .7rem;display:flex}.cmp__row{display:contents}.cmp__card{z-index:6;background:var(--paper);border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .5rem .8rem;position:sticky;top:0}.cmp__media{width:100%;max-width:108px;margin:0 auto;position:relative}.cmp__badge{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--r-xs);color:#fff;z-index:1;padding:2px 5px;font-size:.56rem;font-weight:700;position:absolute;top:3px;left:3px}.cmp__badge--sale{background:var(--pulse)}.cmp__badge--hit{background:var(--info)}.cmp__card img{object-fit:cover;border:1px solid var(--border);background:var(--paper);width:100%;height:60px;display:block}.cmp__info{flex-direction:column;align-items:center;gap:.25rem;width:100%;display:flex}.cmp__name{font-weight:500;font-size:var(--t-base);color:var(--ink-900);min-height:1.15em;line-height:1.15}.cmp__price{flex-direction:column;justify-content:flex-start;align-items:center;gap:.02rem;min-height:2.3rem;display:flex}.cmp__now{font-family:var(--font-body);color:var(--text);white-space:nowrap;font-size:1rem;font-weight:400;line-height:1.25}.cmp__old{font-size:var(--t-xs);color:var(--text-muted);white-space:nowrap;min-height:1em;line-height:1.2;text-decoration:line-through}.cmp__cart{background:var(--pulse);color:#fff;width:100%;max-width:140px;font-size:var(--t-sm);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-1);border:none;padding:.42rem .6rem;font-weight:600}.cmp__cart:hover{background:var(--pulse-600)}.cmp__open{color:var(--info);font-weight:500;font-size:var(--t-sm);cursor:pointer;align-items:center;gap:.3rem;display:inline-flex}.cmp__open svg{transition:transform var(--dur-1) var(--ease)}.cmp__open:hover{text-underline-offset:3px;text-decoration:underline}.cmp__open:hover svg{transform:translate(3px)}.cmp__pin{font-size:var(--t-xs);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:inline-flex}.cmp__pin input{accent-color:var(--pulse);cursor:pointer;width:13px;height:13px;margin:0}.cmp__c.is-pinned .cmp__pin{color:var(--text);font-weight:600}.cmp__rm{font-size:var(--t-xs);color:var(--text-muted);cursor:pointer;align-items:center;gap:.2rem;display:inline-flex}.cmp__rm:hover{color:var(--pulse)}.cmp--compact .cmp__card{flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding:.4rem .55rem}.cmp--compact .cmp__media{flex:none;width:auto;max-width:none;margin:0}.cmp--compact .cmp__card img{width:34px;height:34px}.cmp--compact .cmp__badge{display:none}.cmp--compact .cmp__info{align-items:flex-start;gap:0;min-width:0}.cmp--compact .cmp__name{font-size:var(--t-sm);white-space:nowrap;min-height:0}.cmp--compact .cmp__price{flex-direction:row;align-items:baseline;gap:.3rem;min-height:0}.cmp--compact .cmp__now{font-size:.85rem}.cmp--compact .cmp__old,.cmp--compact .cmp__cart,.cmp--compact .cmp__open,.cmp--compact .cmp__pin,.cmp--compact .cmp__rm{display:none}.cmp-scrollbar{z-index:7;background:var(--paper);border-bottom:1px solid var(--border);grid-column:1/-1;padding:.45rem .7rem;position:sticky;left:0}.cmp-scrollbar__track{background:var(--surface-2);border:1px solid var(--border);height:8px;position:relative}.cmp-scrollbar__thumb{background:var(--border-strong);cursor:grab;min-width:44px;position:absolute;top:-1px;bottom:-1px;left:0}.cmp-scrollbar__thumb:hover:not(.is-full),.cmp-scrollbar__thumb.is-drag{background:var(--info)}.cmp-scrollbar__thumb.is-drag{cursor:grabbing}.cmp-scrollbar__thumb.is-full{background:var(--border);cursor:default}.cmp__group{background:var(--paper);border-top:1px solid var(--border-strong);z-index:4;cursor:pointer;grid-column:1/-1}.cmp__group>span{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-900);white-space:nowrap;align-items:center;gap:.5rem;padding:.7rem .7rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex;position:sticky;left:0}.cmp__group>span:before{content:"";background:var(--pulse);width:3px;height:13px;display:inline-block}.cmp__group:hover>span{color:var(--pulse)}.cmp__chev{width:13px;height:13px;transition:transform var(--dur-1) var(--ease);color:var(--text-muted)}.cmp__group.is-collapsed .cmp__chev{transform:rotate(-90deg)}.cmp__feat{display:contents}.cmp__lbl{border-top:1px solid var(--border);grid-column:1/-1}.cmp__lbl>span{font-size:var(--t-xs);color:var(--text-muted);white-space:nowrap;padding:.5rem .7rem .1rem;display:inline-block;position:sticky;left:0}.cmp__feat>.cmp__row{display:contents}.cmp__val{align-items:flex-start;padding-top:.1rem;padding-bottom:.55rem;font-weight:500}.cmp__val:hover{background:var(--surface-2)}.cmp__val.best{color:var(--success);font-weight:700}.cmp__val.worst{color:var(--pulse);font-weight:600}.cmp__c.is-frozen{background:var(--paper)}.cmp__c.is-frozen-edge{box-shadow:9px 0 16px -10px #0000002e}