.zb-cmp{padding-block:24px 48px}.zb-compare-page .zb-header{position:relative}.zb-cmp__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.zb-cmp__title{margin:4px 0 6px;font-size:26px;font-weight:800}.zb-cmp__hint{margin:0;color:var(--zb-muted);font-size:14px}.zb-cmp__diff{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--zb-line-strong);background:var(--zb-surface);font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.15s}.zb-cmp__diff input{width:16px;height:16px;margin:0;accent-color:var(--zb-accent)}.zb-cmp__diff:has(input:checked){border-color:var(--zb-accent);background:var(--zb-accent-soft);color:var(--zb-link)}.zb-cmp.is-diff .zb-cmp__row.is-same{display:none}.zb-cmp__grid{--label:240px;--col:minmax(180px, 260px)}.zb-cmp__products,.zb-cmp__row{display:grid;grid-template-columns:var(--label) repeat(var(--n),var(--col));gap:16px}.zb-cmp__products{align-items:start;row-gap:0;margin-bottom:24px}.zb-cmp__products{padding-inline:19px}.zb-cmp__side{grid-row:span 3;align-self:start;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--zb-radius);background:var(--zb-surface);border:1px solid var(--zb-line);box-shadow:var(--zb-shadow-sm)}.zb-cmp__side strong{font-size:15px}.zb-cmp__side p{margin:0;font-size:13px;line-height:1.9;color:var(--zb-muted)}.zb-cmp__clear{width:100%;justify-content:center;gap:8px;background:var(--zb-surface);color:var(--zb-danger);border:1px solid #F4D3D0}.zb-cmp__clear:hover:not([disabled]){background:var(--zb-danger);border-color:var(--zb-danger);color:#fff}.zb-cmp__clear[disabled]{color:var(--zb-muted);border-color:var(--zb-line);opacity:.6;cursor:not-allowed}.zb-cmp__slot{grid-row:span 3;align-self:stretch;display:flex}.zb-cmp__slot-btn{flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed var(--zb-line-strong);border-radius:var(--zb-radius);background:#fff0;color:var(--zb-muted);font:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.zb-cmp__slot-btn:hover{border-color:var(--zb-accent);color:var(--zb-link);background:var(--zb-accent-soft)}.zb-cmp__slot-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--zb-bg);color:var(--zb-link);margin-bottom:4px;transition:background .15s}.zb-cmp__slot-btn:hover .zb-cmp__slot-icon{background:var(--zb-surface)}.zb-cmp__slot strong{font-size:15px;color:var(--zb-text)}.zb-cmp__slot-hint{font-size:12px}.zb-cmp__grid--empty .zb-cmp__products{grid-template-columns:var(--label) minmax(0,1fr)}.zb-cmp__bar{position:sticky;top:var(--zb-cmp-top,0);z-index:30;height:0}.zb-cmp__bar-scroll{overflow:hidden;background:var(--zb-surface);border:1px solid var(--zb-line);border-top:0;padding-top:4px;border-radius:0 0 var(--zb-radius-sm) var(--zb-radius-sm);box-shadow:0 12px 24px -16px rgb(var(--zb-shadow-rgb) / .35);opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s var(--zb-ease),visibility 0s linear .2s}.zb-cmp.is-bar .zb-cmp__bar-scroll{opacity:1;transform:none;visibility:visible;transition-delay:0s}.zb-cmp__bar-inner{display:grid;grid-template-columns:var(--label) repeat(var(--n),var(--col));gap:16px;align-items:center;padding:8px 18px;--label:240px;--col:minmax(180px, 260px)}.zb-cmp__bar-label{font-size:13px;font-weight:700;color:var(--zb-muted)}.zb-cmp__bar-item{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;line-height:1.6}.zb-cmp__bar-item img{flex:none;width:40px;height:40px;object-fit:contain;border-radius:8px;background:var(--zb-bg);mix-blend-mode:multiply}.zb-cmp__bar-item>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zb-cmp__product{position:relative;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:8px;align-content:start;padding:12px;border-radius:var(--zb-radius);background:var(--zb-surface);border:1px solid var(--zb-line);text-align:center}.zb-cmp__remove{position:absolute;top:-10px;inset-inline-end:-10px;z-index:1;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--zb-surface);background:var(--zb-muted);color:#fff;cursor:pointer;transition:background .15s,transform .15s}.zb-cmp__remove:hover{background:var(--zb-danger);transform:scale(1.08)}.zb-cmp__media{display:block;aspect-ratio:1;border-radius:var(--zb-radius-sm);background:var(--zb-bg);overflow:hidden}.zb-cmp__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.zb-cmp__name{align-self:start;font-size:14px;font-weight:700;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zb-cmp__price{align-self:end;font-size:14px;font-weight:800}.zb-cmp__price del{color:var(--zb-muted);font-weight:400;font-size:12px}.zb-cmp__table{border-radius:var(--zb-radius);border:1px solid var(--zb-line);overflow:clip;background:var(--zb-surface)}.zb-cmp__row{align-items:center;padding:12px 18px;font-size:14px}.zb-cmp__row:nth-child(odd){background:var(--zb-bg)}.zb-cmp.is-diff .zb-cmp__row{background:#fff0}.zb-cmp.is-diff .zb-cmp__row.is-alt{background:var(--zb-bg)}.zb-cmp__label{color:var(--zb-muted);font-weight:500}.zb-cmp__cell{text-align:center;line-height:1.8;font-weight:500}.zb-cmp__cell del{color:var(--zb-muted);font-weight:400;font-size:12px;margin-inline-end:4px}.zb-cmp__none{color:var(--zb-line-strong)}.zb-cmp__table-title{display:none;margin:0 0 12px;font-size:14px;font-weight:500}.zb-cmp__row--actions{padding-block:10px}.zb-cmp__action{margin-inline:auto}.zb-cmp__mobile-note{display:none;margin:0 0 12px;padding:10px 12px;border-radius:var(--zb-radius-sm);background:var(--zb-accent-soft);font-size:12px;line-height:1.8}.zb-cmp-dialog__list:has(.zb-cmp-dialog__cards){display:block}.zb-cmp-dialog ul.products.zb-cmp-dialog__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.zb-cmp-dialog__cards li.product{width:auto;margin:0}.zb-cmp-dialog{width:min(760px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 48px));padding:0;border:0;border-radius:var(--zb-radius);background:var(--zb-surface);color:var(--zb-text);box-shadow:0 32px 80px -24px rgb(var(--zb-shadow-rgb) / .45);overflow:hidden}.zb-cmp-dialog[open]{display:flex;flex-direction:column;animation:zb-cmp-in .25s var(--zb-ease)}.zb-cmp-dialog::backdrop{background:rgb(var(--zb-shadow-rgb) / .45)}@keyframes zb-cmp-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.zb-cmp-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--zb-line)}.zb-cmp-dialog__head strong{font-size:16px}.zb-cmp-dialog__search{flex:none;margin:16px 20px 8px;width:auto}.zb-cmp-dialog__search-icon{flex:none;width:48px;display:flex;align-items:center;justify-content:center;color:var(--zb-muted)}.zb-cmp-dialog__list{flex:1;min-height:160px;overflow-y:auto;padding:8px 20px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start;scrollbar-width:thin}.zb-cmp-dialog__search-close{display:none}.zb-cmp-dialog__count{display:flex;justify-content:space-between;gap:12px;margin:0 20px;font-size:11px;font-weight:500;color:var(--zb-muted)}.zb-cmp-dialog__count[hidden]{display:none}.zb-cmp-dialog.is-rows .zb-cmp-dialog__list{display:flex;flex-direction:column;gap:8px}.zb-cmp-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:10px;border:1px solid var(--zb-line);border-radius:10px;background:var(--zb-surface);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .15s,border-color .15s}.zb-cmp-row:hover,.zb-cmp-row:focus-visible,.zb-cmp-row.is-busy{border-color:var(--zb-accent);background:var(--zb-accent-soft)}.zb-cmp-row.is-busy{opacity:.7;cursor:progress}.zb-cmp-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}.zb-cmp-row__name{font-size:12px;font-weight:500;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zb-cmp-row__cat{font-size:10px;font-weight:500;color:var(--zb-muted)}.zb-cmp-row__price{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;font-weight:600}.zb-cmp-dialog__msg{grid-column:1 / -1;padding:40px 0;text-align:center;color:var(--zb-muted);font-size:14px}.zb-cmp-pick{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--zb-line);border-radius:var(--zb-radius-sm);text-align:center}.zb-cmp-pick__media{aspect-ratio:1;border-radius:10px;background:var(--zb-bg);overflow:hidden}.zb-cmp-pick__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.zb-cmp-pick__name{font-size:13px;font-weight:700;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}.zb-cmp-pick__spec{font-size:11px;color:var(--zb-muted);min-height:1.6em}.zb-cmp-pick__price{font-size:13px;font-weight:800;margin-top:auto}.zb-cmp-pick__price del{display:none}.zb-cmp-pick__btn{min-height:38px;border-radius:10px;border:1px solid var(--zb-accent);background:var(--zb-accent-soft);color:var(--zb-link);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}.zb-cmp-pick__btn:hover{background:var(--zb-accent);color:var(--zb-on-accent)}@media (max-width:767px){.zb-cmp{padding-block:16px 32px}.zb-cmp__title{font-size:21px}.zb-cmp__hint{font-size:13px}.zb-cmp__scroll{margin-inline:calc(var(--zb-gutter) * -1);padding-inline:var(--zb-gutter);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.zb-cmp__scroll::-webkit-scrollbar{display:none}.zb-cmp__grid{--inner:calc(100vw - var(--zb-gutter) * 2 - 26px);--col:calc((var(--inner) - 12px) / 2);width:max-content;min-width:100%}.zb-cmp__products,.zb-cmp__row{grid-template-columns:repeat(var(--nm,var(--n)),var(--col));gap:12px}.zb-cmp__products{padding:10px 13px 0}.zb-cmp__slot-btn{min-height:180px}.zb-cmp.is-full-mobile .zb-cmp__slot{display:none}.zb-cmp__mobile-note,.zb-cmp__table-title{display:block}.zb-cmp-dialog ul.products.zb-cmp-dialog__cards{grid-template-columns:minmax(0,1fr);gap:12px}.zb-cmp__slot-icon{width:44px;height:44px}.zb-cmp__bar{margin-inline:calc(var(--zb-gutter) * -1)}.zb-cmp__bar-scroll{border-inline:0;border-radius:0}.zb-cmp__bar-inner{grid-template-columns:repeat(var(--n),var(--col));gap:12px;width:max-content;padding:8px calc(var(--zb-gutter) + 13px);--inner:calc(100vw - var(--zb-gutter) * 2 - 26px);--col:calc((var(--inner) - 12px) / 2)}.zb-cmp__bar-label{display:none}.zb-cmp__bar-item{font-size:12px}.zb-cmp__bar-item img{width:32px;height:32px}.zb-cmp__side{grid-column:1 / -1;grid-row:auto;margin-bottom:12px;position:sticky;inset-inline-start:0;width:var(--inner);flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 14px;box-shadow:none}.zb-cmp__side p{display:none}.zb-cmp__side strong{flex:1;font-size:14px}.zb-cmp__clear{width:auto;min-height:38px;padding-inline:12px;font-size:13px}.zb-cmp__product{padding:10px}.zb-cmp__name{font-size:12px}.zb-cmp__row{padding:10px 12px;row-gap:4px}.zb-cmp__label{grid-column:1 / -1;position:sticky;inset-inline-start:0;width:var(--inner);text-align:center;font-size:12px}.zb-cmp__cell{font-size:13px}.zb-cmp__diff{padding:6px 12px;font-size:13px}.zb-cmp.is-fit-mobile .zb-cmp__scroll{overflow-x:hidden}.zb-cmp.is-fit-mobile .zb-cmp__grid{--col:minmax(0, 1fr);width:auto}.zb-cmp.is-fit-mobile .zb-cmp__label,.zb-cmp.is-fit-mobile .zb-cmp__side{position:static;width:auto}.zb-cmp.is-fit-mobile .zb-cmp__bar-scroll{overflow-x:hidden}.zb-cmp.is-fit-mobile .zb-cmp__bar-inner{--col:minmax(0, 1fr);width:auto}.zb-cmp-dialog{top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0;margin:0}.zb-cmp-dialog__list{grid-template-columns:minmax(0,1fr);gap:0;padding:0 16px 16px}.zb-cmp-pick{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid var(--zb-line);border-radius:0;text-align:start}.zb-cmp-pick__media{grid-row:1 / span 2}.zb-cmp-pick__name{min-height:0}.zb-cmp-pick__spec{display:none}.zb-cmp-pick__price{margin:0;grid-column:2}.zb-cmp-pick__btn{grid-column:3;grid-row:1 / span 2;padding-inline:12px}.zb-cmp-dialog__search{margin:12px 16px 4px}}