.shoppable-image__desktop{display:none}@media (min-width: 1024px){.shoppable-image__desktop{display:flex}}.shoppable-image__mobile{display:flex;flex-direction:column;background-color:var(--mobile-bg-color, #f5d5e0);width:100%}@media (min-width: 1024px){.shoppable-image__mobile{display:none!important}}.shoppable-image__mobile-text{padding:40px 20px 30px}.shoppable-image__mobile-text .sec__content-heading{font-size:28px}.shoppable-image__mobile-cards{padding:0 20px 30px;display:flex;flex-direction:column;align-items:center;gap:15px}.shoppable-image__mobile-card-item{width:100%;max-width:360px}.shoppable-image__mobile-card-item .shoppable-hotspot__card{position:relative;top:auto;left:auto;transform:none;opacity:1;visibility:visible;width:100%;max-width:none}.shoppable-image__mobile-card-item .shoppable-hotspot__card:before{display:none}.shoppable-image__mobile-nav{display:flex;justify-content:center;gap:8px;padding-top:15px}.shoppable-image__mobile-dot{width:10px;height:10px;border-radius:50%;background:#0003;border:none;padding:0;cursor:pointer;transition:all .3s ease}.shoppable-image__mobile-dot.is-active{background:var(--color-primary, #8b4a5e);transform:scale(1.2)}.shoppable-image__mobile-image{position:relative;width:100%}.shoppable-image__mobile-img{display:block;width:100%;height:auto;object-fit:cover}.shoppable-image__mobile-placeholder{aspect-ratio:1;background:#f0f0f0}.shoppable-image__mobile-placeholder .placeholder-svg{width:100%;height:100%}.shoppable-image__mobile-hotspots{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.shoppable-mobile-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.shoppable-mobile-hotspot.is-active{background:var(--color-primary, #8b4a5e)}.shoppable-mobile-hotspot.is-active svg{color:#fff}.shoppable-image__hotspots{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;pointer-events:none}.shoppable-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;z-index:1}.shoppable-hotspot.is-active{z-index:10}.shoppable-hotspot__button{width:36px;height:36px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026;transition:all .3s ease;position:relative}.shoppable-hotspot__button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#fff6;animation:shoppable-pulse 2s ease-out infinite;z-index:-1}@keyframes shoppable-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.shoppable-hotspot__button:hover{transform:scale(1.1);box-shadow:0 4px 15px #0003}.shoppable-hotspot.is-active .shoppable-hotspot__button{background:var(--color-primary, #8b4a5e)}.shoppable-hotspot.is-active .shoppable-hotspot__button svg{color:#fff}.shoppable-hotspot__button svg{width:12px;height:12px;transition:transform .3s ease,color .3s ease;color:#000}.shoppable-hotspot.is-active .shoppable-hotspot__button svg{transform:rotate(45deg)}@media (max-width: 1023px){.shoppable-mobile-hotspot{width:28px;height:28px}.shoppable-mobile-hotspot:before{top:-2px;right:-2px;bottom:-2px;left:-2px}.shoppable-mobile-hotspot:hover,.shoppable-mobile-hotspot:active{transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000026}}.shoppable-hotspot__card{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);width:320px;max-width:90vw;background:#fff;border-radius:8px;box-shadow:0 8px 30px #0000001f;padding:12px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}.shoppable-hotspot__card:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border:7px solid transparent;border-bottom-color:#fff;border-top:0}.shoppable-hotspot.is-active .shoppable-hotspot__card{opacity:1;visibility:visible}.shoppable-hotspot--align-left .shoppable-hotspot__card{left:0;transform:translate(0)}.shoppable-hotspot--align-left .shoppable-hotspot__card:before{left:18px;transform:none}.shoppable-hotspot--align-right .shoppable-hotspot__card{left:auto;right:0;transform:translate(0)}.shoppable-hotspot--align-right .shoppable-hotspot__card:before{left:auto;right:18px;transform:none}.shoppable-hotspot--align-top .shoppable-hotspot__card{top:auto;bottom:calc(100% + 15px)}.shoppable-hotspot--align-top .shoppable-hotspot__card:before{top:auto;bottom:-6px;border-bottom:0;border-top:7px solid #fff}.shoppable-hotspot__card-inner{display:flex;gap:12px}.shoppable-hotspot__card-image{flex-shrink:0;width:80px;height:80px;border-radius:6px;overflow:hidden;background:#f5f5f5}.shoppable-hotspot__card-image img{width:100%;height:100%;object-fit:cover}.shoppable-hotspot__card-image .placeholder-svg{width:100%;height:100%}.shoppable-hotspot__card-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.shoppable-hotspot__card-meta{display:flex;flex-direction:column;gap:8px}.shoppable-hotspot__card-title{font-family:var(--font-heading-family);font-weight:600;font-size:14px;line-height:1.3;margin:0;color:#000}.shoppable-hotspot__card-tags{display:flex;flex-wrap:wrap;gap:6px}.shoppable-hotspot__card-tag{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border:1px solid #000;border-radius:20px;color:#000;background:transparent}.shoppable-hotspot__card-cta{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 16px;min-width:180px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--color-primary, #8b4a5e);border:none;border-radius:4px;text-decoration:none;transition:background .3s ease;width:fit-content}.shoppable-hotspot__card-cta:hover{background:var(--color-primary-darken, #6d3a4a);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shoppable-image.css.map */