.shop-look-section{background:var(--bg);padding-top:var(--pt);padding-bottom:var(--pb);overflow:hidden}.shop-look-container{max-width:var(--section-max-width);margin:auto;padding:0 30px}.shop-look-section.full-width .shop-look-container{max-width:100%;padding-inline:60px}.shop-look-header{text-align:center;margin-bottom:70px}.shop-look-title{margin:0;font-size:var(--heading-size);color:var(--heading-color);font-weight:400;letter-spacing:2.8px;text-transform:uppercase}.shop-look-subtitle{margin-top:18px;font-size:var(--subheading-size);color:var(--subheading-color);line-height:1.8}.shop-look-wrapper{display:flex;align-items:center;gap:var(--content-gap)}.shop-look-image{position:relative;flex:0 0 var(--left-width);max-width:var(--left-width);overflow:hidden;min-width:0}.shop-look-image{position:relative;flex:0 0 var(--left-width);max-width:var(--left-width)}.shop-look-main-image{display:none;position:relative;width:100%;max-width:550px;margin:auto;aspect-ratio:550 / 690;overflow:hidden}.shop-look-main-image.active{display:block}.shop-look-main-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px}.shop-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:1}.hotspot-dot{width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 0 0 10px #fff3}.hotspot-dot:before{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.shop-look-wrapper{position:relative;overflow:visible}.shop-look-arrow{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:100px;background:#111;color:#fff;font-size:28px;cursor:pointer;z-index:999}.shop-look-prev{left:-80px}.shop-look-next{right:-80px}@media(max-width:990px){.shop-look-wrapper{display:block}.shop-look-image,.shop-look-right{max-width:100%;width:100%}.shop-look-main-image{max-width:100%;aspect-ratio:auto;height:auto}.shop-look-arrow{display:none}.shop-look-products{overflow:hidden}.card-image{max-width:100%}}@media(max-width:768px){.shop-look-container{padding-left:16px;padding-right:16px}.shop-look-title{font-size:26px}.card-content h3{font-size:18px}.shop-look-btn{width:100%}.hotspot-dot{width:16px;height:16px}}.shop-hotspot{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:1}.hotspot-dot{width:22px;height:22px;display:block;border-radius:50%;background:#fff;position:relative;box-shadow:0 0 0 8px #ffffff2e,0 0 0 14px #ffffff14;transition:.3s}.hotspot-dot:before{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.4);animation:hotspotPulse 2s infinite}.shop-hotspot:hover .hotspot-dot{transform:scale(1.15)}.shop-hotspot.active .hotspot-dot{background:#fff}.shop-hotspot.active .hotspot-dot:before{border-color:#fff}@keyframes hotspotPulse{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.shop-look-right{flex:0 0 var(--right-width);max-width:var(--right-width);position:relative}.shop-look-products{position:relative}.shop-look-card{display:none;animation:fadeCard .35s ease}.shop-look-card.active{display:block}@keyframes fadeCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.card-image{max-width:270px;margin:0 auto;overflow:hidden;max-height:100%;border-radius:14px}.card-image img{width:100%;display:block;transition:.4s}.card-image:hover img{transform:scale(1.04)}.card-content{text-align:center;padding-top:30px}.vendor{font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;color:#666}.card-content h3{margin:0;font-size:28px;font-weight:300;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.price{margin-top:30px;font-size:22px;color:#777}.shop-look-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:50px;min-width:220px;padding:18px 34px;background:#4c1d31;color:#fff;text-decoration:none;font-size:15px;letter-spacing:.18em;text-transform:uppercase;transition:.3s}.shop-look-btn:hover{background:#000;transform:translateY(-2px)}.shop-look-pagination{display:flex;justify-content:center;gap:10px;margin-top:30px}.shop-look-pagination span{width:7px;height:7px;background:#cfcfcf;border-radius:50%}.shop-look-pagination span.active{background:#222}.shop-look-arrow{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:999px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:.3s}.shop-look-arrow:hover{transform:translateY(-50%) scale(1.08)}.shop-look-prev{left:-90px}.shop-look-next{right:-90px}@media(max-width:1200px){.shop-look-wrapper{gap:50px}.shop-look-prev{left:-30px}.shop-look-next{right:-30px}}.shop-look-mobile-drawer{display:none!important}@media(max-width:990px){.shop-look-right{display:none!important}.shop-look-mobile-drawer{position:fixed;left:0;right:0;bottom:0;background:#f5f5f5;z-index:999;border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .55s cubic-bezier(.22,1,.36,1);max-height:86vh;overflow:auto;display:block!important}.shop-look-mobile-drawer.open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px;font-size:18px;letter-spacing:.15em;border-bottom:1px solid #ddd}.drawer-close{border:none;background:none;font-size:42px;cursor:pointer}.drawer-body{padding:30px}.drawer-body .shop-look-card{display:block}.drawer-body .card-image{max-width:320px;margin:auto}.drawer-body .card-content{text-align:center}}@media(max-width:768px){.shop-look-container,.shop-look-section.full-width .shop-look-container{padding-inline:20px}.shop-look-title{font-size:28px}.shop-look-subtitle{font-size:14px}.hotspot-dot{width:18px;height:18px}.hotspot-dot:before{width:40px;height:40px}.card-content{padding-top:20px}.price{font-size:18px}.shop-look-btn{min-width:auto;padding:16px 20px}}@media(max-width:480px){.shop-look-header{margin-bottom:32px}.card-content h3{font-size:18px}.vendor{font-size:11px}.price{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/shop-look.css.map */