.pf-section,.pf-section *,.pf-section *:before,.pf-section *:after{box-sizing:border-box}.pf-section{--pr-orange: #E68A39;--pr-orange-hover: #d47a2d;--pr-orange-light: #fdf0e2;--pr-purple: #706195;--pr-purple-light: #eae7f0;--pr-navy: #011624;--pr-white: #FFFFFF;--pr-bg: #FFFFFF;--pr-surface: #F7F8F8;--pr-border: #E6E8E9;--pr-border-dark: #CDD0D2;--pr-text: #011624;--pr-text-mid: #4A5568;--pr-text-light: #8895A4;--pr-on-dark: #FFFFFF;--pr-success: #16a34a;--pr-error: #dc2626;--f-heading: "Poppins", sans-serif;--f-body: "Poppins", sans-serif;--f-button: "Inter", sans-serif;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-base: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-pill: 9999px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--max-w: 980px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .2s;font-family:var(--f-body);font-weight:300;font-size:16px;color:var(--pr-text);background:var(--pr-bg);line-height:1.7;-webkit-font-smoothing:antialiased}.pf-section h1,.pf-section h2,.pf-section h3,.pf-section p,.pf-section button,.pf-section a{margin:0;padding:0}@media(prefers-reduced-motion:reduce){.pf-section,.pf-section *,.pf-section *:before,.pf-section *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.pf-section .pf-header{text-align:center;padding:var(--sp-3xl) var(--sp-lg) var(--sp-2xl);background:var(--pr-white);border-bottom:1px solid var(--pr-border)}.pf-section .pf-header__badge{display:inline-block;font-family:var(--f-body);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--pr-orange);background:var(--pr-orange-light);padding:4px 14px;border-radius:var(--r-pill);margin-bottom:var(--sp-lg)}.pf-section .pf-header__title{font-family:var(--f-heading);font-weight:700;font-size:clamp(28px,4.5vw,42px);color:var(--pr-navy);letter-spacing:-.5px;line-height:1.15;margin-bottom:6px}.pf-section .pf-header__sub{font-family:var(--f-body);font-weight:300;font-size:16px;color:var(--pr-text-mid);max-width:420px;margin:0 auto;line-height:1.7}.pf-section .pf-header__line{display:none}.pf-section .pf-progress{position:sticky;top:0;z-index:100;background:var(--pr-white);border-bottom:1px solid var(--pr-border);padding:0 var(--sp-lg)}.pf-section .pf-progress__track{max-width:var(--max-w);margin:0 auto;height:3px;background:var(--pr-border);border-radius:2px;overflow:hidden}.pf-section .pf-progress__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--pr-orange),var(--pr-purple));border-radius:2px;transition:width .5s var(--ease)}.pf-section .pf-progress__crumbs{max-width:var(--max-w);margin:0 auto;padding:10px 0;display:flex;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:400;color:var(--pr-text-light);overflow-x:auto;-webkit-overflow-scrolling:touch}.pf-section .pf-crumb{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pf-section .pf-crumb__link{color:var(--pr-purple);cursor:pointer;transition:color var(--dur);border:none;background:none;font:inherit;font-weight:500;padding:0}.pf-section .pf-crumb__link:hover{color:var(--pr-orange)}.pf-section .pf-crumb__link:focus-visible{outline:2px solid var(--pr-orange);outline-offset:2px;border-radius:2px}.pf-section .pf-crumb__sep{color:var(--pr-border-dark);font-size:11px}.pf-section .pf-crumb__current{color:var(--pr-navy);font-weight:500}.pf-section .pf-main{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-lg) var(--sp-3xl)}.pf-section .pf-step{display:none;opacity:0;transform:translateY(12px)}.pf-section .pf-step--active{display:block;animation:pfStepIn .38s var(--ease) forwards}@keyframes pfStepIn{to{opacity:1;transform:translateY(0)}}.pf-section .pf-step__head{display:flex;align-items:flex-start;gap:var(--sp-base);margin:var(--sp-2xl) 0 var(--sp-lg)}.pf-section .pf-step__num{font-family:var(--f-heading);font-weight:700;font-size:14px;color:var(--pr-orange);background:var(--pr-orange-light);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);flex-shrink:0;margin-top:2px}.pf-section .pf-step__title{font-family:var(--f-heading);font-weight:700;font-size:22px;color:var(--pr-navy);letter-spacing:-.3px;line-height:1.25}.pf-section .pf-step__desc{font-size:14px;font-weight:400;color:var(--pr-text-mid);margin-top:2px}.pf-section .pf-grid{display:grid;gap:var(--sp-base)}.pf-section .pf-grid--2{grid-template-columns:repeat(2,1fr)}.pf-section .pf-grid--3{grid-template-columns:repeat(3,1fr)}.pf-section .pf-grid--4{grid-template-columns:repeat(4,1fr)}.pf-section .pf-card{position:relative;background:var(--pr-white);border:2px solid var(--pr-border);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur),box-shadow var(--dur),transform .15s var(--ease);overflow:hidden;text-align:center;outline:none}.pf-section .pf-card:hover{border-color:var(--pr-border-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.pf-section .pf-card:focus-visible{outline:2px solid var(--pr-orange);outline-offset:2px}.pf-section .pf-card:active{transform:translateY(0) scale(.98)}.pf-section .pf-card--selected{border-color:var(--pr-orange);box-shadow:0 0 0 1px var(--pr-orange)}.pf-section .pf-card--selected:after{content:"";position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--pr-orange);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-size:13px;background-position:center;background-repeat:no-repeat}.pf-section .pf-card__img{width:100%;aspect-ratio:5 / 4;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.pf-section .pf-card__img svg{width:36px;height:36px;color:var(--pr-text-light);opacity:.6;transition:opacity var(--dur),color var(--dur)}.pf-section .pf-card__img img{width:100%;height:100%;object-fit:contain;display:block}.pf-section .pf-card:hover .pf-card__img svg{opacity:.8;color:var(--pr-purple)}.pf-section .pf-card--selected .pf-card__img svg{opacity:.9;color:var(--pr-orange)}.pf-section .pf-card__body{padding:10px 8px}.pf-section .pf-card__name{font-family:var(--f-body);font-weight:500;font-size:13px;color:var(--pr-navy);line-height:1.3}.pf-section .pf-card--wide{display:flex;align-items:center;text-align:left;padding:var(--sp-lg);gap:var(--sp-base)}.pf-section .pf-card--wide .pf-card__icon-wrap{flex-shrink:0;width:48px;height:48px;background:var(--pr-surface);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;transition:background var(--dur)}.pf-section .pf-card:hover .pf-card__icon-wrap{background:var(--pr-purple-light)}.pf-section .pf-card--selected .pf-card__icon-wrap{background:var(--pr-orange-light)}.pf-section .pf-card--wide .pf-card__icon-wrap svg{width:22px;height:22px;color:var(--pr-purple);transition:color var(--dur)}.pf-section .pf-card--selected .pf-card__icon-wrap svg{color:var(--pr-orange)}.pf-section .pf-card--wide .pf-card__name{font-size:15px;font-weight:500}.pf-section .pf-card--wide .pf-card__desc{font-size:13px;font-weight:400;color:var(--pr-text-mid);line-height:1.5;margin-top:2px}.pf-section .pf-pills{display:flex;gap:10px;flex-wrap:wrap}.pf-section .pf-pill{font-family:var(--f-button);font-weight:600;font-size:14px;padding:10px var(--sp-lg);border:2px solid var(--pr-border);border-radius:var(--r-sm);background:var(--pr-white);cursor:pointer;color:var(--pr-navy);transition:all var(--dur);outline:none;line-height:1}.pf-section .pf-pill:hover{border-color:var(--pr-purple)}.pf-section .pf-pill:focus-visible{outline:2px solid var(--pr-orange);outline-offset:2px}.pf-section .pf-pill--selected{border-color:var(--pr-orange);background:var(--pr-orange);color:var(--pr-on-dark)}.pf-section .pf-pill--selected:hover{background:var(--pr-orange-hover);border-color:var(--pr-orange-hover)}.pf-section .pf-ref-panel{background:var(--pr-white);border:1px solid var(--pr-border);border-radius:var(--r-md);padding:var(--sp-xl);max-width:520px;text-align:center}.pf-section .pf-ref-panel__q{font-family:var(--f-heading);font-weight:700;font-size:18px;margin-bottom:8px;color:var(--pr-navy)}.pf-section .pf-ref-panel__val{display:inline-block;font-family:var(--f-button);font-weight:600;font-size:13px;color:var(--pr-orange);background:var(--pr-orange-light);padding:4px 16px;border-radius:var(--r-sm);margin-bottom:var(--sp-lg)}.pf-section .pf-ref-panel__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pf-section .pf-result-layout{margin-top:20px}.pf-section .pf-panel{background:var(--pr-white);border:1px solid var(--pr-border);border-radius:var(--r-md);padding:var(--sp-2xl) var(--sp-xl);text-align:center;max-width:560px}.pf-section .pf-panel--fitfinder{border-color:var(--pr-purple);border-width:2px}.pf-section .pf-panel--result{border-color:var(--pr-orange);border-width:2px;margin-top:20px}.pf-section .pf-panel__icon{color:var(--pr-text-light);margin-bottom:var(--sp-base)}.pf-section .pf-panel--result .pf-panel__icon{color:var(--pr-success)}.pf-section .pf-panel__image{display:block;max-width:200px;margin:0 auto var(--sp-base)}.pf-section .pf-panel__title{font-family:var(--f-heading);font-weight:700;font-size:20px;color:var(--pr-navy);margin-bottom:6px;line-height:1.3}.pf-section .pf-panel__text{font-size:15px;color:var(--pr-text-mid);margin-bottom:var(--sp-lg);line-height:1.7;max-width:400px;margin-left:auto;margin-right:auto}.pf-section .pf-panel__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pf-section .pf-result-list{display:flex;flex-direction:column;gap:10px;text-align:left}.pf-section .pf-result-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-base);background:var(--pr-surface);border:1px solid var(--pr-border);border-radius:var(--r-md);padding:14px var(--sp-base);flex-wrap:wrap}.pf-section .pf-result-item__name{font-family:var(--f-body);font-weight:500;font-size:15px;color:var(--pr-navy)}.pf-section .pf-result-item__badge{font-family:var(--f-button);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pr-text-light);background:var(--pr-white);border:1px solid var(--pr-border);padding:2px 8px;border-radius:var(--r-sm);margin-top:4px;display:inline-block}.pf-section .pf-btn{font-family:var(--f-button);font-weight:600;font-size:14px;padding:10px 20px;border-radius:var(--r-sm);border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all var(--dur);line-height:1;height:40px;outline:none}.pf-section .pf-btn:focus-visible{outline:2px solid var(--pr-orange);outline-offset:2px}.pf-section .pf-btn--primary{background:var(--pr-orange);color:var(--pr-on-dark)}.pf-section .pf-btn--primary:hover{background:var(--pr-orange-hover)}.pf-section .pf-btn--secondary{background:var(--pr-white);color:var(--pr-navy);border:1px solid var(--pr-border)}.pf-section .pf-btn--secondary:hover{border-color:var(--pr-border-dark);background:var(--pr-surface)}.pf-section .pf-btn--ghost{background:transparent;color:var(--pr-purple);border:2px solid var(--pr-purple)}.pf-section .pf-btn--ghost:hover{background:var(--pr-purple);color:var(--pr-on-dark)}.pf-section .pf-btn--sm{font-size:13px;padding:8px 14px;height:36px}.pf-section .pf-step__head{flex-wrap:wrap}.pf-section .pf-sport-entry{margin-left:auto;align-self:center}.pf-section .pf-sport-entry__btn svg{width:18px;height:18px}@media(max-width:768px){.pf-section .pf-sport-entry{margin-left:0;margin-top:var(--sp-sm);width:100%}.pf-section .pf-sport-entry__btn{width:100%;justify-content:center}}.pf-section .pf-result-layout,.pf-section .pf-step__with-callout{display:flex;gap:var(--sp-lg);align-items:flex-start}.pf-section .pf-result-layout>.pf-panel{flex:1 1 auto;max-width:none;margin:0}.pf-section .pf-step__with-callout>.pf-grid,.pf-section .pf-step__with-callout>.pf-pills{flex:1 1 auto;min-width:0}.pf-section .pf-callout-slot{flex:0 0 260px}.pf-section .pf-callout{background:var(--pr-purple-light);border:1px solid var(--pr-purple);border-radius:var(--r-md);padding:var(--sp-lg);text-align:center;flex:0 0 280px}.pf-section .pf-step__with-callout .pf-callout{flex:none;width:100%}.pf-section .pf-callout__icon{color:var(--pr-purple);margin-bottom:var(--sp-sm)}.pf-section .pf-callout__icon svg{width:32px;height:32px}.pf-section .pf-callout__title{font-family:var(--f-heading);font-weight:600;font-size:16px;color:var(--pr-navy);margin-bottom:6px;line-height:1.3}.pf-section .pf-callout__text{font-size:14px;color:var(--pr-text-mid);line-height:1.6;margin-bottom:var(--sp-base)}@media(max-width:768px){.pf-section .pf-result-layout,.pf-section .pf-step__with-callout{flex-direction:column}.pf-section .pf-callout-slot,.pf-section .pf-result-layout>.pf-callout{flex-basis:auto;width:100%}}.pf-section .pf-footer{text-align:center;padding:var(--sp-xl) var(--sp-lg);font-size:13px;font-weight:400;color:var(--pr-text-light);border-top:1px solid var(--pr-border);background:var(--pr-white)}@media(max-width:768px){.pf-section .pf-header{padding:var(--sp-2xl) var(--sp-base) var(--sp-xl)}.pf-section .pf-grid--4,.pf-section .pf-grid--3{grid-template-columns:repeat(2,1fr)}.pf-section .pf-step__head{margin:var(--sp-xl) 0 var(--sp-base)}.pf-section .pf-step__title{font-size:18px}.pf-section .pf-panel{padding:var(--sp-xl) var(--sp-base)}.pf-section .pf-ref-panel{padding:var(--sp-lg) var(--sp-base)}.pf-section .pf-result-item{flex-direction:column;text-align:center}}@media(max-width:480px){.pf-section .pf-header{padding:var(--sp-xl) var(--sp-base) var(--sp-lg)}.pf-section .pf-main{padding:0 var(--sp-base) var(--sp-2xl)}.pf-section .pf-grid--2{grid-template-columns:1fr}.pf-section .pf-card--wide{padding:var(--sp-base)}.pf-section .pf-ref-panel__btns,.pf-section .pf-panel__actions{flex-direction:column;align-items:stretch}.pf-section .pf-btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/patternflow.css.map */