fix Bootstrap 5 compatibility

src/Resources/app/storefront/src/scss/base.scss

@@ -71,11 +71,18 @@ strong {
       text-align: center;
       margin-top: 0.25rem;
 
+      // @deprecated tag:v6.5.0 - Bootstrap v5 changes media-breakpoint-down behavior
+      @if feature('v6.5.0.0') {
+        @include media-breakpoint-down(md) {
+          display: none;
+        }
+      } @else {
         @include media-breakpoint-down(sm) {
           display: none;
         }
       }
     }
+  }
 
   > * {
     position: relative;
@@ -180,7 +187,8 @@ strong {
 
   .header-search {
     .header-search-input,
-    .input-group-append {
+    .input-group-append,
+    .header-search-btn {
       height: 37px;
     }
 

src/Resources/views/storefront/component/product/card/action.html.twig

@@ -1,9 +1,19 @@
 {% sw_extends '@Storefront/storefront/component/product/card/action.html.twig' %}
 
 {% block component_product_box_action_detail %}
+    {% if feature('v6.5.0.0') %}
+        <div class="d-grid">
+            <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
+               class="btn btn-buy"
+               title="{{ "listing.boxProductDetails"|trans|striptags }}">
+                {{ "listing.boxProductDetails"|trans|sw_sanitize }}
+            </a>
+        </div>
+    {% else %}
         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
            class="btn btn-block btn-buy"
            title="{{ "listing.boxProductDetails"|trans|striptags }}">
             {{ "listing.boxProductDetails"|trans|sw_sanitize }}
         </a>
+    {% endif %}
 {% endblock %}