.sf8-journey{--j-accent: var(--sf-accent);--j-surface: var(--sf-surface);--j-ink: var(--sf-ink);color:var(--j-ink);margin:0 auto}.sf8-journey h1,.sf8-journey h2{font-weight:650;letter-spacing:-.055em;line-height:1.1}.sf8-journey h1{font-size:clamp(36px,5vw,64px);margin:12px 0 18px}.sf8-journey h2{font-size:clamp(28px,3.5vw,44px);margin:8px 0 16px}.sf8-journey p{line-height:1.75;color:#806971;color:color-mix(in srgb,var(--sf-accent) 14%,var(--sf-muted));font-size:14px}.sf8-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:26px 0 55px}.sf8-intro-photo{height:380px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,var(--sf-surface),#f3eaedff);background:linear-gradient(140deg,var(--sf-surface),color-mix(in srgb,var(--sf-accent) 9%,white));border-radius:32px;overflow:hidden}.sf8-intro-photo img{width:85%;height:90%;object-fit:contain;mix-blend-mode:multiply}.sf8-intro-price{display:block;font-size:28px;font-weight:650;letter-spacing:-.03em;margin:22px 0}.sf8-service-pair,.sf8-final-panels{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sf8-service-pair>button,.sf8-service-pair phone-sheet,.sf8-final-panels phone-sheet{margin:0}.sf8-service-pair>button,.sf8-final-panels>button{border:1px solid #e9dadfff;border:1px solid color-mix(in srgb,var(--sf-accent) 16%,white);border-radius:13px;text-align:left;background:#fff;min-height:54px;padding:13px 15px;font:inherit;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--j-ink);cursor:pointer}.sf8-service-pair svg,.sf8-final-panels svg{width:17px;height:17px}.sf8-service-pair .phone-service,.sf8-final-panels .phone-information{padding:13px 15px;background:#fff;border:1px solid #e9dadfff;border:1px solid color-mix(in srgb,var(--sf-accent) 16%,white);border-radius:13px;min-height:54px;font-size:12px}.sf8-final-panels .phone-information>svg:first-child{display:none}.sf8-step{border-top:1px solid #e8d8ddff;border-top:1px solid color-mix(in srgb,var(--sf-accent) 17%,white);padding:48px 0 50px;scroll-margin-top:125px}.sf8-step-head{display:flex;align-items:center;gap:12px}.sf8-step-number{width:29px;height:29px;display:grid;place-items:center;border:1px solid #d5b8c1ff;border:1px solid color-mix(in srgb,var(--sf-accent) 31%,white);border-radius:50%;font-size:11px;color:var(--j-accent)}.sf8-option-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;margin-top:26px}.sf8-choice-visual{height:335px;background:var(--j-surface);border-radius:28px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}.sf8-choice-visual img{height:90%;max-width:85%;object-fit:contain;mix-blend-mode:multiply}.sf8-condition-photo{position:relative;height:100%;width:100%;display:grid;place-items:center}.sf8-condition-photo[data-grade=good] .sf8-wear{opacity:.8;background:linear-gradient(36deg,transparent 39.8%,#dedede 40%,transparent 40.3%,transparent 65%,#aaa 65.2%,transparent 65.4%)}.sf8-condition-photo[data-grade=very-good] .sf8-wear{opacity:.5;background:linear-gradient(40deg,transparent 56%,#bbb 56.2%,transparent 56.4%)}.sf8-example-note{font-size:10px!important;position:absolute;bottom:14px;left:20px;right:20px;text-align:center;margin:0!important}.sf8-options{display:grid;gap:10px}.sf8-option,.sf8-options label{border:1px solid var(--sf-line);display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:17px;text-align:left;width:100%;color:var(--j-ink);font:inherit;cursor:pointer;min-height:58px}.sf8-option.selected,.sf8-options label:has(input:checked){border-color:var(--j-accent);background:#f7f1f3;background:color-mix(in srgb,var(--sf-accent) 6%,white);box-shadow:0 0 0 1px var(--j-accent)}.sf8-option strong{font-size:14px;font-weight:600}.sf8-option small{color:#806971;color:color-mix(in srgb,var(--sf-accent) 14%,var(--sf-muted));font-size:11px;margin-left:auto}.sf8-option span:last-child{margin-left:auto;font-size:11px}.sf8-choice-caption h3{font-size:22px;letter-spacing:-.03em;margin:20px 0 6px}.sf8-choice-caption p{font-size:13px;margin:0 0 15px}.sf8-options input{accent-color:var(--j-accent)}.sf8-storage-art{width:190px;height:242px;position:relative;border:1px solid #d8bcc5ff;border:1px solid color-mix(in srgb,var(--sf-accent) 29%,white);border-radius:32px;background:linear-gradient(145deg,#fff,#e8d8dd);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--sf-accent) 17%,white));box-shadow:14px 20px #7719364f;box-shadow:14px 20px color-mix(in srgb,var(--sf-accent) 31%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sf-accent);gap:9px;transform:rotate(-7deg)}.sf8-storage-art strong{font-size:39px;letter-spacing:-.05em}.sf8-storage-art span{font-size:12px}.sf8-storage-art:before{content:"";width:45px;height:8px;border-radius:100px;background:#ad7586;background:color-mix(in srgb,var(--sf-accent) 60%,white);position:absolute;top:18px}.sf8-storage-bars{display:flex;gap:5px;margin-top:13px}.sf8-storage-bars i{width:17px;height:33px;background:var(--sf-accent);border-radius:5px;opacity:.25}.sf8-storage-bars i.on{opacity:1}.sf8-selection{background:var(--j-surface);border-radius:30px;padding:36px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center}.sf8-selection-photo{height:270px;object-fit:contain;width:100%;mix-blend-mode:multiply}.sf8-summary-options{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.sf8-summary-options span{border:1px solid #e0cad1ff;border:1px solid color-mix(in srgb,var(--sf-accent) 23%,white);border-radius:100px;font-size:11px;padding:7px 10px}.sf8-summary-price{font-size:33px;letter-spacing:-.04em;margin:15px 0;display:block;font-weight:650}.sf8-final-panels{margin-top:25px}.sf8-status{font-size:12px;color:var(--sf-accent);line-height:1.6}.sf8-journey .battery-guarantee{margin:20px 0 0}.sf8-options .form__label{display:none}.sf8-sticky-steps{display:flex;gap:7px;position:sticky;top:80px;background:#ffffffdc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;z-index:8;padding:6px;max-width:max-content;box-shadow:0 2px 12px #77193610;box-shadow:0 2px 12px color-mix(in srgb,var(--sf-accent) 6.3%,transparent);margin:0 auto 20px}.sf8-sticky-steps button{border:0;background:none;font-size:11px;border-radius:100px;padding:9px 14px;min-height:35px;color:#806971;color:color-mix(in srgb,var(--sf-accent) 14%,var(--sf-muted));cursor:pointer}.sf8-sticky-steps button:hover{background:#f0e6e9;background:color-mix(in srgb,var(--sf-accent) 11%,white)}@media(max-width:960px){.sf8-intro{gap:25px}.sf8-option-layout{gap:26px}.sf8-intro-photo{height:310px}}@media(max-width:760px){.sf8-intro{grid-template-columns:1fr;gap:25px;padding:8px 0 30px}.sf8-intro-photo{height:250px;grid-row:1;border-radius:23px}.sf8-journey h1{font-size:39px;margin:10px 0}.sf8-journey .sf8-intro-copy>p{font-size:13px;margin:8px 0}.sf8-intro-price{font-size:24px;margin:17px 0}.sf8-service-pair{gap:7px}.sf8-service-pair>button{padding:12px;font-size:11px}.sf8-step{padding:33px 0 35px;scroll-margin-top:105px}.sf8-step h2{font-size:30px}.sf8-option-layout{grid-template-columns:1fr;gap:22px;margin-top:20px}.sf8-choice-visual{height:250px;border-radius:23px}.sf8-options{grid-template-columns:1fr;gap:8px}.sf8-option{padding:15px;min-height:55px}.sf8-choice-caption h3{margin-top:0;font-size:20px}.sf8-selection{grid-template-columns:1fr;padding:24px;gap:10px}.sf8-selection-photo{height:190px}.sf8-summary-price{font-size:29px}.sf8-final-panels{gap:7px;margin-top:18px}.sf8-final-panels>button{font-size:11px;padding:12px}.sf8-sticky-steps{top:65px;padding:4px;margin-bottom:8px;width:100%;max-width:none;justify-content:space-between;gap:2px}.sf8-sticky-steps button{font-size:10px;padding:8px 9px}.sf8-storage-art{height:178px;width:137px;border-radius:23px}.sf8-storage-art strong{font-size:29px}.sf8-storage-art:before{width:34px;height:6px;top:12px}.sf8-storage-bars i{height:24px;width:13px}}.sf8-journey .sf8-options label{font-size:14px}.sf8-journey .phone-highlight{--phone-line: #e7d6dbff}@supports (color: color-mix(in srgb,black,white)){.sf8-journey .phone-highlight{--phone-line: color-mix(in srgb, var(--sf-accent) 18%, white)}}.sf8-journey .phone-information{font-size:12px}.sf8-journey[hidden]{display:none}.sf8-journey .phone-sheet-panel{color:var(--sf-ink)}.sf8-service-pair .phone-service{justify-content:space-between;font-size:12px}.sf8-service-pair .phone-service .phone-icon:last-child{margin-left:auto}.sf8-options label:has(input:focus-visible){outline:2px solid var(--sf-accent);outline-offset:3px}.sf8-summary-options~form{margin:0}.sf8-choice-caption svg{width:17px;height:17px;margin-left:auto}.sf8-intro-photo picture{height:100%}.sf8-journey [hidden]{display:none!important}.sf8-intro-photo>img{position:absolute;top:20px;right:20px;bottom:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);max-height:none}.sf8-choice-visual .sf8-condition-photo img{height:100%;max-height:100%;object-fit:contain}.sf8-sticky-steps{top:var(--sf8-header-offset, 80px)}.sf8-step{scroll-margin-top:calc(var(--sf8-header-offset, 80px) + 22px)}.sf8-choice-visual .sf8-condition-photo{height:calc(100% - 12px);width:auto;aspect-ratio:1;display:block;overflow:hidden;border-radius:14px;margin-top:-12px}.sf8-choice-visual .sf8-condition-photo img{position:absolute;left:0;top:0;width:300%;max-width:none;height:100%;object-fit:fill;mix-blend-mode:normal;transform:translate(0)}.sf8-choice-visual .sf8-condition-photo[data-grade=very-good] img{transform:translate(-33.333333%)}.sf8-choice-visual .sf8-condition-photo[data-grade=good] img{transform:translate(-66.666667%)}.sf8-choice-visual .sf8-condition-photo.has-custom img{width:100%;transform:none;object-fit:contain}.sf8-options{margin:0;padding:0;border:0;min-width:0}.sf8-journey :is(button,a){transition:transform .18s var(--sf9-ease),background-color .18s ease,color .18s ease,box-shadow .18s ease}@media(hover:hover)and (pointer:fine){.sf9-customise:hover{color:var(--sf-accent);background:#f3eaed;background:color-mix(in srgb,var(--sf-accent) 9%,white)}.sf8-option:hover,.sf8-options label:hover{background:#faf6f7;background:color-mix(in srgb,var(--sf-accent) 4%,white)}.sf8-service-pair button:hover,.sf8-final-panels button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7719360b;box-shadow:0 4px 12px color-mix(in srgb,var(--sf-accent) 4.3%,transparent)}}.sf9-product-hero{padding:18px 0 30px;gap:42px;align-items:center}.sf9-product-hero .sf8-intro-photo{height:500px}.sf9-product-hero h1{font-size:clamp(36px,4.5vw,56px);margin:10px 0 12px}.sf9-product-intro p{font-size:13px;line-height:1.65;margin:0 0 14px}.sf9-hero-options{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.sf9-hero-options span{padding:6px 10px;background:#f7f1f3;background:color-mix(in srgb,var(--sf-accent) 6%,white);border:1px solid #e9dadfff;border:1px solid color-mix(in srgb,var(--sf-accent) 16%,white);border-radius:8px;font-size:11px}.sf9-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 18px}.sf9-price-row .sf8-intro-price{margin:0;font-size:33px;line-height:1.1}.sf9-price-row s{font-size:13px;color:#806971;color:color-mix(in srgb,var(--sf-accent) 14%,var(--sf-muted))}.sf9-saving{display:inline-flex;align-items:center;padding:6px 10px;background:#d9f596;border-radius:7px;color:#334920;font-size:12px;font-weight:650}.sf9-saving[hidden],.sf9-price-row s[hidden]{display:none!important}.sf9-hero-add{min-height:54px}.sf9-customise{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:none;border:0;border-radius:10px;padding:9px 12px;color:var(--j-accent);font-size:12px;cursor:pointer}.sf9-product-hero .sf8-status:empty{display:none}.sf9-hero-services{margin-top:14px}.sf9-hero-services .phone-service,.sf9-hero-services>button{background:#f3f5ed;border:1px solid #e5e9dd;min-height:70px;padding:13px 12px;display:flex;gap:9px;align-items:center;text-align:left}.sf9-hero-services .phone-service>span:nth-child(2),.sf9-hero-services>button>span:nth-child(2){flex:1}.sf9-hero-services strong{display:block;font-size:12px}.sf9-hero-services small{display:block;font-size:10px;line-height:1.5;color:#6c7760;margin-top:3px}.sf9-service-symbol{font-size:20px;color:#48603a;font-weight:600}.sf9-care-stamp{position:absolute;bottom:20px;left:20px;border-radius:50%;width:45px;height:45px;border:1px solid #96a77d;display:grid;place-items:center;color:#49603a;font-size:23px;transform:rotate(-12deg)}.sf9-battery-benefit{display:flex;align-items:center;gap:12px;background:#f5eff1;background:color-mix(in srgb,var(--sf-accent) 7%,white);border:1px solid #e8d8ddff;border:1px solid color-mix(in srgb,var(--sf-accent) 17%,white);border-radius:13px;padding:10px 14px;margin-top:10px;color:var(--sf-accent)}.sf9-battery-benefit>span:first-child{font-size:20px}.sf9-battery-benefit strong{display:block;font-size:12px}.sf9-battery-benefit small{font-size:10px;color:var(--sf-accent)}.sf9-battery-benefit .sf9-battery-tag{margin-left:auto;letter-spacing:.08em;font-size:9px;font-weight:650}.sf8-journey .phone-highlight{padding:22px;background:#f3eaed;background:color-mix(in srgb,var(--sf-accent) 9%,white)}.sf8-journey .phone-highlight strong{font-size:22px}.sf8-step{scroll-margin-top:calc(var(--sf8-header-offset, 80px) + 70px)}@media(max-width:760px){.sf9-product-hero{display:flex;flex-direction:column;gap:20px;padding:10px 0 22px}.sf9-product-hero .sf8-intro-photo{height:215px;width:100%;border-radius:22px}.sf9-product-hero .sf8-intro-photo img{height:88%;width:80%}.sf9-product-hero .sf8-intro-copy{width:100%}.sf9-product-hero h1{font-size:36px;margin:8px 0 10px}.sf9-product-intro p{font-size:11px;line-height:1.6;margin:0 0 10px}.sf9-hero-options{margin:9px 0}.sf9-hero-options span{padding:5px 9px;font-size:10px}.sf9-price-row{gap:9px;margin:10px 0 14px}.sf9-price-row .sf8-intro-price{font-size:29px}.sf9-price-row s{font-size:11px}.sf9-saving{font-size:10px}.sf9-hero-add{min-height:50px;font-size:13px}.sf9-hero-services{gap:8px;margin-top:9px}.sf9-hero-services .phone-service,.sf9-hero-services>button{padding:10px;min-height:65px;border-radius:11px}.sf9-hero-services strong{font-size:10px}.sf9-hero-services small{font-size:9px}.sf9-service-symbol{font-size:18px}.sf9-hero-services svg{width:12px;height:12px}.sf9-customise{font-size:10px;padding:9px}.sf9-battery-benefit{padding:9px 11px}.sf9-battery-benefit strong{font-size:11px}.sf9-battery-benefit small{font-size:9px}.sf9-care-stamp{width:32px;height:32px;font-size:17px;bottom:12px;left:12px}}@media(max-width:760px)and (max-height:680px){.sf9-product-hero .sf8-intro-photo{height:180px}}.sf9-product-thumbnails{position:absolute;bottom:12px;left:72px;right:12px;display:flex;justify-content:center;gap:6px;overflow:auto;padding:3px}.sf9-product-thumbnails button{width:44px;height:44px;border:1px solid #bbbbbbff;border:1px solid color-mix(in srgb,color-mix(in srgb,var(--sf-accent) 13.3%,transparent) %,white);border-radius:8px;background:#fffd;padding:3px;flex:none;cursor:pointer}.sf9-product-thumbnails button[aria-pressed=true]{border-color:var(--j-accent, var(--sf-accent));box-shadow:0 0 0 1px var(--j-accent, var(--sf-accent))}.sf9-product-thumbnails img{width:100%!important;height:100%!important;object-fit:contain}.sf9-product-thumbnails~img{pointer-events:none}@media(max-width:760px){.sf9-product-thumbnails{left:48px;bottom:6px;gap:4px}.sf9-product-thumbnails button{width:30px;height:30px}}.sf9-product-hero .sf8-intro-photo{height:var(--j-photo-height, 500px)}.sf9-saving{background:var(--j-saving-bg, #d9f596);color:var(--j-saving-ink, #334920)}.sf9-hero-services .phone-service,.sf9-hero-services>button{background:var(--j-benefit-bg, #f3f5ed)}.sf9-hero-services .sf9-service-symbol{color:var(--j-benefit-ink, #48603a)}@media(max-width:760px){.sf9-product-hero .sf8-intro-photo{height:var(--j-mobile-photo-height, 216px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sf-journey.css.map */