#ibnesalah-woo-search-dialog{width:min(var(--ibnesalah-woo-search-width,840px),calc(100vw - 40px));height:min(82dvh,820px);max-height:82dvh;padding:0;border-radius:16px;overflow:hidden}
#ibnesalah-woo-search-dialog[open]{display:flex;flex-direction:column}
.ibnesalah-woo-search-form{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:0;flex-shrink:0;border-bottom:1px solid var(--ibnesalah-woo-border);background:var(--ibnesalah-woo-panel)}
#ibnesalah-woo-search-dialog .ibnesalah-woo-search-form>input{appearance:none;min-width:0;flex:1;border:0!important;border-radius:0;padding:6px 0!important;background:transparent!important;color:var(--ibnesalah-woo-text)!important;box-shadow:none!important;font:inherit;font-size:18px;line-height:1.5}
#ibnesalah-woo-search-dialog .ibnesalah-woo-search-form>input:focus{outline:none}#ibnesalah-woo-search-dialog .ibnesalah-woo-search-form:focus-within{box-shadow:inset 0 -2px var(--ibnesalah-woo-accent)}
#ibnesalah-woo-search-dialog input::-webkit-search-cancel-button{appearance:none}
#ibnesalah-woo-search-dialog .ibnesalah-woo-search-form>.ibnesalah-woo-close{position:static;width:36px;height:36px;flex-shrink:0;padding:8px}
.ibnesalah-woo-search-body{overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding:20px 24px 26px;flex:1}
.ibnesalah-woo-search-body>section+section{margin-top:26px}
.ibnesalah-woo-search-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#ibnesalah-woo-search-dialog .ibnesalah-woo-search-section-heading>h2{font:400 21px/1.3 var(--ibnesalah-woo-heading-font);margin:0;padding:0;color:inherit;text-transform:none;letter-spacing:normal}
.ibnesalah-woo-search-section-heading [data-ibnesalah-woo-clear-viewed]{font-size:11px;text-transform:uppercase;letter-spacing:.15em;padding:8px 0}
.ibnesalah-woo-search-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
.ibnesalah-woo-search-product{min-width:0}.ibnesalah-woo-search-product-image{display:block;aspect-ratio:var(--ibnesalah-woo-ratio,3/4);overflow:hidden;background:#00000005}
#ibnesalah-woo-search-dialog .ibnesalah-woo-search-product-image>img{display:block;width:100%;height:100%;object-fit:var(--ibnesalah-woo-fit,cover);margin:0;border-radius:0}
#ibnesalah-woo-search-dialog .ibnesalah-woo-search-product>h3{font:400 15px/1.5 var(--ibnesalah-woo-font);margin:9px 0 4px;padding:0;color:inherit;letter-spacing:normal;text-transform:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ibnesalah-woo-search-product-price{font-size:14px;line-height:1.5}.ibnesalah-woo-search-product-price del{opacity:.55;font-size:.85em}.ibnesalah-woo-search-product-price ins{text-decoration:none}
.ibnesalah-woo-search-empty,.ibnesalah-woo-search-hint{font:inherit;line-height:1.6;margin:8px 0 16px}.ibnesalah-woo-search-hint{font-size:12px;opacity:.7;margin-top:20px}
.ibnesalah-woo-search-skeleton{padding-top:4px}.ibnesalah-woo-search-retry{text-decoration:underline}
#ibnesalah-woo-search-dialog[aria-busy=true] .ibnesalah-woo-search-body{opacity:.5;pointer-events:none}
#ibnesalah-woo-search-dialog[aria-busy=true]:after{content:"";position:absolute;left:0;right:0;top:71px;height:2px;background:var(--ibnesalah-woo-accent);transform-origin:left;animation:ibnesalah-woo-search-progress 1s ease-in-out infinite alternate}
@keyframes ibnesalah-woo-search-progress{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
.ibnesalah-woo-search-form{min-height:72px}
@media(max-width:640px){
    #ibnesalah-woo-search-dialog{width:calc(100vw - 24px);height:94dvh;max-height:94dvh;border-radius:10px}
    .ibnesalah-woo-search-form{min-height:64px}
    #ibnesalah-woo-search-dialog[aria-busy=true]:after{top:63px}
    .ibnesalah-woo-search-form{padding:12px 14px;gap:10px}.ibnesalah-woo-search-body{padding:18px 18px 24px}
    .ibnesalah-woo-search-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
    #ibnesalah-woo-search-dialog .ibnesalah-woo-search-section-heading>h2{font-size:20px}
    #ibnesalah-woo-search-dialog .ibnesalah-woo-search-product>h3{font-size:14px}.ibnesalah-woo-search-product-price{font-size:13px}
}
@media(prefers-reduced-motion:reduce){#ibnesalah-woo-search-dialog[aria-busy=true]:after{animation:none}}