:root{--shoppable-popup-spacing: 20px;--shoppable-popup-padding: 20px;--shoppable-popup-border-radius: 12px;--shoppable-hotspot-hover-scale: 1.15;--shoppable-buffer: 10px}.shoppable-image-text{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.shoppable-image-text--reverse{direction:rtl}.shoppable-image-text--reverse>*{direction:ltr}@media (max-width: 999px){.shoppable-image-text{grid-template-columns:1fr;gap:40px}.shoppable-image-text--reverse{direction:ltr}}.shoppable-image-wrapper{position:relative;overflow:visible}.shoppable-image-wrapper img{width:100%;height:auto;display:block}.shoppable-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shoppable-hotspot-wrapper{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;z-index:10}.shoppable-hotspot{width:var(--hotspot-size);height:var(--hotspot-size);border-radius:50%;background-color:var(--hotspot-bg);border:2px solid var(--hotspot-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;position:relative}.shoppable-hotspot:hover{transform:scale(var(--shoppable-hotspot-hover-scale));box-shadow:0 6px 20px #00000040}.shoppable-hotspot svg{width:calc(var(--hotspot-size) * .5);height:calc(var(--hotspot-size) * .5);transition:transform .2s}.shoppable-hotspot-wrapper:hover .shoppable-hotspot svg{transform:rotate(90deg)}.shoppable-hotspot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--hotspot-border);opacity:0;animation:hotspot-pulse 2s infinite}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.2}to{transform:scale(1.6);opacity:0}}.product-popup{position:absolute;bottom:calc(100% + var(--shoppable-popup-spacing));left:50%;transform:translate(-50%) translateY(10px);width:var(--popup-width);max-width:calc(100vw - 40px);background:var(--popup-bg);color:var(--popup-text);border-radius:var(--shoppable-popup-border-radius);box-shadow:0 10px 32px #00000026;padding:var(--shoppable-popup-padding);border:1px solid rgba(0,0,0,.05);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;pointer-events:none}.shoppable-hotspot-wrapper.active .product-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}@media (hover: hover) and (pointer: fine){.shoppable-hotspot-wrapper:hover .product-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:none}.shoppable-hotspot-wrapper.active .product-popup{pointer-events:auto}.shoppable-hotspot-wrapper.just-closed:hover .product-popup{opacity:0!important;visibility:hidden!important}}@media (hover: none){.shoppable-hotspot-wrapper:hover .product-popup{opacity:0;visibility:hidden}}.product-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--popup-bg)}.product-popup.flipped{bottom:auto;top:calc(100% + var(--shoppable-popup-spacing));transform:translate(-50%) translateY(-10px)}.product-popup.flipped.active{transform:translate(-50%) translateY(0)}.product-popup.flipped:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--popup-bg)}.product-popup__product{display:flex;align-items:flex-start;gap:16px}.product-popup__image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:#f9f9f9}.product-popup__image img{width:100%;height:100%;object-fit:cover}.product-popup__placeholder{width:100%;height:100%;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;border-radius:8px}.product-popup__placeholder svg{width:40px;height:40px;opacity:.5;fill:#ccc}.product-popup__info{flex:1;min-width:0}.product-popup__title{font-size:15px;font-weight:600;margin:0 0 8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-popup__price{font-size:14px;font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px}.product-popup__price--sale{color:var(--sale-color);font-weight:600}.product-popup__price--compare{text-decoration:line-through;opacity:.7}.product-popup__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-decoration:none;color:var(--popup-btn-text);background-color:var(--popup-btn-bg);padding:8px 16px;border-radius:6px;transition:all .2s ease;border:1px solid rgba(0,0,0,.05);font-weight:500}.product-popup__link:hover{opacity:.85;transform:translateY(-1px)}.product-popup__close{position:absolute;top:-10px;right:-10px;background:var(--popup-bg);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000026;transition:all .2s ease;color:var(--popup-text);padding:0;outline:none}.product-popup__close:hover{background-color:#f5f5f5;transform:scale(1.1)}.shoppable-content{max-width:var(--shoppable-content-max-width)}@media (max-width: 999px){.product-popup{width:min(340px,calc(100vw - 40px));padding:16px}.product-popup__title{font-size:14px}.product-popup__price{font-size:13px}.product-popup__image{width:70px;height:70px}}@media (max-width: 400px){.product-popup{padding:12px}.product-popup__product{gap:12px}.product-popup__image{width:60px;height:60px}.product-popup__link{padding:6px 12px;font-size:12px}}@media (prefers-reduced-motion: reduce){.shoppable-hotspot:before{animation:none}.shoppable-hotspot,.shoppable-hotspot svg,.product-popup{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/shoppable-image-text.css.map */