waggl-jacket-story.wg-jacket{--wj-stage-size:min(var(--wj-height),calc(100svh - var(--wj-top) - 24px));display:block;background:var(--wj-bg);color:var(--wj-ink);padding:var(--wj-pad) 0;transition:background-color .7s ease;isolation:isolate}
.wg-jacket__wrap{width:calc(100% - 80px);max-width:var(--wj-max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--wj-gap);align-items:start}
.wg-jacket__stage{position:sticky;top:var(--wj-top);height:var(--wj-stage-size);min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}
.wg-jacket__figure{position:relative;height:auto;width:min(var(--wj-width),calc((var(--wj-stage-size) - 50px)*.698837));max-width:100%;aspect-ratio:601/860;flex:0 0 auto}
.wg-jacket__cutout{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(var(--wj-image-scale,1));transform-origin:var(--wj-origin);transition:opacity .45s ease,transform .85s cubic-bezier(.22,1,.36,1);pointer-events:none}
.wg-jacket__cutout.is-active{opacity:1;transform:scale(calc(var(--wj-image-scale,1)*var(--wj-zoom,1.14)))}
.wg-jacket__pins{display:block;position:absolute;inset:0;z-index:2}
.wg-jacket__pin{position:absolute;transform:translate(-50%,-50%);width:var(--wj-pin-size);height:var(--wj-pin-size);padding:0;border:1px solid #34283830;background:var(--wj-pin);border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #0002;transition:background .3s,box-shadow .3s}
.wg-jacket__pin:before{content:'';position:absolute;inset:-10px}
.wg-jacket__pin span{display:block;width:4px;height:4px;background:var(--wj-ink);border-radius:50%;margin:auto}
.wg-jacket__pin.is-active{background:var(--wj-pin-active);box-shadow:0 0 0 7px #ffffff66}
.wg-jacket__pin.is-active span{background:white}
.wg-jacket__pin:focus-visible{outline:2px solid var(--wj-accent);outline-offset:5px}
.wg-jacket__caption{display:flex;gap:22px;align-items:center;justify-content:center;font-size:13px;letter-spacing:.02em;padding:20px 0 0}
.wg-jacket__ticks{display:flex;gap:5px}
.wg-jacket__ticks span{display:block;width:17px;height:3px;background:var(--wj-ink);opacity:.2;border-radius:2px}
.wg-jacket__ticks span.is-active{opacity:1}
.wg-jacket__copy{min-width:0;padding:24px 0}
.wg-jacket h2,.wg-jacket h3{color:var(--wj-ink);letter-spacing:-.035em;margin:0;font-weight:600}
.wg-jacket__intro h2{font-size:var(--wj-title);line-height:1.08}
.wg-jacket p{font-size:var(--wj-body);line-height:1.65;max-width:36em}
.wg-jacket .wg-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--wj-muted);line-height:1.5;margin:0 0 18px}
.wg-jacket__intro{margin-bottom:24px}
.wg-jacket__step{min-height:var(--wj-step);display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity .4s;scroll-margin-top:calc(var(--wj-top) + 30px)}
.wg-jacket__step.is-active{opacity:1}
.wg-jacket__number{font-size:12px;letter-spacing:.08em;margin-bottom:16px;color:var(--wj-muted)}
.wg-jacket__step h3{font-size:var(--wj-feature);line-height:1.18}
.wg-jacket__step p{margin:14px 0 0}
.wg-jacket__buy{padding:32px;background:var(--wj-card);border:1px solid #34283814;border-radius:var(--wj-radius);margin:32px 0 20px;position:relative;z-index:3}
.wg-jacket__buy h3{font-size:28px;line-height:1.15}
.wg-jacket__buy p{font-size:15px}
.wg-jacket__price{font-size:21px!important;font-weight:600;margin:18px 0}
.wg-jacket__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
.wg-jacket__option{display:flex;flex-direction:column;gap:7px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.wg-jacket__option select{width:100%;padding:12px 30px 12px 12px;border:1px solid #34283840;border-radius:4px;background:var(--wj-card);color:var(--wj-ink);font:inherit;font-size:15px;letter-spacing:0;text-transform:none;min-height:46px}
.wg-jacket__add{grid-column:1/-1;background:var(--wj-accent);color:#fff;width:100%;border:0;cursor:pointer;font:inherit;min-height:50px}
.wg-jacket__add:disabled{opacity:.5;cursor:not-allowed}
.wg-jacket__status:empty{display:none}
@media(max-width:989px){.wg-jacket__wrap{width:calc(100% - 40px);gap:32px}.wg-jacket__buy{padding:24px}}
@media(max-width:749px){waggl-jacket-story.wg-jacket{--wj-stage-size:var(--wj-mheight)}.wg-jacket__wrap{display:block;width:calc(100% - 40px)}.wg-jacket__stage{top:var(--wj-mtop);height:var(--wj-stage-size);min-height:240px;margin:0 -20px;padding:14px 20px 12px;background:var(--wj-bg);transition:background-color .7s;z-index:4;box-shadow:0 18px 24px -22px #34283840}.wg-jacket__figure{width:min(var(--wj-width),calc((var(--wj-stage-size) - 54px)*.698837));max-width:85%}.wg-jacket__caption{padding:10px 0 0;font-size:11px}.wg-jacket__intro h2{font-size:var(--wj-mtitle)}.wg-jacket__intro{padding-top:30px;margin-bottom:0}.wg-jacket__step{min-height:var(--wj-mstep);scroll-margin-top:calc(var(--wj-mtop) + var(--wj-mheight) + 22px)}.wg-jacket__step h3{font-size:clamp(22px,6vw,var(--wj-feature))}.wg-jacket__buy{margin:16px 0 0;padding:24px}.wg-jacket__buy h3{font-size:25px}.wg-jacket__pin{width:calc(var(--wj-pin-size)*.85);height:calc(var(--wj-pin-size)*.85)}}
@media(prefers-reduced-motion:reduce){waggl-jacket-story.wg-jacket,.wg-jacket__cutout,.wg-jacket__stage,.wg-jacket__step{transition:none}.wg-jacket__cutout.is-active{transform:scale(var(--wj-image-scale,1))}}