@media only screen and (max-width: 768px){.hotspots-section .index-section{margin-bottom:10px}}.hotspots-section .hotspots-wrapper{display:flex;flex-wrap:wrap}.hotspots-section .hotspots-wrapper.is-reverse{flex-direction:row-reverse}.hotspots__title{width:100%;padding-top:1.5rem}.hotspots{position:relative;width:70%}@media only screen and (max-width: 768px){.hotspots{width:100%}}.hotspots .grid__image-ratio img{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}[data-animate_images=true] .hotspots .grid__image-ratio img{opacity:1}.hotspots__buttons{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background-color:transparent}.hotspot__button{padding:10px;border-radius:50%;position:absolute;line-height:0;transform:translate(-50%,-50%)}@media only screen and (max-width: 768px){.hotspot__button{padding:6px}}.hotspot__button:hover .hotspot__button-content{opacity:1;visibility:visible;pointer-events:auto}.hotspot__button-content{color:var(--color-text-body);background-color:var(--color-body);opacity:0;visibility:hidden;pointer-events:none;padding:1rem;position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%);transition:opacity .3s ease-in-out;min-width:5rem;border-radius:5px;box-shadow:3px 3px 10px 3px #0003}.hotspot__button-content p,.hotspot__button-content span{white-space:nowrap;margin-bottom:0}.hotspot__button-content:before{position:absolute;top:-10px;left:50%;content:"";width:0;height:0;border-style:solid;border-width:0 5px 10px 5px;transform:translate(-50%);border-color:transparent transparent var(--color-body) transparent}.hotspot__button-content .content__prices{display:flex;flex-wrap:nowrap}.hotspots__content{width:30%;padding:24px;display:flex;align-items:center}.page-width .hotspots__content{padding-right:0;padding-left:40px}@media only screen and (max-width: 768px){.page-width .hotspots__content{padding-left:0}}.page-width.is-reverse .hotspots__content{padding-left:0;padding-right:40px}@media only screen and (max-width: 768px){.page-width.is-reverse .hotspots__content{padding-right:20px}}@media only screen and (max-width: 768px){.hotspots__content{width:100%;padding:1rem 20px 0}}.hotspot-content__block{display:none;max-height:0;width:100%;animation:fade-in .5s ease 0s forwards;position:sticky;top:0}.modal-open .hotspot-content__block,.modal-closing .hotspot-content__block{animation:none;position:static}@media only screen and (max-width: 768px){.hotspot-content__block{align-items:center;position:relative;padding-top:0}}.hotspot-content__block.is-active{display:block;max-height:initial}.hotspot-content__block .grid-product__image-wrap{margin:0}.hotspot-content__block .grid__item{display:block;float:none;padding:0}.hotspot-content__block .grid-product__tags{margin-left:0}@media only screen and (max-width: 768px){.hotspot-content__block .grid-product__tag{right:auto;left:0}}.hotspot-content__block .grid-item__meta,.hotspot-content__block .grid-product__meta{padding-top:10px}@media only screen and (max-width: 768px){.hotspot-content__block .grid-item__meta,.hotspot-content__block .grid-product__meta{display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;padding-left:10px;padding-top:0;text-align:left}.hotspot-content__block .grid-item__meta .grid-item__meta-main,.hotspot-content__block .grid-product__meta .grid-item__meta-main,.hotspot-content__block .grid-item__meta .grid-item__meta-secondary,.hotspot-content__block .grid-product__meta .grid-item__meta-secondary{width:100%;flex:none}}@media only screen and (max-width: 768px){.hotspot-content__block .grid-product{padding-right:0;padding-left:0}.hotspot-content__block .quick-add-btn{display:none}.hotspot-content__block .grid__item-image-wrapper{display:flex}.hotspot-content__block .grid__item-image-wrapper .grid-product__image-mask{flex:0 0 30%}.hotspot-content__block .grid-item__link,.hotspot-content__block .grid-product__link{display:flex;flex-wrap:nowrap}[data-grid-style=grey-round] .hotspot-content__block .grid-item__link,[data-grid-style=white-round] .hotspot-content__block .grid-item__link{border-radius:10px 0 0 10px}.hotspot-content__block .grid-product__image-mask,.hotspot-content__block .grid-product__image-wrap,.hotspot-content__block .product-slider{width:30%}.hotspot-content__block .grid-product__actions{right:initial;left:10px;top:10px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-hotspots.css.map */