body{min-width:0}.page-content{position:relative}body.fullscreen_popin--opened{overflow:hidden}.fullscreen_popin{position:fixed;color:#181818;top:0;left:0;bottom:0;right:0;background:#fff;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;opacity:0;transition:opacity .4s ease 0s}@media only screen and (orientation:portrait){.fullscreen_popin{align-items:flex-start;justify-content:flex-start}}.r-bh-panel--opened .fullscreen_popin{z-index:1}.fullscreen_popin.displayed{opacity:1}.fullscreen_popin-menu{position:fixed;z-index:6;top:0;left:0;height:52px;width:100%;flex-shrink:0;background:#fff}.fullscreen_popin-container{display:flex;flex-direction:row;width:100%;height:calc(100% - 52px);margin-top:52px}@media only screen and (orientation:portrait){.fullscreen_popin-container{justify-content:flex-start;flex-direction:column;height:auto}}.fullscreen_popin-left{flex-shrink:0;width:55vw;height:100%}@media only screen and (orientation:portrait){.fullscreen_popin-left{position:fixed;width:100vw;height:50vh}}.fullscreen_popin-right{position:relative;z-index:2;height:100%;width:45%;padding:0 20px}@media only screen and (orientation:portrait){.fullscreen_popin-right{z-index:5;background:#fff;margin-top:50vh;width:100%}}.fsp-left-fixed{position:fixed;top:0;left:0;width:55%;height:100%;background:#f4f4f4}@media only screen and (orientation:portrait){.fsp-left-fixed{position:absolute;width:100%}}.fsp-left-container{margin:82px 30px 30px 30px;height:calc(100% - 60px - 52px)}@media only screen and (orientation:portrait){.fsp-left-container{margin:30px 30px 30px 30px;height:calc(100% - 60px)}}.fsp-left-wrapper{height:calc(100% - 50px)}.fsp-left-slide,.fsp-right-slide{position:relative;text-align:center}.fsp-left-slide:before,.fsp-right-slide:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../gif/loading.gif) center center no-repeat;background-size:30px;z-index:1}.fsp-left-slide img,.fsp-right-slide img{position:absolute;top:-2px;left:0;width:100%;z-index:2;opacity:0;transition:opacity .2s ease 0s;height:calc(100% + 2px);object-fit:contain;object-position:center center}.fsp-left-slide img.swiper-lazy-loaded,.fsp-right-slide img.swiper-lazy-loaded{opacity:1}.fsp-right-image{position:relative;padding-top:100%}@media only screen and (orientation:portrait){.fsp-right-image{padding-top:120%}}.fsp-left-footer{display:flex;flex-direction:row;justify-content:center}.fsp-left-page{display:flex;align-items:center;padding:0 15px;font-size:14px;letter-spacing:1em;margin-top:-1px}button.fsp-left-next,button.fsp-left-prev{border:none;background:url(https://cdn.napali.app/static/RX/default/category-assets/modules/fullscreen-popin/img/prev.svg) center center no-repeat;background-size:auto 16px;width:50px;height:50px;opacity:.5;cursor:pointer;font-size:0}@media (hover:hover){button.fsp-left-next:focus,button.fsp-left-next:hover,button.fsp-left-prev:focus,button.fsp-left-prev:hover{opacity:1}}.fsp-left-next,.fsp-right-next{transform:rotate(180deg)}.fsp-left-page-current,.fsp-left-page-sep,.fsp-left-page-total{display:inline-block;width:20px;text-align:center}.fsp-left-page-sep{padding-left:2px}.fsp-left-page-current{font-family:Poppins,sans-serif;font-weight:600;padding-left:10px}.fsp-right-main{width:90%;max-width:380px;margin:30px auto 0 auto;padding-bottom:40px}@media only screen and (max-width:1024px){.fsp-right-main{width:80%}}@media only screen and (orientation:portrait){.fsp-right-main{width:100%;max-width:100%}}.fsp-right-container{text-align:center}button.fsp-right-next,button.fsp-right-prev{border:none;font-size:0;background:url(https://cdn.napali.app/static/RX/default/category-assets/modules/fullscreen-popin/img/prev.svg) center center no-repeat;background-size:auto 16px}.fsp-right-carousel{position:relative;padding:0 20px}@media only screen and (orientation:portrait){.fsp-right-carousel{padding:0}}.swiper-container-horizontal>.swiper-pagination-bullets.fsp-right-pagination{bottom:auto;margin-top:10px;position:relative}.fsp-right-prev{left:-15px}.fsp-right-next{right:-15px}.fsp-right-pagination .swiper-pagination-bullet-active{background:#000}.fsp-right-name{padding-top:15px;font-size:20px;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.05em;line-height:1.4em;min-height:2.7em;display:flex;align-items:flex-end}.fsp-right-price{font-family:Poppins,sans-serif;font-weight:400;font-size:16px;letter-spacing:.05em;padding-top:10px}.fsp-right-color{padding-top:3px;font-size:15px}.fsp-right-color label{display:inline-block;font-family:Poppins,sans-serif;font-weight:600;padding-right:5px}.fsp-right-info{display:flex;justify-content:space-between;font-size:14px;text-decoration:underline;padding-top:20px}.fsp-right-current{border:1px solid #000;padding:12px 10px;font-size:15px}button.fsp-right-button{display:block;background:#000;color:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:14px;letter-spacing:.05em;font-weight:400;padding:12px 0 14px 0;margin:20px 0 0 0;width:100%;opacity:.3;pointer-events:none}.size_selected button.fsp-right-button{opacity:1;pointer-events:all}.loading .fsp-right-content{position:relative;pointer-events:none;opacity:.2}.loading .fsp-right-content:before{content:'';background:url(../gif/loading.gif) center center no-repeat;background-size:30px;position:absolute;top:0;left:0;width:100%;height:100%}.fsp-right-switchcolors{display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:10px;margin-top:25px}.fsp-right-switchcolor{width:67px}button.fsp-right-switchcolorimage{margin:0 10px 0 0;padding:0;background:0 0;font-size:0;border:1px solid transparent}button.fsp-right-switchcolorimage.selected{border:1px solid #000}button.fsp-right-switchcolorimage img{width:100%}.fsp-right-sizescontainer{position:relative;margin-bottom:12px;margin-top:20px;border:1px solid #000}@media only screen and (max-width:736px){.fsp-right-sizescontainer{border:none}}.fsp-right-sizeslist{display:none;position:absolute;left:-1px;right:-1px;z-index:3;padding:1rem 1rem 2rem;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#fff}.size_opened .fsp-right-sizeslist{display:block}@media only screen and (max-width:736px){.fsp-right-sizeslist{position:relative;display:block;border:none;padding:0}}.fsp-right-sizeoptions{display:flex;flex-direction:row;flex-wrap:wrap}.fsp-right-sizeoption{width:calc(25% - 4px);display:flex;align-items:center;justify-content:center;border-right:1px solid #000;border-bottom:1px solid #000;background:#fff;border:1px solid #e5e5e5;margin:2px}@media only screen and (max-width:736px){.fsp-right-sizeoption{width:calc(33.3333% - 4px)}}.fsp-right-sizeoption.not_orderable{background:url(../png/not-orderable.png);background-size:auto 100%;background-repeat:repeat-x;pointer-events:none}.fsp-right-sizeoption button{border:none;font-family:Poppins,sans-serif;font-weight:400;font-weight:400;display:block;background:0 0;color:#000;text-transform:uppercase;width:100%;height:100%;font-size:1.6rem;letter-spacing:.05em;padding:9px 3px}.fsp-right-sizeoption button.selected{background:#000;color:#fff}@media only screen and (max-width:736px){.fsp-right-sizeoption button.selected{background:#000;color:#fff}}@media (hover:hover){.fsp-right-sizeoption button:focus,.fsp-right-sizeoption button:hover{background:#000;color:#fff}}button.fsp-right-selectedsize{position:relative;border:none;display:block;width:100%;background:#fff;font-family:Poppins,sans-serif;font-weight:400;font-size:1.6rem;font-weight:400;padding:9px 13px;color:#000;text-align:left;text-transform:none;letter-spacing:0;margin-bottom:0}@media only screen and (max-width:736px){button.fsp-right-selectedsize{padding-left:0}}button.fsp-right-selectedsize:before{content:'';position:absolute;top:1px;bottom:1px;right:13px;width:13px;background:url(../png/selector.png) center center no-repeat;background-size:auto 8px}@media only screen and (max-width:736px){button.fsp-right-selectedsize:before{display:none}}.size_opened button.fsp-right-selectedsize:before{transform:rotate(180deg)}.fsp-right-sizelabel{font-family:Poppins,sans-serif;font-weight:600;font-weight:700;font-size:1.6rem;color:#181818;display:none}.size_selected .fsp-right-sizelabel{display:inline-block}@media only screen and (max-width:736px){.fsp-right-sizelabel{display:block}}.fsp-right-sizevalue{padding-left:5px}.size_selected .fsp-right-sizevalue{text-transform:uppercase}@media only screen and (max-width:736px){.fsp-right-sizevalue{padding-left:0;display:none}}