.image_hotspots_head{position:relative;margin:0 0 3rem}.image_hotspots_head.ihh--left{text-align:left}.image_hotspots_head.ihh--center{text-align:center}.image_hotspots_head.ihh--right{text-align:right}.image_hotspots_head h2{font-weight:var(--font-weight)}.image_hotspots_btn{position:absolute;top:50%;transform:translateY(-50%);right:0;display:flex}.image_hotspots_head.ihh--right .image_hotspots_btn{right:unset;left:0}.image_hotspots_inner{position:relative}.image_hotspots_inner.ihi--half,.image_hotspots_inner.ihi--half .image_hotspots_img_wrapper svg.placeholder_svg,.image_hotspots_inner.ihi--half .image_hotspots_img_wrapper img{height:50vh}.image_hotspots_inner.ihi--two_third,.image_hotspots_inner.ihi--two_third .image_hotspots_img_wrapper svg.placeholder_svg,.image_hotspots_inner.ihi--two_third .image_hotspots_img_wrapper img{height:calc(100vh * 2/3)}.image_hotspots_inner.ihi--full,.image_hotspots_inner.ihi--full .image_hotspots_img_wrapper svg.placeholder_svg,.image_hotspots_inner.ihi--full .image_hotspots_img_wrapper img{height:100vh}.image_hotspots_inner.ihi--adapt,.image_hotspots_inner.ihi--adapt .image_hotspots_img_wrapper svg.placeholder_svg,.image_hotspots_inner.ihi--adapt .image_hotspots_img_wrapper img{height:100%}.image_hotspots_img_wrapper svg.placeholder_svg{background:color-mix(in srgb,var(--color-secondary-background) 50%,transparent)}.image_hotspots_img_wrapper{position:relative}.image_hotspots_img_wrapper img{width:100%;object-fit:cover}.image_hotspot{position:absolute;top:var(--vertical-position);left:var(--horizontal-position);width:3rem;height:3rem;font-size:0;background:color-mix(in srgb,var(--color-highlight) 30%,transparent);border-radius:50%;border:1px solid var(--color-highlight);display:flex;justify-content:center;align-items:center;cursor:pointer}.image_hotspot:hover:after{content:"";position:absolute;top:50%;left:50%;width:10rem;height:10rem;transform:translate(-50%,-50%);z-index:0}.image_hotspot span.hotspot_inner_span{display:flex;width:1rem;height:1rem;background:var(--color-highlight);border-radius:50%}.hotspot_block_img{position:absolute;top:100%;left:100%;width:10.8rem;height:10.8rem!important;z-index:2;max-width:10.8rem;border-radius:50%;opacity:0;pointer-events:none;transform:scale(0);transform-origin:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.image_hotspot[data-x^="8"],.image_hotspot[data-x^="9"]{--popup-x: -100%}.image_hotspot[data-x^="8"] .hotspot_block_img,.image_hotspot[data-x^="9"] .hotspot_block_img{left:auto;right:100%}.image_hotspot[data-y^="8"],.image_hotspot[data-y^="9"]{--popup-y: -100%}.image_hotspot[data-y^="8"] .hotspot_block_img,.image_hotspot[data-y^="9"] .hotspot_block_img{top:auto;bottom:100%}.image_hotspot:hover .hotspot_block_img{opacity:1;transform:scale(1);pointer-events:all}.hotspot_block_img img{width:100%;height:100%!important;border-radius:50%}.hotspot_block_img span{display:flex;position:absolute;top:-15px;left:-15px;background:color-mix(in srgb,var(--color-background) 30%,transparent);width:calc(100% + 3rem);height:calc(100% + 3rem);border-radius:50%;z-index:-1}.hotspot_block_img span:after{content:"";position:absolute;top:50%;left:50%;width:90%;height:90%;border-radius:100%;border:1px solid color-mix(in srgb,var(--color-background) 50%,transparent);transform:translate(-50%,-50%)}.image_hotspots_drawer_inner{padding:2rem;overflow:hidden;overflow-y:auto}.image_hotspots_drawer_inner::-webkit-scrollbar{width:.6rem;background:#e2dbdb}.image_hotspots_drawer_inner::-webkit-scrollbar-thumb{background:#4d4d4d}.image_hotspot_block_popup::-webkit-scrollbar{background:#fff;width:5px}.image_hotspot_block_popup::-webkit-scrollbar-thumb{background:#ababab}.image_hotspot_popup_head{display:flex;align-items:flex-start;gap:2rem;justify-content:space-between;margin:0 0 2rem}.image_hotspot_popup_head_content p{margin:1rem 0 0}.image_hotspot_popup_head button{width:2.6rem;height:2.6rem;background:transparent;border:1px solid var(--color-heading);border-radius:50%;cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center;transition:background .3s ease;flex:0 0 2.6rem;max-width:2.6rem}.image_hotspot_popup_head button svg{width:1.2rem;height:1.2rem}.image_hotspot_popup_head button svg path{fill:var(--color-heading);transition:fill .3s ease}.image_hotspot_popup_head button:hover{background:var(--color-heading)}.image_hotspot_popup_head button:hover svg path{fill:var(--color-background)}.image_hotspot_popup_inner{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--column-spacing);row-gap:var(--row-spacing)}.ih_product:has(.ih_product_overlay_link:focus-visible){outline:1px solid var(--color-text);outline-offset:3px}.ih_product_img{display:flex;position:relative;overflow:hidden}.ih_product_img img,.ih_product_img svg.placeholder_svg{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;transition:transform .6s ease}.ih_product_img:hover img{transform:scale(1.1)}a.ih_product_overlay_link{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;z-index:1}.ih_product_title{position:absolute;bottom:0;left:0;max-width:calc(100% - 2rem);background:color-mix(in srgb,var(--color-secondary-background) 60%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem}.ih_product_title h4{color:var(--color-secondary-text)}.image_hotspot_block_popup .view_all_btn{display:flex;width:100%;justify-content:center;margin:4rem 0 0}@media screen and (max-width:749px){.image_hotspot_block_popup{top:1rem;right:1rem;width:calc(100% - 2rem);max-height:calc(100% - 2rem)}}@media screen and (max-width:640px){.hotspot_block_img{display:none}.image_hotspot_block_popup{position:fixed;top:50%;left:50%;width:100%;height:100%;z-index:99;transform:translate(-50%,-50%)!important;max-height:100%}body:has(.image_hotspot_block_popup.active){overflow:hidden}.image_hotspot_popup_inner{gap:1.5rem;grid-template-columns:1fr}.image_hotspots_head{display:flex;flex-flow:column}.image_hotspots_btn{position:static;transform:none}.image_hotspots_head.ihh--center .image_hotspots_btn{justify-content:center}.image_hotspots_head.ihh--right .image_hotspots_btn{justify-content:flex-end}.image_hotspots_drawer_inner{padding:1.5rem}.image_hotspot{width:2rem;height:2rem;padding:0}.image_hotspot span.hotspot_inner_span{width:calc(100% - 1rem);height:calc(100% - 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/image-hotspots.css.map */