/*!
 * Magic Window – Design your door (door carousel + option strips)
 * v1.0.0
 *
 * Behaviour styles only: carousel track, drag states, arrows, mobile option slider and dots.
 * Layout, typography and sizes are set in the Webflow Designer.
 */:root{--mw-dyd-navy: #001b70;--mw-dyd-dot: #d5d8e3;--mw-dyd-ease: cubic-bezier(.22, .61, .36, 1)}.mw-dyd__viewport{overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent);mask-image:linear-gradient(to bottom,#000 82%,transparent)}.mw-dyd__viewport.is-dragging{cursor:grabbing}.mw-dyd__track{display:flex;transition:transform .5s var(--mw-dyd-ease);will-change:transform}.mw-dyd__viewport.is-dragging .mw-dyd__track{transition:none}.mw-dyd__slide{flex:0 0 100%;min-width:0}.mw-dyd__door{pointer-events:none;-webkit-user-drag:none}.mw-dyd__viewport:focus-visible{-webkit-mask-image:none;mask-image:none;box-shadow:inset 0 0 0 3px var(--mw-dyd-navy);border-radius:12px}.mw-dyd__arrow{cursor:pointer;border-radius:6px;transition:transform .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent;outline:none}.mw-dyd__arrow img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.mw-dyd__arrow:hover{transform:scale(1.08)}.mw-dyd__arrow:active{transform:scale(.95)}.mw-dyd__arrow:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mw-dyd-navy)}.mw-dyd__option-img{-webkit-user-drag:none}.mw-dyd__dots{display:none}@media(max-width:767px){.mw-dyd__options{display:flex;flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mw-dyd__options::-webkit-scrollbar{display:none}.mw-dyd__option{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}.mw-dyd__dots{display:flex;justify-content:center;gap:4px;margin-top:10px}}.mw-dyd__dot{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;position:relative}.mw-dyd__dot:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--mw-dyd-dot);transition:background-color .2s ease,transform .2s ease}.mw-dyd__dot.is-active:before{background:var(--mw-dyd-navy);transform:scale(1.15)}.mw-dyd__dot:focus-visible{outline:2px solid var(--mw-dyd-navy);outline-offset:-2px;border-radius:50%}.mw-dyd__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.mw-dyd__track,.mw-dyd__arrow,.mw-dyd__dot:before{transition:none}}