.woe-brand-strip{overflow:hidden;background:#fff;padding:12px 0;--woe-logo-width:90px;direction:ltr}
.woe-brand-track,.woe-brand-set{display:flex;width:max-content;align-items:center}
.woe-brand{display:flex;flex:0 0 auto;width:calc(var(--woe-logo-width) + 44px);height:84px;padding:12px 16px;align-items:center;justify-content:center;text-align:center}
.woe-brand img{width:auto;max-width:var(--woe-logo-width);max-height:58px;object-fit:contain;filter:grayscale(1)}
.woe-brand,.woe-brand img,.woe-brand:hover,.woe-brand:hover img{opacity:1;transform:none;transition:none;animation:none}
.woe-brand:focus-visible,.woe-hotspot-toggle:focus-visible{outline:2px solid #111;outline-offset:-3px}
.woe-hotspots{position:relative}.woe-look-image{display:block;width:100%;height:auto;border-radius:20px}
.woe-hotspot{position:absolute;left:var(--woe-x);top:var(--woe-y)}
.woe-hotspot-toggle{border-radius:50%;width:32px;height:32px;padding:0;background:#fff;color:#111;box-shadow:0 1px 8px #0003;border:1px solid #ddd}
.woe-hotspot-card{display:none;position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:200px;background:#fff;border-radius:12px;overflow:hidden;text-align:start}
.woe-side-left .woe-hotspot-card{right:40px}.woe-side-right .woe-hotspot-card{left:40px}
.woe-hotspot.is-open .woe-hotspot-card{display:block}
.woe-hotspot-card .product-grid-item{width:100%;max-width:none;margin:0;padding:0}
.woe-hotspot-card .product-image-link img{aspect-ratio:1;object-fit:cover;border-radius:0}
.woe-hotspot-card .product-element-bottom{padding:10px}
@media(min-width:768px){.woe-cards-open .woe-hotspot-card{display:block}.woe-cards-open .woe-hotspot-toggle{visibility:hidden}}
@media(max-width:767px){.woe-brand-strip{--woe-logo-width:72px}.woe-brand img{max-height:52px}.woe-hotspot{left:var(--woe-mobile-x);top:var(--woe-mobile-y)}.woe-hotspot-card{width:min(200px,70vw);max-width:calc(100vw - 32px)}.woe-mobile-row-only .woe-hotspot{display:none}}
@media(prefers-reduced-motion:reduce){.woe-brand-strip{overflow-x:auto}}