.peel-fit{background:var(--bg);color:var(--text);min-height:calc(100vh - var(--peel-fit-offset, 0px));min-height:calc(100svh - var(--peel-fit-offset, 0px));display:flex;flex-direction:column;justify-content:center}.peel-fit[data-step="4"]{justify-content:flex-start}.peel-fit [hidden]{display:none!important}.peel-fit-wrap{max-width:720px;margin:0 auto;padding:64px 56px 40px}.peel-fit[data-step="4"] .peel-fit-wrap{padding-bottom:0}.peel-fit-progress{display:flex;align-items:center;gap:14px;margin-bottom:48px}.peel-fit-progress-track{flex:1;height:2px;background:var(--divider);border-radius:2px;overflow:hidden}.peel-fit-progress-fill{display:block;height:100%;width:0;background:var(--cognac);border-radius:2px;transition:width .3s cubic-bezier(.16,1,.3,1)}.peel-fit-progress-label{font:400 11px/1 var(--font-mono);letter-spacing:.1em;color:var(--text-faint);white-space:nowrap}.peel-fit-intro{text-align:center}.peel-fit-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--cognac);margin-bottom:18px}.peel-fit-intro-title{font-family:var(--font-display);font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:300;margin:0 0 20px}.peel-fit-intro-body{font-size:17px;line-height:1.6;font-weight:300;color:var(--text-muted);margin:0 auto 36px;max-width:440px;text-wrap:pretty}.peel-fit-footnote{margin-top:20px;font-size:13px;color:var(--text-faint)}.peel-fit-noscript{margin-top:20px;font-size:14px;color:var(--text-muted)}.peel-fit-q-title{font-family:var(--font-display);font-size:34px;line-height:1.1;letter-spacing:-.03em;font-weight:300;margin:0 0 8px}.peel-fit-q-sub{font-size:15px;color:var(--text-muted);margin:0 0 32px}.peel-fit-field-label{font:400 10.5px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.peel-fit-device{display:flex;flex-direction:column;gap:18px;margin-bottom:36px}.peel-fit-pills{display:flex;gap:10px;flex-wrap:wrap}.peel-fit-pill{padding:10px 18px;border-radius:999px;cursor:pointer;font-family:var(--font-stack);font-size:14px;font-weight:700;letter-spacing:-.01em;border:1px solid var(--border-color);background:transparent;color:var(--text);transition:border-color .18s cubic-bezier(.16,1,.3,1)}.peel-fit-pill+.peel-fit-pill{margin-left:0}.peel-fit-pill[aria-pressed=true]{border-color:var(--text);background:var(--surface-2)}.peel-fit-select{width:100%;padding:14px 40px 14px 16px;border-radius:12px;border:1px solid var(--border-color);background-color:var(--surface-2);color:var(--text);font-family:var(--font-stack);font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;height:auto;margin:0}.peel-fit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:36px}.peel-fit-option{text-align:left;padding:20px 18px;border-radius:14px;cursor:pointer;border:1px solid var(--border-color);background:transparent;color:var(--text);font-family:var(--font-stack);transition:border-color .18s cubic-bezier(.16,1,.3,1)}.peel-fit-option+.peel-fit-option{margin-left:0}.peel-fit-option[aria-pressed=true]{border-color:var(--text);background:var(--surface-2)}.peel-fit-option-label{display:block;font-size:18px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}.peel-fit-option-desc{display:block;font-size:13px;line-height:1.5;font-weight:300;letter-spacing:-.01em;opacity:.75}.peel-fit-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.peel-fit-nav--end{justify-content:flex-end}.peel-fit-back{background:transparent;border:none;padding:0;color:var(--text-muted);font-family:var(--font-stack);font-size:14px;font-weight:600;cursor:pointer}.peel-fit-back:hover{color:var(--text)}.peel-fit-next[aria-disabled=true]{opacity:.4;pointer-events:none}.peel-fit-result{max-width:1000px;margin:0 auto;padding:0 56px 100px}.peel-fit-result-head{text-align:center;margin-bottom:12px}.peel-fit-result-title{font-family:var(--font-display);font-size:40px;line-height:1.06;letter-spacing:-.03em;font-weight:300;margin:0 0 8px}.peel-fit-result-sub{font-size:15px;color:var(--text-muted);margin:0 auto 40px;max-width:480px}.peel-fit-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--ink);border-radius:14px;overflow:hidden;margin-bottom:20px}.peel-fit-card-media{position:relative;min-height:400px;background:var(--surface-off)}.peel-fit-card-media .peel-media-img,.peel-fit-card-media .peel-media-empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.peel-fit-card-media .peel-media-empty{background:transparent}.peel-fit-card-body{padding:clamp(28px,3.4vw,48px);display:flex;flex-direction:column;gap:16px;justify-content:center;color:#f5f3ef}.peel-fit-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.peel-fit-card-name{font-family:var(--font-display);font-size:clamp(28px,3vw,38px);font-weight:300;letter-spacing:-.03em;line-height:1}.peel-fit-card-price{font-size:16px;font-weight:500;white-space:nowrap}.peel-fit-card-desc{font-size:15.5px;line-height:1.65;font-weight:300;color:#a9a5a0;margin:0}.peel-fit-specs{display:flex;flex-direction:column;margin-top:2px}.peel-fit-spec{font:400 11.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#f5f3ef99;padding:9px 0;border-top:1px solid rgba(245,243,239,.14)}.peel-fit-variant{display:flex;flex-direction:column;gap:8px}.peel-fit-variant-label{font:400 10.5px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#f5f3ef99}.peel-fit-variant select{width:100%;padding:12px 38px 12px 14px;border-radius:10px;border:1px solid rgba(245,243,239,.22);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23F5F3EF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 14px) center;background-size:12px auto;color:#f5f3ef;font-family:var(--font-stack);font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;height:auto;margin:0}.peel-fit-variant select option{color:var(--text)}.peel-fit-card-actions{display:flex;gap:10px;margin-top:8px}.peel-fit-card-actions>*{flex:1;text-align:center}.peel-fit-card-actions .peel-btn+.peel-btn{margin-left:0}.peel-fit-add{background:#f5f3ef;border:1px solid #F5F3EF;border-radius:var(--r-lg);padding:14px 24px;color:var(--ink)}.peel-fit-add:hover{background:#fff}.peel-fit-add:disabled{background:#f5f3ef59;border-color:transparent;color:#0d0c0b99;cursor:default}.peel-fit-details{border:1px solid rgba(245,243,239,.28);border-radius:var(--r-lg);padding:14px 24px;color:#f5f3ef;background:transparent}.peel-fit-details:hover{background:#f5f3ef14}.peel-fit-reasons-wrap{border-top:1px solid var(--divider);padding-top:18px;margin-bottom:44px}.peel-fit-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.peel-fit-reason{font-size:14px;line-height:1.55;font-weight:300;letter-spacing:-.01em;color:var(--text-muted)}.peel-fit-alt{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border:1px solid var(--border-color);border-radius:14px}.peel-fit-alt-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.peel-fit-alt-name{font-size:20px;font-weight:400;letter-spacing:-.02em}.peel-fit-alt-price{font-size:14px;font-weight:400;color:var(--text-muted)}.peel-fit-alt-desc{font-size:13.5px;color:var(--text-muted);margin-top:4px;max-width:420px}.peel-fit-alt .peel-btn{white-space:nowrap}.peel-fit-restart-row{text-align:center;margin-top:40px}.peel-fit-restart{font:400 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:transparent;border:none;border-bottom:1px solid var(--cognac);padding:0 0 4px;color:var(--cognac);cursor:pointer}@media(max-width:720px){.peel-fit-wrap{padding:40px 20px 32px}.peel-fit-intro-title{font-size:36px}.peel-fit-q-title{font-size:26px}.peel-fit-options{grid-template-columns:1fr}.peel-fit-result{padding:0 20px 70px}.peel-fit-result-title{font-size:32px}.peel-fit-card{grid-template-columns:1fr}.peel-fit-card-media{min-height:260px}.peel-fit-reasons{grid-template-columns:1fr}.peel-fit-alt{flex-direction:column;align-items:flex-start;padding:20px}.peel-fit-card-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.peel-fit-progress-fill,.peel-fit-pill,.peel-fit-option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/418/assets/peel-fit-finder.css.map */
