.kf-section{--kf-navy: #0f2533;--kf-navy-2: #16344a;--kf-navy-3: #1d4260;--kf-coral: #f75038;--kf-coral-dark: #e03e27;--kf-cream: #f1ebdc;--kf-ink: #0f2533;--kf-muted: #5b6b77;--kf-line: rgba(255, 255, 255, .12);--kf-radius: 14px;padding-top:var(--kf-pt, 32px);padding-bottom:var(--kf-pb, 32px)}.kf{display:block}.kf-panel{position:relative;overflow:hidden;border-radius:var(--kf-radius);background:radial-gradient(120% 140% at 100% 0%,#f7503833,#f7503800 45%),linear-gradient(160deg,var(--kf-navy-3) 0%,var(--kf-navy-2) 45%,#112a3b 100%);border:1px solid var(--kf-line);box-shadow:0 18px 40px -18px #0000008c;padding:clamp(20px,3.4vw,40px);color:#fff}.kf-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--kf-coral)}.kf-head{max-width:720px;margin-bottom:clamp(18px,2.4vw,28px)}.kf-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:5px 12px 5px 10px;border-radius:999px;background:#f7503824;color:#ff8a78;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kf-title{margin:0;color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.01em}.kf-sub{margin:10px 0 0;color:#ffffffb8;font-size:15px;line-height:1.5}.kf-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}.kf-field label{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#ffffffd9;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kf-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:12px;font-weight:700;letter-spacing:0;transition:background .2s,color .2s}.kf-field.is-done .kf-num{background:var(--kf-coral)}.kf-field.is-done .kf-num{font-size:0}.kf-num{position:relative}.kf-field.is-done .kf-num:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:5px;border:solid #fff;border-width:0 0 2.4px 2.4px;transform:translate(-50%,-70%) rotate(-45deg)}.kf-select{position:relative}.kf-select:after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border:solid var(--kf-ink);border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none;opacity:.7}.kf-select select{-webkit-appearance:none;appearance:none;width:100%;height:54px;margin:0;padding:0 44px 0 16px;border:2px solid transparent;border-radius:10px;background:#fff;color:var(--kf-ink);font:inherit;font-size:16px;font-weight:500;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s}.kf-select select:hover:not(:disabled){border-color:#f7503880}.kf-select select:focus-visible{outline:none;border-color:var(--kf-coral);box-shadow:0 0 0 4px #f7503847}.kf-select select:disabled{cursor:not-allowed;background:#ffffffc7;color:#7d8a94}.kf-field[data-step=make] .kf-select select:disabled{background:#fff}.kf.is-loading .kf-field[data-step=make] .kf-select:before{content:"";position:absolute;right:42px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid rgba(15,37,51,.2);border-top-color:var(--kf-coral);animation:kf-spin .8s linear infinite;z-index:1}@keyframes kf-spin{to{transform:rotate(360deg)}}.kf-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border:0;border-radius:10px;background:var(--kf-coral);color:#fff;font:inherit;font-size:16px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 8px 20px -8px #f75038cc;transition:background .15s,transform .15s,box-shadow .15s,opacity .15s}.kf-go:hover:not(:disabled){background:var(--kf-coral-dark);transform:translateY(-1px)}.kf-go:hover:not(:disabled) svg{transform:translate(3px)}.kf-go svg{transition:transform .15s}.kf-go:focus-visible{outline:3px solid #fff;outline-offset:2px}.kf-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.kf-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:18px}.kf-foot:empty,.kf-foot:not(:has(>:not([hidden]))){display:none}.kf-popular,.kf-saved{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}.kf-popular[hidden],.kf-saved[hidden]{display:none}.kf-popular-label,.kf-saved-label{color:#fff9}.kf-chips{display:flex;flex-wrap:wrap;gap:6px}.kf-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--kf-line);background:#ffffff0f;color:#fff;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.kf-chip:hover{background:#ffffff24;border-color:#ffffff4d}.kf-chip.is-active{background:var(--kf-coral);border-color:var(--kf-coral)}.kf-saved-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;border:1px solid rgba(247,80,56,.6);background:#f750381f;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.kf-saved-btn:hover{background:#f750383d}.kf-clear{padding:4px 6px;border:0;background:none;color:#fff9;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.kf-clear:hover{color:#fff}.kf-results{margin-top:clamp(24px,3vw,36px);scroll-margin-top:120px}.kf-results[hidden]{display:none}.kf-results-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--kf-line)}.kf-results-kicker{margin:0 0 4px;color:var(--kf-coral);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kf-results-title{margin:0;color:#fff;font-size:clamp(20px,2.4vw,26px);line-height:1.2}.kf-results-title .kf-count{color:#ffffff8c;font-weight:400}.kf-filters{display:flex;flex-wrap:wrap;gap:6px}.kf-filter{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--kf-line);background:transparent;color:#ffffffd9;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.kf-filter:hover{border-color:#ffffff59;color:#fff}.kf-filter[aria-selected=true]{background:#fff;border-color:#fff;color:var(--kf-ink)}.kf-filter span{font-size:12px;opacity:.6}.kf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.kf-card{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden;background:#fff;color:var(--kf-ink);text-decoration:none;box-shadow:0 1px #0000000a,0 10px 24px -16px #0009;transition:transform .18s,box-shadow .18s}.kf-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px -16px #000000b3}.kf-card:focus-visible{outline:3px solid var(--kf-coral);outline-offset:2px}.kf-card-media{position:relative;aspect-ratio:1 / 1;background:#f6f5f2;display:grid;place-items:center;overflow:hidden}.kf-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.kf-card:hover .kf-card-media img{transform:scale(1.04)}.kf-tag{position:absolute;left:10px;top:10px;padding:3px 8px;border-radius:6px;background:var(--kf-navy);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kf-tag.is-sale{left:auto;right:10px;background:var(--kf-coral)}.kf-card-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 14px 16px}.kf-card-title{margin:0;font-size:14px;font-weight:600;line-height:1.35;color:var(--kf-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kf-fit{display:inline-flex;align-items:flex-start;gap:6px;align-self:flex-start;padding:4px 8px;border-radius:6px;background:#e8f4ec;color:#1f6a37;font-size:12px;font-weight:600;line-height:1.35}.kf-fit svg{flex:none;margin-top:2px}.kf-card-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}.kf-price{font-size:17px;font-weight:700;color:var(--kf-ink)}.kf-price s{margin-left:6px;font-size:13px;font-weight:400;color:var(--kf-muted)}.kf-stock{font-size:12px;color:var(--kf-muted)}.kf-stock.is-out{color:#a33}.kf-empty{padding:28px;border-radius:12px;border:1px dashed rgba(255,255,255,.25);color:#fffc;text-align:center}.kf-empty[hidden]{display:none}.kf-empty p{margin:0}.kf-empty-title{margin-bottom:6px!important;color:#fff;font-size:18px;font-weight:600}.kf-help{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:22px;padding:16px 20px;border-radius:12px;background:#ffffff0d;border:1px solid var(--kf-line);color:#ffffffd9;font-size:15px}.kf-help svg{color:var(--kf-coral);flex:none}.kf-help p{margin:0;flex:1 1 260px}.kf-help-link{padding:10px 18px;border-radius:8px;background:#fff;color:var(--kf-ink);font-weight:700;text-decoration:none;white-space:nowrap}.kf-help-link:hover{background:var(--kf-cream)}@media(max-width:1100px){.kf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.kf-form{grid-template-columns:repeat(3,minmax(0,1fr))}.kf-actions{grid-column:1 / -1}.kf-go{width:100%}}@media(max-width:640px){.kf-form{grid-template-columns:1fr;gap:12px}.kf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kf-card-body{padding:10px 10px 12px}.kf-card-title{font-size:13px}.kf-price{font-size:15px}.kf-stock{display:none}.kf-results-head{align-items:flex-start}.kf-filters{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}.kf-filter{flex:none}}@media(prefers-reduced-motion:reduce){.kf-card,.kf-go,.kf-go svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/key-finder.css.map */