.pf{padding-top:32px;padding-bottom:56px}.pf-head{max-width:720px;margin:0 auto 24px;text-align:center}.pf-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:var(--grad);color:var(--c-accent-ink);margin-bottom:12px}.pf-head h1{font-weight:800;margin:0 0 10px}.pf-head p{font-size:17px;color:#45454f;margin:0}.pf-app{max-width:880px;margin:0 auto;background:#fff;border-radius:24px;padding:clamp(20px,4vw,40px);box-shadow:0 1px 2px #1010160a,0 12px 40px -20px #1010162e;scroll-margin-top:120px;min-height:360px}.pf-top{display:flex;align-items:center;gap:14px;margin-bottom:26px}.pf-back{font-size:14px;font-weight:600;color:#45454f;padding:6px 0;white-space:nowrap}.pf-back:hover{color:var(--c-ink)}.pf-progress{flex:1;height:8px;border-radius:999px;background:#ececf1;overflow:hidden}.pf-progress span{display:block;height:100%;width:0;border-radius:inherit;background:var(--grad);transition:width .35s ease}.pf-count{font-size:13px;font-weight:600;color:#6b6b76;white-space:nowrap}.pf-step h2{font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:800;margin:0 0 6px;text-align:center;outline:0}.pf-note{color:#6b6b76;text-align:center;margin:0 auto 22px;max-width:560px;font-size:14px}.pf-note a{text-decoration:underline}.pf-opts{display:grid;gap:12px;grid-template-columns:repeat(var(--pf-cols,3),minmax(0,1fr))}.pf-opts--3{--pf-cols:3}.pf-opts--4{--pf-cols:4}.pf-opts--5{--pf-cols:5}.pf-opts--6{--pf-cols:6}.pf-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:112px;padding:18px 12px;border-radius:16px;background:#f5f5f7;border:2px solid transparent;transition:border-color .15s,background .15s,transform .15s}.pf-opt:hover{background:#efeff3;transform:translateY(-1px)}.pf-opt:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.pf-opt b{font-size:15px;font-weight:700;line-height:1.25}.pf-opt small{font-size:12.5px;color:#6b6b76;line-height:1.35}.pf-opt img{width:28px;height:28px;object-fit:contain}.pf-opt[aria-pressed=true]{background:#fff;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 6px 18px -10px #ff4fa399}.pf-mono{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c-ink);color:#fff;font-weight:800;font-size:14px}.pf-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff}.pf-ico svg{width:20px;height:20px}.pf-size{display:block;border:2.5px solid var(--c-ink);border-radius:6px;margin-bottom:2px}.pf-size--s{width:18px;height:32px}.pf-size--m{width:21px;height:38px}.pf-size--l{width:24px;height:44px}.pf-size--f{width:30px;height:34px;border-radius:5px;background:linear-gradient(90deg,transparent calc(50% - 1px),var(--c-ink) calc(50% - 1px),var(--c-ink) calc(50% + 1px),transparent calc(50% + 1px))}.pf-size--a{width:34px;height:34px;border-style:dashed;border-radius:50%}.pf-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.pf-actions--end{justify-content:center;margin-top:28px}.pf-actions--center{justify-content:center}.pf-skip{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:#45454f;padding:8px 4px}.pf-next{min-width:140px;padding:12px 20px}.pf-warn{background:#fff6e5;border-radius:12px;padding:12px 16px;font-size:14px;margin:0 0 18px;text-align:center}.pf-best{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center;padding:clamp(16px,3vw,28px);border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:2px solid transparent}.pf-best__img{background:#f5f5f7;border-radius:16px;padding:16px;aspect-ratio:1}.pf-best__img img,.pf-alt__img img{width:100%;height:100%;object-fit:contain}.pf-badge{display:inline-block;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--grad);color:var(--c-accent-ink);margin-bottom:10px}.pf-best h3{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;margin:0 0 6px}.pf-price{margin:0 0 12px;font-size:14px;color:#6b6b76;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.pf-price b{font-size:20px;color:var(--c-ink);font-weight:800}.pf-price small{font-size:12px;padding:2px 8px;border-radius:999px;background:#f0f0f3;color:#45454f}.pf-price em{font-style:normal;font-size:12px;font-weight:700;color:var(--c-sale)}.pf-why{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px}.pf-why li{position:relative;padding-left:26px;font-size:14.5px}.pf-why li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--grad)}.pf-why li:after{content:"";position:absolute;left:6px;top:6px;width:6px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.pf-facts{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.pf-facts li{font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;background:#f5f5f7;color:#45454f}.pf-cta{width:100%;max-width:320px}.pf-step .pf-sub{font-size:1.2rem;font-weight:800;margin:32px 0 14px}.pf-alts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pf-alt{position:relative;display:flex;flex-direction:column;padding:14px;border-radius:18px;background:#f5f5f7;transition:transform .15s,box-shadow .15s}.pf-alt:hover{transform:translateY(-2px);box-shadow:0 10px 24px -16px #10101666}.pf-alt[hidden]{display:none}.pf-alt__img{aspect-ratio:1;background:#fff;border-radius:12px;padding:12px;margin-bottom:10px}.pf-alt__pct{position:absolute;top:22px;left:22px;z-index:1;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--c-ink);color:#fff}.pf-alt h3{font-size:15px;font-weight:700;margin:0 0 4px}.pf-alt .pf-price{margin-bottom:8px}.pf-alt .pf-price b{font-size:16px}.pf-alt .pf-facts{margin:0}.pf-alt .pf-facts li{background:#fff}.pf-foot{margin:22px 0 0;text-align:center;font-size:13.5px;color:#6b6b76}.pf-foot a{color:var(--c-ink);font-weight:600;text-decoration:underline}.pf-sell{max-width:880px;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:18px;background:var(--c-highlight)}.pf-sell strong{display:block;font-size:15px}.pf-sell span{font-size:13.5px;color:#45454f}.pf-sell .btn{flex-shrink:0}.pf-info{max-width:1000px;margin:56px auto 0}.pf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pf-card{background:#fff;border-radius:18px;padding:22px}.pf-card h2{font-size:16px;font-weight:800;margin:0 0 6px}.pf-card p{margin:0;font-size:14px;color:#45454f}.pf-links{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-top:14px}.pf-links>div{background:#fff;border-radius:18px;padding:22px}.pf-links h2{font-size:16px;font-weight:800;margin:0 0 10px}.pf-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.pf-links a{display:inline-block;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:999px;background:#f5f5f7}.pf-links a:hover{background:#ececf1}.pf-qa{background:#fff;border-radius:18px;padding:22px;margin-top:14px}.pf-qa h2{font-size:16px;font-weight:800;margin:0 0 8px}.pf-qa details{border-top:1px solid #eee;padding:12px 0}.pf-qa summary{cursor:pointer;font-weight:700;font-size:14.5px}.pf-qa p{margin:8px 0 0;font-size:14px;color:#45454f}.pf-qa a{text-decoration:underline;font-weight:600}@media(max-width:820px){.pf-opts--5,.pf-opts--6{--pf-cols:3}.pf-opts--4{--pf-cols:2}.pf-alts{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-cards,.pf-links{grid-template-columns:1fr}}@media(max-width:560px){.pf{padding-top:20px}.pf-app{border-radius:18px}.pf-opts--3,.pf-opts--5,.pf-opts--6{--pf-cols:2}.pf-opts--3 .pf-opt:last-child:nth-child(odd),.pf-opts--5 .pf-opt:last-child:nth-child(odd){grid-column:1/-1}.pf-opt{min-height:96px;padding:14px 10px}.pf-best{grid-template-columns:1fr;gap:16px}.pf-best__img{max-width:240px;margin:0 auto;width:100%}.pf-cta{max-width:none}.pf-alts{grid-template-columns:1fr;gap:10px}.pf-alt{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;padding:10px;align-items:start}.pf-alt>*{grid-column:2}.pf-alt>.pf-alt__img{grid-column:1;grid-row:1/span 4;margin:0;padding:8px}.pf-alt h3{margin-top:2px}.pf-alt__pct{position:static;justify-self:start;margin-bottom:4px}.pf-alt .pf-facts li{padding:3px 8px;font-size:11.5px}.pf-sell{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/phone-finder.css.map */
