/* Qoffa Smart Header Search — premium forest-glass product discovery, shared by Home, Catalog and Product Detail. */
#mainHeader .nav-actions { gap: 10px; }
.qoffa-header-search { position: relative; z-index: 10020; direction: rtl; }
.qoffa-search-shell { display: flex; align-items: center; width: clamp(166px, 16vw, 238px); height: 42px; gap: 8px; padding: 0 12px; background: rgba(255,255,255,.72); border: 1px solid rgba(28,107,73,.16); border-radius: 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 8px 18px rgba(22,73,48,.06); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: width .24s cubic-bezier(.23,1,.32,1), background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.qoffa-header-search:focus-within .qoffa-search-shell { width: clamp(210px, 22vw, 310px); background: rgba(255,255,255,.96); border-color: rgba(28,107,73,.44); box-shadow: 0 12px 26px rgba(21,87,56,.14), inset 0 1px 0 #fff; }
.qoffa-search-shell > .fa-search { flex: 0 0 auto; color: #2d7d58; font-size: .82rem; }
.qoffa-product-search-input { width: 100%; min-width: 0; padding: 0; color: #173d2d; background: transparent; border: 0; outline: 0; font: 700 .76rem Cairo,sans-serif; }
.qoffa-product-search-input::placeholder { color: #879b91; opacity: 1; }
.qoffa-search-clear { display: grid; width: 22px; height: 22px; place-items: center; flex: 0 0 auto; padding: 0; color: #739184; background: transparent; border: 0; border-radius: 50%; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .16s ease, background .16s ease, color .16s ease; }
.qoffa-header-search.has-query .qoffa-search-clear { opacity: 1; pointer-events: auto; }
.qoffa-search-clear:hover { color: #fff; background: #287b55; }
.qoffa-search-mobile-toggle { display: none; }
.qoffa-search-results { position: absolute; top: calc(100% + 9px); right: 0; display: none; width: min(340px, calc(100vw - 28px)); max-height: min(390px, 56vh); padding: 7px; overflow: auto; color: #1b4432; background: rgba(255,255,255,.96); border: 1px solid rgba(28,107,73,.13); border-radius: 19px; box-shadow: 0 20px 46px rgba(11,49,32,.2); backdrop-filter: blur(20px) saturate(135%); -webkit-backdrop-filter: blur(20px) saturate(135%); }
.qoffa-search-results.is-visible { display: block; animation: qoffaSearchReveal .2s cubic-bezier(.23,1,.32,1) both; }
.qoffa-search-item { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 10px; width: 100%; padding: 8px; color: inherit; text-decoration: none; border: 1px solid transparent; border-radius: 14px; transition: background .16s ease, border-color .16s ease, transform .16s cubic-bezier(.23,1,.32,1); }
.qoffa-search-item:hover,.qoffa-search-item:focus-visible { color: #173d2d; background: linear-gradient(135deg,#f4faeb,#e6f5dc); border-color: rgba(28,107,73,.14); outline: none; transform: translateX(-2px); }
.qoffa-search-item img { width: 48px; height: 48px; object-fit: cover; background: #f2f8ee; border-radius: 11px; }
.qoffa-search-item__copy { display: grid; gap: 2px; min-width: 0; text-align: right; }
.qoffa-search-item__copy strong { overflow: hidden; color: #174431; font: 900 .75rem/1.25 Cairo,sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.qoffa-search-item__copy span { overflow: hidden; color: #7a9085; font: 700 .64rem/1.25 Cairo,sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.qoffa-search-item__price { color: #1f7953; font: 900 .78rem/1 'DM Sans',Cairo,sans-serif; white-space: nowrap; }
.qoffa-search-state { display: flex; min-height: 68px; align-items: center; justify-content: center; gap: 9px; padding: 16px; color: #6a8478; text-align: center; font: 700 .74rem/1.6 Cairo,sans-serif; }
.qoffa-search-state i { color: #2b855d; }
@keyframes qoffaSearchReveal { from { opacity: 0; transform: translateY(-7px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 800px) { .qoffa-search-shell { position: fixed; z-index: 10030; top: 76px; right: 12px; left: 12px; display: none; width: auto !important; height: 48px; padding: 0 14px; border-radius: 16px; background: rgba(255,255,255,.98); box-shadow: 0 16px 34px rgba(9,53,34,.2); } .qoffa-header-search.is-open .qoffa-search-shell { display: flex; animation: qoffaSearchReveal .2s cubic-bezier(.23,1,.32,1) both; } .qoffa-search-shell .qoffa-product-search-input,.qoffa-search-shell .qoffa-search-clear { display: block; } .qoffa-search-clear { display: grid !important; } .qoffa-search-mobile-toggle { display: grid; width: 40px; height: 40px; place-items: center; padding: 0; color: #236f4d; background: rgba(255,255,255,.72); border: 1px solid rgba(28,107,73,.16); border-radius: 13px; box-shadow: inset 0 1px 0 rgba(255,255,255,.85); cursor: pointer; } .qoffa-header-search.is-open .qoffa-search-mobile-toggle { color: #fff; background: #1f7853; } .qoffa-search-results { position: fixed; z-index: 10029; top: 132px; right: 12px; left: 12px; width: auto; max-height: min(62vh,430px); } .qoffa-search-item { grid-template-columns: 52px minmax(0,1fr) auto; padding: 9px; } .qoffa-search-item img { width: 52px; height: 52px; } }
@media (prefers-reduced-motion: reduce) { .qoffa-search-shell,.qoffa-search-clear,.qoffa-search-item,.qoffa-search-results { transition: none !important; animation: none !important; } }