.bypg{max-width:100%;display:flex;flex-direction:column}.bypg .bypg-main{order:1}.bypg .ect-smart-deal-strip{order:2}.bypg .bypg-thumbs-wrap{order:3}.bypg .bypg-dots{order:4}.bypg .ect-brand-box--gallery{order:5}.single-product .ect-brand-box .ect-brand-box-left{width:20%;min-width:0;height:100%;display:flex;align-items:center}.single-product .ect-brand-box .ect-brand-box-left>a{display:flex;align-items:center;max-width:100%;max-height:100%}.single-product .ect-brand-box .ect-brand-box-left img{display:block;width:auto;height:auto;max-width:100%;max-height:40px;margin-bottom:0;object-fit:contain}.bypg-main{position:relative;margin:0 0 14px;overflow:hidden;border-radius:10px}.bypg-main::before{content:"";display:block;padding-top:var(--bypg-ratio,100%);background:#fff center/contain no-repeat;border-radius:10px}.bypg-main.is-ready::before{background:none;background-image:none;border:0;padding-top:var(--bypg-ratio,100%)}.bypg-stage{position:absolute;inset:0;background:#fff;border-radius:10px}.bypg-img,.bypg-ghost{position:absolute;object-fit:contain;box-sizing:border-box;user-select:none;-webkit-user-drag:none;will-change:transform}.bypg-img{cursor:pointer;transition:transform .15s ease}.bypg.is-dragging .bypg-img{cursor:grabbing}.bypg-ghost{pointer-events:none;transition:transform .15s ease;opacity:1}.bypg-thumbs-wrap{position:relative;padding:0 36px}.bypg-thumbs{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px 2px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.bypg-thumbs::-webkit-scrollbar{display:none}.bypg-thumbs button{appearance:none;background:none;border:0;padding:0;margin:0;flex:0 0 auto;cursor:pointer}.bypg-thumbs img{display:block;width:69px;height:69px;object-fit:contain;background:#fff;border:1px solid #fff0;border-radius:8px;padding:6px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.bypg-thumbs button:hover img{border-color:var(--brand-accent,#0a3d91);box-shadow:0 0 0 1px var(--brand-accent,#0a3d91);transform:translateY(-2px)}.bypg-thumbs button.is-active img{border-color:#0281e6;box-shadow:none;transform:none}.bypg-th-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:48px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff!important;box-shadow:0 2px 10px rgb(0 0 0 / 28%)!important;cursor:pointer;z-index:2;user-select:none;color:#000}.bypg-lightbox .lb-close,.bypg-lightbox .lb-prev,.bypg-lightbox .lb-next,.bypg-lightbox .lb-zoom button{touch-action:manipulation;-webkit-tap-highlight-color:#fff0;user-select:none}.bypg-th-prev{left:4px}.bypg-th-next{right:4px}.bypg-th-arrow[disabled]{opacity:.35;cursor:default;box-shadow:none}@media (pointer:coarse){.bypg-th-arrow{width:34px;height:54px}}.bypg .bypg-thumbs{touch-action:pan-x pan-y}.bypg .bypg-thumbs.is-dragging{cursor:grabbing;user-select:none}.bypg .bypg-dots{display:none;justify-content:center;align-items:center;gap:8px;padding:6px 0 2px}.bypg .bypg-dot{width:6px;height:6px;border-radius:999px;background:#cfd8e3;border:0;padding:0;cursor:pointer;opacity:.8;transition:transform .12s ease,background-color .12s ease,opacity .12s ease}.bypg .bypg-dot.is-active{background:#111;opacity:1;transform:scale(1.1);width:18px;border-radius:5px}.bypg .ect-smart-deal-strip{display:inline-flex;align-self:flex-start;align-items:center;background:#ff2d00;padding:3px 10px;border-radius:2px;margin:8px 0 10px;font-size:12px;line-height:1;text-transform:uppercase;font-weight:600;box-sizing:border-box}.bypg .ect-smart-deal-strip .ect-smart-deal-text{color:#fff;margin-right:6px}.bypg .ect-smart-deal-strip .ect-smart-deal-wow{background:#000;color:#fff;padding:3px 8px;border-radius:2px}@media (max-width:768px){.bypg .bypg-main{order:1}.bypg .bypg-dots{order:2}.bypg .ect-smart-deal-strip{order:3}.bypg .bypg-thumbs-wrap{order:4}.bypg .bypg-thumbs-wrap{display:none}.bypg .bypg-dots{display:flex}.bypg .ect-smart-deal-strip{display:flex;align-self:stretch;width:100%;margin:8px 0 0;justify-content:flex-start;padding:4px 10px;box-sizing:border-box}}.bypg .bypg-stage{touch-action:pan-y}.bypg .bypg-main{overscroll-behavior:auto}.bypg-lightbox{position:fixed;inset:0;background:rgb(0 0 0 / 60%);z-index:9999999999;display:none;align-items:center;justify-content:center;overscroll-behavior:contain}.bypg-lightbox.is-open{display:flex}.bypg-lightbox .lb-frame{position:relative;width:min(96vw, 1560px);height:min(92vh, 1014px);background:#fff;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:240px 1fr;padding:50px 0 0;border-top:1px solid #f4f4f4}.bypg-lightbox .lb-stage{position:relative;width:100%;height:100%}.bypg-lightbox .stage{position:absolute;inset:0;overflow:hidden;touch-action:none}.bypg-lightbox .stage img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);max-width:none;will-change:transform;cursor:grab;border-radius:8px}.bypg-lightbox .stage .media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #f4f4f4;margin-bottom:70px;border-bottom:1px solid #f4f4f4}.bypg-lightbox .lb-thumbs-vert{overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:10px;border-right:1px solid #f4f4f4;border-top:1px solid #f4f4f4;align-content:start;justify-items:stretch}.bypg-lightbox .lb-thumbs-vert .tbtn,.bypg-lightbox .lb-thumbs-horz .tbtn{appearance:none;background:#fff;border:1px solid #e5e9f1;border-radius:10px;width:90px;height:90px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.bypg-lightbox .lb-thumbs-vert .tbtn img,.bypg-lightbox .lb-thumbs-horz .tbtn img{width:100%;height:100%;object-fit:contain}.bypg-lightbox .tbtn.is-active{border-color:#bcd3f5;border-color:#0082e6;box-shadow:0 2px 10px -5px rgb(0 0 0 / 80%)}.bypg-lightbox .lb-prev,.bypg-lightbox .lb-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .2);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;color:#000000!important}.bypg-lightbox .lb-prev{left:10px}.bypg-lightbox .lb-next{right:10px}.bypg-lightbox .lb-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;border:0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;color:#000000!important}.bypg-lightbox .lb-zoom{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:12px;z-index:2}.bypg-lightbox .lb-zoom button{width:40px;height:40px;border-radius:10px;border:0;background:#fff;cursor:pointer;box-shadow:0 2px 10px rgb(0 0 0 / .2);color:#000000!important}.bypg-lightbox .lb-thumbs-horz{position:absolute;left:0;right:0;bottom:8px;display:none;gap:10px;padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;z-index:4;color:#000000!important}.bypg-lightbox .lb-thumbs-horz::-webkit-scrollbar{display:none}.bypg-lightbox .lb-thumbs-horz .tbtn{width:66px;height:66px;flex:0 0 auto}@media (max-width:768px){.bypg-lightbox .lb-frame{width:100vw;height:100dvh;border-radius:0;grid-template-columns:1fr;padding:2px 2px 86px}.bypg-lightbox .lb-thumbs-vert{display:none}.bypg-lightbox .lb-thumbs-horz{display:flex;padding:2px}.bypg-lightbox .lb-prev,.bypg-lightbox .lb-next{display:none}}.thumb-video-tile,.bypg-lightbox .tbtn.is-video .thumb-video-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:86px;border-radius:8px;background:#f1f7ff}.bypg .bypg-thumbs .thumb-video-tile{width:86px;height:86px}.bypg-lightbox .lb-thumbs-vert .tbtn.is-video .thumb-video-tile,.bypg-lightbox .lb-thumbs-horz .tbtn.is-video .thumb-video-tile{width:90px;height:61px;border-radius:10px}button.tbtn.is-video{background:#f1f7ff!important}.thumb-video-tile .pv{width:30px;height:30px;border-radius:999px;background:#448acc;display:inline-block;position:relative}.thumb-video-tile .pv::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:6px 0 6px 10px;border-color:#fff0 #fff0 #fff0 #fff}.thumb-video-tile .txt{font-size:14px;color:#2b80ff;margin-top:4px;text-transform:lowercase}.bypg .bypg-thumbs button.is-video:hover{border-color:var(--brand-accent,#cfd8e3);box-shadow:0 0 0 1px #cfd8e3;border-radius:8px}.bypg-lightbox .lb-embed-wrap,.bypg-lightbox .lb-video,.bypg-lightbox .lb-photo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.bypg-lightbox .lb-embed-wrap,.bypg-lightbox .lb-video{width:100%;height:100%}.bypg-lightbox .lb-embed{width:100%;height:100%;border:0}.bypg-lightbox .lb-video,.bypg-lightbox .lb-iframe{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bypg-lightbox .lb-video video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#000}.bypg-lightbox .lb-iframe iframe{width:100%;height:100%;max-width:100%;max-height:100%;border:0;background:#000}.bypg-lightbox .lb-video video{width:100%;height:100%;object-fit:contain;background:#000;opacity:0}.bypg-lightbox .lb-video.is-ready video{opacity:1}.bypg .bypg-play-mob{position:absolute;left:10px;bottom:2px;width:35px;height:35px;border-radius:999px;border:2px solid #000;box-shadow:0 0 4px 1px rgb(0 0 0 / .35);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:3;background:#fff0}.bypg .bypg-play-mob .pv{position:relative;width:0;height:0;border-left:14px solid #000;border-top:8px solid #fff0;border-bottom:8px solid #fff0;margin-left:4px}.bypg .bypg-play-mob:active{transform:scale(.96)}@media (max-width:768px){.bypg .bypg-play-mob{display:flex}.bypg .bypg-dots{min-height:16px}}.bypg-img,.bypg-ghost{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);contain:paint}.bypg .bypg-stage{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-perspective:1000;perspective:1000}.bypg .bypg-stage{position:absolute;inset:0}.bypg .bypg-img,.bypg .bypg-ghost{position:absolute;top:0;left:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}@media (max-width:480px){.bypg-main{--bypg-ratio:75% !important}.bypg-lightbox .stage .media{margin-bottom:0}}