#compare.compare-page-section .compare-product-title-row{display:flex;align-items:center;justify-content:flex-start;gap:clamp(8px,1vw,14px);margin:0 0 10px;min-width:0}
#compare.compare-page-section .compare-product-title-row h3{min-width:0;margin:0;flex:0 1 auto}
#compare.compare-page-section .compare-remove-product{display:inline-flex;align-items:center;justify-content:center;flex:none;width:clamp(28px,2.5vw,44px);height:clamp(28px,2.5vw,44px);padding:0;border:0;border-radius:50%;background:transparent;color:#858b91;cursor:pointer;position:relative;z-index:22;touch-action:manipulation}
#compare.compare-page-section .compare-remove-product svg{display:block;width:100%;height:100%;pointer-events:none}
#compare.compare-page-section .compare-remove-product:hover{color:#111315}
#compare.compare-page-section .compare-remove-product:focus-visible{outline:3px solid #006ab8;outline-offset:4px}

.compare-remove-dialog{box-sizing:border-box;width:min(560px,calc(100% - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 24px 90px #0003;overflow:auto}
.compare-remove-dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.compare-remove-content{position:relative;padding:48px 40px 40px}
.compare-remove-content .eyebrow{padding-right:20px}
.compare-remove-content h2{font-size:clamp(2.2rem,6vw,3.5rem);line-height:1.05;letter-spacing:-.045em;margin:24px 0 18px}
.compare-remove-content>p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.65;margin:0 0 18px}
.compare-remove-content strong{color:var(--ink)}
.compare-remove-content #compare-remove-note{margin-bottom:30px}
.compare-remove-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.compare-remove-close svg{width:24px;height:24px}
.compare-remove-close:hover{background:#f4f4f4}
.compare-remove-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.compare-remove-actions .button{width:100%;justify-content:center;min-height:48px;white-space:nowrap}
.compare-remove-dialog button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
html.has-compare-remove-confirm{overflow:hidden}
@media(max-width:700px){.compare-remove-content{padding:44px 24px 30px}.compare-remove-actions{grid-template-columns:1fr}}