body.has-search-panel-open{overflow:hidden}.search-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:none}.search-panel.open{display:block}.search-panel:before{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;content:"";z-index:-1;pointer-events:none;overscroll-behavior:contain}.search-panel-modal{position:fixed;top:0;right:max(0px,calc(var(--search-right,0) - 6rem));left:max(0px,calc(var(--search-left,0) - 6rem));max-width:50rem;max-height:100svh;margin:auto;min-height:5rem;background:color-mix(in srgb,var(--kf-gray-100),transparent 8%);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:var(--kf-box-shadow);overflow-y:auto;scroll-behavior:auto;overscroll-behavior:contain;container-type:inline-size}@media (min-width:768px){.search-panel-modal{top:max(0px,calc(var(--search-top,0) - 1.5rem));border-radius:var(--kf-border-radius-lg);max-height:calc(100svh - calc(var(--search-top,0) - 1.5rem))}}.search-panel-header,.search-panel-modal-content{width:100%;padding:1rem}.search-panel-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;--search-size:.5rem}@container (min-width:20rem){.search-panel-header{--search-size:1rem}}.search-panel-modal-content{scrollbar-width:thin}.search-panel-input-container{position:relative;width:100%;z-index:1;display:flex;gap:.5rem;align-items:center}.search-panel-input-container input[type=search]{width:100%;border:0;font-size:1rem;padding:var(--search-size) 2.5rem var(--search-size) 1rem;background:var(--kf-white);border-radius:var(--kf-border-radius-pill);border:1px solid var(--kf-gray-300);font-weight:700}@container (min-width:20rem){.search-panel-input-container input[type=search]{font-size:1.2rem}}.search-panel-input-container input[type=search]::placeholder{color:var(--kf-gray-500);font-style:italic;font-size:1rem;font-weight:400}.search-panel-input-container input[type=search]:focus,.search-panel-input-container input[type=search]:focus-visible{border-color:var(--kf-primary);outline:2px solid var(--kf-primary)}.search-panel-completion{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--search-size) 2.5rem var(--search-size) 1rem;border:1px solid transparent;font-size:1rem;font-weight:700;white-space:pre;overflow:hidden;color:var(--kf-gray-400);pointer-events:none}@container (min-width:20rem){.search-panel-completion{font-size:1.2rem}}.search-panel-completion-typed{color:transparent}.search-panel-completion-rest{align-self:stretch;display:flex;align-items:center;cursor:pointer;pointer-events:auto}.search-panel-submit{height:calc(1rem + var(--search-size)*2);aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid transparent;background:var(--kf-primary);color:var(--kf-white);cursor:pointer;position:absolute;right:.5rem;font-size:1.2rem}.search-panel-submit:hover{filter:brightness(1.1)}.search-panel-submit:focus{outline:2px solid var(--kf-primary)}.search-panel-close{height:calc(1rem + var(--search-size)*2);aspect-ratio:1;line-height:1;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid transparent;background:var(--kf-gray-200);font-size:1.5rem}.search-panel-close:hover{background:var(--kf-gray-300)}.search-panel-close:focus{outline:2px solid var(--kf-primary)}.search-icon{display:inline-flex;flex-shrink:0}.search-icon svg{width:1em;height:1em;stroke-width:1}.search-result-list{display:flex;flex-direction:column;gap:1.5rem;min-height:4rem;padding-bottom:2rem}@container (min-width:20rem){.search-result-list{--search-gap:1rem}}.search-result-list.loading>*{filter:blur(1px)}.search-result-list.loading:before{display:block;position:absolute;z-index:10;content:"";width:2rem;height:2rem;border:3px solid var(--kf-gray-600);border-radius:50%;top:50%;left:calc(50% - 1rem);border-bottom-color:transparent;animation:search-loading-rotation 1s linear infinite;pointer-events:none}.search-result-list>.search-result-empty{width:100%;max-width:none;text-align:center}.search-section-title{margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--kf-gray-600)}.search-product-grid{display:flex;flex-wrap:wrap;gap:var(--search-gap,.25rem)}.search-product-grid>.search-result{flex:0 0 calc((100% - (var(--search-columns,1) - 1)*var(--search-gap,.25rem))/var(--search-columns,1))}@container (min-width:20rem){.search-product-grid>.search-result{--search-columns:2}}@container (min-width:30rem){.search-product-grid>.search-result{--search-columns:3}}@container (min-width:40rem){.search-product-grid>.search-result{--search-columns:4}}@keyframes search-loading-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-result{font-size:.875rem;display:block;text-decoration:none;color:currentColor;background:var(--kf-white);padding:.5rem;border-radius:var(--kf-border-radius);border:1px solid var(--kf-gray-200);display:flex;flex-direction:row;align-items:center;gap:.5rem}.search-result .search-result-image{width:25%;aspect-ratio:1;flex-shrink:0}.search-result .search-result-content{display:flex;flex-grow:1;flex-direction:column;gap:.5rem}.search-result .minimal-price-link,.search-result .price-label,.search-result .price-including-tax{display:none}.search-result .price-box{flex-direction:column;justify-content:center;gap:0}.search-result .old-price{text-decoration:line-through;color:var(--kf-gray-400);font-size:.85rem}@container (min-width:20rem){.search-result{text-align:center;flex-direction:column}.search-result .search-result-price{margin-top:auto}.search-result .search-result-image{width:100%;padding:1rem}}.search-chip-list{display:flex;flex:0 0 100%;flex-wrap:wrap;gap:.25rem;min-width:0}.search-chip,.search-result{scroll-margin:6rem 0 1rem}.search-chip{display:inline-flex;align-items:center;gap:.375rem;max-width:100%;padding:.375rem .75rem;font-size:.875rem;font-weight:600;line-height:1.2;color:currentColor;text-decoration:none;background:var(--kf-white);border:1px solid var(--kf-gray-200);border-radius:var(--kf-border-radius-pill)}.search-chip .search-icon{font-size:1rem;color:var(--kf-gray-500)}.search-chip:hover{border-color:var(--kf-gray-300)}.search-chip:hover .search-chip-label{text-decoration:underline}.search-chip:focus{outline:2px solid var(--kf-primary)}.search-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.search-result:hover{border-color:var(--kf-gray-300)}a.search-result:hover .search-result-name{text-decoration:underline}a.search-result:focus{z-index:10;outline:2px solid var(--kf-primary)}.search-result-name{display:block;font-weight:600;line-height:1.1}.search-result-price{color:var(--kf-secondary)}.search-result-image{display:block}