wigzi-experience{--wz-ink:#202721;--wz-muted:#62685e;--wz-accent:#c4df39;display:block;position:relative;height:520vh;color:var(--wz-ink);font-family:Arial,Helvetica,sans-serif;background:#f5f6f0;isolation:isolate}
wigzi-experience *{box-sizing:border-box} .wz-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#fff 0,#f4f5ef 61%,#e9ece1 100%)}
.wz-top{position:absolute;top:28px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:3;border-bottom:1px solid #20272120;padding-bottom:18px;gap:16px}.wz-brand{font-size:30px;letter-spacing:-2px;font-weight:900;text-decoration:none;color:inherit}.wz-product{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700}.wz-shop{color:inherit;font-size:12px;text-decoration:none;border:1px solid #20272140;border-radius:30px;padding:11px 20px}.wz-shop:hover{background:var(--wz-ink);color:white}
.wz-intro,.wz-outro{position:absolute;top:112px;left:10%;right:10%;text-align:center;pointer-events:none;z-index:2}.wz-eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;text-transform:uppercase;margin:0 0 16px}.wz-intro h2,.wz-outro h2{font-size:clamp(42px,5.5vw,84px);font-weight:600;letter-spacing:-.055em;line-height:1.02;margin:0}.wz-intro h2 span{color:#798965}.wz-subtitle{font-size:15px;line-height:1.5;color:var(--wz-muted);margin:17px auto;max-width:420px}.wz-outro{opacity:0}.wz-canvas{position:absolute;inset:21% 10% 9%;z-index:1}.wz-canvas canvas{display:block;width:100%;height:100%}.wz-ground{position:absolute;bottom:19%;left:30%;width:40%;height:7%;background:#39422c20;filter:blur(25px);border-radius:50%;transform:scaleY(.4)}
.wz-callout{position:absolute;width:195px;z-index:3;opacity:0;visibility:hidden;pointer-events:none}.wz-left{left:6%}.wz-right{right:6%}.wz-callout[data-part="Handle"]{top:47%}.wz-callout[data-part="BUTTONS"]{top:28%}.wz-callout[data-part="Large_Spring"]{top:47%}.wz-callout[data-part="STRAP_LEASH"]{top:67%}.wz-callout .wz-number{font-size:10px;letter-spacing:2px;color:#7a8657;display:block;margin-bottom:8px}.wz-callout h3{font-size:20px;letter-spacing:-.6px;margin:0 0 9px;line-height:1.1}.wz-callout p{font-size:12px;line-height:1.6;margin:0;color:var(--wz-muted);max-width:180px}.wz-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;fill:none;stroke:#829061;stroke-width:1}.wz-lines path{opacity:0}
.wz-bottom{position:absolute;bottom:28px;left:4.5%;right:4.5%;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.wz-chapter{font-size:10px;letter-spacing:1px}.wz-controls{display:flex;gap:5px;padding:5px;border:1px solid #20272120;border-radius:30px;background:#ffffffb0}.wz-controls button{border:0;background:transparent;color:var(--wz-ink);font:inherit;font-size:11px;border-radius:25px;padding:10px 16px;cursor:pointer;min-height:38px}.wz-controls button[aria-pressed=true]{background:var(--wz-ink);color:#fff}.wz-scroll{font-size:10px;text-align:right;letter-spacing:2px;text-transform:uppercase}.wz-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#d9dfcc}.wz-progress-fill{height:100%;background:#7f9441;transform-origin:left;transform:scaleX(0)}.wz-status{position:absolute;top:53%;left:25%;right:25%;text-align:center;z-index:4;font-size:13px}.wz-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wz-poster{position:absolute;inset:26% 22% 15%;width:56%;height:59%;object-fit:contain}.wz-poster:not([src]){display:none}[data-loaded] .wz-poster{display:none}[data-failed]{height:auto}[data-failed] .wz-stage{position:relative}[data-failed] .wz-canvas{display:none}[data-failed] .wz-accessible{position:static;width:auto;height:auto;clip-path:none;padding:40px;display:grid;gap:20px}[data-failed] .wz-controls{display:none}wigzi-experience a:focus-visible,wigzi-experience button:focus-visible{outline:3px solid #647927;outline-offset:4px}
@media(min-width:1500px){.wz-callout{width:240px}.wz-callout h3{font-size:24px}.wz-callout p{max-width:220px;font-size:14px}}
@media(max-width:700px){wigzi-experience{height:480vh}.wz-stage{min-height:650px}.wz-top{top:16px;padding-bottom:12px}.wz-brand{font-size:26px}.wz-product{font-size:8px;letter-spacing:1px;max-width:115px}.wz-shop{padding:9px 12px;font-size:10px}.wz-intro,.wz-outro{top:100px;left:5%;right:5%}.wz-intro h2,.wz-outro h2{font-size:47px}.wz-subtitle{font-size:13px;max-width:280px}.wz-canvas{inset:23% -12% 15%}.wz-callout{width:140px}.wz-callout h3{font-size:16px}.wz-callout p{font-size:11px}.wz-left{left:6%}.wz-right{right:6%}.wz-callout[data-part="BUTTONS"]{top:25%}.wz-callout[data-part="Handle"]{top:66%}.wz-callout[data-part="Large_Spring"]{top:27%}.wz-callout[data-part="STRAP_LEASH"]{top:66%}.wz-bottom{bottom:22px;grid-template-columns:1fr;justify-items:center;gap:12px}.wz-chapter{font-size:9px}.wz-scroll{display:none}.wz-number{margin-bottom:5px!important}.wz-lines{stroke-opacity:.6}.wz-eyebrow{font-size:9px}.wz-poster{inset:30% 10% 20%;width:80%;height:50%}}
.wz-enable-motion{display:none}
@media(prefers-reduced-motion:reduce){wigzi-experience:not(.wz-motion-enabled){height:auto}wigzi-experience:not(.wz-motion-enabled) .wz-stage{position:relative}wigzi-experience:not(.wz-motion-enabled) .wz-scroll,wigzi-experience:not(.wz-motion-enabled) .wz-lines,wigzi-experience:not(.wz-motion-enabled) .wz-callout{display:none}wigzi-experience:not(.wz-motion-enabled) .wz-accessible{position:static;width:auto;height:auto;clip-path:none;padding:40px 8%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}wigzi-experience:not(.wz-motion-enabled) .wz-enable-motion{display:block;position:absolute;right:4%;bottom:90px;z-index:5;border:1px solid #a0aa8d;background:#fff;padding:9px 14px;border-radius:24px;font-size:11px;cursor:pointer}}

/* Existing Shopify theme integration */
wigzi-experience.wz-native{font-family:inherit}
.wz-native .wz-intro h2,.wz-native .wz-outro h2,.wz-native .wz-callout h3{font-family:inherit;text-transform:none}
.wz-native-next{position:absolute;bottom:90px;left:0;right:0;text-align:center;z-index:5;pointer-events:none;opacity:0}
.wz-native-next a{display:inline-block;border-radius:28px;background:#202721;color:#fff;padding:14px 24px;text-decoration:none;font-size:13px;pointer-events:auto}
.wz-purchase-anchor{scroll-margin-top:120px}
@media(prefers-reduced-motion:reduce){.wz-native:not(.wz-motion-enabled) .wz-native-next{position:static;opacity:1;padding:0 0 30px}}