.yw-compare-floating{--yw-cmp-bg:#d8d8d8;--yw-cmp-gap:10px;--yw-cmp-radius:10px;--yw-cmp-pad:10px;--yw-cmp-z:9999;--yw-cmp-offset-x:20px;--yw-cmp-offset-y:20px;--yw-cmp-tile-size:190px;--yw-cmp-conflict-width:calc((var(--yw-cmp-tile-size) * 2) + var(--yw-cmp-gap));--yw-cmp-ineligible-width:calc((var(--yw-cmp-tile-size) * 2) + var(--yw-cmp-gap));--yw-cmp-anim:220ms;--yw-cmp-stagger:60ms;--yw-cmp-remove-pad:8px;background:var(--yw-cmp-bg);padding:var(--yw-cmp-pad);border-radius:var(--yw-cmp-radius);display:flex;flex-direction:column;gap:0;width:auto;max-width:calc(100vw - 20px);box-sizing:border-box}
.yw-compare-floating.is-fixed{position:fixed;z-index:var(--yw-cmp-z);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;contain:paint}
.yw-compare-floating.is-fixed[data-corner="bottom-right"]{top:auto;right:var(--yw-cmp-offset-x);bottom:var(--yw-cmp-offset-y);left:auto}
.yw-compare-floating.is-fixed[data-corner="bottom-left"]{top:auto;right:auto;bottom:var(--yw-cmp-offset-y);left:var(--yw-cmp-offset-x)}
.yw-compare-floating.is-fixed[data-corner="top-right"]{top:var(--yw-cmp-offset-y);right:var(--yw-cmp-offset-x);bottom:auto;left:auto}
.yw-compare-floating.is-fixed[data-corner="top-left"]{top:var(--yw-cmp-offset-y);right:auto;bottom:auto;left:var(--yw-cmp-offset-x)}
.yw-compare-floating.is-editor-preview{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:auto;width:100%;max-width:100%}
.yw-compare-floating.is-editor-preview.is-fixed{position:relative;top:auto;right:auto;bottom:auto;left:auto}
.yw-compare-floating.is-editor-preview .yw-compare-floating__head{justify-content:flex-start}
.yw-compare-floating__head{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden;max-height:0;opacity:0;transform:translateY(12px);margin-bottom:0;transition:max-height var(--yw-cmp-anim) ease,opacity var(--yw-cmp-anim) ease,transform var(--yw-cmp-anim) ease,margin-bottom var(--yw-cmp-anim) ease}
.yw-compare-floating__head.is-visible{opacity:1;transform:translateY(0);margin-bottom:8px}
.yw-compare-floating__title{font-weight:700}
.yw-compare-floating__name{margin-top:8px}
.yw-compare-floating__tiles-viewport{display:block;width:100%;overflow:visible}
.yw-compare-floating__tiles{display:flex;gap:var(--yw-cmp-gap);align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;overflow:visible;padding-bottom:0;width:max-content;max-width:100%}
.yw-compare-floating.is-editor-preview .yw-compare-floating__tiles{width:auto;max-width:100%;justify-content:flex-start}
.yw-compare-floating__tile{flex:0 0 var(--yw-cmp-tile-size);width:var(--yw-cmp-tile-size);min-width:var(--yw-cmp-tile-size);max-width:var(--yw-cmp-tile-size);height:var(--yw-cmp-tile-size);min-height:var(--yw-cmp-tile-size);max-height:var(--yw-cmp-tile-size);background:#efefef;border-radius:8px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;opacity:1;transform:translateY(0);transition:opacity var(--yw-cmp-anim) ease,transform var(--yw-cmp-anim) ease,background-color var(--yw-cmp-anim) ease,color var(--yw-cmp-anim) ease;will-change:transform,opacity}
.yw-compare-floating.is-editor-preview .yw-compare-floating__tile{flex:0 0 var(--yw-cmp-tile-size)!important;width:var(--yw-cmp-tile-size)!important;min-width:var(--yw-cmp-tile-size)!important;max-width:var(--yw-cmp-tile-size)!important;height:var(--yw-cmp-tile-size)!important;min-height:var(--yw-cmp-tile-size)!important;max-height:var(--yw-cmp-tile-size)!important}
.yw-compare-floating.is-editor-preview .yw-compare-floating__tile--conflict{flex:0 0 var(--yw-cmp-conflict-width)!important;width:var(--yw-cmp-conflict-width)!important;min-width:var(--yw-cmp-conflict-width)!important;max-width:var(--yw-cmp-conflict-width)!important}.yw-compare-floating.is-editor-preview .yw-compare-floating__tile--ineligible{flex:0 0 var(--yw-cmp-ineligible-width)!important;width:var(--yw-cmp-ineligible-width)!important;min-width:var(--yw-cmp-ineligible-width)!important;max-width:var(--yw-cmp-ineligible-width)!important}
.yw-compare-floating__tile.is-enter{opacity:0;transform:translateY(8px)}
.yw-compare-floating__tile.is-leaving{opacity:0;transform:translateY(-8px)}
.yw-compare-floating__tile.is-collapsing{overflow:hidden;padding-left:0!important;padding-right:0!important;border-width:0!important;width:0!important;min-width:0!important;max-width:0!important;opacity:0}
.yw-compare-floating__tile.is-fading-out{animation:yw-cmp-fade-out var(--yw-cmp-fade,600ms) ease forwards}
.yw-compare-floating__tile.is-fading-in{animation:yw-cmp-fade-in var(--yw-cmp-fade,600ms) ease forwards}
@keyframes yw-cmp-fade-out{from{opacity:1}to{opacity:0}}
@keyframes yw-cmp-fade-in{from{opacity:0}to{opacity:1}}
.yw-compare-floating__image-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:60%;min-height:60%}
.yw-compare-floating__image-wrap--empty{visibility:hidden}
.yw-compare-floating__tile img{display:block;width:auto;max-width:100%;max-height:100%;height:auto;object-fit:contain}
.yw-compare-floating.is-editor-preview .yw-compare-floating__tile img{width:auto!important;max-width:100%!important;max-height:100%!important;height:auto!important;object-fit:contain!important}
.yw-compare-floating__remove{position:absolute;top:6px;right:6px;z-index:5;border:0;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:calc(1em + (var(--yw-cmp-remove-pad) * 2));height:calc(1em + (var(--yw-cmp-remove-pad) * 2));min-width:calc(1em + (var(--yw-cmp-remove-pad) * 2));min-height:calc(1em + (var(--yw-cmp-remove-pad) * 2));margin:0;line-height:1;font-family:inherit;font-weight:700;text-align:center;text-indent:0;text-shadow:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;flex:0 0 auto;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:#d70000;color:#fff}
.yw-compare-floating__remove:hover,
.yw-compare-floating__remove:focus,
.yw-compare-floating__remove:active{box-shadow:none;outline:none}
.yw-compare-floating__remove > *{pointer-events:none;display:block;line-height:1}
.yw-compare-floating__remove i,.yw-compare-floating__remove svg{display:block;flex:0 0 auto}
.yw-compare-floating__remove svg{width:1em;height:1em}
.yw-compare-floating__tile--add,
.yw-compare-floating__tile--compare{padding:0;overflow:hidden}
.yw-compare-floating__add{background:#0d58af;color:#fff;text-decoration:none;display:flex;width:100%;height:100%}
.yw-compare-floating__add-btn{border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;background:transparent;color:inherit;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}
.yw-compare-floating__add-btn:hover,
.yw-compare-floating__add-btn:focus,
.yw-compare-floating__add-btn:active{background:transparent!important;color:inherit!important;box-shadow:none!important;border:0!important;outline:none!important}
.yw-compare-floating__add-btn,.yw-compare-floating__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;width:100%;height:100%}
.yw-compare-floating__plus{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:999px;background:rgba(255,255,255,.8);color:#1b4f88;font-weight:700;font-size:26px;line-height:1}
.yw-compare-floating__plus i,.yw-compare-floating__plus svg{display:block}
.yw-compare-floating__add-label,
.yw-compare-floating__add-label-static,
.yw-compare-floating__add-label-meta,
.yw-compare-floating__placeholder > span:last-child{white-space:normal;word-break:break-word;line-height:1.2;display:block;max-width:100%}
.yw-compare-floating__add-label{display:block}
.yw-compare-floating__compare{background:#9eb0c2;color:#0f3559;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;box-shadow:none;outline:none;text-align:center}
.yw-compare-floating__compare:hover,
.yw-compare-floating__compare:focus,
.yw-compare-floating__compare:active{text-decoration:none;box-shadow:none;outline:none}
.yw-compare-floating__compare-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:999px;line-height:1}
.yw-compare-floating__compare-icon i,.yw-compare-floating__compare-icon svg{display:block}
.yw-compare-floating__tile--placeholder{background:#d1d1d1;color:#ececec;border:1px solid #ddd}
.yw-compare-floating__placeholder{background:transparent;border:0;color:inherit;padding:12px;box-sizing:border-box;box-shadow:none;outline:none}
.yw-compare-floating__placeholder:hover,
.yw-compare-floating__placeholder:focus,
.yw-compare-floating__placeholder:active{background:transparent;box-shadow:none;outline:none}
.yw-compare-floating__tile--placeholder.is-disabled,
.yw-compare-floating__tile--placeholder.is-disabled:hover{pointer-events:none}
.yw-compare-floating__tile--placeholder.is-disabled .yw-compare-floating__placeholder,
.yw-compare-floating__tile--placeholder.is-disabled .yw-compare-floating__placeholder:hover,
.yw-compare-floating__tile--placeholder.is-disabled .yw-compare-floating__placeholder:focus,
.yw-compare-floating__tile--placeholder.is-disabled .yw-compare-floating__placeholder:active{text-decoration:none;background:transparent!important;box-shadow:none!important;outline:none!important;cursor:default}
.yw-compare-floating__tile--conflict{flex:0 0 var(--yw-cmp-conflict-width);width:var(--yw-cmp-conflict-width);min-width:var(--yw-cmp-conflict-width);max-width:var(--yw-cmp-conflict-width);height:var(--yw-cmp-tile-size);min-height:var(--yw-cmp-tile-size);max-height:var(--yw-cmp-tile-size);align-items:stretch;text-align:left}.yw-compare-floating__tile--ineligible{flex:0 0 var(--yw-cmp-ineligible-width);width:var(--yw-cmp-ineligible-width);min-width:var(--yw-cmp-ineligible-width);max-width:var(--yw-cmp-ineligible-width)}
.yw-compare-floating__conflict{display:flex;flex-direction:column;justify-content:center;gap:12px;width:100%;height:100%;padding-top:0}
.yw-compare-floating__conflict-text{font-size:14px;line-height:1.35}
.yw-compare-floating__conflict-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.yw-compare-floating__conflict-btn{border:0;border-radius:6px;padding:10px 14px;cursor:pointer;line-height:1.2;appearance:none;-webkit-appearance:none;box-shadow:none}
.yw-compare-floating__conflict-btn.is-confirm{background:#0d58af;color:#fff}
.yw-compare-floating__conflict-btn.is-cancel{background:#e5e5e5;color:#222}
.yw-compare-floating--count-0{background:transparent;padding:0}
.yw-compare-floating--count-0 .yw-compare-floating__tiles{overflow:visible}
@media (max-width:767px){
.yw-compare-floating{max-width:calc(100vw - 16px)}
.yw-compare-floating.is-mobile-swipe .yw-compare-floating__tiles-viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}
.yw-compare-floating.is-mobile-swipe .yw-compare-floating__tiles-viewport::-webkit-scrollbar{display:none}
.yw-compare-floating.is-mobile-swipe .yw-compare-floating__tiles{width:max-content;min-width:max-content;max-width:none;overflow:visible;padding-right:0}
.yw-compare-floating__tile--conflict{flex-basis:var(--yw-cmp-conflict-width);width:var(--yw-cmp-conflict-width);min-width:var(--yw-cmp-conflict-width);max-width:var(--yw-cmp-conflict-width)}.yw-compare-floating__tile--ineligible{flex-basis:var(--yw-cmp-ineligible-width);width:var(--yw-cmp-ineligible-width);min-width:var(--yw-cmp-ineligible-width);max-width:var(--yw-cmp-ineligible-width)}
}