.zoy-lookbook{overflow:hidden;background-image:var(--zlb-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.zoy-lookbook--placeholder{background-image:linear-gradient(135deg,#d4e4f5,#c9e8df)}.zoy-lookbook__header{text-align:center;margin-bottom:24px}.zoy-lookbook__heading{font-family:Kobe,Georgia,serif;font-size:clamp(24px,3.5vw,38px);font-weight:700;color:#000;margin:0 0 14px;line-height:1.1}.zoy-lookbook__desc{font-family:DM Sans,system-ui,sans-serif;font-size:15px;color:#6b6b6b;line-height:1.6;max-width:620px;margin:0 auto}.zoy-lookbook__stage{position:relative;width:100%;border-radius:16px;aspect-ratio:var(--zlb-ar, 2.4)}.zoy-lookbook__stage--full{border-radius:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.zoy-lookbook__product-pic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--zlb-lb-w, 70%);max-width:var(--zlb-lb-w, 70%);z-index:1;line-height:0}.zoy-lookbook__product-pic picture,.zoy-lookbook__product-pic img{display:block;width:100%;height:auto;pointer-events:none}.zoy-lookbook__product{width:100%;height:auto;object-fit:contain;display:block}.zoy-hotspot{position:absolute;z-index:2;left:var(--zlb-x, 50%);top:var(--zlb-y, 50%);transform:translate(-50%,-50%)}.zoy-hotspot.is-open{z-index:10}.zoy-hotspot__marker{width:28px;height:28px;border-radius:50%;background:var(--zlb-accent, #814596);color:#fff;border:2px solid rgba(255,255,255,.6);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:400;line-height:1;padding:0;box-shadow:0 2px 8px #0000002e;transition:transform .2s,box-shadow .2s;position:relative}.zoy-hotspot__marker:hover{transform:scale(1.1)}.zoy-hotspot__marker:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--zlb-accent, #814596);opacity:.5;animation:zlb-pulse 2s ease-out infinite}@keyframes zlb-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}.zoy-hotspot__icon{display:inline-flex}.zoy-hotspot__icon--minus,.zoy-hotspot.is-open .zoy-hotspot__icon--plus{display:none}.zoy-hotspot.is-open .zoy-hotspot__icon--minus{display:inline-flex}.zoy-hotspot.is-open .zoy-hotspot__marker:before{animation:none;opacity:0}.zoy-hotspot__tooltip{position:absolute;background:var(--zlb-tooltip-bg, #3D1A4A);color:var(--zlb-tooltip-color, #ffffff);font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.4;text-align:center;padding:16px 20px;border-radius:16px;width:200px;opacity:0;visibility:hidden;transform:scale(.9);transition:opacity .22s,transform .22s,visibility .22s;z-index:3;box-shadow:0 8px 24px #0000002e}.zoy-hotspot.is-open .zoy-hotspot__tooltip{opacity:1;visibility:visible;transform:scale(1)}.zoy-hotspot__tooltip--left{right:calc(100% + 14px);top:50%;transform:translateY(-50%) scale(.9)}.zoy-hotspot.is-open .zoy-hotspot__tooltip--left{transform:translateY(-50%) scale(1)}.zoy-hotspot__tooltip--right{left:calc(100% + 14px);top:50%;transform:translateY(-50%) scale(.9)}.zoy-hotspot.is-open .zoy-hotspot__tooltip--right{transform:translateY(-50%) scale(1)}.zoy-hotspot__tooltip--top{bottom:calc(100% + 14px);left:50%;transform:translate(-50%) scale(.9)}.zoy-hotspot.is-open .zoy-hotspot__tooltip--top{transform:translate(-50%) scale(1)}.zoy-hotspot__tooltip--bottom{top:calc(100% + 14px);left:50%;transform:translate(-50%) scale(.9)}.zoy-hotspot.is-open .zoy-hotspot__tooltip--bottom{transform:translate(-50%) scale(1)}@media(max-width:749px){.zoy-lookbook__heading{font-size:24px}.zoy-lookbook{background-image:var(--zlb-bg-m, var(--zlb-bg))}.zoy-lookbook__stage{aspect-ratio:auto;min-height:0}.zoy-lookbook__product-pic{position:relative;top:auto;left:auto;transform:none;margin:0 auto;width:var(--zlb-lb-w-m, var(--zlb-lb-w, 85%));max-width:var(--zlb-lb-w-m, var(--zlb-lb-w, 85%))}.zoy-hotspot{left:var(--zlb-x-m, var(--zlb-x, 50%));top:var(--zlb-y-m, var(--zlb-y, 50%))}.zoy-hotspot__marker{width:24px;height:24px;font-size:15px}.zoy-hotspot__tooltip{width:150px;font-size:12px;padding:12px 14px}}.zoy-hotspot__tooltip-title{display:block;font-weight:700;font-size:1.1em;margin-bottom:4px;line-height:1.2}.zoy-hotspot__tooltip-text{display:block;font-weight:400;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/29/assets/zoy-lookbook.css.map */