.cmpv__h1{margin:4px 0 24px}.cmpv__bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:20px}.cmpv__diff{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--color-ink);cursor:pointer}.cmpv__diff input{width:18px;height:18px;margin:0;accent-color:var(--color-brand)}.cmpv__clear{margin-left:auto;font-size:14px}.cmpv__scroll{width:fit-content;max-width:100%;overflow-x:auto;border-radius:var(--r-card);background:var(--color-surface);box-shadow:var(--ring)}.cmpv{width:calc(220px + var(--cols) * 256px);border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px}.cmpv td,.cmpv th{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line)}.cmpv tbody th[scope=row],.cmpv__corner{position:sticky;left:0;z-index:1;width:220px;background:#fff;font-weight:400;color:var(--color-muted);box-shadow:1px 0 0 var(--color-line)}.cmpv td{color:var(--color-ink)}.cmpv tbody tr:not([data-same]):not(.cmpv__group) td{font-weight:600}.cmpv tr[data-same] td{color:var(--color-muted)}.cmpv tbody tr:not(.cmpv__group):hover td,.cmpv tbody tr:not(.cmpv__group):hover th,.cmpv__group th{background:var(--color-well)}.cmpv__group th{padding:14px 16px 12px;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--color-ink)}.cmpv__group th span{position:sticky;left:16px}.cmpv__prod{position:relative;width:256px;padding:16px!important;font-weight:400;vertical-align:top}.cmpv__rm{position:absolute;top:8px;right:8px;z-index:1;width:32px;height:32px}.cmpv__rm:hover{color:var(--color-accent)}.cmpv__pic{display:block;aspect-ratio:4/3;margin-bottom:12px;border-radius:var(--r-pic);background:var(--color-surface)}.cmpv__pic img{width:100%;height:100%;padding:4%;object-fit:contain}.cmpv__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;font-size:14px;line-height:1.4;color:var(--color-ink)}.cmpv__name:hover{color:var(--color-brand)}.cmpv__price{margin:8px 0 4px;font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--color-ink)}.cmpv__prod .stock{margin-bottom:12px}.cmpv__prod .atc--in .atc__in,.cmpv__prod .atc__add{height:40px;font-size:14px}.cmpv__prod .atc__add{width:100%}.cmpv__prod .atc--in{flex-direction:column;align-items:stretch}.cmpv__prod .atc--in .qty{height:40px;justify-content:space-between}.cmpv__prod .atc--in .atc__in{flex:none}.cmpv__hint{margin-top:16px;color:var(--color-muted)}@media (max-width:760px){.cmpv{width:calc(120px + var(--cols) * 168px);font-size:13px}.cmpv tbody th[scope=row],.cmpv__corner{width:120px}.cmpv td,.cmpv th{padding:10px}.cmpv__prod{width:168px;padding:10px!important}.cmpv__price{font-size:16px}.cmpv__clear{margin-left:0}.cmpv__prod .atc--in .atc__in{display:none}.cmpv__prod .atc--in .qty{width:100%;justify-content:space-between}}.cmpv__corner{vertical-align:bottom!important;font-size:13px}.cmpv thead th{border-bottom-color:var(--color-line-2)}