.oc-sb{background:var(--sb-bg, #004429);color:var(--sb-text, #fff);width:100%;position:relative;z-index:20}.oc-sb__container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;position:relative}.oc-sb__form{display:flex;align-items:stretch;width:100%;max-width:920px;background:var(--sb-field-bg, #fff);border-radius:12px;overflow:visible;box-shadow:0 6px 22px -10px #00000059,0 1px 3px #0000001a;position:relative}.oc-sb__form:focus-within{box-shadow:0 8px 28px -10px #00000080,0 0 0 3px #ffffff40}.oc-sb__cat{position:relative;flex-shrink:0;border-right:1px solid var(--sb-cat-divider, #e5e5e2)}.oc-sb__cat-btn{display:inline-flex;align-items:center;gap:10px;background:var(--sb-cat-bg, #f7f7f4);border:none;padding:0 16px;height:100%;min-height:48px;font-family:var(--font-general-family),sans-serif;font-size:13px;font-weight:500;color:var(--sb-cat-text, #1a1a1a);cursor:pointer;white-space:nowrap;border-top-left-radius:12px;border-bottom-left-radius:12px;transition:background .15s ease;max-width:220px}.oc-sb__cat-btn:hover{background:#eeeee9}.oc-sb__cat-icon{display:none;width:18px;height:18px;flex-shrink:0}.oc-sb__cat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.oc-sb__cat-caret{width:11px;height:11px;color:#777;flex-shrink:0;transition:transform .2s ease}.oc-sb__cat-btn[aria-expanded=true] .oc-sb__cat-caret{transform:rotate(180deg)}.oc-sb__cat-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:280px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid #e8e8e4;border-radius:12px;box-shadow:0 16px 36px -8px #00000038;padding:8px;z-index:60;text-align:left}.oc-sb__cat-menu[data-open=true]{display:block}.oc-sb__cat-link{display:block;width:100%;text-align:left;background:transparent;border:none;padding:10px 14px;font-family:var(--font-general-family),sans-serif;font-size:13.5px;color:#1a1a1a;text-decoration:none;cursor:pointer;border-radius:8px;transition:background .12s ease,color .12s ease}.oc-sb__cat-link:hover{background:#f0f7f4;color:#004429}.oc-sb__cat-link:focus-visible{outline:2px solid #004429;outline-offset:-2px}.oc-sb__cat-link[aria-current=page]{background:#eef7f2;color:#004429;font-weight:600}.oc-sb__cat-link[aria-current=page]:hover{background:#d8eee2;color:#004429}.oc-sb__cat-group{display:block}.oc-sb__cat-row{display:flex;align-items:center;gap:2px}.oc-sb__cat-link--main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;width:auto;text-align:left}.oc-sb__cat-link-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-sb__cat-link .oc-menu-count{flex-shrink:0}.oc-sb__cat-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;padding:0;background:transparent;border:none;border-radius:6px;color:#888;cursor:pointer;transition:background .12s ease,color .12s ease}.oc-sb__cat-toggle:hover{background:#eaf4ee;color:#004429}.oc-sb__cat-toggle:focus-visible{outline:2px solid #004429;outline-offset:1px}.oc-sb__cat-toggle-caret{width:12px;height:12px;transition:transform .22s ease}.oc-sb__cat-group[data-expanded=true] .oc-sb__cat-toggle{color:#004429}.oc-sb__cat-group[data-expanded=true] .oc-sb__cat-toggle-caret{transform:rotate(90deg)}.oc-sb__cat-subs{display:none;margin:4px 6px 8px;padding:4px 6px;background:#f6f6f2;border-left:2px solid #c5e4d5;border-radius:6px}.oc-sb__cat-group[data-expanded=true] .oc-sb__cat-subs{display:block}.oc-sb__cat-link--sub{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;color:#444}.oc-sb__cat-link--sub .oc-sb__cat-link-text{flex:1}.oc-sb__cat-link--sub:hover{background:#eaf4ee;color:#004429}.oc-sb__cat-link--sub[aria-current=page]{background:#d8eee2;color:#004429;font-weight:600}.oc-sb__field{flex:1;position:relative;display:flex;align-items:center;min-width:0}.oc-sb__input{flex:1;border:none;outline:none;background:transparent;padding:14px 38px 14px 18px;font-family:var(--font-general-family),sans-serif;font-size:15px;color:#1a1a1a;min-width:0;min-height:48px;width:100%}.oc-sb__input::placeholder{color:#9a9a95;font-weight:400}.oc-sb__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:#999;transition:background .12s}.oc-sb__clear:hover{background:#f0f0ec;color:#444}.oc-sb__clear svg{width:14px;height:14px}.oc-sb__btn{background:var(--sb-btn-bg, #009D5E);color:var(--sb-btn-text, #fff);border:none;padding:0 24px;min-height:48px;font-family:var(--font-general-family),sans-serif;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border-top-right-radius:12px;border-bottom-right-radius:12px;transition:background .18s ease,transform .1s ease}.oc-sb__btn:hover{background:var(--sb-btn-bg-hover, #00b86b)}.oc-sb__btn:active{transform:scale(.98)}.oc-sb__btn-icon{width:16px;height:16px}.oc-sb__predictive{position:absolute;top:calc(100% + 8px);left:24px;right:24px;margin:0 auto;max-width:920px;background:#fff;border:1px solid #e8e8e4;border-radius:12px;box-shadow:0 20px 48px -12px #00000047;z-index:70;max-height:560px;overflow:hidden;display:flex;flex-direction:column}.oc-sb__predictive[hidden]{display:none}.oc-sb__predictive-list{list-style:none;padding:6px;margin:0;overflow-y:auto;flex:1;min-height:0}.oc-sb__predictive-list::-webkit-scrollbar{width:8px}.oc-sb__predictive-list::-webkit-scrollbar-thumb{background:#d8d8d2;border-radius:4px}.oc-sb__predictive-list::-webkit-scrollbar-track{background:transparent}.oc-sb__predictive-item+.oc-sb__predictive-item{border-top:1px solid #f3f3ef}.oc-sb__predictive-link{display:flex;align-items:center;gap:14px;padding:12px;text-decoration:none;color:inherit;border-radius:8px;transition:background .12s}.oc-sb__predictive-link:hover{background:#f7f9f7}.oc-sb__predictive-img{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f3ef;display:flex;align-items:center;justify-content:center}.oc-sb__predictive-img img{width:100%;height:100%;object-fit:cover}.oc-sb__predictive-img--empty{background:#e8e8e4}.oc-sb__predictive-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.oc-sb__predictive-vendor{font-family:var(--font-general-family),sans-serif;font-size:10.5px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.oc-sb__predictive-title{font-family:var(--font-general-family),sans-serif;font-size:14px;color:#1a1a1a;font-weight:500;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.oc-sb__predictive-price-row{display:inline-flex;align-items:baseline;gap:8px;margin-top:2px}.oc-sb__predictive-price{font-family:var(--font-general-family),sans-serif;font-size:13.5px;font-weight:700;color:#004429;line-height:1.2}.oc-sb__predictive-compare{font-family:var(--font-general-family),sans-serif;font-size:12px;color:#999;text-decoration:line-through;line-height:1.2}.oc-sb__predictive-empty{padding:32px 16px;text-align:center;font-family:var(--font-general-family),sans-serif;font-size:13px;color:#888}.oc-sb__predictive-all{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #eee;font-family:var(--font-general-family),sans-serif;font-size:13.5px;font-weight:600;color:#004429;background:#fafaf7;text-decoration:none;border-radius:0 0 12px 12px;transition:background .12s,color .12s;flex-shrink:0}.oc-sb__predictive-all:hover{background:#f0f7f4;color:#006d3f}.oc-sb__predictive-all svg{width:14px;height:14px;flex-shrink:0}.oc-sb__back{display:none}@media(max-width:740px){.oc-sb__container{padding:0 12px}.oc-sb__form{flex-wrap:nowrap;border-radius:10px}.oc-sb__cat{flex-shrink:0;border-right:1px solid var(--sb-cat-divider, #e5e5e2);position:relative}.oc-sb__cat-btn{padding:0;width:46px;min-height:46px;justify-content:center;border-radius:10px 0 0 10px}.oc-sb__cat-icon{display:block}.oc-sb__cat-label,.oc-sb__cat-caret{display:none}.oc-sb__field{flex:1;min-width:0}.oc-sb__input{padding:12px 32px 12px 12px;font-size:15px;min-height:46px}.oc-sb__btn{width:52px;padding:0;border-radius:0 10px 10px 0;min-height:46px;flex-shrink:0}.oc-sb__btn-label{display:none}.oc-sb__btn-icon{width:18px;height:18px}.oc-sb__cat-menu{position:absolute;top:calc(100% + 6px);left:0;right:auto;bottom:auto;width:calc(100vw - 24px);min-width:0;max-height:60vh;border-radius:12px;padding:8px;box-shadow:0 14px 36px -8px #00000040;z-index:100}.oc-sb__cat-menu[data-open=true]:before{content:"Kategorie w\e4hlen";display:block;font-family:var(--font-headings-family),sans-serif;font-size:13px;font-weight:600;color:#1a1a1a;padding:6px 10px 8px;border-bottom:1px solid #eee;margin-bottom:4px}.oc-sb__cat-link{padding:14px 12px;font-size:14px}.oc-sb__cat-toggle{width:42px;height:42px}.oc-sb__predictive{position:absolute;top:calc(100% + 6px);left:12px;right:12px;max-width:none;max-height:70vh;border-radius:12px}.oc-sb__predictive-img{width:56px;height:56px}.oc-sb__predictive-title{font-size:13.5px}.oc-sb__predictive-vendor{font-size:10px}.oc-sb__predictive-price{font-size:13px}.oc-sb__predictive-all{padding:14px;font-size:13px}.oc-sb.oc-sb--active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#fff;padding:0!important;display:flex;flex-direction:column;overflow:hidden}body.oc-sb-fs-open{overflow:hidden}.oc-sb--active .oc-sb__container{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;max-width:none;width:100%;flex:1;min-height:0}.oc-sb--active .oc-sb__form{flex-shrink:0;width:100%;max-width:none;background:transparent;box-shadow:none;border-radius:0;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #eee}.oc-sb--active .oc-sb__back{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;width:40px;height:40px;color:#1a1a1a;cursor:pointer;padding:0;flex-shrink:0;border-radius:50%;transition:background .12s}.oc-sb--active .oc-sb__back:hover{background:#f3f3ef}.oc-sb--active .oc-sb__back svg{width:22px;height:22px}.oc-sb--active .oc-sb__cat,.oc-sb--active .oc-sb__btn{display:none!important}.oc-sb--active .oc-sb__field{flex:1;background:#f3f3ef;border-radius:999px;min-width:0}.oc-sb--active .oc-sb__input{background:transparent;padding:10px 38px 10px 18px;min-height:44px;font-size:15px;border-radius:999px;width:100%}.oc-sb--active .oc-sb__clear{right:10px}.oc-sb--active .oc-sb__predictive{position:static;flex:1;width:100%;max-width:none;margin:0;border:none;border-radius:0;box-shadow:none;max-height:none;background:#fff;display:flex!important;flex-direction:column;min-height:0}.oc-sb--active .oc-sb__predictive[hidden]{display:flex!important}.oc-sb--active .oc-sb__predictive-list{flex:1;overflow-y:auto;max-height:none;padding:6px 12px}.oc-sb--active .oc-sb__predictive-all{flex-shrink:0;border-radius:0;border-top:1px solid #eee;padding:16px;justify-content:center;gap:10px;font-size:14px;background:#fafaf7}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/oc-search-bar.css.map */