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:scroll;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;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-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}.search-panel-submit>span{display:none}.search-panel-submit:hover{filter:brightness(1.1)}.search-panel-submit:focus{outline:2px solid var(--kf-primary)}.search-panel-submit:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;background:currentcolor;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-search'%20%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M10%2010m-7%200a7%207%200%201%200%2014%200a7%207%200%201%200%20-14%200'%20/%3e%3cpath%20d='M21%2021l-6%20-6'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-search'%20%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M10%2010m-7%200a7%207%200%201%200%2014%200a7%207%200%201%200%20-14%200'%20/%3e%3cpath%20d='M21%2021l-6%20-6'%20/%3e%3c/svg%3e");-webkit-mask-size:cover;mask-size:cover}.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)}.search-panel-close>span{display:none}.search-panel-close:hover{background:var(--kf-gray-300)}.search-panel-close:focus{outline:2px solid var(--kf-primary)}.search-panel-close:after{font-size:1.5rem;font-weight:400;content:"×"}.search-result-list{display:flex;flex-wrap:wrap;gap:var(--search-gap,.25rem);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-category-list,.search-result-list>.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-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{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-category-list{display:flex;flex-direction:column;gap:1px}.search-category-list .search-result{text-decoration:none;flex-grow:1;border-color:transparent;max-height:3rem;text-align:left;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;line-height:1.1;font-weight:600}.search-category-list .search-result:hover{border-color:transparent;text-decoration:underline}.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)}@container (min-width:40rem){.search-category-list .search-result{padding-top:.25rem;padding-bottom:.25rem}}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}