.shop-the-look{position:relative;width:100%;padding:50px 0 60px;background-color:#1e1e1e}.shop-the-look__container{max-width:1400px;margin:0 auto;padding:0 24px}.shop-the-look__header{text-align:center;margin-bottom:40px}.shop-the-look__title{font-size:32px;color:#3a2a18;margin:0 0 12px;font-weight:400;letter-spacing:.5px}.shop-the-look__subtitle{font-size:14px;color:#f8f7f4;letter-spacing:2px;text-transform:uppercase}.shop-the-look__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shop-the-look__image-wrapper{position:relative;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #6040201a}.shop-the-look__image{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:1/1}.shop-the-look__hotspot{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);z-index:10;cursor:pointer}.shop-the-look__hotspot-dot{width:12px;height:12px;background-color:#1e1e1e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003;transition:transform .3s ease}.shop-the-look__hotspot:before{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);background-color:#60402066;border-radius:50%;animation:hotspot-pulse 2s infinite}@keyframes hotspot-pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.shop-the-look__hotspot:hover .shop-the-look__hotspot-dot{transform:translate(-50%,-50%) scale(1.2)}.shop-the-look__popup{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);background:#fff;padding:12px;border-radius:12px;width:200px;display:flex;align-items:center;gap:12px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 10px 30px #60402026;pointer-events:none;z-index:20}.shop-the-look__hotspot.align-left .shop-the-look__popup{left:0;transform:translate(0) translateY(10px)}.shop-the-look__hotspot.align-right .shop-the-look__popup{left:auto;right:0;transform:translate(0) translateY(10px)}.shop-the-look__hotspot:hover .shop-the-look__popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.shop-the-look__hotspot.align-left:hover .shop-the-look__popup,.shop-the-look__hotspot.align-right:hover .shop-the-look__popup{transform:translate(0) translateY(0)}.shop-the-look__popup-img{width:50px;height:50px;border-radius:6px;object-fit:cover;background:#1e1e1e}.shop-the-look__popup-info{flex:1}.shop-the-look__popup-title{font-size:13px;color:#3a2a18;margin:0 0 4px;font-weight:500;line-height:1.2}.shop-the-look__popup-price{font-size:12px;color:#f8f7f4;margin:0}.shop-the-look__popup-arrow{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff}.shop-the-look__hotspot.align-left .shop-the-look__popup-arrow{left:12px;transform:rotate(45deg)}.shop-the-look__hotspot.align-right .shop-the-look__popup-arrow{left:auto;right:12px;transform:rotate(45deg)}@media screen and (max-width:767px){.shop-the-look{padding:40px 0 60px}.shop-the-look__container{padding:0 16px}.shop-the-look__title{font-size:26px}.shop-the-look__grid{grid-template-columns:1fr;gap:12px}.shop-the-look__image-wrapper{border-radius:12px}.shop-the-look__popup{width:140px;padding:8px;gap:8px}.shop-the-look__popup-img{width:36px;height:36px}.shop-the-look__popup-title{font-size:11px}.shop-the-look__popup-price{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shop-the-look.css.map */