.js_add_to_compare.is-selected { color: var(--primary-color) !important; outline: 2px solid var(--primary-color); outline-offset: -2px; }
.js_add_to_compare[role="button"] { cursor: pointer; }
.product-cart:focus-within .hide-icons,
.product-cart .hide-icons:has(.js_add_to_compare.is-selected) { right: 0; }
.product-cart .js_add_to_compare.is-selected { background: #eff6ff; }
@media (hover: none) { .product-cart .hide-icons { right: 0; } }
.js_add_to_compare:focus-visible, .mit-compare-tray :is(a, button):focus-visible { outline: 3px solid var(--primary-color); outline-offset: 3px; }
.mit-compare-has-selection { padding-bottom: 140px; }
.mit-compare-tray { position: fixed; z-index: 10; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; width: min(880px, calc(100% - 24px)); padding: 14px 16px; border: 1px solid #cbd5e1; border-radius: 12px; background: white; color: #1e293b; box-shadow: 0 8px 32px #0f172a30; font-size: 13px; }
.mit-compare-tray > strong { white-space: nowrap; }
.mit-compare-selected { display: flex; gap: 8px; flex: 1; min-width: 0; }
.mit-compare-chip { display: flex; align-items: center; gap: 6px; padding: 6px 8px; background: #f1f5f9; border-radius: 6px; min-width: 0; flex: 1; }
.mit-compare-chip > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mit-compare-tray button { cursor: pointer; padding: 4px; flex-shrink: 0; }
.mit-compare-chip button { font-size: 20px; line-height: 1; }
.mit-compare-open { background: var(--primary-color); color: white; padding: 9px 14px; border-radius: 7px; font-weight: 600; }
.mit-compare-open:hover { color: white; filter: brightness(.95); }
@media (max-width: 700px) {
    .mit-compare-tray { bottom: 52px; flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
    .mit-compare-selected { order: 4; flex-basis: 100%; }
    .mit-compare-tray > strong { margin-right: auto; }
    .mit-compare-has-selection { padding-bottom: 190px; }
}
@media print { .mit-compare-tray { display: none; } }