.cmp-page{--cmp-header-offset:100px;padding-block:24px 48px;color:var(--rd-text,#17233b)}
.cmp-breadcrumb{display:flex;gap:10px;font-size:12px;color:#71809b;margin-bottom:20px}.cmp-breadcrumb a:hover{color:#3267ed}
.cmp-toolbar,.cmp-toolbar-actions,.cmp-selection-info,.cmp-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cmp-toolbar{justify-content:space-between;margin:24px 0 16px}.cmp-selection-info{font-size:13px}.cmp-selection-info>span{color:#71809b;border-inline-start:1px solid #dce4f0;padding-inline-start:12px}.cmp-toolbar-actions form{margin:0}.cmp-clear{font-size:12px}.cmp-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.cmp-notice,.cmp-mobile-explanation{border:1px solid #dce6fa;background:#f3f7ff;padding:12px 16px;border-radius:14px;font-size:12px;line-height:1.9;margin-block:12px}.cmp-mobile-explanation{display:flex;gap:10px;align-items:center}.cmp-mobile-explanation>span:first-child{flex-shrink:0;color:#3267ed}
.cmp-collection{display:flex;gap:8px;flex-wrap:wrap;margin-block:12px}.cmp-collection>span{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #dce4f0;border-radius:12px;padding-inline:10px 2px;max-width:100%;font-size:11px}.cmp-collection>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.cmp-collection a{display:grid;place-items:center;width:32px;height:32px;color:#71809b}
.cmp-tools{background:#fff;border:1px solid #dce4f0;border-radius:16px;padding:12px;margin-block:16px;justify-content:space-between}.cmp-differences{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;cursor:pointer}.cmp-differences input{width:18px;height:18px;accent-color:#3267ed}.cmp-count{background:#edf3ff;color:#2458d7;border-radius:8px;padding:1px 8px;font-size:11px}.cmp-feature-search{display:flex;align-items:center;gap:8px;border:1px solid #dce4f0;border-radius:10px;min-height:44px;padding-inline:12px;width:100%;color:#71809b}.cmp-feature-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font:inherit;font-size:12px;color:#17233b}.cmp-feature-search:focus-within{outline:2px solid #3267ed;outline-offset:2px}
.cmp-desktop{display:none}.cmp-pair-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:sticky;top:var(--cmp-header-offset);z-index:20;border:1px solid #d5e0f3;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 6px 16px #1836600a}.cmp-pair-product{min-width:0;padding:10px}.cmp-pair-product+.cmp-pair-product{border-inline-start:1px solid #dce4f0}.cmp-pair-product>label{display:block;font-size:10px;color:#71809b;margin-bottom:4px}.cmp-pair-product select{width:100%;min-height:40px;border:1px solid #ccd9ef;background:#f7f9fe;border-radius:8px;padding:4px;font:inherit;font-size:11px;text-overflow:ellipsis}.cmp-product-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#71809b}.cmp-product-top .rd-btn-icon{width:32px;height:32px;min-height:32px;border:0;background:transparent}.cmp-product-top a:hover{color:#be3547;background:#fff1f2}.cmp-product-identity{display:flex;align-items:center;gap:8px;min-width:0;text-align:right;min-height:64px}.cmp-product-identity img,.cmp-image-placeholder{width:40px;height:48px;object-fit:contain;flex-shrink:0}.cmp-image-placeholder{display:grid;place-items:center;color:#8d9ab1;background:#f4f7fc;border-radius:8px}.cmp-product-title{font-size:11px;font-weight:700;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cmp-product-details{display:flex;align-items:center;gap:6px;font-size:10px;color:#3267ed;min-height:32px}.cmp-mobile-add{margin:12px;border:1px dashed #b5c9f1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#3267ed;background:#f7faff;font:inherit;min-width:0;padding:10px}.cmp-mobile-add strong{font-size:13px}.cmp-mobile-add>span:last-child{font-size:10px;line-height:1.9}
.cmp-mobile-rows{border:1px solid #dce4f0;border-top:0;background:#fff;border-radius:0 0 16px 16px;overflow:clip}.cmp-mobile-row h2{display:flex;align-items:center;justify-content:space-between;background:#f4f7fc;font-size:12px;font-weight:600;padding:10px 14px;border-block:1px solid #e4eaf4;margin:0}.cmp-diff-label{font-size:9px;color:#3267ed;font-weight:400}.cmp-pair-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-pair-values>div{padding:16px 12px;min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:2}.cmp-pair-values>div+div{border-inline-start:1px solid #e4eaf4}.cmp-pair-values .js-product-price{font-size:13px!important}.cmp-mobile-row.is-different .cmp-pair-values{background:#f7faff}.cmp-mobile-missing{color:#8d9ab1;font-size:10px!important}.cmp-footnote{color:#71809b;font-size:11px;line-height:2;margin-block:18px}
.cmp-filter-empty,.cmp-empty,.cmp-picker-empty{padding:40px 20px;text-align:center;background:#fff;border:1px solid #dce4f0;border-radius:18px;display:flex;align-items:center;flex-direction:column;gap:14px}.cmp-filter-empty h2,.cmp-empty h2{font-size:18px;font-weight:700;margin:0}.cmp-empty{margin-block:24px;padding-block:56px}.cmp-empty p,.cmp-picker-empty p{color:#71809b;font-size:13px;line-height:2;max-width:420px}.cmp-empty>a{font-size:12px;color:#3267ed;padding:10px}.cmp-empty-icon{background:#edf3ff;color:#3267ed;padding:22px;border-radius:24px}.cmp-filter-empty{margin-block:16px;color:#71809b}
.cmp-picker{width:calc(100% - 24px);max-width:700px;max-height:85vh;max-height:85svh;border:1px solid #dce4f0;border-radius:22px;padding:20px;color:#17233b;background:#fff;margin:auto}.cmp-picker[open]{display:flex;flex-direction:column;gap:12px}.cmp-picker::backdrop{background:#0d1b3b80;backdrop-filter:blur(4px)}.cmp-picker-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cmp-picker-heading h2{font-size:17px;font-weight:700}.cmp-picker-heading p{color:#71809b;font-size:11px;line-height:2;margin-top:6px}.cmp-picker-heading button{flex-shrink:0}.cmp-picker>.rd-label{margin:0}.cmp-picker>.rd-input{flex-shrink:0}.cmp-picker-results{overflow:auto;min-height:0;overscroll-behavior:contain}.cmp-candidate{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e1e8f3;border-radius:14px;padding:12px;margin-bottom:10px}.cmp-candidate-image{color:#8d9ab1;display:grid;place-items:center}.cmp-candidate-image img{width:48px;height:56px;object-fit:contain}.cmp-candidate-copy{min-width:0}.cmp-candidate h3{font-size:12px;font-weight:600;line-height:1.9;overflow-wrap:anywhere}.cmp-candidate-copy>p{color:#71809b;font-size:10px;margin-block:4px}.cmp-candidate .js-product-price{font-size:12px!important}.cmp-candidate-add{font-size:11px;padding:10px;min-height:44px}.cmp-picker-notice,.cmp-picker-status,.cmp-picker-error{font-size:12px;line-height:2;color:#71809b;padding:8px}.cmp-picker-error{color:#be3547}.cmp-picker-error button{color:#3267ed;text-decoration:underline;margin-inline-start:8px}.cmp-picker-empty{border:0;padding-block:32px}.cmp-picker-empty h3{font-weight:700}.cmp-picker-results[aria-busy=true]{opacity:.5;pointer-events:none}
@media(min-width:640px){.cmp-feature-search{width:360px}.cmp-pair-product{padding:14px}.cmp-product-title{font-size:13px}.cmp-product-identity img,.cmp-image-placeholder{width:64px;height:64px}.cmp-pair-values>div{font-size:14px;padding:20px}.cmp-candidate{grid-template-columns:56px minmax(0,1fr) auto}}
@media(min-width:1024px){.cmp-mobile,.cmp-mobile-explanation,.cmp-collection{display:none}.cmp-desktop{display:block}.cmp-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #dce4f0;border-radius:18px;background:#fff}.cmp-label-column{width:150px}.cmp-add-column{width:120px}.cmp-table th,.cmp-table td{border-inline-end:1px solid #e4eaf4;border-bottom:1px solid #e4eaf4;padding:18px 14px;text-align:right;font-size:13px;line-height:2;overflow-wrap:anywhere}.cmp-table tr>*:last-child{border-inline-end:0}.cmp-table tbody tr:last-child>*{border-bottom:0}.cmp-table thead th{position:sticky;top:var(--cmp-header-offset);z-index:20;background:#fff;vertical-align:top;box-shadow:0 3px 0 #e4eaf4;padding:12px}.cmp-table thead th:first-child{border-start-start-radius:18px}.cmp-table thead th:last-child{border-start-end-radius:18px}.cmp-table tbody th{background:#f6f8fc;font-weight:500}.cmp-table .is-different td:not(.cmp-unused){background:#f5f8ff}.cmp-table td .js-product-price{font-size:15px!important}.cmp-table .cmp-corner{vertical-align:middle;color:#71809b}.cmp-corner>span{color:#3267ed}.cmp-corner strong,.cmp-corner small{display:block;margin-top:8px}.cmp-corner strong{font-size:12px;color:#17233b}.cmp-corner small{font-size:10px;font-weight:400}.cmp-add-cell{vertical-align:middle!important}.cmp-add-cell button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;width:100%;border:1px dashed #b5c9f1;border-radius:12px;background:#f7faff;color:#3267ed;font:inherit;padding:8px}.cmp-add-cell strong{font-size:11px}.cmp-add-cell small{font-size:10px;font-weight:400}.cmp-product-title{font-size:12px}.cmp-product-identity{min-height:90px}.cmp-product-identity img,.cmp-image-placeholder{width:56px;height:64px}.cmp-product-details{font-size:11px}.cmp-unused{background:#fafbfe}}
@media(prefers-reduced-motion:reduce){.cmp-page *{scroll-behavior:auto!important}}
@media(max-width:359px){.cmp-pair-product{padding:7px}.cmp-product-identity{gap:5px}.cmp-product-identity img,.cmp-image-placeholder{width:28px}.cmp-candidate{gap:7px;padding:9px;grid-template-columns:36px minmax(0,1fr) auto}.cmp-candidate-image img{width:36px}.cmp-candidate-add>span:last-child{display:none}}
@media(max-width:1023px){.cmp-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-collection>span{min-width:0;justify-content:space-between}.cmp-collection>span>span{min-width:0}.cmp-collection a{flex-shrink:0}}