:root{--hcpc-black:#000;--hcpc-yellow:#FFC207;--hcpc-gray:#DADADA}.hcpc-compare-wrap{display:inline-flex;align-items:center;gap:10px}.hcpc-btn{appearance:none;border:1px solid var(--hcpc-gray);background:#fff;color:var(--hcpc-black);border-radius:8px;padding:10px 14px;font-size:14px;line-height:1;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .06s;touch-action:manipulation}.hcpc-btn:hover{border-color:#bcbcbc}.hcpc-btn:active{transform:translateY(1px)}.hcpc-inline-msg{font-size:13px;color:var(--hcpc-black);display:none!important}.hcpc-inline-actions{display:inline-flex;gap:10px;align-items:center}.hcpc-inline-actions .hcpc-view-link{position:relative}.hcpc-inline-actions .hcpc-view-link::before{content:none}.hcpc-remove-inline{border:1px solid var(--hcpc-gray);background:#fff;color:var(--hcpc-black);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.hcpc-view-link,.hcpc-full-link{text-decoration:underline;color:var(--hcpc-black);font-size:13px}.hcpc-view-link:hover,.hcpc-full-link:hover{text-decoration:none}.hcpc-compare-wrap .hcpc-view-link::before{content:"";width:4px;height:4px;border-radius:4px;background-color:#868686;margin-right:5px}.hcpc-actions{margin-bottom:14px;display:flex;gap:10px;align-items:center}.hcpc-clear{border:1px solid var(--hcpc-gray);background:#fff;color:var(--hcpc-black);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.hcpc-clear:hover{border-color:#bcbcbc}.hcpc-table{width:100%;border-collapse:separate;border-spacing:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;position:relative}.hcpc-header{display:grid;grid-template-columns:220px repeat(var(--cols,1),1fr);border-bottom:1px solid #ececf0;scroll-snap-align:start}.hcpc-attr-head{position:sticky;left:0;background:#fff;z-index:2;padding:14px;font-weight:600;border-right:1px solid #ececf0;color:var(--hcpc-black)}.hcpc-col{padding:14px;text-align:center;border-left:1px solid #ececf0;color:var(--hcpc-black)}.hcpc-col .hcpc-thumb{display:block;margin:0 auto 8px;max-width:120px}.hcpc-col .hcpc-title{display:block;font-weight:600;margin-bottom:6px;color:var(--hcpc-black)}.hcpc-col .hcpc-price{display:block;color:var(--hcpc-black);margin-bottom:8px}.hcpc-remove{font-size:12px;border:1px solid var(--hcpc-gray);background:#fff;color:var(--hcpc-black);padding:6px 10px;border-radius:8px;cursor:pointer}.hcpc-remove:hover{border-color:#bcbcbc}.hcpc-body .hcpc-row{display:grid;grid-template-columns:220px repeat(var(--cols,1),1fr);border-bottom:1px solid #f1f1f4;scroll-snap-align:start}.hcpc-label{position:sticky;left:0;background:#fff;z-index:1;padding:12px 0;font-weight:500;color:#868686}.hcpc-cell{padding:12px 14px;text-align:center;color:var(--hcpc-black)}.hcpc-empty{padding:12px 0;color:#666}.hcpc-btn:hover,.hcpc-remove-inline:hover,.hcpc-clear:hover,.hcpc-remove:hover{box-shadow:0 0 0 2px rgb(255 194 7 / .18)}.hcpc-btn:focus-visible,.hcpc-remove-inline:focus-visible,.hcpc-clear:focus-visible,.hcpc-remove:focus-visible,.hcpc-view-link:focus-visible,.hcpc-full-link:focus-visible{outline:2px solid var(--hcpc-yellow);outline-offset:2px;border-color:var(--hcpc-yellow)}@media (max-width:980px){.hcpc-header{grid-template-columns:180px repeat(var(--cols,1),minmax(240px,1fr))}.hcpc-body .hcpc-row{grid-template-columns:180px repeat(var(--cols,1),minmax(240px,1fr))}.hcpc-col .hcpc-thumb{max-width:100px}}@media (max-width:640px){.hcpc-header,.hcpc-body .hcpc-row{grid-template-columns:140px repeat(var(--cols,1),minmax(260px,1fr))}.hcpc-table{scroll-snap-type:x mandatory}.hcpc-btn,.hcpc-remove-inline,.hcpc-clear,.hcpc-remove{padding:10px 14px}.hcpc-col .hcpc-thumb{max-width:96px}.hcpc-col .hcpc-title{font-size:14px}.hcpc-col .hcpc-price{font-size:14px}.hcpc-label,.hcpc-cell{font-size:14px}}@media (max-width:380px){.hcpc-header,.hcpc-body .hcpc-row{grid-template-columns:120px repeat(var(--cols,1),minmax(240px,1fr))}}@media (prefers-reduced-motion:reduce){.hcpc-btn,.hcpc-remove-inline,.hcpc-clear,.hcpc-remove{transition:none}}