
/* ZEFFIRO instant product search (desktop + mobile). */
.navigation-bar{position:relative;z-index:105}
.navigation-bar .zf-search-container{position:relative;isolation:isolate}
.zf-search-results{position:absolute;top:calc(100% + 9px);left:0;width:min(520px,calc(100vw - 24px));max-height:min(66vh,570px);overflow-y:auto;z-index:999;background:#102023;color:#f2f9f7;border:1px solid #33625b;border-radius:16px;box-shadow:0 24px 50px #0008;padding:7px;white-space:normal}
.zf-search-results[hidden]{display:none!important}
.zf-search-heading{padding:8px 12px 10px;font-size:11px;font-weight:800;color:#9bded4;letter-spacing:.055em}
.zf-search-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-decoration:none;color:inherit!important;min-width:0}
.zf-search-item:hover,.zf-search-item:focus-visible,.zf-search-item.is-active{outline:none;background:#1a3838}
.zf-search-item img{width:55px;height:55px;object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0}
.zf-search-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.zf-search-info strong{font-size:12px;font-weight:750;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zf-search-info small{font-size:10px;color:#a5bab6}
.zf-search-item b{font-size:12px;color:#62ddc8;flex-shrink:0;white-space:nowrap}
.zf-search-empty{padding:18px 12px;color:#a3bcb6;font-size:12px}
.zf-search-all{display:block;text-align:center;text-decoration:none;font-weight:800;font-size:12px;color:#0e2926!important;background:#62ddc8;border-radius:9px;padding:12px;margin:6px 2px 2px}
.zf-search-all:hover{background:#9cefe1}
@media(max-width:600px){.navigation-bar .zf-search-container{z-index:400}.zf-search-results{width:100vw;left:0;top:calc(100% + 2px);border-radius:0 0 16px 16px;max-height:55vh}.zf-search-item img{width:48px;height:48px}}
html[data-theme='light'] .zf-search-results{background:#fff;color:#172824;border-color:#c6ded5;box-shadow:0 18px 50px #102a2433}
html[data-theme='light'] .zf-search-item:hover,html[data-theme='light'] .zf-search-item.is-active{background:#e8f6f2}
html[data-theme='light'] .zf-search-info small{color:#526862}
