.oj-search-panel[hidden]{display:none!important}.oj-search-panel{position:absolute;top:100%;left:0;right:0;width:100%;padding:24px var(--page-gutter, 32px) 28px;background:#fff;color:var(--ink, #222);border:0;border-top:1px solid var(--line-soft, #e8e8e8);border-bottom:1px solid var(--line-soft, #e8e8e8);border-radius:0;box-shadow:0 16px 24px -22px #00000038;z-index:100;max-height:calc(100vh - var(--oj-search-top, 150px) - 16px);max-height:calc(100dvh - var(--oj-search-top, 150px) - 16px);overflow-y:auto;overscroll-behavior:contain;animation:oj-search-reveal .18s ease-out}.oj-search-inner{max-width:1120px;margin:0 auto}.oj-search-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;margin-bottom:8px}.oj-search-head label{font-family:var(--font-nav, inherit);font-size:.68rem;font-weight:400;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft, #555)}.oj-search-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin:-8px -12px -8px 0;padding:12px;color:var(--ink, #222);transition:opacity .16s ease}.oj-search-close:hover{opacity:.55}.oj-search-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}.oj-search-form{display:flex;align-items:center;gap:16px;margin:0;padding:0 0 8px;border:0;border-bottom:1px solid #b5b5b5;transition:border-color .16s ease,box-shadow .16s ease}.oj-search-form:focus-within{border-bottom-color:var(--ink, #222);box-shadow:0 1px 0 var(--ink, #222)}.oj-search-field-icon{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2}.oj-search-form input[type=search]{-webkit-appearance:none;appearance:none;flex:1 1 0;min-width:0;width:100%;min-height:48px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink, #222);font:inherit;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:300;line-height:1.5;outline:none}.oj-search-form input[type=search]:focus-visible{outline:none}.oj-search-form input::placeholder{color:#737373;opacity:1}.oj-search-submit{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:12px;min-height:44px;padding:8px 0 8px 8px;font-family:var(--font-nav, inherit);font-size:.7rem;font-weight:400;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.oj-search-submit span{font-size:1rem;letter-spacing:0;transition:transform .16s ease}.oj-search-submit:hover span{transform:translate(3px)}.oj-search-status{margin:14px 0 0;font-size:.76rem;color:var(--ink-soft, #555);line-height:1.6}.oj-search-results:empty{display:none}.oj-search-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:18px 0 0;padding:0;list-style:none}.oj-search-products>li{min-width:0}.oj-search-product{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;min-height:102px;padding:14px 0;border-bottom:1px solid var(--line-soft, #e8e8e8);text-transform:none;letter-spacing:normal;transition:background-color .16s ease}.oj-search-product:hover,.oj-search-product:focus-visible{background:#fafafa}.oj-search-image{width:88px;aspect-ratio:4 / 3;background:#fff;overflow:hidden}.oj-search-image img{display:block;width:100%;height:100%;object-fit:contain}.oj-search-product-title{display:block;font-size:.82rem;line-height:1.5;font-weight:400;overflow-wrap:anywhere}.oj-search-product-price{display:block;font-size:.73rem;color:var(--ink-soft, #555);margin-top:5px;line-height:1.5}.oj-search-all{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;margin-top:16px;padding:8px 0;font-family:var(--font-nav, inherit);font-size:.7rem;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}.oj-search-close:focus-visible,.oj-search-submit:focus-visible,.oj-search-product:focus-visible,.oj-search-all:focus-visible{outline:1px solid currentColor;outline-offset:3px}.oj-mobile-search-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:14px;border-top:1px solid var(--line-soft);padding:16px 0 0}.oj-search-form input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin:0 4px 0 8px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center/16px 16px no-repeat;cursor:pointer}@media(max-width:980px){.oj-search-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}@media(max-width:640px){.oj-search-panel{padding:18px var(--page-gutter, 20px) 20px}.oj-search-head{margin-bottom:6px}.oj-search-form{gap:10px;padding-bottom:6px}.oj-search-form input[type=search]{font-size:16px;min-height:44px}.oj-search-submit{gap:8px;font-size:.66rem;padding-left:4px}.oj-search-status{font-size:.74rem;margin-top:12px}.oj-search-products{grid-template-columns:minmax(0,1fr);gap:0;margin-top:12px}.oj-search-product{min-height:94px;gap:16px}.oj-search-product-title{font-size:.85rem}}@keyframes oj-search-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.oj-search-panel{animation:none}.oj-search-panel *{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ordekian-predictive-search.css.map */