.product .main-w-swiper{box-sizing:border-box;padding:0 calc(var(--padding-default)/2);position:relative;width:100%}.product .main-w-swiper header{transform:translateZ(1px);z-index:9999}@media only screen and (min-width:900px){.product .main-w-swiper{box-sizing:border-box;height:calc(100% + var(--padding-default));margin-left:calc(var(--padding-default)*-.5);margin-top:calc(var(--padding-default)*-1);max-height:70vw;min-height:30vw;padding-left:calc(var(--padding-default)*1);padding-top:var(--padding-default);width:calc(100% + var(--padding-default)*.5)}}@media only screen and (max-width:899px){.product .main-w-swiper{margin-left:calc(var(--padding-default)*-.5);padding-left:calc(var(--padding-default)*1);width:calc(100% + var(--padding-default)*.5)}}.product .main-w-swiper .swiper{height:100vw;margin-left:calc(var(--padding-default)*-1);overflow:hidden!important;transform:translateZ(0);width:100vw;z-index:0}.product .main-w-swiper .swiper .swiper-slide-active .add-button{opacity:1}.product .main-w-swiper .swiper .add-button{cursor:pointer;left:78%;opacity:0;pointer-events:all;position:absolute;top:38.5%;transform:translate(var(--x),var(--y));transform:translate(0);transition:opacity .2s ease;white-space:nowrap}@media only screen and (max-width:899px){.product .main-w-swiper .swiper .add-button{left:calc(13% - 14px);top:35%}}.product .main-w-swiper .swiper .add-button div{box-sizing:border-box;display:inline-block;position:relative;transition:opacity .2s ease;vertical-align:top}.product .main-w-swiper .swiper .add-button div:first-child{border:1px solid var(--color-otto-grey);border-radius:100%;height:16px;overflow:hidden;text-indent:-9999px;transition:background-color .2s ease;width:16px}.product .main-w-swiper .swiper .add-button div:first-child:after,.product .main-w-swiper .swiper .add-button div:first-child:before{border-right:1px solid var(--color-otto-grey);content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .4s ease,border-color .2s ease;width:0}.product .main-w-swiper .swiper .add-button div:first-child:before{transform:translate(-50%,-50%)}.product .main-w-swiper .swiper .add-button div:first-child:after{transform:translate(-50%,-50%) rotate(90deg)}.product .main-w-swiper .swiper .add-button div:nth-child(2){background-color:var(--color-otto-grey);box-shadow:inset 0 0 0 1px var(--color-otto-grey);color:var(--color-otto-white);height:14px;margin-left:calc(var(--padding-default)/2);margin-top:1px;opacity:0;padding:0 2px}.product .main-w-swiper .swiper .add-button:hover div:first-child{background-color:var(--color-otto-grey)}.product .main-w-swiper .swiper .add-button:hover div:first-child:after,.product .main-w-swiper .swiper .add-button:hover div:first-child:before{border-color:var(--color-otto-white)}.product .main-w-swiper .swiper .add-button:hover div:nth-child(2){opacity:1}.product .main-w-swiper .swiper .add-button.added div:first-child:before{transform:translate(-340%,-35%) rotate(135deg) scaleY(.5)}.product .main-w-swiper .swiper .add-button.added div:first-child:after{transform:translate(80%,-45%) rotate(225deg)}.product .main-w-swiper .swiper .context-reference{aspect-ratio:1/.9;box-sizing:border-box;height:85%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.product .main-w-swiper .swiper .context-reference.active .cursor{opacity:1}@media only screen and (min-width:900px){.product .main-w-swiper .swiper{height:100%;left:calc(var(--padding-default)*-.5);margin-left:0;position:absolute;width:calc(100% + var(--padding-default)*1)}}.product .main-w-swiper .swiper swiper-container{height:100%;max-height:70vw;opacity:0;overflow:visible;transform:translateZ(0);transition:opacity .3s ease .3s;width:85vh}.product .main-w-swiper .swiper swiper-container.active{opacity:1}@media only screen and (max-width:899px){.product .main-w-swiper .swiper swiper-container{max-height:100vw;width:56vw}}.product .main-w-swiper .swiper swiper-slide{cursor:pointer;height:100%;max-width:50vw;visibility:hidden;width:85vh}@media only screen and (max-width:899px){.product .main-w-swiper .swiper swiper-slide{max-width:56vw;width:56vw}}.product .main-w-swiper .swiper swiper-slide img{height:90vh;left:50%;-o-object-fit:contain;object-fit:contain;opacity:.2;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(.8);transition:opacity .3s ease,transform .3s ease;width:90vh}@media only screen and (min-width:900px){.product .main-w-swiper .swiper swiper-slide img{max-height:60vw;max-width:60vw}}@media only screen and (max-width:899px){.product .main-w-swiper .swiper swiper-slide img{height:100vw;max-width:60vw;-o-object-fit:contain;object-fit:contain}}.product .main-w-swiper .swiper swiper-slide.swiper-slide-active{visibility:visible}.product .main-w-swiper .swiper swiper-slide.swiper-slide-active img{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}.product .main-w-swiper .swiper swiper-slide.swiper-slide-next,.product .main-w-swiper .swiper swiper-slide.swiper-slide-prev{visibility:visible}@media only screen and (max-width:899px){.product .main-w-swiper .swiper swiper-container.axes-active swiper-slide.swiper-slide-active img{opacity:.35}}.product .main-w-swiper .images{z-index:-1}.product .main-w-swiper .images>img{height:100%;-o-object-fit:contain;object-fit:contain;top:0;width:100%}@media only screen and (min-width:900px){.product .main-w-swiper .images>img{position:absolute}.product .main-w-swiper{display:flex;flex-flow:column;flex-direction:column}}.product .main-w-swiper>.top{flex-grow:1;pointer-events:none;z-index:0}@media only screen and (min-width:900px){.product .main-w-swiper>.top.mobile{display:none}}@media only screen and (max-width:899px){.product .main-w-swiper>.top.desktop{display:none}.product .main-w-swiper>.top.mobile header.title.small{height:calc(62px + var(--padding-default));margin-bottom:0!important}}.product .main-w-swiper>.bottom{margin-top:var(--padding-default);pointer-events:none;z-index:800}@media only screen and (min-width:900px){.product .main-w-swiper .meta{display:none!important}}@media only screen and (max-width:899px){.product .main-w-swiper .meta{display:block!important;margin:calc(var(--padding-default)*1 - 1px) 0 calc(var(--padding-default)*1.5);width:100%}.product .main-w-swiper .meta div{border-top:1px solid var(--color-otto-grey);padding:1px 0}.product .main-w-swiper .meta div>span{display:inline-block;margin:0!important;padding:0!important;vertical-align:top}.product .main-w-swiper .meta div>span:first-child{width:90px}.product .main-w-swiper .meta div>span:nth-child(2){width:calc(100% - 90px)}}@media only screen and (max-width:899px) and (max-width:899px){.product .main-w-swiper .meta div.authors .author span{display:none}.product .main-w-swiper .meta div.authors .author:after{content:"."}}@media only screen and (max-width:899px){.product .main-w-swiper .meta div:last-child{border-bottom:1px solid var(--color-otto-grey)}}.product .main-w-swiper .description,.product .main-w-swiper .image-control,.product .main-w-swiper .scroll-for-more{font-family:ValentineLL;font-size:11px;line-height:14px;pointer-events:all}.product .main-w-swiper .scroll-for-more{bottom:calc(var(--padding-default) - 2px);color:#fff;cursor:pointer;left:50%;padding:0;position:fixed;top:auto;transform:translate(-50%,23px);transition:transform .3s ease}@media only screen and (max-width:899px){.product .main-w-swiper .scroll-for-more{display:none}}.product .main-w-swiper .scroll-for-more.active{transform:translate(-50%)}.product .main-w-swiper .scroll-for-more svg{float:left;height:14px;width:113px}.product .main-w-swiper .scroll-for-more svg>rect{fill:var(--color-otto-grey)}.product .main-w-swiper .description{-webkit-hyphens:auto;hyphens:auto;margin-bottom:-3px;top:auto}.product .main-w-swiper .description p{margin-bottom:0}@media only screen and (min-width:900px){.product .main-w-swiper .description{width:calc(40% - 20px)}}@media only screen and (max-width:899px){.product .main-w-swiper .description{padding-bottom:calc(var(--padding-default) - 3px)}.product .main-w-swiper .axes-button{box-shadow:inset 0 0 0 1px var(--color-otto-grey);margin-left:10px;padding:0 3px;pointer-events:all;position:absolute;right:3px}}.product .main-w-swiper .axes-button.active{background-color:var(--color-otto-grey);color:#fff}@media only screen and (min-width:900px){.product .main-w-swiper .axes-button{display:none}}.product .main-w-swiper .image-control{white-space:nowrap}.product .main-w-swiper .image-control>div{display:inline-block}.product .main-w-swiper .image-control span{cursor:pointer;margin:0 2px;padding:0 2px}.product .main-w-swiper .image-control span:first-child{margin:0 2px 0 0}.product .main-w-swiper .image-control span:first-child:not(.active){padding:0 4px 0 0}.product .main-w-swiper .image-control span.active{background-color:var(--color-otto-grey);color:var(--color-button-text)}.product .main-w-swiper .image-control .view{margin-right:var(--padding-default)}.product .main-w-swiper .image-control .colours{display:inline-block}@media only screen and (max-width:899px){.product .main-w-swiper .image-control .colours{display:block;margin:var(--padding-default) 0 0}}.product .main-w-swiper .image-control .colours .title{display:inline-block;margin-left:5px}.product .main-w-swiper .image-control .colours .variant{cursor:pointer;display:inline-block;margin-right:3px;vertical-align:top}.product .main-w-swiper .image-control .colours .variant .colour{display:inline-block;height:14px;min-width:17px;position:relative;z-index:1}.product .main-w-swiper .image-control .colours .variant .colour:before{background-color:var(--color);border-radius:100%;content:"";display:inline-block;height:16px;position:absolute;top:-1.5px;width:16px}.product .main-w-swiper .image-control .colours .variant .colour:nth-child(n+2){margin-left:-5px}.product .main-w-swiper .image-control .colours .variant .colour span{padding:0 0 0 21px}.product .main-w-swiper .image-control .colours .variant .colour:first-child{z-index:4}.product .main-w-swiper .image-control .colours .variant .colour:nth-child(2){z-index:3}.product .main-w-swiper .image-control .colours .variant .colour:nth-child(3){z-index:2}.product .main-w-swiper .image-control .colours .variant .colour:nth-child(4){z-index:1}.product .main-w-swiper .image-control .colours .variant .colour:nth-child(5){z-index:0}.product .main-w-swiper .image-control .colours .variant.active{pointer-events:none}.product .main-w-swiper .image-control .colours .variant.active .colour{display:inline-block;min-width:17px}.product .main-w-swiper .image-control .colours .variant.active .colour:before{height:13px;left:2px;top:0;width:13px;z-index:10}.product .main-w-swiper .image-control .colours .variant.active .colour:after{background-color:var(--color-button-text);border:1px solid var(--color);border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:17px;left:0;position:absolute;top:-2px;width:17px;z-index:1}.product .main-w-swiper .image-control .colours .variant.active .colour span{padding:0 5px 0 22px}.product .main-w-swiper .axes{overflow:hidden}@media only screen and (max-width:899px){.product .main-w-swiper .axes{left:calc(50% - var(--padding-default)/1.333);margin:70px calc(var(--padding-default)) 0;opacity:0!important;padding-bottom:65%;pointer-events:none;position:absolute;top:50vw;transform:translate(-50%,-50%);transition:opacity .3s ease;width:65%}.product .main-w-swiper .axes *{pointer-events:none}.product .main-w-swiper .axes.active{opacity:1!important}}@media only screen and (min-width:900px){.product .main-w-swiper .axes{bottom:-2px;height:102px;position:absolute;right:calc(var(--padding-default)/2);top:auto;width:102px}}.product .main-w-swiper .axes *{pointer-events:none}.product .main-w-swiper .axes span{font-family:ValentineLL;font-size:11px;height:14px;line-height:14px;position:absolute;text-align:center;transition:opacity .3s ease 0s;width:100%;z-index:1}@media only screen and (min-width:900px){.product .main-w-swiper .axes span{opacity:0}}.product .main-w-swiper .axes span:first-child{left:1px;top:-3px}.product .main-w-swiper .axes span:nth-child(2){left:calc(50% - 4px);top:calc(50% - 7px);transform:rotate(-90deg)}.product .main-w-swiper .axes span:nth-child(3){bottom:-3px;left:1px}.product .main-w-swiper .axes span:nth-child(4){left:calc(-50% + 4px);top:calc(50% - 7px);transform:rotate(-90deg)}@media only screen and (max-width:899px){.product .main-w-swiper .axes{opacity:1}}.product .main-w-swiper .axes:hover span{opacity:1;transition-delay:.25s;transition-duration:.7s}.product .main-w-swiper .axes:after,.product .main-w-swiper .axes:before{content:"";position:absolute;transition:transform .5s ease .1s}.product .main-w-swiper .axes:before{border-top:1px solid var(--color-otto-grey);left:15px;top:50%;width:calc(100% - 28px)}@media only screen and (min-width:900px){.product .main-w-swiper .axes:before{transform:scaleX(1.35)}}.product .main-w-swiper .axes:after{border-right:1px solid var(--color-otto-grey);height:calc(100% - 28px);left:calc(50% + 1px);top:14px}@media only screen and (min-width:900px){.product .main-w-swiper .axes:after{transform:scaleY(1.35)}}.product .main-w-swiper .axes>div>div{height:calc(100% - 28px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform .5s ease .1s;width:calc(100% - 28px)}.product .main-w-swiper .axes>div>div div{animation-duration:5s;animation-iteration-count:infinite;height:100%;position:absolute;transform:translate(var(--x),var(--y));width:100%}@media only screen and (max-width:899px){.product .main-w-swiper .axes>div>div div{animation-name:axes-mobile;transform:translate(calc(var(--x)/1.5),calc(var(--y)/1.5))}}@media only screen and (min-width:900px){.product .main-w-swiper .axes>div>div div{animation-name:axes}}.product .main-w-swiper .axes>div>div div:before{background-color:var(--color-otto-grey);border-radius:100%;content:"";height:10px;left:calc(50% + 1.5px);position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform .5s ease .1s;width:10px}@media only screen and (max-width:899px){.product .main-w-swiper .axes>div>div div:before{height:13px;width:13px}}@media only screen and (min-width:900px){.product .main-w-swiper .axes:hover>div>div{transform:translate(-49.5%,-50%) scale(.7)}.product .main-w-swiper .axes:hover>div>div div:before{transform:translate(-50%,-50%) scale(1.35)}.product .main-w-swiper .axes:hover:before{transform:scaleX(1)}.product .main-w-swiper .axes:hover:after{transform:scaleY(1)}}@keyframes axes{0%{transform:translate(0) scale(0)}10%{transform:translate(0) scale(1)}35%{transform:translate(var(--x),var(--y)) scale(1)}90%{transform:translate(var(--x),var(--y)) scale(1)}to{transform:translate(var(--x),var(--y)) scale(0)}}@keyframes axes-mobile{0%{transform:translate(0) scale(0)}10%{transform:translate(0) scale(1)}35%{transform:translate(calc(var(--x)/1.25),calc(var(--y)/1.25)) scale(1)}90%{transform:translate(calc(var(--x)/1.25),calc(var(--y)/1.25)) scale(1)}to{transform:translate(calc(var(--x)/1.25),calc(var(--y)/1.25)) scale(0)}}