@media (min-width: 1025px) {
  html body:not(.storefront-checkout-screen) #header .searchform-popup .search-toggle.storefront-search-icon-control .storefront-search-svg {
    transform: none !important;
    transition: all 0.3s ease !important;
  }

  html body:not(.storefront-checkout-screen) #header .searchform-popup .search-toggle.storefront-search-icon-control:hover .storefront-search-svg {
    transform: scale(1.15) !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 0 !important;
    padding: 10vh 0 0 !important;
    font: 400 13px/22px Montserrat, Arial, sans-serif !important;
    letter-spacing: 0.01em !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform-fields {
    box-sizing: border-box !important;
    width: 555px !important;
    max-width: 555px !important;
    height: 36px !important;
    margin: 35px auto 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform-fields > .text {
    flex: 0 0 518.234375px !important;
    width: 518.234375px !important;
    min-width: 518.234375px !important;
    max-width: 518.234375px !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform-fields > .button-wrap {
    flex: 0 0 36.765625px !important;
    width: 36.765625px !important;
    min-width: 36.765625px !important;
    max-width: 36.765625px !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform input[type="text"] {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #232323 !important;
    font: 400 13px/22px Montserrat, Arial, sans-serif !important;
    letter-spacing: 0.01em !important;
    text-align: left !important;
    transition: none !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .btn-special {
    box-sizing: border-box !important;
    display: block !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 3px 0 !important;
    padding: 1px 10px 4px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    font: 700 14px/22px Montserrat, Arial, sans-serif !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .btn-special .storefront-header-svg-wrap {
    width: 18px !important;
    height: 18px !important;
    position: static !important;
    top: auto !important;
    color: #000 !important;
    transform: none !important;
    transition: none !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .btn-special svg {
    width: 18px !important;
    height: 18px !important;
    position: relative !important;
    top: 2.234375px !important;
    color: #000 !important;
    transform: rotate(-90deg) !important;
    transform-origin: center !important;
    transition: all 0.3s ease !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .storefront-search-overlay-close {
    top: 10vh !important;
    left: calc(50% - 277.5px) !important;
    width: 45px !important;
    height: 35px !important;
    padding: 0 0 15px !important;
    color: #000 !important;
    transform: none !important;
    transition: all 0s ease 0s !important;
    animation: none !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .storefront-search-overlay-close svg {
    width: 20px !important;
    height: 20px !important;
    color: #000 !important;
    fill: #fff !important;
    transform: none !important;
    transition: all 0.3s ease !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .storefront-search-overlay-close svg path {
    fill: #fff !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .storefront-search-overlay-close:hover svg,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .storefront-search-overlay-close:focus-visible svg {
    transform: rotate(180deg) !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] {
    box-sizing: border-box !important;
    position: fixed !important;
    top: calc(10vh + 72px) !important;
    right: auto !important;
    left: calc(50% - 277.5px) !important;
    z-index: 1000000000 !important;
    display: none !important;
    width: 518px !important;
    height: 327px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    border: 1px solid #eaeaea !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #232323 !important;
    font: 400 13px/22px Montserrat, Arial, sans-serif !important;
    letter-spacing: 0.01em !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].porto-opened:has(.autocomplete-suggestion) {
    display: block !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions {
    box-sizing: border-box !important;
    width: 516px !important;
    height: 290px !important;
    max-height: 290px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    font: 400 14px/22px Montserrat, Arial, sans-serif !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 516px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 2px 20px 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid #f8f8f8 !important;
    background: #fff !important;
    color: #232323 !important;
    cursor: pointer !important;
    font: 400 14px/24px Montserrat, Arial, sans-serif !important;
    white-space: normal !important;
    transition: all 0s ease 0s !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion img.search-image {
    position: absolute !important;
    top: 2px !important;
    left: 7px !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: fill !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap {
    position: absolute !important;
    top: 9px !important;
    right: 20px !important;
    left: 67px !important;
    height: 36px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name {
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #000 !important;
    font: 700 14px/18px Montserrat, Arial, sans-serif !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-name {
    position: absolute !important;
    top: 9px !important;
    right: auto !important;
    left: 67px !important;
    width: 280px !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap .search-name {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name strong {
    color: inherit !important;
    font: inherit !important;
    text-decoration: underline !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price {
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
    font: 400 14px/18px Montserrat, Arial, sans-serif !important;
    text-align: left !important;
    white-space: normal !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-price {
    position: absolute !important;
    top: 27px !important;
    right: auto !important;
    left: 67px !important;
    width: 280px !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap .search-price {
    position: absolute !important;
    top: 18px !important;
    right: 0 !important;
    left: 0 !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price del {
    color: #808080 !important;
    font: 400 14px/18px Montserrat, Arial, sans-serif !important;
    text-decoration: line-through !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price ins {
    color: inherit !important;
    font: 400 14px/18px Montserrat, Arial, sans-serif !important;
    text-decoration: none !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:has(.search-price del)::before {
    content: "Sale" !important;
    position: absolute !important;
    top: 5px !important;
    left: 10px !important;
    z-index: 1 !important;
    padding: 4px !important;
    border-radius: 50% !important;
    background: #c8493f !important;
    color: #fff !important;
    font: 400 6px/1.1 Montserrat, Arial, sans-serif !important;
    text-align: center !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected {
    background: #f2f2f2 !important;
    color: #fff !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-name,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-name strong,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-price,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-price ins,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-name,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-name strong,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-price,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-price ins {
    color: #ffc107 !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-price del,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-price del {
    color: #808080 !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results {
    display: block !important;
    box-sizing: border-box !important;
    width: 516px !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f8f8f8 !important;
    color: #999 !important;
    font: 400 14px/35px Montserrat, Arial, sans-serif !important;
    letter-spacing: 0.13px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all 0s ease !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:hover,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:focus,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:focus-visible,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:active {
    background: #f8f8f8 !important;
    color: #999 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 1024px) {
  html.storefront-mobile-search-open body:not(.storefront-checkout-screen) .header-wrapper.storefront-shared-header-wrapper {
    z-index: auto !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform-fields {
    box-sizing: border-box !important;
    height: 42.234375px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform-fields > .text {
    height: 42.234375px !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform input[type="text"] {
    box-sizing: border-box !important;
    height: 42.234375px !important;
    min-height: 42.234375px !important;
    max-height: 42.234375px !important;
    padding: 3px 10px !important;
    transition: none !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .button-wrap,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .btn-special {
    flex: 0 0 45px !important;
    width: 45px !important;
    min-width: 45px !important;
    height: 42.234375px !important;
    min-height: 42.234375px !important;
    margin: 0 !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .btn-special {
    display: block !important;
    position: relative !important;
    padding: 10px !important;
    overflow: hidden !important;
    color: #000 !important;
    font: 700 14px/22px Montserrat, Arial, sans-serif !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .button-wrap .btn-special .storefront-header-svg-wrap {
    position: absolute !important;
    top: 12.234375px !important;
    left: 12.5px !important;
    display: block !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    color: #000 !important;
    line-height: 20px !important;
    transform: none !important;
    transition: none !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform .button-wrap .btn-special svg.storefront-search-svg {
    position: static !important;
    display: block !important;
    box-sizing: border-box !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    color: #000 !important;
    vertical-align: middle !important;
    transform: rotate(-90deg) !important;
    transform-origin: center !important;
    transition: all 0.3s ease !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] {
    position: fixed !important;
    top: 102px !important;
    left: 0 !important;
    z-index: 1000000000 !important;
    display: none !important;
    box-sizing: border-box !important;
    width: 422px !important;
    height: auto !important;
    max-height: 343px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    border: 1px solid #eaeaea !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #232323 !important;
    font: 400 14px/22px Montserrat, Arial, sans-serif !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].porto-opened:has(.autocomplete-suggestion) {
    display: block !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions {
    box-sizing: border-box !important;
    width: 420px !important;
    height: auto !important;
    max-height: 306px !important;
    overflow: hidden !important;
    border: 0 !important;
    background: #fff !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion {
    position: relative !important;
    display: grid !important;
    box-sizing: border-box !important;
    grid-template-columns: 50px minmax(0, 279.859375px) !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    align-items: start !important;
    width: 420px !important;
    height: auto !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 2px 28px 5px 7px !important;
    align-content: center !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid #f8f8f8 !important;
    background: #fff !important;
    color: #232323 !important;
    font: 400 14px/24px Montserrat, Arial, sans-serif !important;
    white-space: normal !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion img.search-image {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: fill !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap {
    display: contents !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 279.859375px !important;
    height: auto !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #000 !important;
    font: 700 14px/18px Montserrat, Arial, sans-serif !important;
    text-align: left !important;
    text-overflow: clip !important;
    white-space: normal !important;
    align-self: end !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name strong {
    color: inherit !important;
    font: inherit !important;
    text-decoration: underline !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 279.859375px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #000 !important;
    font: 400 14px/18px Montserrat, Arial, sans-serif !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price del {
    color: #808080 !important;
    font: 400 14px/18px Montserrat, Arial, sans-serif !important;
    text-decoration: line-through !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price ins {
    color: inherit !important;
    font: 400 14px/18px Montserrat, Arial, sans-serif !important;
    text-decoration: none !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:has(.search-price del)::before {
    content: "Sale" !important;
    position: absolute !important;
    top: 5px !important;
    left: 10px !important;
    z-index: 1 !important;
    padding: 4px !important;
    border-radius: 50% !important;
    background: #c8493f !important;
    color: #fff !important;
    font: 400 6px/1.1 Montserrat, Arial, sans-serif !important;
    text-align: center !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected {
    background: #f2f2f2 !important;
    color: #fff !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-name,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-name strong,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-price,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-price ins,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-name,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-name strong,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-price,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-price ins {
    color: #ffc107 !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results {
    display: block !important;
    box-sizing: border-box !important;
    width: 420px !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f8f8f8 !important;
    color: #999 !important;
    font: 400 14px/35px Montserrat, Arial, sans-serif !important;
    letter-spacing: 0.13px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all 0s ease !important;
  }

  .storefront-mobile-search-backdrop {
    background: rgba(35, 35, 35, 0.8) !important;
  }
}

@media (max-width: 550px) {
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] {
    width: min(425px, calc(100vw - 20px)) !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results {
    width: calc(min(425px, calc(100vw - 20px)) - 2px) !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion {
    grid-template-columns: 50px minmax(0, min(279.859375px, calc(100vw - 117px))) !important;
    width: calc(min(425px, calc(100vw - 20px)) - 2px) !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price {
    width: min(279.859375px, calc(100vw - 117px)) !important;
  }
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-currency-code {
  color: inherit !important;
  font: inherit !important;
}

/* Predictive product suggestions: structure and interaction states. */
@keyframes storefront-predictive-appear-down {
  0% {
    opacity: 0;
    margin-top: -10px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

@keyframes storefront-predictive-rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

@keyframes storefront-predictive-dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-results-heading {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-between !important;
  position: relative !important;
  height: 31px !important;
  margin: 0 0 15px !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8e8e8 !important;
  color: #232323 !important;
  font: 700 13px/22px Jost, Montserrat, sans-serif !important;
  letter-spacing: 0.26px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-spinner {
  display: none !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 2px 0 20px !important;
  line-height: 0 !important;
  transform-origin: center center !important;
  animation: storefront-predictive-rotator 1.4s linear infinite !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-spinner .storefront-search-spinner-path {
  stroke: #919191 !important;
  stroke-width: 6 !important;
  stroke-dasharray: 280 !important;
  stroke-dashoffset: 0;
  stroke-linecap: butt !important;
  transform-origin: center center !important;
  animation: storefront-predictive-dash 1.4s ease-in-out infinite !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading .storefront-search-spinner {
  display: block !important;
}

/*
 * Keep the predictive results surface closed while the first request
 * has no settled result to preserve. Hide Porto's prematurely opened shell in
 * that one state; later loading states retain either the prior product cards or
 * the prior empty-result CTA and therefore remain visible with the spinner.
 */
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading:not(:has(.autocomplete-suggestion)):not(:has(.storefront-search-empty)) {
  display: none !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-no-results .autocomplete-suggestions,
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading:has(.storefront-search-empty) .autocomplete-suggestions {
  position: static !important;
  inset: auto !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions > .autocomplete-suggestion:nth-child(n + 4),
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.storefront-search-stale {
  display: none !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-sku,
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-currency-code {
  display: none !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion[data-stock-label]::before {
  content: attr(data-stock-label) !important;
  position: absolute !important;
  top: 0 !important;
  left: 15px !important;
  z-index: 2 !important;
  display: block !important;
  height: 20px !important;
  padding: 0 8px !important;
  background: #c1c1c1 !important;
  color: #fff !important;
  font: 400 12px/20px Montserrat, sans-serif !important;
  white-space: nowrap !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name strong {
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover,
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected {
  background: #fff !important;
  color: #232323 !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-name,
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion:hover .search-price,
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-name,
body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion.autocomplete-selected .search-price {
  color: #232323 !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-empty {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  color: #969696 !important;
  font: 400 13px/22px Montserrat, sans-serif !important;
  text-align: center !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-empty a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #232323 !important;
  font: 600 13px/22px Montserrat, sans-serif !important;
  text-decoration: none !important;
}

body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-empty svg {
  width: 18px !important;
  height: 18px !important;
  fill: #232323 !important;
}

@media (min-width: 1025px) {
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] {
    box-sizing: border-box !important;
    position: fixed !important;
    top: calc(10vh + 73px) !important;
    right: auto !important;
    left: calc(50% - 277.5px) !important;
    z-index: 1000000000 !important;
    display: none !important;
    width: 555px !important;
    height: auto !important;
    max-height: calc(90vh - 73px) !important;
    margin: 0 !important;
    padding: 18px 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #232323 !important;
    font: 400 13px/22px Montserrat, sans-serif !important;
    letter-spacing: 0.26px !important;
  }

  html.storefront-header-search-open body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].porto-opened {
    /* The wrapper does not replay its reveal while an open result is refreshed. */
    animation: none !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].porto-opened:has(.autocomplete-suggestion),
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-no-results {
    display: block !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-results-heading {
    width: 515px !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions {
    box-sizing: border-box !important;
    display: block !important;
    width: 545px !important;
    height: 289.6640625px !important;
    max-height: none !important;
    margin: 0 5px !important;
    padding: 0 0 30px !important;
    overflow: visible !important;
    border: 0 !important;
    background: #fff !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion {
    position: relative !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 181.6640625px !important;
    height: 259.6640625px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 15px !important;
    overflow: visible !important;
    border: 0 !important;
    background: #fff !important;
    color: #232323 !important;
    font-size: 0 !important;
    vertical-align: top !important;
    white-space: normal !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion img.search-image {
    position: static !important;
    display: block !important;
    flex: 0 0 151.6640625px !important;
    width: 151.6640625px !important;
    height: 151.6640625px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap {
    display: contents !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap .search-name {
    position: static !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 151.6640625px !important;
    height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #232323 !important;
    font: 400 16px/22px Montserrat, sans-serif !important;
    letter-spacing: 0.32px !important;
    text-align: center !important;
    text-transform: capitalize !important;
    white-space: normal !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-price,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap .search-price,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 23px !important;
    margin: 13px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #232323 !important;
    font: 700 16px/22px Montserrat, sans-serif !important;
    letter-spacing: 0.32px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 515px !important;
    height: 22px !important;
    margin: 17px 20px 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #232323 !important;
    font: 600 13px/22px Jost, Montserrat, sans-serif !important;
    letter-spacing: 0.26px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results::before {
    content: "" !important;
    position: absolute !important;
    top: -17px !important;
    left: 0 !important;
    width: 515px !important;
    border-top: 1px solid #e8e8e8 !important;
  }

  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-no-results .autocomplete-suggestions,
  html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading:has(.storefront-search-empty) .autocomplete-suggestions {
    width: 515px !important;
    height: 58px !important;
    max-height: 58px !important;
    margin: 0 20px !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}

@media (max-width: 1024px) {
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) #header .searchform-popup .searchform {
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] {
    box-sizing: border-box !important;
    position: fixed !important;
    top: 103.234375px !important;
    left: 20px !important;
    z-index: 1000000000 !important;
    display: none !important;
    width: 330px !important;
    height: auto !important;
    max-height: calc(100vh - 103.234375px) !important;
    margin: 0 !important;
    padding: 15px 0 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #232323 !important;
    font: 400 13px/22px Montserrat, sans-serif !important;
    letter-spacing: 0.26px !important;
    animation: none !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].porto-opened:has(.autocomplete-suggestion),
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-no-results {
    display: block !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-results-heading,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results {
    width: 330px !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions {
    box-sizing: border-box !important;
    display: block !important;
    width: 360px !important;
    height: 351px !important;
    max-height: none !important;
    margin: 0 -15px !important;
    padding: 0 0 30px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    background: #fff !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    scrollbar-color: #969696 #f4f4f4;
    scrollbar-width: thin;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions::-webkit-scrollbar {
    height: 5px;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions::-webkit-scrollbar-track {
    background: #f4f4f4;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions::-webkit-scrollbar-thumb {
    background: #969696;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion {
    position: relative !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 250px !important;
    height: 321px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 15px !important;
    overflow: visible !important;
    border: 0 !important;
    background: #fff !important;
    color: #232323 !important;
    font-size: 0 !important;
    vertical-align: top !important;
    white-space: normal !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion img.search-image {
    position: static !important;
    display: block !important;
    flex: 0 0 220px !important;
    width: 220px !important;
    height: 220px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion > .search-info-wrap {
    display: contents !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-name {
    position: static !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 220px !important;
    height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #232323 !important;
    font: 400 16px/22px Montserrat, sans-serif !important;
    letter-spacing: 0.32px !important;
    text-align: center !important;
    text-transform: capitalize !important;
    white-space: normal !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion .search-price {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 23px !important;
    margin: 13px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #232323 !important;
    font: 700 16px/22px Montserrat, sans-serif !important;
    letter-spacing: 0.32px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 36px !important;
    margin: 17px 0 16px !important;
    padding: 7px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #232323 !important;
    font: 600 13px/22px Jost, Montserrat, sans-serif !important;
    letter-spacing: 0.26px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results::before {
    content: "" !important;
    position: absolute !important;
    top: -17px !important;
    left: 0 !important;
    width: 100% !important;
    border-top: 1px solid #e8e8e8 !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-no-results .autocomplete-suggestions,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading:has(.storefront-search-empty) .autocomplete-suggestions {
    width: 330px !important;
    height: 58px !important;
    max-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}

@media (min-width: 750px) and (max-width: 1024px) {
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions {
    height: 358px !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion {
    height: 328px !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestion img.search-image {
    margin-bottom: 15px !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results {
    height: 22px !important;
    padding: 0 !important;
  }
}

@media (max-width: 550px) {
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] {
    width: calc(100vw - 80px) !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-results-heading,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-no-results .autocomplete-suggestions,
  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal].storefront-search-loading:has(.storefront-search-empty) .autocomplete-suggestions {
    width: calc(100vw - 80px) !important;
  }

  html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions {
    width: calc(100vw - 50px) !important;
  }
}

/* The footer link remains visually stable through pointer and keyboard states. */
html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:hover,
html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:focus,
html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:focus-visible,
html.storefront-header-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:active,
html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:hover,
html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:focus,
html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:focus-visible,
html.storefront-mobile-search-ready body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .storefront-search-all-results:active {
  background: transparent !important;
  color: #232323 !important;
  text-decoration: none !important;
  outline-offset: 2px;
}

/* Keep obsolete rows hidden after later responsive display declarations. */
html body:not(.storefront-checkout-screen) > .live-search-list[data-storefront-search-results-portal] .autocomplete-suggestions > .autocomplete-suggestion.storefront-search-stale {
  display: none !important;
}
