.cmp{--c-accent:var(--hk-crimson);--c-accent-dark:#7a1622;--c-accent-tint:#fbf1f2;--c-accent-line:#e6bcc2;--c-text:#1a1a1a;--c-muted:#5f6368;--c-subtle:#6b7075;--c-line:#e2e2e2;--c-line-soft:#eeeeee;--c-surface:#ffffff;--c-surface-2:#f7f7f7;--c-diff:#fff6e9;--c-diff-label:#fdeed6;--c-diff-line:#e3a33f;--r:6px;--r-sm:4px;--t:.18s ease;--cmp-cols:2;--cmp-n:2;--label-w:210px;display:block;max-width:1200px;margin:0 auto;padding:40px 20px 72px;color:var(--c-text)}.cmp [hidden]{display:none!important}.cmp *,.cmp *:before,.cmp *:after{box-sizing:border-box}.cmp :where(h1,h2,p,ul,li,table,th,td){margin:0;padding:0}.cmp :where(ul){list-style:none}.cmp :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;letter-spacing:inherit}.cmp :where(a){color:inherit;text-decoration:none}.cmp :where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.cmp svg{flex-shrink:0}.cmp__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--c-line)}.cmp__title{font-size:clamp(26px,3vw,36px);line-height:1.1;font-weight:700;letter-spacing:-.02em}.cmp__subtitle{margin-top:8px;font-size:15px;line-height:1.5;color:var(--c-muted);max-width:640px}.cmp__share{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);font-size:13px;font-weight:700;color:var(--c-text);white-space:nowrap;transition:border-color var(--t),background var(--t),color var(--t)}.cmp__share svg{width:16px;height:16px}.cmp__share:hover{border-color:var(--c-text)}.cmp__share.is-copied{border-color:#2e7d4f;color:#2e7d4f;background:#f1f8f4}.cmp__tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:16px}.cmp__tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:0;padding:14px;text-align:left;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);transition:border-color var(--t),box-shadow var(--t),background var(--t)}.cmp__tab:hover{border-color:var(--c-accent-line)}.cmp__tab.is-active{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent);background:var(--c-accent-tint)}.cmp__tab-name{font-size:14px;font-weight:700;line-height:1.25}.cmp__tab.is-active .cmp__tab-name{color:var(--c-accent-dark)}.cmp__tab-sub{font-size:12px;line-height:1.35;color:var(--c-subtle)}.cmp__notice{margin-bottom:16px;padding:10px 12px;border:1px dashed var(--c-diff-line);border-radius:var(--r);background:var(--c-diff);font-size:13px;line-height:1.45}.cmp__pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.cmp__pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);font-size:13px;font-weight:400;color:var(--c-muted);white-space:nowrap;transition:all var(--t)}.cmp__pill:hover{border-color:var(--c-accent-line);color:var(--c-accent)}.cmp__pill.is-active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.cmp__pill-count{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.cmp__loading{padding:28px 0;text-align:center;font-size:13px;color:var(--c-muted)}.cmp__loading-bar{height:2px;margin-bottom:12px;background:var(--c-line-soft);border-radius:2px;overflow:hidden}.cmp__loading-bar span{display:block;width:35%;height:100%;background:var(--c-accent);animation:cmpSlide 1.1s ease-in-out infinite}@keyframes cmpSlide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cmp__state{padding:44px 20px;text-align:center;border:1px dashed var(--c-line);border-radius:var(--r);background:var(--c-surface-2)}.cmp__state-graphic{display:block;width:96px;height:64px;margin:0 auto 16px;color:var(--c-accent);opacity:.45}.cmp__state-title{margin-bottom:6px;font-size:18px;font-weight:700}.cmp__state-text{max-width:460px;margin:0 auto;font-size:14px;line-height:1.5;color:var(--c-muted)}.cmp__state--error .cmp__btn{margin-top:16px}.cmp__selwrap{position:relative;z-index:3;margin-bottom:20px}.cmp__selbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin-bottom:8px}.cmp__count{font-size:12.5px;font-weight:400;color:var(--c-subtle)}.cmp__link-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;font-size:12.5px;font-weight:700;color:var(--c-muted)}.cmp__link-btn:hover{color:var(--c-accent)}.cmp__link-btn svg{width:12px;height:12px}.cmp__selectors{display:grid;grid-template-columns:repeat(var(--cmp-cols),minmax(0,1fr));gap:12px}.cmp__sel-label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-subtle)}.cmp__sel-wrap{position:relative}.cmp__sel-icon{position:absolute;left:12px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:var(--c-subtle);pointer-events:none}.cmp__sel-wrap:focus-within .cmp__sel-icon{color:var(--c-accent)}.cmp__input{width:100%;height:42px;margin:0;padding:0 62px 0 34px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);font:inherit;font-size:14px;color:var(--c-text);outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color var(--t),box-shadow var(--t)}.cmp__input::placeholder{color:var(--c-subtle)}.cmp__input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(var(--hk-crimson-rgb),.12)}.cmp__input:disabled{background:var(--c-surface-2)}.cmp__sel.is-filled .cmp__input{font-weight:700}.cmp__sel-clear{position:absolute;right:32px;top:50%;display:grid;place-items:center;width:24px;height:24px;transform:translateY(-50%);border-radius:50%;color:var(--c-subtle);transition:all var(--t)}.cmp__sel-clear:hover{background:var(--c-accent-tint);color:var(--c-accent)}.cmp__sel-clear svg{width:12px;height:12px}.cmp__sel-caret{position:absolute;right:12px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:var(--c-subtle);pointer-events:none;transition:transform var(--t)}.cmp__input[aria-expanded=true]~.cmp__sel-caret{transform:translateY(-50%) rotate(180deg)}.cmp__dd{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:4px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);box-shadow:0 10px 28px #0000001f}.cmp__opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-sm);font-size:13.5px;line-height:1.35;cursor:pointer}.cmp__opt-title{flex:1;min-width:0}.cmp__opt:hover,.cmp__opt.is-active{background:var(--c-accent-tint);color:var(--c-accent-dark)}.cmp__opt.is-current{font-weight:700}.cmp__opt.is-used{opacity:.45;cursor:not-allowed;background:none;color:inherit}.cmp__opt-tag{flex-shrink:0;padding:2px 6px;border-radius:3px;background:var(--c-surface-2);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted)}.cmp__opt-empty{padding:14px 10px;text-align:center;font-size:13px;color:var(--c-subtle)}.cmp__grid{display:grid;grid-template-columns:repeat(var(--cmp-cols),minmax(0,1fr));gap:12px;align-items:stretch;margin-bottom:16px}.cmp__card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);animation:cmpIn .22s ease both}@keyframes cmpIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cmp__card--empty{align-items:center;justify-content:center;gap:8px;min-height:240px;border-style:dashed;background:var(--c-surface-2);font-size:13px;color:var(--c-subtle);animation:none;transition:border-color var(--t),color var(--t)}.cmp__card--empty:hover{border-color:var(--c-accent-line);color:var(--c-accent)}.cmp__card-plus{font-size:26px;font-weight:400;line-height:1}.cmp__card-img{display:block;aspect-ratio:4/3;padding:12px;background:#fff;border-bottom:1px solid var(--c-line-soft)}.cmp__card-img img{display:block;width:100%;height:100%;object-fit:contain}.cmp__card-noimg{display:block;width:100%;height:100%;background:var(--c-surface-2)}.cmp__badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cmp__badge{padding:3px 7px;border-radius:3px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cmp__badge--sale{background:var(--c-accent);color:#fff}.cmp__badge--order{background:#fff;border:1px solid var(--c-line);color:var(--c-muted)}.cmp__card-remove{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--c-line);border-radius:50%;background:#ffffffeb;color:var(--c-muted);transition:all var(--t)}.cmp__card-remove svg{width:12px;height:12px}.cmp__card-remove:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.cmp__card-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px}.cmp__card-name{font-size:15px;font-weight:700;line-height:1.35}.cmp__card-name a:hover{color:var(--c-accent)}.cmp__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:auto}.cmp__price-main{font-size:19px;font-weight:700;color:var(--c-accent);font-variant-numeric:tabular-nums}.cmp__price-old{font-size:13px;color:var(--c-subtle)}.cmp__price-sub{font-size:12.5px;font-weight:400;color:var(--c-muted)}.cmp__price-req{display:inline-block;padding:5px 10px;border:1px dashed var(--c-line);border-radius:var(--r-sm);font-size:13px;font-weight:700;color:var(--c-muted)}.cmp__card-footer{padding:0 14px 14px}.cmp__card-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border:1px solid var(--c-line);border-radius:var(--r);font-size:13px;font-weight:700;transition:all var(--t)}.cmp__card-btn svg{width:14px;height:14px}.cmp__card-btn:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.cmp__hint{margin:-4px 0 20px;text-align:center;font-size:13px;color:var(--c-muted)}.cmp__tablesec{margin-top:8px}.cmp__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.cmp__toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.cmp__toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cmp__toggle-track{position:relative;width:36px;height:20px;border-radius:10px;background:#cfcfcf;transition:background var(--t)}.cmp__toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform var(--t)}.cmp__toggle input:checked+.cmp__toggle-track{background:var(--c-accent)}.cmp__toggle input:checked+.cmp__toggle-track .cmp__toggle-thumb{transform:translate(16px)}.cmp__toggle input:focus-visible+.cmp__toggle-track{outline:2px solid var(--c-accent);outline-offset:2px}.cmp__toggle-label{font-size:13px;font-weight:700}.cmp__toggle-label span{font-weight:400;color:var(--c-subtle)}.cmp__actions{display:flex;flex-wrap:wrap;gap:8px}.cmp__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);font-size:13px;font-weight:700;color:var(--c-text);transition:all var(--t)}.cmp__btn svg{width:15px;height:15px}.cmp__btn:hover{border-color:var(--c-text)}.cmp__btn--accent{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.cmp__btn--accent:hover{background:var(--c-accent-dark);border-color:var(--c-accent-dark)}.cmp__table-wrap{max-height:72vh;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r)}.cmp__table{width:100%;min-width:calc(var(--label-w) + var(--cmp-n) * 170px);border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13.5px;line-height:1.45}.cmp__colw-label{width:var(--label-w)}.cmp__table th,.cmp__table td{padding:10px 12px;text-align:left;vertical-align:top;background:var(--c-surface);border-bottom:1px solid var(--c-line-soft);overflow-wrap:anywhere}.cmp__table td{white-space:pre-line;font-variant-numeric:tabular-nums}.cmp__table thead th{position:sticky;top:0;z-index:2;background:var(--c-surface-2);border-bottom:1px solid var(--c-line);font-size:13px;font-weight:700}.cmp__table thead th a:hover{color:var(--c-accent)}.cmp__table .cmp__label-col{position:sticky;left:0;z-index:1;background:var(--c-surface-2);box-shadow:inset -1px 0 0 var(--c-line);font-size:12.5px;font-weight:700;color:var(--c-muted)}.cmp__table thead .cmp__label-col{z-index:3;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text)}.cmp__table tbody tr:last-child>*{border-bottom:0}.cmp__table tbody tr:hover>td{background:#fcfcfc}.cmp__table tbody tr.cmp__row--price>td{font-weight:700;color:var(--c-accent)}.cmp__table tbody tr.cmp__row--diff>td{background:var(--c-diff)}.cmp__table tbody tr.cmp__row--diff>.cmp__label-col{background:var(--c-diff-label);box-shadow:inset 3px 0 0 var(--c-diff-line),inset -1px 0 0 var(--c-line)}.cmp__table tbody tr.cmp__row--hidden{display:none}.cmp__table .cmp__cell-empty{color:var(--c-subtle)}.cmp__table-empty{margin-top:12px;padding:14px;text-align:center;font-size:13.5px;color:var(--c-muted);border:1px dashed var(--c-line);border-radius:var(--r)}.cmp__printmeta{display:none}.cmp__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:989px){.cmp__tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none}.cmp__tabs::-webkit-scrollbar{display:none}.cmp__tab{flex:0 0 168px;scroll-snap-align:start}.cmp__pills{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px 2px;scrollbar-width:none}.cmp__pills::-webkit-scrollbar{display:none}}@media(max-width:749px){.cmp{padding:28px 16px 56px;--label-w:128px}.cmp__tabs,.cmp__pills{margin-inline:-16px;padding-inline:16px}.cmp__header{flex-direction:column;align-items:stretch}.cmp__share{align-self:flex-start}.cmp__selectors{grid-template-columns:1fr}.cmp__input{font-size:16px}.cmp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cmp__card--empty{min-height:150px}.cmp__card-img{padding:8px}.cmp__card-body{padding:10px;gap:8px}.cmp__card-footer{padding:0 10px 10px}.cmp__card-name{font-size:13.5px}.cmp__price-main{font-size:16px}.cmp__toolbar{flex-direction:column;align-items:flex-start}.cmp__table{min-width:calc(var(--label-w) + var(--cmp-n) * 140px);font-size:13px}}@media(prefers-reduced-motion:reduce){.cmp *{animation:none!important;transition:none!important}}@media print{.cmp{max-width:none;padding:0}.cmp__share,.cmp__tabs,.cmp__pills,.cmp__loading,.cmp__notice,.cmp__selwrap,.cmp__state,.cmp__hint,.cmp__toolbar,.cmp__card-remove,.cmp__card-footer,.cmp__card--empty{display:none!important}.cmp__grid{grid-template-columns:repeat(var(--cmp-n),minmax(0,1fr))}.cmp__card{break-inside:avoid;animation:none}.cmp__table-wrap{max-height:none;overflow:visible;border-color:#bbb}.cmp__table{min-width:0}.cmp__table thead th,.cmp__table .cmp__label-col{position:static}.cmp__table tr{break-inside:avoid}.cmp__printmeta{display:block;margin-top:12px;font-size:11px;color:#666}.cmp *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/compare-products.css.map */