/* V21.0.0.1 - Mobil canlı arama panelini kompakt tutar ve özel mobil vitrini sonuç yüksekliği kadar güvenli biçimde genişletir. */
@media (max-width:760px){

  .customer-homepage.mobile-home-mode-custom .home-conversion-slider{
    transition:min-height .18s ease!important;
  }
  .customer-homepage.mobile-home-mode-custom .home-conversion-slider.has-mobile-live-search-open{
    min-height:calc(var(--mobile-hero-height) + var(--mobile-live-search-extra,0px))!important;
  }
  form.has-product-live-search{position:relative!important;overflow:visible!important}
  form.has-product-live-search .product-live-results{
    position:absolute!important;
    z-index:5000!important;
    top:calc(100% + 6px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
    max-height:min(252px,42vh)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    border:1px solid rgba(21,34,52,.16)!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 14px 30px rgba(14,31,51,.20)!important;
    scrollbar-width:thin;
    text-align:left!important;
  }
  form.has-product-live-search .product-live-result{
    display:grid!important;
    grid-template-columns:minmax(64px,78px) minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:center!important;
    min-height:43px!important;
    padding:6px 8px!important;
    border-bottom:1px solid #eee9df!important;
    background:#fff!important;
  }
  form.has-product-live-search .product-live-result:last-of-type{border-bottom:0!important}
  form.has-product-live-search .product-live-result:active,
  form.has-product-live-search .product-live-result.is-active{
    background:#fff7d6!important;
  }
  form.has-product-live-search .product-live-result strong{
    overflow:hidden!important;
    color:#745300!important;
    font:800 10px/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  form.has-product-live-search .product-live-result span{
    display:-webkit-box!important;
    overflow:hidden!important;
    color:#18202c!important;
    font-size:10.5px!important;
    font-weight:750!important;
    line-height:1.18!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  form.has-product-live-search .product-live-result small{
    grid-column:auto!important;
    justify-self:end!important;
    padding:2px 5px!important;
    border-radius:999px!important;
    background:#eef8f1!important;
    font-size:8.5px!important;
    font-weight:850!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }
  form.has-product-live-search .product-live-result small.is-stocked{color:#167143!important}
  form.has-product-live-search .product-live-result small.is-empty{background:#fff0ef!important;color:#96362f!important}
  form.has-product-live-search .product-live-empty{
    padding:12px 10px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  form.has-product-live-search .product-live-all{
    position:sticky!important;
    z-index:2!important;
    bottom:0!important;
    display:block!important;
    padding:7px 9px!important;
    border-top:1px solid #e8e1d5!important;
    background:#f8f5ee!important;
    color:#172033!important;
    font-size:9.5px!important;
    font-weight:850!important;
    line-height:1.3!important;
    text-align:center!important;
  }
}
@media (max-width:390px){
  form.has-product-live-search .product-live-result{
    grid-template-columns:62px minmax(0,1fr) auto!important;
    gap:5px!important;
    padding-right:6px!important;
    padding-left:6px!important;
  }
  form.has-product-live-search .product-live-result strong{font-size:9.3px!important}
  form.has-product-live-search .product-live-result span{font-size:10px!important}
  form.has-product-live-search .product-live-result small{padding:2px 4px!important;font-size:7.8px!important}
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .customer-homepage.mobile-home-mode-custom .home-conversion-slider{transition:none!important}
}