.p1 .p1-advice__heading{margin-bottom:28px}.p1 .p1-advice__heading>div>p:not(.zv-eyebrow){max-width:760px;margin-top:16px;color:var(--zv-muted);font-size:var(--p1-body-size);line-height:1.65}.p1 .p1-advice__experience{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,3vw,44px)}.p1 .p1-advice__steps{display:grid;align-content:center;gap:8px;min-width:0}.p1 .p1-advice__step{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:22px;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--zv-ink);font:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}.p1 .p1-advice__step[aria-selected=true]{border-color:var(--zv-line-strong);background:#fff}.p1 .p1-advice__step:hover{background:#ffffffa6}.p1 .p1-advice__step>.zv-icon{color:var(--zv-muted);opacity:.55}.p1 .p1-advice__step[aria-selected=true]>.zv-icon{color:#477a0c;opacity:1}.p1 .p1-advice__number{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--zv-line-strong);border-radius:50%;color:var(--zv-muted);font-size:13px;font-weight:600}.p1 .p1-advice__step[aria-selected=true] .p1-advice__number{border-color:var(--zv-deep);background:var(--zv-deep);color:var(--zv-lime)}.p1 .p1-advice__step-copy{min-width:0}.p1 .p1-advice__step-copy>strong{display:block;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.02em}.p1 .p1-advice__short{display:none}.p1 .p1-advice__viewer{position:relative;isolation:isolate;min-width:0;width:100%;overflow:hidden;border:1px solid rgba(var(--zv-color-green-rgb),.2);border-radius:var(--zv-radius-md);color:#fff;background:radial-gradient(ellipse at -6% -10%,rgba(var(--zv-color-green-rgb),.18),transparent 64%),radial-gradient(ellipse at 108% 112%,rgba(var(--zv-color-green-rgb),.1),transparent 66%),#071306}.p1 .p1-advice__viewer-head{display:flex;padding:14px 26px;border-bottom:1px solid var(--zv-line-dark)}.p1 .p1-advice__viewer-head>span{display:flex;align-items:center;gap:8px;color:#ffffffbd;font-size:12px;line-height:1.5}.p1 .p1-advice__viewer-head .zv-icon{width:16px;height:16px;color:var(--zv-lime)}.p1 .p1-advice__screens{display:block;min-height:0;height:auto}.p1 .p1-advice__screen{display:block;min-width:0;min-height:0;height:auto;padding:24px 26px 20px;outline-offset:-4px}.p1 .p1-advice__screen[hidden]{display:none!important}.p1 .p1-advice__screen-title{margin:0 0 18px}.p1 .p1-advice__screen h3{margin:0;color:#fff;font-size:clamp(23px,2.15vw,28px);font-weight:700;line-height:1.2;letter-spacing:-.025em;text-wrap:pretty}.p1 .p1-advice__screen .p1-advice__screen-note{max-width:100%;margin:16px 0 0;color:#ffffffc2;font-size:13px;line-height:1.6}.p1 .p1-advice__measure-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px}.p1 .p1-advice__measure-head .p1-advice__screen-title{margin:0}.p1 .p1-advice__measure-tags{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:#ffffffd1;font-size:12px;line-height:1.5}.p1 .p1-advice__measure-tags>span{display:flex;align-items:center;gap:7px}.p1 .p1-advice__measure-tags i{display:block;width:17px;height:3px;border-radius:3px;background:var(--zv-lime)}.p1 .p1-advice__measure-tags>span+span i{height:0;border-top:2px dashed #8abf40;background:transparent}.p1 .p1-advice__graph-wrap{width:100%;margin:18px 0 0}.p1 .p1-advice__plot{position:relative;width:100%;height:180px}.p1 .p1-advice__graph{display:block;width:100%;max-width:none;height:100%;overflow:visible}.p1 .p1-advice__gridlines path{fill:none;stroke:#ffffff1a;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.p1 .p1-advice__zero{fill:none;stroke:#ffffff29;stroke-width:1;vector-effect:non-scaling-stroke}.p1 .p1-advice__graph-line{fill:none;stroke:var(--zv-lime);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.p1 .p1-advice__graph-line--export{stroke:#8cbd43;stroke-dasharray:7 6}.p1 .p1-advice__graph-dot{position:absolute;width:9px;height:9px;border:2px solid #15220c;border-radius:50%;background:var(--zv-lime);transform:translate(-50%,-50%);pointer-events:none}.p1 .p1-advice__graph-dot--export{background:#8cbd43}.p1 .p1-advice__graph-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:94%;margin:6px auto 0;color:#ffffffbd;font-size:12px;line-height:1.5;text-align:center}.p1 .p1-advice__analysis-intro{margin:0 0 16px;color:#ffffffc7;font-size:14px;line-height:1.6}.p1 .p1-advice__analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.p1 .p1-advice__analysis-card{display:flex;align-items:flex-start;gap:12px;padding:20px 18px;border:1px solid var(--zv-line-dark);border-radius:16px;background:#ffffff09}.p1 .p1-advice__analysis-mark{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--zv-lime);color:var(--zv-deep)}.p1 .p1-advice__analysis-card h4{margin:0;color:#fff;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.02em}.p1 .p1-advice__analysis-card p{margin:8px 0 0;color:#ffffffc7;font-size:14px;line-height:1.6}.p1 .p1-advice__capacities{display:grid;gap:0}.p1 .p1-advice__capacity{display:grid;grid-template-columns:66px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--zv-line-dark)}.p1 .p1-advice__capacity:last-child{border-bottom:0}.p1 .p1-advice__capacity>strong{color:#fff;font-size:16px;font-weight:600;line-height:1.5}.p1 .p1-advice__capacity>strong>span{color:#ffffffbd;font-size:12px;font-weight:400}.p1 .p1-advice__capacity--best>strong{color:var(--zv-lime)}.p1 .p1-advice__capacity-track{display:block;height:8px;overflow:hidden;border-radius:20px;background:#ffffff12}.p1 .p1-advice__capacity-track>i{display:block;width:var(--capacity-size);height:100%;border-radius:20px;background:var(--capacity-fill);transform-origin:left}.p1 .p1-advice__capacity-check{color:var(--capacity-fill)}.p1 .p1-advice__recommendation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:24px;padding:0}.p1 .p1-advice__recommendation-copy{min-width:0}.p1 .p1-advice__recommendation h3{margin:0;color:#fff;font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.035em}.p1 .p1-advice__recommendation-copy p{max-width:370px;margin:14px 0 0;color:#ffffffc7;font-size:14px;line-height:1.6}.p1 .p1-advice__battery-media{--p1-battery-width: 180px;position:relative;display:grid;place-items:center;width:100%;min-height:200px;margin:0}.p1 .p1-advice__battery-media[data-advice-capacity="4"]{--p1-battery-width: 200px}.p1 .p1-advice__battery-media[data-advice-capacity="12"]{--p1-battery-width: 148px}.p1 .p1-advice__battery-media[data-advice-capacity="16"]{--p1-battery-width: 120px}.p1 .p1-advice__battery-media>.zv-core-render{width:min(100%,var(--p1-battery-width))}.p1 .p1-advice__outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;padding-top:18px;border-top:1px solid var(--zv-line-dark)}.p1 .p1-advice__outcomes>div{display:flex;flex-direction:column;align-items:center;min-width:0;padding:4px 10px;text-align:center}.p1 .p1-advice__outcomes>div+div{border-left:1px solid var(--zv-line-dark)}.p1 .p1-advice__unit{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px;color:var(--zv-lime);font-size:clamp(21px,2.2vw,28px);font-weight:600;line-height:1.15;letter-spacing:-.035em}.p1 .p1-advice__unit small{font-size:12px;font-weight:400;letter-spacing:0}.p1 .p1-advice__outcomes strong{display:block;margin-top:8px;color:#ffffffc2;font-size:12px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.p1 .p1-advice__viewer-controls{display:flex;align-items:center;gap:12px;margin:0 26px;padding:4px 0;border-top:1px solid var(--zv-line-dark)}.p1 .p1-advice__counter{color:#ffffffad;font-size:12px;line-height:1.5;white-space:nowrap}.p1 .p1-advice__counter b{color:var(--zv-lime);font-weight:600}.p1 .p1-advice__progress{display:flex;gap:5px}.p1 .p1-advice__progress i{width:13px;height:3px;border-radius:4px;background:#fff3}.p1 .p1-advice__progress i.is-current{background:var(--zv-lime)}.p1 .p1-advice__viewer-controls>button{display:flex;align-items:center;gap:9px;min-height:44px;margin-left:auto;padding:10px 0 10px 10px;border:0;border-radius:8px;background:none;color:#fff;font:inherit;font-size:12px;line-height:1.5;cursor:pointer}.p1 .p1-advice__viewer-controls>button:hover{color:var(--zv-lime)}.p1 .p1-advice__order{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid var(--zv-line)}.p1 .p1-advice__order>div>strong{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.02em}.p1 .p1-advice__order p{max-width:540px;margin-top:6px;color:var(--zv-muted);font-size:14px;line-height:1.6}.p1 .p1-advice__order-action{display:flex;flex:0 0 auto;align-items:center;gap:20px}.p1 .p1-advice__order-action>span>b{display:block;color:var(--zv-ink);font-size:26px;line-height:1.2;white-space:nowrap}.p1 .p1-advice__order-action small{display:block;margin-top:5px;color:var(--zv-muted);font-size:12px}.p1 .p1-advice__order-action .zv-btn{width:auto;font-size:14px}.p1 .p1-advice__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.p1 .p1-advice__experience:not([data-enhanced]) .p1-advice__steps{display:none}.p1 .p1-advice__experience:not([data-enhanced]){display:block}.p1 .p1-advice__experience:not([data-enhanced]) .p1-advice__screen[hidden]{display:block!important}.p1 .p1-advice__experience:not([data-enhanced]) .p1-advice__screen+.p1-advice__screen{border-top:1px solid var(--zv-line-dark)}@media(prefers-reduced-motion:no-preference){.p1 .p1-advice__screen.is-animating{animation:p1-advice-appear .28s ease-out both}.p1 .p1-advice__screen.is-animating [data-analysis-item]{animation:p1-advice-appear .4s ease-out both}.p1 .p1-advice__screen.is-animating [data-analysis-item]:nth-child(2){animation-delay:.25s}.p1 .p1-advice__screen.is-animating .p1-advice__capacity-track>i{animation:p1-advice-bar .65s ease-out both;animation-delay:calc(var(--capacity-order) * .12s)}}@keyframes p1-advice-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes p1-advice-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:1099px)and (min-width:900px){.p1 .p1-advice__experience{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.p1 .p1-advice__step{gap:12px;padding:20px 16px}.p1 .p1-advice__analysis-grid{grid-template-columns:1fr;gap:12px}.p1 .p1-advice__analysis-card{padding:16px}}@media(max-width:899px){.p1 .p1-advice__experience{grid-template-columns:1fr;gap:18px}.p1 .p1-advice__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.p1 .p1-advice__step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 6px;border-color:var(--zv-line);border-radius:16px;text-align:center}.p1 .p1-advice__number{width:28px;height:28px;font-size:12px}.p1 .p1-advice__step-copy>strong,.p1 .p1-advice__step>.zv-icon{display:none}.p1 .p1-advice__short{display:block;font-size:12px;font-weight:600;line-height:1.4}.p1 .p1-advice__order{gap:18px}.p1 .p1-advice__order-action{gap:16px}}@media(max-width:599px){.p1 .p1-advice__heading{margin-bottom:24px}.p1 .p1-advice__viewer{border-radius:22px}.p1 .p1-advice__viewer-head{padding:12px 20px}.p1 .p1-advice__screen{padding:20px 20px 18px}.p1 .p1-advice__screen h3{font-size:23px}.p1 .p1-advice__screen-title{margin-bottom:16px}.p1 .p1-advice__measure-head{gap:12px}.p1 .p1-advice__measure-tags{gap:18px}.p1 .p1-advice__plot{height:155px}.p1 .p1-advice__graph-wrap{margin-top:14px}.p1 .p1-advice__analysis-grid{grid-template-columns:1fr;gap:12px}.p1 .p1-advice__analysis-card{padding:16px}.p1 .p1-advice__capacity{grid-template-columns:58px minmax(0,1fr) 16px;gap:12px;padding-block:12px}.p1 .p1-advice__recommendation{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:16px}.p1 .p1-advice__recommendation h3{font-size:25px}.p1 .p1-advice__recommendation-copy p{margin-top:10px;font-size:13px}.p1 .p1-advice__battery-media{--p1-battery-width: 130px;min-height:160px}.p1 .p1-advice__battery-media[data-advice-capacity="4"]{--p1-battery-width: 150px}.p1 .p1-advice__battery-media[data-advice-capacity="12"]{--p1-battery-width: 115px}.p1 .p1-advice__battery-media[data-advice-capacity="16"]{--p1-battery-width: 96px}.p1 .p1-advice__outcomes{margin-top:16px;padding-top:16px}.p1 .p1-advice__outcomes>div{padding:3px 5px}.p1 .p1-advice__unit{font-size:21px}.p1 .p1-advice__unit small,.p1 .p1-advice__outcomes strong{font-size:11px}.p1 .p1-advice__viewer-controls{gap:10px;margin-inline:20px}.p1 .p1-advice__order{display:block;margin-top:20px;padding-top:20px}.p1 .p1-advice__order-action{justify-content:space-between;gap:14px;margin-top:18px}.p1 .p1-advice__order-action .zv-btn{padding-inline:18px;font-size:13px}}@media(max-width:359px){.p1 .p1-advice__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.p1 .p1-advice__step{flex-direction:row;gap:8px;padding:10px}.p1 .p1-advice__screen,.p1 .p1-advice__viewer-head{padding-inline:18px}.p1 .p1-advice__recommendation h3{font-size:23px}.p1 .p1-advice__outcomes{grid-template-columns:1fr;padding-top:0}.p1 .p1-advice__outcomes>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0;text-align:left}.p1 .p1-advice__outcomes>div+div{border-left:0;border-top:1px solid var(--zv-line-dark)}.p1 .p1-advice__outcomes strong{grid-column:1;grid-row:1;margin:0;font-size:12px;overflow-wrap:normal}.p1 .p1-advice__unit{grid-column:2;grid-row:1;justify-content:flex-end;max-width:115px}.p1 .p1-advice__viewer-controls{margin-inline:18px}.p1 .p1-advice__order-action{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.p1 .p1-advice__experience *,.p1 .p1-advice__experience *:before,.p1 .p1-advice__experience *:after{animation:none!important;transition:none!important}.p1 .p1-advice__graph-dot{display:none!important}}@media print{.p1 .p1-advice__steps,.p1 .p1-advice__viewer-controls,.p1 .p1-advice__order{display:none!important}.p1 .p1-advice__experience{display:block}.p1 .p1-advice__screen[hidden]{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/389/assets/zv-p1-advice.css.map */
