.spinder-lookbook__layout{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center}@media screen and (min-width:750px){.spinder-lookbook--image_left .spinder-lookbook__layout,.spinder-lookbook--image_right .spinder-lookbook__layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.spinder-lookbook--image_right .spinder-lookbook__stage{order:2}.spinder-lookbook--image_right .spinder-lookbook__aside{order:1}}.spinder-lookbook__header{max-width:60ch}.spinder-lookbook__stage{position:relative;line-height:0}.spinder-lookbook__image{display:block;width:100%;height:auto;background:var(--spinder-subtle)}.spinder-lookbook__placeholder svg{width:100%;height:auto}.spinder-hotspot{position:absolute;transform:translate(-50%,-50%);line-height:normal;z-index:2}.spinder-hotspot.is-open{z-index:5}.spinder-hotspot__btn{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--spinder-hotspot, #f9f8f4);box-shadow:0 2px 10px #00000047;cursor:pointer}.spinder-hotspot__btn:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.spinder-hotspot__mark{position:relative;display:block}.spinder-hotspot__btn--dot .spinder-hotspot__mark{width:7px;height:7px;border-radius:50%;background:var(--spinder-accent, #860d0d)}.spinder-hotspot__btn--plus .spinder-hotspot__mark{width:12px;height:12px}.spinder-hotspot__btn--plus .spinder-hotspot__mark:before,.spinder-hotspot__btn--plus .spinder-hotspot__mark:after{content:"";position:absolute;background:var(--spinder-accent, #860d0d)}.spinder-hotspot__btn--plus .spinder-hotspot__mark:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.spinder-hotspot__btn--plus .spinder-hotspot__mark:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}@media screen and (max-width:749px){.spinder-hotspot__btn{width:24px;height:24px}.spinder-hotspot__btn:after{top:-12px;right:-12px;bottom:-12px;left:-12px}.spinder-hotspot__btn--dot .spinder-hotspot__mark{width:6px;height:6px}.spinder-hotspot__btn--plus .spinder-hotspot__mark{width:10px;height:10px}}.spinder-hotspot__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--spinder-accent, #860d0d);opacity:0;animation:spinder-pulse 2.4s ease-out infinite}@keyframes spinder-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}.spinder-hotspot.is-open .spinder-hotspot__btn{background:var(--spinder-accent, #860d0d)}.spinder-hotspot.is-open .spinder-hotspot__btn--dot .spinder-hotspot__mark,.spinder-hotspot.is-open .spinder-hotspot__btn--plus .spinder-hotspot__mark:before,.spinder-hotspot.is-open .spinder-hotspot__btn--plus .spinder-hotspot__mark:after{background:var(--spinder-hotspot, #f9f8f4)}.spinder-hotspot__popover{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);width:min(280px,78vw);background:#fff;color:var(--spinder-body, #2e2e2c);border:1px solid var(--spinder-subtle, #eeece6);box-shadow:0 12px 30px #1a1a182e;z-index:3}.spinder-hotspot__popover[hidden]{display:none}.spinder-hotspot__popover.is-below{bottom:auto;top:calc(100% + 14px)}.spinder-hotspot__popover.is-left{left:0;transform:none}.spinder-hotspot__popover.is-right{left:auto;right:0;transform:none}.spinder-hotspot__card{display:flex;gap:.9rem;align-items:center;padding:.8rem;text-decoration:none;color:inherit}.spinder-hotspot__card--text{display:block}.spinder-hotspot__img{width:84px;height:84px;object-fit:cover;flex:none;background:var(--spinder-subtle)}.spinder-hotspot__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.spinder-hotspot__title{font-family:var(--spinder-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.232rem;line-height:1.2;color:var(--spinder-ink, #1a1a18)}.spinder-hotspot__price{font-size:1.377rem;font-weight:600}.spinder-hotspot__note{font-size:1.189rem;line-height:1.4;color:var(--spinder-body)}.spinder-hotspot__cta{margin-top:.25rem;font-family:var(--spinder-font-heading);font-weight:700;font-size:1.015rem;text-transform:uppercase;letter-spacing:.12em;color:var(--spinder-accent, #860d0d)}@media(prefers-reduced-motion:reduce){.spinder-hotspot__pulse{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-spinder-lookbook.css.map */