@charset "UTF-8";

body.single-product.stm-engine-storefront .stm-single-recommendations {
  margin:0;
  padding-top:var(--stm-space-3);
  border-top:var(--stm-border-width) solid var(--stm-commerce-divider);
  overflow:visible;
}
body.single-product.stm-engine-storefront .stm-single-recommendations > h2 {
  margin:0 0 var(--stm-space-4);
  padding:var(--stm-raised-heading-padding-y,10px) var(--stm-raised-heading-padding-x,14px);
  border:1px solid var(--stm-commerce-raised-edge-line);
  border-top-color:var(--stm-commerce-raised-edge-highlight);
  border-radius:var(--stm-commerce-raised-radius);
  background:var(--stm-commerce-raised-heading-bg);
  color:var(--stm-commerce-raised-heading-text);
  box-shadow:none;
  font-size:var(--stm-single-recommendation-title-size);
  font-weight:var(--stm-weight-bold);
}
body.single-product.stm-engine-storefront .stm-single-recommendations ul.products {
  display:grid;
  column-gap:var(--stm-single-recommendation-gap);
  row-gap:var(--stm-single-recommendation-gap);
  align-items:start;
  margin:0;
  overflow:visible;
}
body.single-product.stm-engine-storefront .stm-single-recommendations[data-columns="1"] ul.products { grid-template-columns:repeat(1,minmax(0,1fr)); }
body.single-product.stm-engine-storefront .stm-single-recommendations[data-columns="2"] ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.single-product.stm-engine-storefront .stm-single-recommendations[data-columns="3"] ul.products { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.single-product.stm-engine-storefront .stm-single-recommendations[data-columns="4"] ul.products { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.single-product.stm-engine-storefront .stm-single-recommendations[data-columns="5"] ul.products { grid-template-columns:repeat(5,minmax(0,1fr)); }
body.single-product.stm-engine-storefront .stm-single-recommendations[data-columns="6"] ul.products { grid-template-columns:repeat(6,minmax(0,1fr)); }
body.single-product.stm-engine-storefront .stm-single-recommendations ul.products::before,
body.single-product.stm-engine-storefront .stm-single-recommendations ul.products::after { display:none; content:none; }
body.single-product.stm-engine-storefront .stm-single-recommendations ul.products > li.product {
  width:100%;
  min-width:0;
  margin:0;
  float:none;
  scroll-snap-align:start;
}