.petja-explainer{padding:clamp(56px,8vw,110px) 0;background:var(--petja-white);overflow:hidden}.petja-explainer__header{text-align:center;max-width:640px;margin:0 auto clamp(48px,6vw,80px)}.petja-explainer__header .petja-eyebrow{display:block;margin-bottom:18px}.petja-explainer__stepper{max-width:620px;margin:0 auto clamp(40px,5vw,64px)}.petja-explainer__track{position:relative;display:flex;justify-content:space-between;align-items:center}.petja-explainer__track:before{content:"";position:absolute;left:20px;right:20px;top:50%;height:1px;background:#1111111f;transform:translateY(-50%)}.petja-explainer__track-fill{position:absolute;left:20px;top:50%;height:1px;background:var(--petja-gold);transform:translateY(-50%);width:0%;transition:width .6s var(--petja-ease)}.petja-explainer__dot{position:relative;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(17,17,17,.18);background:var(--petja-white);color:var(--petja-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s var(--petja-ease)}.petja-explainer__dot-number{font-family:var(--petja-font-title);font-size:14px}.petja-explainer__dot:hover{border-color:var(--petja-gold);color:var(--petja-gold)}.petja-explainer__dot.is-active{border-color:var(--petja-gold);background:var(--petja-gold);color:#fff;transform:scale(1.15);box-shadow:0 8px 20px #d4af3759}.petja-explainer__panels{position:relative;max-width:600px;margin:0 auto;min-height:300px}.petja-explainer__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .5s var(--petja-ease),transform .5s var(--petja-ease),visibility 0s linear .5s;pointer-events:none}.petja-explainer__panel.is-active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .5s var(--petja-ease),transform .5s var(--petja-ease),visibility 0s;pointer-events:auto}.petja-explainer__panel-icon{width:64px;height:64px;margin-bottom:24px;color:var(--petja-gold)}.petja-explainer__panel-icon svg{width:100%;height:100%}.petja-explainer__draw{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s var(--petja-ease)}.petja-explainer__panel.is-active .petja-explainer__draw{stroke-dashoffset:0}.petja-explainer__draw:nth-child(2){transition-delay:.08s}.petja-explainer__draw:nth-child(3){transition-delay:.16s}.petja-explainer__draw:nth-child(4){transition-delay:.24s}.petja-explainer__panel-title{font-family:var(--petja-font-title);font-weight:500;font-size:clamp(22px,2.4vw,28px);color:var(--petja-text);margin:0 0 14px}.petja-explainer__panel-text{font-family:var(--petja-font-body);font-weight:300;font-size:15px;line-height:1.7;color:var(--petja-text-secondary);max-width:480px;margin:0}@media(prefers-reduced-motion:reduce){.petja-explainer__dot,.petja-explainer__panel,.petja-explainer__track-fill,.petja-explainer__draw{transition:none!important}}@media(max-width:560px){.petja-explainer__dot{width:34px;height:34px}.petja-explainer__panels{min-height:320px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/petja-explainer.css.map */