/* Keep the native refinement drawer reachable on small search-result layouts. */
@media (max-width: 991px) {
  html.surin-redesign.html-search-page #surin-main .surin-native-catalog > .surin-native-filters { display: block !important; }
  html.surin-redesign.html-search-page #surin-main .surin-search-filter-wrap > .filter-mobile { display: none !important; }
}
@media (min-width: 992px) {
  html.surin-redesign #surin-main .catalog-head .filter-icon { display: none !important; }
}

/* Let product model names wrap without being cut off in mobile catalog cards. */
@media (max-width: 767px) {
  html.surin-redesign #surin-main .catalog-results .surin-product-card .product-title a {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
  }

  html.surin-redesign #surin-main .catalog-results .surin-product-card .prices {
    padding-inline: 0;
  }
}

@media (max-width: 420px) {
  html.surin-redesign #surin-main .catalog-results .surin-product-card .price-block--inquiry .actual-price {
    font-size: var(--t-sm, 13px);
  }

  html.surin-redesign #surin-main .catalog-results .surin-product-card .price-block > small {
    min-block-size: 3em;
    line-height: 1.5;
  }
}

@media (max-width: 350px) {
  html.surin-redesign #surin-main .catalog-results .surin-product-card .price-block .actual-price {
    min-block-size: 3.5em;
    line-height: 1.75;
  }
}

/* Keep the return-to-top control outside product actions on small screens. */
@media (max-width: 991px) {
  html.surin-redesign:is(.html-search-page, .html-category-page) .sr-site-footer .footer-bottom-inner > .go-to-top {
    position: absolute;
    right: 14px;
    bottom: 16px;
  }
}

/* Align the basic search submit with its input on laptop layouts. */
@media (min-width: 992px) {
  html.surin-redesign.html-search-page #surin-main .surin-native-search form:has(#advs:not(:checked)) {
    display: flex;
    align-items: flex-end;
    gap: 12px;
  }

  html.surin-redesign.html-search-page #surin-main .surin-native-search form:has(#advs:not(:checked)) > .form-fields {
    flex: 1;
    min-inline-size: 0;
  }

  html.surin-redesign.html-search-page #surin-main .surin-native-search form:has(#advs:not(:checked)) > .surin-search-actions {
    flex: none;
    margin: 0;
  }
}