/*rzm:s47*/
:root{--rzls-accent:var(--primary-color,#9d4edd);--rzls-surface:rgba(255,255,255,.98);--rzls-border:rgba(17,24,39,.08);--rzls-shadow:0 24px 80px rgba(17,24,39,.18);--rzls-text:#111827;--rzls-muted:#6b7280;--rzls-radius:18px}

.searchform .live-search-results{/* RZK 2026-10-09 (INP): will-change:transform removed -- see changelog. */contain:layout style paint;background:var(--rzls-surface)!important;border:1px solid var(--rzls-border)!important;border-radius:var(--rzls-radius)!important;box-shadow:var(--rzls-shadow)!important;/* backdrop-filter removed: GPU compositing cost outweighs visual benefit for INP */;overflow:hidden!important;top:calc(100% + 10px)!important;left:0!important;right:0!important;z-index:99999!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}

.header li .html .live-search-results{background:var(--rzls-surface)!important;box-shadow:var(--rzls-shadow)!important;position:absolute!important;top:calc(100% + 10px)!important}

.searchform .live-search-results .autocomplete-suggestions{position:relative!important;max-height:min(60vh,520px)!important;max-height:min(60dvh,520px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}

.searchform .live-search-results .autocomplete-group{padding:10px 14px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.2px!important;color:var(--rzls-muted)!important;background:rgba(17,24,39,.03)!important;border-bottom:1px solid rgba(229,231,235,.75)!important}

.searchform .live-search-results .autocomplete-group.rzls-group-has-close{position:relative!important;padding-left:clamp(34px,8vw,44px)!important;min-height:clamp(30px,7.6vw,36px)!important;display:flex!important;align-items:center!important}

.searchform .live-search-results .autocomplete-group.rzls-group-has-close .rzls-group-title{display:block!important}

.searchform .live-search-results .autocomplete-group .rzls-group-close{position:absolute!important;left:clamp(8px,2vw,12px)!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;min-height:0!important;margin-left:0!important;border:none!important;border-radius:999px!important;background:linear-gradient(180deg,#ff6b6b,#ef4444)!important;color:#fff!important;font-size:clamp(12px,3.2vw,14px)!important;line-height:1!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;cursor:pointer!important;box-shadow:0 6px 14px rgba(239,68,68,.3)!important}

.searchform .live-search-results .autocomplete-group .rzls-group-close:active{transform:translateY(-50%) scale(.92)!important}

.searchform .live-search-results .autocomplete-suggestion{align-items:center!important;background:transparent!important;border-bottom:1px solid rgba(229,231,235,.75)!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 14px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
.searchform .live-search-results .autocomplete-suggestion:last-child{border-bottom:none!important}

.searchform .live-search-results .search-text{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;font-size:clamp(12px,calc(11px + .35vw),14px)!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}

.searchform .live-search-results .autocomplete-suggestion .search-name{color:var(--rzls-text)!important;font-size:1em!important;font-weight:800!important;line-height:1.35!important;min-width:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}

.searchform .live-search-results .search-meta{color:var(--rzls-muted)!important;font-size:max(12px, .86em) !important;;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.searchform .live-search-results .autocomplete-suggestion strong{color:var(--rzls-accent)!important;font-weight:900!important}

.searchform .live-search-results .search-image{background:#fff;box-shadow:0 10px 30px rgba(17,24,39,.12);flex:0 0 auto;height:48px!important;width:48px!important;border-radius:14px!important;display:block!important}

.searchform .live-search-results img.search-image{object-fit:cover}

.searchform .live-search-results img.search-image.rzls-brand-image{object-fit:contain!important;box-sizing:border-box!important;padding:4px!important}

.searchform .live-search-results svg.search-image{padding:10px!important;color:var(--rzls-accent)!important;fill:currentColor!important}

.searchform .live-search-results .search-image.rzls-placeholder{background:rgba(107,114,128,.08)!important;box-shadow:none!important}

.searchform .live-search-results .search-price{flex:0 0 auto!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;color:var(--rzls-accent)!important;background:rgba(157,78,221,.10)!important;border:1px solid rgba(157,78,221,.18)!important;padding:6px 10px!important;border-radius:999px!important}

.searchform .live-search-results .search-chip{flex:0 0 auto!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;color:var(--rzls-muted)!important;background:rgba(107,114,128,.10)!important;border:1px solid rgba(107,114,128,.16)!important;padding:6px 10px!important;border-radius:999px!important}

.searchform .live-search-results .autocomplete-suggestion::after{content:"";flex:0 0 auto;width:16px;height:16px;background-color:rgba(107,114,128,.9);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>') no-repeat center/contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>') no-repeat center/contain;opacity:0;transform:translateX(-2px);}
.searchform .live-search-results .autocomplete-suggestion:hover,.searchform .live-search-results .autocomplete-selected{background:linear-gradient(180deg,rgba(157,78,221,.10),rgba(157,78,221,.05))!important;transform:translateY(-1px)}

.searchform .live-search-results .autocomplete-suggestion:hover::after,.searchform .live-search-results .autocomplete-selected::after{opacity:1;transform:translateX(0)}

html[dir="rtl"] .searchform .live-search-results{text-align:start!important;direction:rtl}
html[dir="rtl"] .searchform .live-search-results .autocomplete-suggestion::after{transform:translateX(2px) rotate(180deg)}
html[dir="rtl"] .searchform .live-search-results .autocomplete-suggestion:hover::after,html[dir="rtl"] .searchform .live-search-results .autocomplete-selected::after{transform:translateX(0) rotate(180deg)}

@media (max-width:849px){
  .searchform .live-search-results{top:calc(100% + 8px)!important;border-radius:16px!important}
  .searchform .live-search-results .autocomplete-suggestion{padding:12px 12px!important}
  .searchform .live-search-results .search-image{width:44px!important;height:44px!important;border-radius:12px!important}
  .searchform .live-search-results svg.search-image{padding:9px!important}
  .searchform .live-search-results .search-price,.searchform .live-search-results .search-chip{padding:6px 9px!important}
}

@media (prefers-reduced-motion:reduce){
  .searchform .live-search-results .autocomplete-suggestion{}  .searchform .live-search-results .autocomplete-suggestion::after{}}

.header-search-form-wrapper .searchform-wrapper.ux-search-box,
.header-nav .searchform-wrapper.ux-search-box{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(250,245,255,.95) 100%)!important;border-radius:50px!important;padding:4px!important;box-shadow:0 2px 12px rgba(139,92,246,.08),inset 0 0 0 1.5px rgba(139,92,246,.12)!important;overflow:visible!important}
.header-search-form-wrapper .searchform-wrapper.ux-search-box:focus-within,
.header-nav .searchform-wrapper.ux-search-box:focus-within{box-shadow:0 4px 20px rgba(139,92,246,.15),inset 0 0 0 2px rgba(139,92,246,.25)!important;transform:translateY(-1px)!important;z-index:99999!important}

.header-search-form-wrapper .searchform-wrapper.ux-search-box .flex-row,
.header-nav .searchform-wrapper.ux-search-box .flex-row{gap:0!important}

.header-search-form-wrapper .searchform-wrapper input.search-field,
.header-nav .searchform-wrapper input.search-field{background:transparent!important;border:none!important;box-shadow:none!important;padding:10px 16px!important;font-size:14px!important;color:#1f2937!important;height:auto!important;min-height:38px!important;border-radius:50px 0 0 50px!important;}
.header-search-form-wrapper .searchform-wrapper input.search-field:focus,
.header-nav .searchform-wrapper input.search-field:focus{outline:none!important;box-shadow:none!important;background:transparent!important}

.header-search-form-wrapper .searchform-wrapper input.search-field::placeholder,
.header-nav .searchform-wrapper input.search-field::placeholder{color:#9ca3af!important;opacity:1!important}

.header-search-form-wrapper .searchform-wrapper .ux-search-submit,
.header-nav .searchform-wrapper .ux-search-submit{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%)!important;border:none!important;border-radius:50px!important;padding:8px 16px!important;margin:2px!important;min-height:34px!important;height:auto!important;box-shadow:0 2px 8px rgba(139,92,246,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.header-search-form-wrapper .searchform-wrapper .ux-search-submit:hover,
.header-nav .searchform-wrapper .ux-search-submit:hover{transform:scale(1.05)!important;box-shadow:0 4px 15px rgba(139,92,246,.4)!important;opacity:1!important}

.header-search-form-wrapper .searchform-wrapper .ux-search-submit i,
.header-nav .searchform-wrapper .ux-search-submit i,
.header-search-form-wrapper .searchform-wrapper .ux-search-submit .rzls-header-icon,
.header-nav .searchform-wrapper .ux-search-submit .rzls-header-icon{color:#fff!important;font-size:18px!important}

#search-lightbox .searchform-wrapper.ux-search-box{background:rgba(255,255,255,.98)!important;border-radius:60px!important;padding:8px!important;box-shadow:0 8px 32px rgba(139,92,246,.2),inset 0 0 0 2px rgba(139,92,246,.15)!important;max-width:600px!important;margin:0 auto!important}

#search-lightbox .searchform-wrapper input.search-field{background:transparent!important;border:none!important;box-shadow:none!important;padding:16px 24px!important;font-size:18px!important;color:#1f2937!important;height:auto!important;min-height:50px!important}

#search-lightbox .searchform-wrapper input.search-field::placeholder{color:#9ca3af!important}

#search-lightbox .searchform-wrapper .ux-search-submit{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%)!important;border:none!important;border-radius:50px!important;padding:14px 28px!important;margin:4px!important;min-height:46px!important;box-shadow:0 4px 15px rgba(139,92,246,.35)!important}

#search-lightbox .searchform-wrapper .ux-search-submit:hover{transform:scale(1.03)!important;box-shadow:0 6px 25px rgba(139,92,246,.45)!important}

#search-lightbox .searchform-wrapper .ux-search-submit i,
#search-lightbox .searchform-wrapper .ux-search-submit .rzls-header-icon{color:#fff!important;font-size:18px!important}

html[dir="rtl"] .header-search-form-wrapper .searchform-wrapper input.search-field,
html[dir="rtl"] .header-nav .searchform-wrapper input.search-field{border-radius:0 50px 50px 0!important}

@media (max-width:549px){
  .searchform .live-search-results .autocomplete-suggestion{display:grid!important;grid-template-columns:clamp(40px,12vw,44px) 1fr;grid-template-rows:auto auto;gap:6px 12px!important;align-items:center!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  html[dir="rtl"] .searchform .live-search-results .autocomplete-suggestion{grid-template-columns:1fr clamp(40px,12vw,44px)}
  .searchform .live-search-results .search-image{width:clamp(40px,12vw,44px)!important;height:clamp(40px,12vw,44px)!important;grid-row:1 / span 2!important;grid-column:1!important}
  html[dir="rtl"] .searchform .live-search-results .search-image{grid-column:2!important}
  .searchform .live-search-results .search-text{grid-column:2!important;grid-row:1!important;font-size:13px!important}
  html[dir="rtl"] .searchform .live-search-results .search-text{grid-column:1!important}
  .searchform .live-search-results .autocomplete-suggestion .search-name{-webkit-line-clamp:3!important;font-size:13px!important;max-height:none!important}
  .searchform .live-search-results .search-price,.searchform .live-search-results .search-chip{grid-column:2!important;grid-row:2!important;justify-self:start!important;width:fit-content!important;max-width:100%!important;white-space:normal!important;font-size:12px !important;}
  html[dir="rtl"] .searchform .live-search-results .search-price,html[dir="rtl"] .searchform .live-search-results .search-chip{grid-column:1!important}
  .searchform .live-search-results .autocomplete-suggestion::after{display:none!important}
}

@media (max-width:360px){
  .searchform .live-search-results .autocomplete-suggestion .search-name{-webkit-line-clamp:4!important}
}

@media (min-width:850px) and (max-width:1100px){
  .header-search-form-wrapper form.searchform{position:relative!important}
  .header-search-form-wrapper .searchform .live-search-results{width:560px!important;max-width:calc(100vw - 24px)!important;left:0!important;right:auto!important;transform:none!important}
  html[dir="rtl"] .header-search-form-wrapper .searchform .live-search-results{right:0!important;left:auto!important}
}

/* v1.3.0: server-rendered header search trigger icon (sprite <use>). Sizing on
   <=849px comes from rozhika-header-mobile-fix.css (var(--rozhika-h-icon));
   this is the neutral fallback for any other context so the icon behaves
   exactly like the old 16px icon-font glyph it replaces. */
.header-search .header-button .rzls-header-icon--search{display:inline-block;vertical-align:middle;pointer-events:none}

