.product-image-modal-overlay{--brand-orange: #fb5a00;--color-text-primary: #212121;--color-border: #f1f1f1;--spacing-unit: 4px;--main-padding: calc(var(--spacing-unit) * 6);--content-padding: calc(var(--spacing-unit) * 3);--item-gap: calc(var(--spacing-unit) * 4);--border-radius: 8px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-weight-medium: 500;--font-weight-bold: 700;--space-sm: calc(var(--spacing-unit) * 2);position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.product-image-modal-overlay[aria-hidden=false]{opacity:1;visibility:visible}.product-image-modal-overlay .product-image-modal-content{background-color:#fff;border-radius:12px;width:95%;max-width:850px;transform:scale(.95);transition:transform .3s ease;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.product-image-modal-overlay .product-image-modal-header{display:flex;flex-direction:column;gap:0px;padding:var(--content-padding) var(--main-padding);border-bottom:1px solid var(--color-border);flex-shrink:0}.product-image-modal-overlay .product-image-modal-header__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%}.product-image-modal-overlay .product-image-modal-header__title{flex:1 1 auto;min-width:0}.product-image-modal-overlay .product-image-modal-header__meta{min-width:0;width:100%}.product-image-modal-overlay .product-image-modal-close.btn-modal-close{display:inline-flex;align-items:center;gap:10px;padding:var(--space-sm);background:none;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;white-space:nowrap;margin:0}.product-image-modal-overlay .product-image-modal-close__icon{font-size:1.125rem;line-height:1}.product-image-modal-overlay .product-image-modal-body{padding:var(--content-padding) var(--main-padding);overflow-y:auto;background:#fff;flex:1 1 auto;min-height:0}.product-image-modal-overlay .product-modal-block{display:flex;flex-direction:row;align-items:flex-start;gap:20px;min-height:0}.product-image-modal-overlay .modal-nav-wrap{flex:0 0 148px;width:148px}.product-image-modal-overlay .modal-nav-slider:not(.slick-initialized)>div{margin-bottom:14px}.product-image-modal-overlay .modal-nav-slider:not(.slick-initialized)>div img{width:148px;height:148px;border-radius:10px;border:1px solid #adadad;display:block;object-fit:cover}.product-image-modal-overlay .modal-nav-slider .slick-list{height:min(72vh,560px)!important}.product-image-modal-overlay .modal-nav-slider .slick-slide{width:148px!important;height:148px!important;margin-bottom:14px;cursor:pointer;opacity:.4;transition:opacity .3s linear}.product-image-modal-overlay .modal-nav-slider .slick-slide.slick-current{opacity:1}.product-image-modal-overlay .modal-nav-slider .slick-slide img{width:100%;height:100%;border-radius:10px;border:1px solid #adadad;display:block;object-fit:cover;box-sizing:border-box}.product-image-modal-overlay .modal-for-slider{flex:1 1 0;min-width:0;position:relative;min-height:min(72vh,560px)}.product-image-modal-overlay .modal-for-slider:not(.slick-initialized) .zoom_image{display:none}.product-image-modal-overlay .modal-for-slider:not(.slick-initialized) .zoom_image:first-child{display:block}.product-image-modal-overlay .modal-for-slider .slick-list{height:min(72vh,560px)!important;overflow:hidden}.product-image-modal-overlay .modal-for-slider .slick-track{display:flex!important;align-items:stretch;height:min(72vh,560px)!important}.product-image-modal-overlay .modal-for-slider .slick-slide{height:min(72vh,560px)}.product-image-modal-overlay .modal-for-slider .slick-slide>div{height:100%;width:100%}.product-image-modal-overlay .modal-for-slider .zoom_image,.product-image-modal-overlay .modal-for-slider .product-image-zoom{height:100%;width:100%}.product-image-modal-overlay .modal-for-slider button.slick-prev.slick-arrow,.product-image-modal-overlay .modal-for-slider button.slick-next.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:41px;height:41px;border-radius:50%;border:1px solid #d8d8d8;background:#fff;font-size:0;padding:0}.product-image-modal-overlay .modal-for-slider button.slick-prev.slick-arrow{left:12px}.product-image-modal-overlay .modal-for-slider button.slick-next.slick-arrow{right:12px}.product-image-modal-overlay .modal-for-slider button.slick-prev.slick-arrow:before,.product-image-modal-overlay .modal-for-slider button.slick-next.slick-arrow:before{content:"";display:block;width:10px;height:10px;margin:auto;border-top:2px solid #222;border-left:2px solid #222}.product-image-modal-overlay .modal-for-slider button.slick-prev.slick-arrow:before{transform:rotate(-45deg);margin-left:14px}.product-image-modal-overlay .modal-for-slider button.slick-next.slick-arrow:before{transform:rotate(135deg);margin-right:14px}.product-image-modal-overlay .product-image-zoom__viewport{position:relative;overflow:hidden;border-radius:8px;background:#fff;width:100%;height:100%;min-height:min(72vh,560px);cursor:zoom-in}.product-image-zoom.is-zoomed .product-image-zoom__viewport{cursor:grab}.product-image-zoom.is-zoomed.is-panning .product-image-zoom__viewport{cursor:grabbing}.product-image-modal-overlay .product-image-zoom__img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transform-origin:center center;transition:transform .15s ease-out;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.product-image-zoom.is-zoomed .product-image-zoom__img{object-fit:cover;transition:transform .05s linear}.product-image-zoom__lens{position:absolute;pointer-events:none;border:1px solid rgb(0 0 0 / .35);background:#ffffff40;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:1}.product-image-zoom__lens.is-visible{opacity:1;visibility:visible}.product-image-zoom.is-zoomed .product-image-zoom__lens{opacity:0;visibility:hidden}.product-image-modal-overlay .product-image-zoom__viewport--static{cursor:default}.product-image-modal-overlay .product-image-zoom__viewport--static img{width:100%;height:100%;object-fit:contain}.product-detail-block .slider-for .slider-box img.currentImg,.overview-product-slider .product-slider-for .product-gallery-slide,.overview-product-slider .product-slider-for .product-gallery-main-img{cursor:zoom-in}.overview-product-slider .product-gallery-slide{overflow:hidden;border-radius:10px}.overview-product-slider .product-image-zoom{width:100%;height:100%}.overview-product-slider .product-image-zoom__viewport{position:relative;overflow:hidden;width:100%;aspect-ratio:1 / 1;cursor:zoom-in;border-radius:10px;background:#fff}.overview-product-slider .product-image-zoom__img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transform-origin:center center;transition:transform .15s ease-out;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.overview-product-slider .product-image-zoom.is-zoomed .product-image-zoom__img{object-fit:cover;transition:transform .05s linear}.overview-product-slider .product-image-zoom__lens{display:none}@media(max-width:750px),(hover:none){.overview-product-slider .product-image-zoom__viewport{cursor:pointer}.overview-product-slider .product-image-zoom.is-zoomed .product-image-zoom__img{transform:none!important;transform-origin:center center!important}}.product-detail-block .slider-for .slider-box .notification-bar{pointer-events:none}@media(max-width:750px){.product-image-modal-overlay{align-items:center;padding:12px}.product-image-modal-overlay .product-image-modal-content{width:100%;max-width:100%;max-height:calc(100dvh - 24px);transform:none}.product-image-modal-overlay .product-image-modal-header{padding:12px 14px 10px;gap:8px}.product-image-modal-overlay .product-image-modal-header__row{gap:10px;align-items:flex-start}.product-image-modal-overlay .product-image-modal-header__title{padding-right:4px;min-width:0}.product-image-modal-overlay .product-image-modal-close{position:static;flex-shrink:0;min-width:auto;min-height:40px;padding:6px 0 6px 8px;margin:0;gap:6px;font-size:14px;z-index:2}.product-image-modal-overlay .product-image-modal-close__label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:nowrap}.product-image-modal-overlay .product-image-modal-close__icon{font-size:1.125rem}.product-image-modal-overlay .product-overview-title .modal-title{font-size:clamp(1rem,4.2vw,1.125rem);line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.product-image-modal-overlay .product-overview-alt-name{font-size:13px;margin-bottom:0}.product-image-modal-overlay .product-image-modal-header__meta .product-meta-nav{width:100%;overflow:hidden}.product-image-modal-overlay .product-image-modal-header__meta .nav-list{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.product-image-modal-overlay .product-image-modal-header__meta .nav-list::-webkit-scrollbar{display:none}.product-image-modal-overlay .product-image-modal-header__meta .nav-item{flex:0 0 auto;gap:6px;font-size:13px}.product-image-modal-overlay .product-image-modal-header__meta .nav-link{font-size:13px;white-space:nowrap}.product-image-modal-overlay .product-image-modal-header__meta .nav-item--share{margin-left:2px}.product-image-modal-overlay .product-image-modal-header__meta .share-button{flex-shrink:0}.product-image-modal-overlay .product-image-modal-header__meta .share-button__button{font-size:13px;white-space:nowrap;padding:0;gap:6px}.product-image-modal-overlay .product-image-modal-header__meta .star-rating{flex-shrink:0}.product-image-modal-overlay .product-image-modal-body{padding:12px 16px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.product-image-modal-overlay .product-modal-block{flex-direction:column;gap:12px;width:100%}.product-image-modal-overlay .modal-for-slider{order:1;width:100%;min-height:0;flex:0 0 auto;--mobile-main-size: min( calc(100vw - 64px) , calc(100dvh - 280px) )}.product-image-modal-overlay .modal-for-slider .slick-list,.product-image-modal-overlay .modal-for-slider .slick-track,.product-image-modal-overlay .modal-for-slider .slick-slide{height:var(--mobile-main-size)!important;min-height:0!important}.product-image-modal-overlay .modal-for-slider .zoom_image,.product-image-modal-overlay .modal-for-slider .product-image-zoom{height:100%}.product-image-modal-overlay .product-image-zoom__viewport,.product-image-modal-overlay .product-image-zoom__viewport--static{min-height:0!important;height:100%!important;max-height:none;aspect-ratio:1 / 1}.product-image-modal-overlay .modal-for-slider button.slick-prev.slick-arrow{left:4px}.product-image-modal-overlay .modal-for-slider button.slick-next.slick-arrow{right:4px}.product-image-modal-overlay .modal-for-slider button.slick-prev.slick-arrow,.product-image-modal-overlay .modal-for-slider button.slick-next.slick-arrow{width:36px;height:36px}.product-image-modal-overlay .modal-nav-wrap{order:2;flex:none;width:100%;max-width:100%;overflow:hidden}.product-image-modal-overlay .modal-nav-slider .slick-list{height:auto!important;max-height:none!important;overflow:hidden;margin:0 -4px;padding:0 4px}.product-image-modal-overlay .modal-nav-slider .slick-track{display:flex!important;height:auto!important;min-height:0!important}.product-image-modal-overlay .modal-nav-slider .slick-slide{width:72px!important;height:72px!important;margin:0 6px 0 0!important;float:none}.product-image-modal-overlay .product-image-zoom__viewport{min-height:0!important}.product-image-modal-overlay .modal-nav-slider .slick-slide>div{width:100%;height:100%}.product-image-modal-overlay .modal-nav-slider:not(.slick-initialized),.product-image-modal-overlay .modal-nav-slider.modal-nav-slider--native{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding:0 8px;padding:4px 8px 8px;touch-action:pan-x;scrollbar-width:none}.product-image-modal-overlay .modal-nav-slider:not(.slick-initialized)::-webkit-scrollbar,.product-image-modal-overlay .modal-nav-slider.modal-nav-slider--native::-webkit-scrollbar{display:none}.product-image-modal-overlay .modal-nav-slider:not(.slick-initialized)>div,.product-image-modal-overlay .modal-nav-slider.modal-nav-slider--native>div{flex:0 0 72px;width:72px;height:72px;margin:0;scroll-snap-align:center;cursor:pointer;opacity:.4;transition:opacity .3s linear}.product-image-modal-overlay .modal-nav-slider:not(.slick-initialized)>div.is-nav-active,.product-image-modal-overlay .modal-nav-slider.modal-nav-slider--native>div.is-nav-active{opacity:1}.product-image-modal-overlay .modal-nav-slider:not(.slick-initialized)>div img,.product-image-modal-overlay .modal-nav-slider.modal-nav-slider--native>div img{width:72px;height:72px;border-radius:10px;border:1px solid #adadad;display:block;object-fit:cover;box-sizing:border-box}}@media(max-width:750px)and (hover:none){.product-image-zoom__lens{display:none!important}.product-image-modal-overlay .product-image-zoom__viewport{cursor:default}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-product-image-modal.css.map */