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 input[type=search]{width:100%;border:0;font-size:1.6rem;padding:.25rem 0 .25rem 1rem;background:var(--kf-gray-200);border-radius:var(--kf-border-radius-lg);font-weight:700}.search-panel input[type=search]::placeholder{color:var(--kf-gray-400)}.search-panel input[type=search]:focus,.search-panel input[type=search]:focus-visible{outline:2px solid var(--kf-primary)}.search-panel-actions{display:flex;gap:1rem;align-items:center}.search-panel-close{height:2rem;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid transparent;background:var(--kf-gray-200)}.search-panel-close>span{display:none}.search-panel-close:hover{background:var(--kf-gray-300)}.search-panel-close:focus{border-color:var(--kf-primary)}.search-panel-close:after{font-size:1.5rem;content:"×"}.search-panel-modal{position:fixed;top:max(0px,calc(var(--search-top,0) - 1.25rem));right:max(0px,calc(var(--search-right,0) - 6rem));left:max(0px,calc(var(--search-left,0) - 6rem));max-width:60rem;max-height:calc(100svh - var(--search-top));margin:auto;min-height:5rem;background:color-mix(in srgb,var(--kf-white),transparent 10%);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:var(--kf-border-radius-lg);box-shadow:var(--kf-box-shadow);overflow:hidden;display:flex}.search-panel-modal-content{width:100%;padding:5rem 1rem 1rem;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.search-result-list{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem;min-height:4rem;position:relative;container-type:inline-size}.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:1rem;left:calc(50% - 1rem);border-bottom-color:transparent;animation:search-loading-rotation 1s linear infinite;pointer-events:none}.search-result-list>.search-category-list,.search-result-list>.search-result{flex:0 0 calc(100%/var(--search-columns,1) - .75rem)}@container (min-width:20rem){.search-result-list>.search-category-list,.search-result-list>.search-result{--search-columns:2}}@container (min-width:30rem){.search-result-list>.search-category-list,.search-result-list>.search-result{--search-columns:3}}@container (min-width:40rem){.search-result-list>.search-category-list,.search-result-list>.search-result{--search-columns:4}}.search-result-list>.search-result-empty{width:100%;max-width:none;text-align:center}@keyframes search-loading-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-result{display:block;text-decoration:none;color:currentColor;background:var(--kf-white);padding:1rem;border-radius:var(--kf-border-radius);text-align:center;border:2px solid transparent;transition:.1s ease-out;display:flex;flex-direction:column;gap:1rem}.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}a.search-result:hover{background:0 0;border-color:var(--kf-primary)}.search-category-list{display:flex;flex-direction:column;gap:1px}.search-category-list .search-result{padding-top:.25rem;padding-bottom:.25rem;text-decoration:none;flex-grow:1;max-height:3rem;text-align:left;border-radius:0;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.search-category-list .search-result:hover{text-decoration:underline;border-color:transparent}.search-category-list .search-result:first-child{border-top-left-radius:var(--kf-border-radius);border-top-right-radius:var(--kf-border-radius)}.search-category-list .search-result:last-child{border-bottom-left-radius:var(--kf-border-radius);border-bottom-right-radius:var(--kf-border-radius)}.search-result-name{display:block;font-weight:700;line-height:1.2;margin-top:auto}.search-result-price{color:var(--kf-secondary)}.search-result-image{display:block}