.comparison-open{overflow:hidden}
.compare-dock[hidden]{display:none!important}
.gummy-compare-modal{box-sizing:border-box;width:min(960px,94vw);max-height:90dvh;padding:22px;border:1px solid #b59a70;border-radius:22px;background:linear-gradient(135deg,#302239,#182c30);color:#f0e7da;box-shadow:0 30px 100px #000a;overflow:auto}
.gummy-compare-modal::backdrop{background:#0b081bd6;backdrop-filter:blur(7px)}
.gummy-compare-modal[open]{animation:compare-forward .3s cubic-bezier(.2,.8,.2,1)}
.gummy-compare-modal .gummy-versus{padding-top:12px}
.compare-close{display:block;margin-left:auto;background:transparent;color:#eed8b1;border:1px solid #a08a6a;border-radius:20px;padding:10px 16px;min-height:44px;cursor:pointer}
.gummy-compare-modal .versus-photos>div{border:1px solid #ad8baf66;border-radius:16px;overflow:hidden;background:#1a1421;box-shadow:0 12px 25px #0004}
.gummy-compare-modal .versus-photos h3{padding:0 14px;margin:14px 0 18px}
.gummy-compare-modal .versus-photos img{display:block;border-radius:0;max-height:40dvh}
.gummy-compare-modal[open] .versus-photos>div{animation:compare-forward .4s both}
.gummy-compare-modal[open] .versus-photos>div+div{animation-delay:.06s}
@keyframes compare-forward{from{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.gummy-compare-modal{padding:14px;border-radius:16px}.gummy-compare-modal .versus-photos h3{font-size:19px;padding:0 10px}.gummy-compare-modal .versus-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.gummy-compare-modal[open],.gummy-compare-modal[open] .versus-photos>div{animation:none}}