.kf-home{padding:56px 0 60px;display:flex;flex-direction:column;gap:28px;border-bottom:1px solid var(--line,#e0e7ee)}.kf-home .section-head{margin-bottom:0;align-items:flex-end;flex-wrap:wrap}.kf-home h2{margin:0}.kf-intro{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:380px}.kf-intro p{margin:0;color:var(--muted,#5c6b7d);font-size:16px;line-height:1.6}.kf-card{border:1px solid var(--line,#e0e7ee);background:#fff}.kf-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line,#e0e7ee)}.kf-tabs button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:18px 24px;border:0;border-bottom:3px solid transparent;background:var(--pale,#f4f7fb);color:var(--ink,#0b1c36);font:inherit;cursor:pointer}.kf-tabs button strong{font-size:17px}.kf-tabs button span{font-size:13px;color:var(--muted,#5c6b7d)}.kf-tabs button:hover{color:var(--blue,#006dbb)}.kf-tabs button[aria-selected=true]{background:#fff;color:var(--blue,#006dbb);border-bottom-color:var(--blue,#006dbb)}.kf-panel{padding:30px;display:flex;flex-direction:column;gap:18px;min-height:200px}.kf-panel[hidden],.kf-group[hidden],.kf-option[hidden],.kf-tile[hidden]{display:none}.kf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kf-search{display:flex;flex-wrap:wrap;gap:10px}.kf-search input{flex:1 1 320px;min-width:0;height:56px;padding:0 18px;font:inherit;font-size:17px;border:1px solid #b9cde0;color:var(--ink,#0b1c36);background:#fff;box-sizing:border-box}.kf-search button,.kf-sentence button{height:56px;padding:0 28px;background:var(--blue,#006dbb);color:#fff;border:0;border-radius:2px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.kf-search button:hover,.kf-sentence button:hover{background:#005899}.kf-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kf-lead{font-size:14px;color:var(--muted,#5c6b7d);margin-right:4px}.kf-chip{display:inline-block;border:1px solid var(--line,#e0e7ee);background:var(--pale,#f4f7fb);padding:8px 14px;font-size:14px;color:var(--ink,#0b1c36);text-decoration:none}.kf-chip span{color:var(--muted,#5c6b7d)}.kf-chip:hover,.kf-option:hover,.kf-tile:hover{border-color:var(--blue,#006dbb);color:var(--blue,#006dbb)}.kf-chip-need{background:#fff}.kf-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 28px}.kf-group{display:flex;flex-direction:column;gap:8px}.kf-group h3{margin:0 0 2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue,#006dbb)}.kf-option{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--line,#e0e7ee);font-size:15px;color:var(--ink,#0b1c36);text-decoration:none}.kf-n{color:var(--muted,#5c6b7d);font-size:13px;font-variant-numeric:tabular-nums}.kf-tile em:empty,.kf-n:empty{display:none}.kf-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.kf-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line,#e0e7ee);color:var(--ink,#0b1c36);text-decoration:none}.kf-tile strong{font-size:15px}.kf-tile span{font-size:13px;color:var(--muted,#5c6b7d)}.kf-tile em{font-style:normal;font-size:13px;color:var(--blue,#006dbb);margin-top:6px}.kf-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:17px;padding:18px;background:var(--pale,#f4f7fb);border:1px solid var(--line,#e0e7ee)}.kf-sentence select,.kf-sentence input{height:44px;padding:0 10px;font:inherit;font-size:16px;border:1px solid #b9cde0;background:#fff;color:var(--ink,#0b1c36);box-sizing:border-box}.kf-sentence input{width:90px}.kf-sentence button{height:44px;padding:0 22px;margin-left:auto}.kf-error{flex-basis:100%;margin:0;color:#a3412e;font-size:14px}.kf-home :is(a,button,input,select):focus-visible{outline:3px solid var(--blue,#006dbb);outline-offset:3px}@media(max-width:800px){.kf-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-panel{padding:20px}.kf-tabs button{padding:14px 16px}.kf-tabs button span{display:none}}@media(max-width:520px){.kf-home{padding:40px 0}.kf-sentence button,.kf-search button{width:100%;margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/optics-finder-home.css.map */