@asante-org/leybold-design-system 1.3.1 → 1.3.2

package/dist/index.esm.scss

@@ -515,6 +515,8 @@
   padding: 0.25rem 0.375rem;
   font-size: 0.625rem;
   line-height: 1.2;
+  min-width: 80px;
+  min-height: 30px;
 }
 .Button-module__button--extra-small___R0QTM.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--extra-small___R0QTM.Button-module__button--carousel-arrow-right___3ZtgT {
   padding: 0.25rem;
@@ -527,6 +529,8 @@
 .Button-module__button--small___ADJQe {
   padding: 0.25rem 0.5rem;
   font-size: 0.75rem;
+  min-width: 120px;
+  min-height: 41px;
 }
 .Button-module__button--small___ADJQe.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--small___ADJQe.Button-module__button--carousel-arrow-right___3ZtgT {
   padding: 0.25rem;
@@ -537,6 +541,8 @@
 .Button-module__button--medium___ZuR4Z {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
+  min-width: 215px;
+  min-height: 56px;
 }
 .Button-module__button--medium___ZuR4Z.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--medium___ZuR4Z.Button-module__button--carousel-arrow-right___3ZtgT {
   padding: 0.5rem;
@@ -547,6 +553,8 @@
 .Button-module__button--large___-FaV5 {
   padding: 1rem 1.5rem;
   font-size: 1rem;
+  min-width: 310px;
+  min-height: 73px;
 }
 .Button-module__button--large___-FaV5.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--large___-FaV5.Button-module__button--carousel-arrow-right___3ZtgT {
   padding: 1rem;
@@ -557,7 +565,6 @@
 .Button-module__button--disabled___IuOY8 {
   opacity: 0.5;
   cursor: not-allowed;
-  pointer-events: none;
 }
 .Button-module__button__icon___hlcHo {
   display: inline-flex;
@@ -572,6 +579,236 @@
 .Button-module__button__icon--right___-pGHl {
   order: 1;
 }
+.Image-module__imageContainer___iD5Kd {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  border-radius: 0.25rem;
+}
+.Image-module__imageContainer___iD5Kd.Image-module__loading___Sh1zO .Image-module__image___1pa50 {
+  opacity: 0;
+}
+.Image-module__imageContainer___iD5Kd.Image-module__error___0LGZ2 .Image-module__image___1pa50 {
+  display: none;
+}
+
+.Image-module__image___1pa50 {
+  display: block;
+  width: 100%;
+  height: 100%;
+  opacity: 1;
+  transition: opacity 0.3s ease-in-out;
+}
+
+.Image-module__skeleton___0bGS6 {
+  position: absolute;
+  inset: 0;
+  background-color: #e5e7eb;
+  overflow: hidden;
+}
+
+.Image-module__shimmer___aanrl {
+  position: absolute;
+  inset: 0;
+  transform: translateX(-100%);
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+  animation: Image-module__shimmer___aanrl 1.5s infinite;
+}
+
+@keyframes Image-module__shimmer___aanrl {
+  100% {
+    transform: translateX(100%);
+  }
+}
+.Image-module__errorState___TjV-8 {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  background-color: #f9fafb;
+  color: #9ca3af;
+}
+
+.Image-module__errorIcon___QCKvj {
+  width: 2rem;
+  height: 2rem;
+  opacity: 0.6;
+}
+
+.Image-module__errorText___Q8pnb {
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.Image-module__imageContainer___iD5Kd[style*="aspect-ratio: 1"] {
+  aspect-ratio: 1/1;
+}
+.Image-module__imageContainer___iD5Kd[style*="aspect-ratio: 16"] {
+  aspect-ratio: 16/9;
+}
+.Image-module__imageContainer___iD5Kd[style*="aspect-ratio: 4"] {
+  aspect-ratio: 4/3;
+}
+
+.Image-module__imageContainer___iD5Kd:focus-visible {
+  outline: 2px solid #0066cc;
+  outline-offset: 2px;
+}
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-very-light-grey: #f5f5f5;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
+.CarouselCard-module__carouselCard___7SltX {
+  display: block;
+  position: relative;
+  text-decoration: none;
+  height: 341px;
+  overflow: visible;
+}
+@media (min-width: 768px) {
+  .CarouselCard-module__carouselCard___7SltX {
+    height: 297px;
+  }
+}
+.CarouselCard-module__carouselCard___7SltX:focus-visible {
+  outline: 2px solid #000000;
+  outline-offset: 2px;
+}
+.CarouselCard-module__carouselCard___7SltX:hover .CarouselCard-module__carouselCard__content___SEDzm {
+  box-shadow: 3px 6px 12px -3px rgba(0, 0, 0, 0.4);
+}
+.CarouselCard-module__carouselCard___7SltX:hover .CarouselCard-module__carouselCard__linkText___fe3NV {
+  text-decoration: underline;
+}
+.CarouselCard-module__carouselCard___7SltX:hover .CarouselCard-module__carouselCard__icon___sQ26Z {
+  transform: translateX(16px);
+}
+.CarouselCard-module__carouselCard___7SltX:focus-visible .CarouselCard-module__carouselCard__icon___sQ26Z {
+  transform: translateX(16px);
+}
+
+.CarouselCard-module__carouselCard__imageWrapper___i-uYe {
+  position: relative;
+  width: 100%;
+  height: 245px;
+  overflow: hidden;
+}
+@media (min-width: 768px) {
+  .CarouselCard-module__carouselCard__imageWrapper___i-uYe {
+    height: 216px;
+  }
+}
+
+.CarouselCard-module__carouselCard__content___SEDzm {
+  position: absolute;
+  left: 20px;
+  bottom: 0;
+  width: calc(100% - 40px);
+  max-width: 300px;
+  background-color: #ffffff;
+  padding: 24px;
+  box-shadow: 3px 6px 8px -5px rgba(0, 0, 0, 0.3);
+  transition: box-shadow 0.2s ease-in-out;
+}
+@media (min-width: 768px) {
+  .CarouselCard-module__carouselCard__content___SEDzm {
+    padding-left: 20px;
+    max-width: 382px;
+  }
+}
+
+.CarouselCard-module__carouselCard__title___PN7o3 {
+  font-family: var(--font-family-base);
+  font-weight: 700;
+  font-size: var(--h5-desktop-size);
+  line-height: 1.6;
+  color: #4a4e54;
+  margin: 0 0 8px;
+}
+
+.CarouselCard-module__carouselCard__linkText___fe3NV {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  height: 44px;
+  color: #e2001a;
+  text-transform: uppercase;
+  font-weight: 500;
+}
+
+.CarouselCard-module__carouselCard__icon___sQ26Z {
+  display: inline-flex;
+  transition: transform 0.2s ease-in-out;
+}
 :root {
   --leybold-red: #e2001a;
   --leybold-black: #000000;
@@ -910,7 +1147,7 @@
   font-size: var(--h4-mobile-size);
   font-weight: 400;
   line-height: 1.5;
-  color: #99a1ab;
+  color: var(--leybold-white-aluminium);
   text-decoration: none;
 }
 .Footer-module__footer__link___G5HPW:hover, .Footer-module__footer__link--hover___5PxzS {
@@ -1413,14 +1650,21 @@
   outline: 1px solid black;
   outline-offset: 1px;
 }
+.ProductCardHorizontal-module__productCard___Nl4jK {
+  /* When the card is rendered inside instant-search results, it also receives a global
+     `search-result` (or `search-results`) class. Remove the wrapper shadow in that case. */
+}
+.ProductCardHorizontal-module__productCard___Nl4jK.search-result > div, .ProductCardHorizontal-module__productCard___Nl4jK.search-results > div {
+  box-shadow: none !important;
+}
 
 .ProductCardHorizontal-module__productWrapper___gs8fn {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   padding: 0.5rem !important;
-  background-color: transparent;
-  box-shadow: none;
+  background-color: white;
+  box-shadow: 2.7px 2.7px 5px 0 rgba(0, 0, 0, 0.1);
 }
 @media (max-width: 768px) {
   .ProductCardHorizontal-module__productWrapper___gs8fn {
@@ -1430,7 +1674,7 @@
     padding: 0 6px 0 0;
   }
 }
-.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 {
+.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2, .ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withPlaceholder___x8IUh {
   display: grid;
   grid-template-columns: 75px repeat(2, minmax(80px, 1fr));
   grid-template-rows: repeat(3, auto);
@@ -1438,19 +1682,19 @@
   row-gap: 0.125rem;
 }
 @media (max-width: 768px) {
-  .ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 {
+  .ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2, .ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withPlaceholder___x8IUh {
     display: flex;
     flex-direction: row;
     align-items: center;
   }
 }
-.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 .ProductCardHorizontal-module__productTitle___xBuu7 {
+.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 .ProductCardHorizontal-module__productTitle___xBuu7, .ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withPlaceholder___x8IUh .ProductCardHorizontal-module__productTitle___xBuu7 {
   font-size: 16px;
 }
-.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 .ProductCardHorizontal-module__productDescription___CA35O {
+.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 .ProductCardHorizontal-module__productDescription___CA35O, .ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withPlaceholder___x8IUh .ProductCardHorizontal-module__productDescription___CA35O {
   font-size: 16px;
 }
-.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 .ProductCardHorizontal-module__productPrice___lf32A {
+.ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withImage___pPFw2 .ProductCardHorizontal-module__productPrice___lf32A, .ProductCardHorizontal-module__productWrapper___gs8fn.ProductCardHorizontal-module__withPlaceholder___x8IUh .ProductCardHorizontal-module__productPrice___lf32A {
   font-size: 16px;
 }
 
@@ -1471,6 +1715,14 @@
   }
 }
 
+.ProductCardHorizontal-module__placeholderImage___kT1sp {
+  width: 100%;
+  height: 100%;
+  background-color: var(--leybold-white-aluminium);
+  padding: 0 5px;
+  border-radius: 0 !important;
+}
+
 .ProductCardHorizontal-module__productContent___Np2cY {
   flex: 1;
   min-width: 0;
@@ -1479,7 +1731,7 @@
 .ProductCardHorizontal-module__productTitle___xBuu7,
 h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   margin: 0 0 0.25rem 0;
-  font-size: 16px;
+  font-size: var(--body-mobile-size);
   font-weight: 600;
   color: #111827;
   line-height: 1.4;
@@ -1487,8 +1739,8 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 
 .ProductCardHorizontal-module__productId___3oOQV {
   margin: 0 0 0.25rem 0;
-  font-size: 9px;
-  color: #6b7280;
+  font-size: 14px;
+  color: var(--leybold-slate-Grey);
 }
 
 .ProductCardHorizontal-module__productDescription___CA35O {
@@ -1504,7 +1756,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 
 .ProductCardHorizontal-module__productPrice___lf32A {
   margin: 0;
-  font-size: clamp(14px, 1.25vw, 1.5rem);
+  font-size: var(--body-mobile-size);
   font-weight: 700;
   color: #111827;
 }
@@ -1549,84 +1801,6 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   color: #e2001a;
   flex-shrink: 0;
 }
-.Image-module__imageContainer___iD5Kd {
-  position: relative;
-  display: block;
-  overflow: hidden;
-  border-radius: 0.25rem;
-}
-.Image-module__imageContainer___iD5Kd.Image-module__loading___Sh1zO .Image-module__image___1pa50 {
-  opacity: 0;
-}
-.Image-module__imageContainer___iD5Kd.Image-module__error___0LGZ2 .Image-module__image___1pa50 {
-  display: none;
-}
-
-.Image-module__image___1pa50 {
-  display: block;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  transition: opacity 0.3s ease-in-out;
-}
-
-.Image-module__skeleton___0bGS6 {
-  position: absolute;
-  inset: 0;
-  background-color: #e5e7eb;
-  overflow: hidden;
-}
-
-.Image-module__shimmer___aanrl {
-  position: absolute;
-  inset: 0;
-  transform: translateX(-100%);
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
-  animation: Image-module__shimmer___aanrl 1.5s infinite;
-}
-
-@keyframes Image-module__shimmer___aanrl {
-  100% {
-    transform: translateX(100%);
-  }
-}
-.Image-module__errorState___TjV-8 {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  background-color: #f9fafb;
-  color: #9ca3af;
-}
-
-.Image-module__errorIcon___QCKvj {
-  width: 2rem;
-  height: 2rem;
-  opacity: 0.6;
-}
-
-.Image-module__errorText___Q8pnb {
-  font-size: 0.75rem;
-  font-weight: 500;
-}
-
-.Image-module__imageContainer___iD5Kd[style*="aspect-ratio: 1"] {
-  aspect-ratio: 1/1;
-}
-.Image-module__imageContainer___iD5Kd[style*="aspect-ratio: 16"] {
-  aspect-ratio: 16/9;
-}
-.Image-module__imageContainer___iD5Kd[style*="aspect-ratio: 4"] {
-  aspect-ratio: 4/3;
-}
-
-.Image-module__imageContainer___iD5Kd:focus-visible {
-  outline: 2px solid #0066cc;
-  outline-offset: 2px;
-}
 :root {
   --leybold-red: #e2001a;
   --leybold-black: #000000;
@@ -1787,77 +1961,250 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .ProductCardDetails-module__productDetails___-sx2l .folding-spares-holder {
   margin-bottom: 1rem;
 }
-.ProductCardDetails-module__productDetails___-sx2l .accordion-section {
-  margin-bottom: 0.5rem;
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section {
+  margin-bottom: 0.5rem;
+}
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section.ProductCardDetails-module__open___ZShRA {
+  border-color: #e2001a;
+}
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 0;
+  cursor: pointer;
+}
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__title {
+  font-size: 1rem;
+  font-weight: 600;
+  color: #383e42;
+  margin: 0;
+}
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon {
+  color: black !important;
+}
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon svg {
+  color: inherit !important;
+}
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__content {
+  padding: 0 0 1rem 0;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-top: 0.25rem;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__value {
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: #4a4e54;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__unit {
+  font-size: 0.85rem;
+  color: #99a1ab;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0.25rem 1.75rem 0.25rem 0.5rem;
+  font-size: 0.85rem;
+  color: #e2001a;
+  cursor: pointer;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.5rem center;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown:hover {
+  background-color: #dae0e3;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown option {
+  padding: 0.5rem;
+}
+.ProductCardDetails-module__productDetails___-sx2l .ProductCardDetails-module__spareCard___vC1Ju {
+  background-color: white;
+}
+:root {
+  --leybold-red: #e2001a;
+  --leybold-black: #000000;
+  --leybold-white: #ffffff;
+  --leybold-blue-grey: #546672;
+  --leybold-white-aluminium: #dae0e3;
+  --leybold-window-gray: #99a1ab;
+  --leybold-light-grey: #c5c7c4;
+  --leybold-very-light-grey: #f5f5f5;
+  --leybold-slate-gray: #4a4e54;
+  --leybold-anthracite-gray: #383e42;
+  --leybold-orange: #d18e56;
+  --leybold-yellow: #edd163;
+  --leybold-green: #6ea67b;
+  --leybold-purple: #732d5d;
+  --leybold-purple-gray: #945e67;
+  --leybold-blue: #2b4679;
+  --leybold-light-blue: #3f6a98;
+  --leybold-blue-green: #39788e;
+  --leybold-green-gray: #6d8f9f;
+  --color-primary: #e2001a;
+  --color-secondary: #546672;
+  --color-success: #6ea67b;
+  --color-danger: #e2001a;
+  --color-warning: #d18e56;
+  --color-info: #3f6a98;
+  --text-primary: #000000;
+  --text-secondary: #4a4e54;
+  --text-muted: #99a1ab;
+  --text-inverse: #ffffff;
+  --bg-primary: #ffffff;
+  --bg-secondary: #dae0e3;
+  --bg-dark: #383e42;
+  --border-color: #c5c7c4;
+  --border-color-dark: #4a4e54;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --h4-mobile-size: 16px;
+  --h4-mobile-line-height: 1.55;
+  --h5-mobile-size: 14px;
+  --h5-mobile-line-height: 1.5;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h1-desktop-letter-spacing: -0.02em;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h2-desktop-letter-spacing: -0.01em;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --h4-desktop-size: 24px;
+  --h4-desktop-line-height: 1.2;
+  --h5-desktop-size: 18px;
+  --h5-desktop-line-height: 1.6;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
+.ContentCardVertical-module__contentCard___EoYej {
+  display: flex;
+  flex-direction: column;
+  text-decoration: none;
+  color: inherit;
+  background-color: white;
+  padding: 16px;
+  width: 100%;
+  gap: 0.5rem;
+  /* Gen List Card Shadow */
+  box-shadow: 1px 0 6.7px 2px rgba(0, 0, 0, 0.08);
+  transition: box-shadow 0.2s ease-in-out;
+}
+.ContentCardVertical-module__contentCard___EoYej:hover {
+  box-shadow: 3px 6px 8px -5px rgba(0, 0, 0, 0.3);
 }
-.ProductCardDetails-module__productDetails___-sx2l .accordion-section.ProductCardDetails-module__open___ZShRA {
-  border-color: #e2001a;
+.ContentCardVertical-module__contentCard___EoYej:focus-visible {
+  outline: 2px solid #000000;
+  outline-offset: 2px;
 }
-.ProductCardDetails-module__productDetails___-sx2l .accordion-section__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 0;
-  cursor: pointer;
+.ContentCardVertical-module__contentCard___EoYej:focus:not(:focus-visible) {
+  border: 1px solid #000000;
 }
-.ProductCardDetails-module__productDetails___-sx2l .accordion-section__title {
-  font-size: 1rem;
-  font-weight: 600;
-  color: #383e42;
-  margin: 0;
+.ContentCardVertical-module__contentCard___EoYej .content-card-image-wrapper {
+  aspect-ratio: 16/9;
+  overflow: hidden;
+  background-color: #dae0e3;
 }
-.ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon {
-  color: black !important;
+.ContentCardVertical-module__contentCard___EoYej .content-card-image {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  display: block;
 }
-.ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon svg {
-  color: inherit !important;
+.ContentCardVertical-module__contentCard___EoYej button {
+  width: 100%;
+  min-width: 0;
+  min-height: 44px;
+  margin-top: auto;
 }
-.ProductCardDetails-module__productDetails___-sx2l .accordion-section__content {
-  padding: 0 0 1rem 0;
+.ContentCardVertical-module__contentCard___EoYej .career-button {
+  justify-content: flex-start;
 }
-.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector {
-  display: inline-flex;
-  align-items: center;
+
+.ContentCardVertical-module__contentCard--instant-view___dsIUf,
+.ContentCardVertical-module__contentCard--results-view___6mSHQ {
   gap: 0.5rem;
-  margin-top: 0.25rem;
-}
-.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__value {
-  font-weight: 600;
-  font-size: 0.95rem;
-  color: #4a4e54;
 }
-.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__unit {
-  font-size: 0.85rem;
-  color: #99a1ab;
+
+.ContentCardVertical-module__contentMeta___l2GtO {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.25rem;
+  margin: 0;
 }
-.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  background-color: transparent;
-  border: none;
-  border-radius: 0;
-  padding: 0.25rem 1.75rem 0.25rem 0.5rem;
-  font-size: 0.85rem;
-  color: #e2001a;
-  cursor: pointer;
-  transition: border-color 0.2s ease, background-color 0.2s ease;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: right 0.5rem center;
+
+.ContentCardVertical-module__contentCategory___78vrj,
+.ContentCardVertical-module__contentMetaText___Rl-ln {
+  margin: 0;
+  font-size: var(--body-desktop-size);
+  line-height: var(--body-desktop-line-height);
+  color: #4a4e54;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
-.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown:hover {
-  background-color: #dae0e3;
+
+.ContentCardVertical-module__contentCategory___78vrj {
+  font-weight: 300;
 }
-.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
+
+.ContentCardVertical-module__contentTitle___rEiHm {
+  margin: 0;
+  font-size: var(--h3-mobile-size);
+  font-weight: 900;
+  line-height: var(--h3-mobile-line-height);
+  color: #4a4e54;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
-.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown option {
-  padding: 0.5rem;
+
+.ContentCardVertical-module__contentExcerpt___5Gb2G {
+  margin: 0;
+  font-size: var(--body-desktop-size);
+  font-weight: 400;
+  line-height: var(--body-desktop-line-height);
+  color: #4a4e54;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
-.ProductCardDetails-module__productDetails___-sx2l .ProductCardDetails-module__spareCard___vC1Ju {
-  background-color: white;
+
+@media (max-width: 768px) {
+  .ContentCardVertical-module__contentCard___EoYej {
+    max-width: 100%;
+    padding: 1rem;
+  }
+  .ContentCardVertical-module__contentCategory___78vrj,
+  .ContentCardVertical-module__contentMetaText___Rl-ln,
+  .ContentCardVertical-module__contentExcerpt___5Gb2G {
+    font-size: 1rem;
+  }
+  .ContentCardVertical-module__contentTitle___rEiHm {
+    font-size: var(--h3-mobile-size);
+  }
 }
 :root {
   --leybold-red: #e2001a;
@@ -1954,6 +2301,24 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   opacity: 0;
   z-index: -1;
 }
+.cmpAlgoliaDynamicSearchWidget.hasStyleSilverGradientBackground {
+  background: #c5c7c4;
+}
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground {
+  background: #383e42;
+}
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
+  color: white;
+}
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
+  color: white;
+}
 
 .cmpAlgoliaDynamicSearchWidget__container {
   margin-left: auto;
@@ -1990,7 +2355,10 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .cmpAlgoliaDynamicSearchWidget__header h6,
 .cmpAlgoliaDynamicSearchWidget__header p {
   margin: 0;
-  color: #546672;
+  color: var(--leybold-anthracite-gray);
+}
+.cmpAlgoliaDynamicSearchWidget__header p {
+  line-height: 160%;
 }
 
 .cmpAlgoliaDynamicSearchWidget__header__text {
@@ -2000,53 +2368,46 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 }
 @media screen and (min-width: 768px) {
   .cmpAlgoliaDynamicSearchWidget__header__text {
-    max-width: 75%;
+    max-width: 66.66%;
   }
 }
 
 .cmpAlgoliaDynamicSearchWidget__cards {
   display: grid;
   gap: 1rem;
-  grid-template-columns: 1fr;
+  grid-template-columns: minmax(0, 1fr);
+}
+.cmpAlgoliaDynamicSearchWidget__cards > * {
+  min-width: 0;
+  width: 100%;
 }
 @media (min-width: 768px) {
   .cmpAlgoliaDynamicSearchWidget__cards {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
 @media (min-width: 961px) {
   .cmpAlgoliaDynamicSearchWidget__cards {
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 }
 
 .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+@media (min-width: 768px) {
+  .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }
 @media (min-width: 961px) {
   .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 }
 
 .cmpAlgoliaDynamicSearchWidget.hasStyleSilverGradientBackground {
-  background: #3f6a98;
-}
-
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground {
-  background: #546672;
-}
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
-  color: white;
-}
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1,
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2,
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3,
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4,
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5,
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6,
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
-  color: white;
+  background: #c5c7c4;
 }
 
 .cmpAlgoliaDynamicSearchWidget__placeholder {
@@ -2903,28 +3264,84 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   --text-xxl-line-height: 1;
 }
 
+@keyframes SearchModal-module__overlayFadeIn___jG6GU {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes SearchModal-module__overlayFadeOut___kZjiG {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes SearchModal-module__modalEnterFromBottom___-5BH4 {
+  from {
+    opacity: 0;
+    transform: translateY(52px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes SearchModal-module__modalExitToBottom___cOVuu {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(52px);
+  }
+}
 .SearchModal-module__overlay___Vbvg9 {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: transparent;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   padding: 2rem 1rem;
   z-index: 1000;
   overflow-y: auto;
+  isolation: isolate;
+}
+.SearchModal-module__overlay___Vbvg9::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  pointer-events: none;
+  z-index: 0;
+}
+
+.SearchModal-module__overlayOpen___Ipajg::before {
+  animation: SearchModal-module__overlayFadeIn___jG6GU 300ms ease-out forwards;
+}
+
+.SearchModal-module__overlayClosing___yXsw3::before {
+  opacity: 1;
+  animation: SearchModal-module__overlayFadeOut___kZjiG 250ms ease-in forwards;
+  animation-delay: 350ms;
 }
 
 .SearchModal-module__modal___1k5gO {
   position: relative;
+  z-index: 1;
   background-color: #ffffff;
   border-radius: 0;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   width: 100%;
-  max-width: 1200px;
   max-height: calc(100vh - 4rem);
   display: flex;
   flex-direction: column;
@@ -2934,6 +3351,34 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.5), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 }
 
+.SearchModal-module__modalOpen___t3hpr {
+  opacity: 0;
+  transform: translateY(52px);
+  animation: SearchModal-module__modalEnterFromBottom___-5BH4 600ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
+  animation-delay: 120ms;
+}
+
+.SearchModal-module__modalClosing___W3m8i {
+  opacity: 1;
+  transform: translateY(0);
+  animation: SearchModal-module__modalExitToBottom___cOVuu 350ms cubic-bezier(0.4, 0, 1, 1) forwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .SearchModal-module__overlay___Vbvg9::before {
+    animation: none;
+    opacity: 1;
+  }
+  .SearchModal-module__modal___1k5gO {
+    animation: none;
+    opacity: 1;
+    transform: none;
+  }
+  .SearchModal-module__overlayClosing___yXsw3::before {
+    animation: none;
+    opacity: 0;
+  }
+}
 .SearchModal-module__header___I79uH {
   display: flex;
   align-items: center;
@@ -3034,6 +3479,28 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   }
 }
 
+.SearchModal-module__closeButtonMobileWrapper___LSynI {
+  display: contents;
+}
+@media (max-width: 768px) {
+  .SearchModal-module__closeButtonMobileWrapper___LSynI {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    overflow: hidden;
+    max-height: 48px;
+    opacity: 1;
+    transform: translateY(0);
+    transition: max-height 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;
+  }
+  .SearchModal-module__closeButtonMobileWrapperHidden___O9nRE {
+    max-height: 0;
+    opacity: 0;
+    transform: translateY(-12px);
+    pointer-events: none;
+  }
+}
+
 .SearchModal-module__stickyHeader___wp-gA {
   display: none;
 }
@@ -3048,6 +3515,10 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
     padding: 18px;
     gap: 18px;
     flex-shrink: 0;
+    transition: gap 0.3s ease-out;
+  }
+  .SearchModal-module__stickyHeaderHidden___-UI7O {
+    gap: 0;
   }
 }
 
@@ -3057,6 +3528,8 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   padding: 1.5rem;
   display: flex;
   flex-direction: column;
+  width: 100%;
+  margin: 0 auto;
 }
 @media (max-width: 768px) {
   .SearchModal-module__scrollableContent___lrZP3 {
@@ -3175,7 +3648,8 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   .SearchBar-module__inputWrapper___-4wrM {
     border: 1px solid rgba(0, 0, 0, 0.16);
     border-radius: 0;
-    padding: 12px;
+    padding: 13px;
+    height: 100%;
   }
 }
 
@@ -3406,6 +3880,10 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .ContentCardHorizontal-module__contentCard--results-view___oBP2u:hover {
   border-left-color: #e2001a;
 }
+.ContentCardHorizontal-module__contentCard--results-view___oBP2u:hover h3 {
+  text-decoration: underline;
+  text-underline-offset: 6px;
+}
 .ContentCardHorizontal-module__contentCard--results-view___oBP2u:focus-visible {
   outline: 1px solid #000000;
   outline-offset: 2px;
@@ -3435,10 +3913,9 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
     font-size: 9px;
   }
 }
-.ContentCardHorizontal-module__contentCategory___NssVD::after {
-  content: "|";
-  color: #99a1ab;
-  font-weight: 400;
+.ContentCardHorizontal-module__contentCategory___NssVD.separator {
+  position: relative;
+  color: var(--leybold-light-grey);
 }
 
 .ContentCardHorizontal-module__contentMetaText___muYBN {
@@ -4038,6 +4515,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 }
 
 .Filters-module__filterItem___lA2rv {
+  position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
@@ -4060,9 +4538,20 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .Filters-module__filterCheckboxInput___NAcGz {
   position: absolute;
   opacity: 0;
-  width: 0;
-  height: 0;
-  pointer-events: none;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  border: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+
+.Filters-module__filterCheckboxInput___NAcGz:focus-visible + .Filters-module__filterCheckbox___9In3q {
+  outline: 1px solid #000000;
+  outline-offset: 2px;
 }
 
 .Filters-module__filterCheckbox___9In3q {
@@ -4408,6 +4897,13 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
      object-fit: contain;
 }
 
+.ProductCardVertical-module__productCardVertical__placeholderImage___w0sd0 {
+  padding: 0 5px;
+  box-sizing: border-box;
+  border-radius: 0 !important;
+  background-color: var(--leybold-white-aluminium);
+}
+
 .ProductCardVertical-module__productCardVertical__content___sZdOs {
   display: flex;
   flex-direction: column;
@@ -4678,6 +5174,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   display: grid;
   grid-template-columns: 300px 1fr;
   gap: 38px;
+  align-items: start;
 }
 @media (max-width: 768px) {
   .ResultsView-module__resultsContainer___J4URa {
@@ -4690,7 +5187,12 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   display: flex;
   flex-direction: column;
   gap: 36px;
-  padding-bottom: 4rem;
+  position: sticky;
+  top: 0;
+  align-self: start;
+  max-height: calc(100vh - 4rem);
+  overflow-y: auto;
+  padding-bottom: 1.5rem;
 }
 @media (max-width: 768px) {
   .ResultsView-module__sidebar___nQq5J {
@@ -4712,7 +5214,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   gap: 18px;
   align-items: stretch;
 }
-@media (max-width: 768px) {
+@media (max-width: 992px) {
   .ResultsView-module__productsGrid___gnAQ- {
     grid-template-columns: repeat(2, 1fr);
     gap: 9px;
@@ -4959,6 +5461,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 .TabButton-module__tabButton--desktop___fbAaC:not(.TabButton-module__tabButton--active___gj6Jp) {
   background: #99a1ab;
   color: #ffffff;
+  border-radius: 0;
   height: 44px;
 }
 .TabButton-module__tabButton--desktop___fbAaC:not(.TabButton-module__tabButton--active___gj6Jp):hover {
@@ -5241,10 +5744,17 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.3s ease-out;
+  transition-delay: 0s;
 }
 .FilterDrawer-module__drawerOverlay--open___blJZo {
   opacity: 1;
   pointer-events: auto;
+  transition-delay: 0s;
+}
+.FilterDrawer-module__drawerOverlay--closing___diQr0 {
+  opacity: 0;
+  pointer-events: none;
+  transition-delay: 0.3s;
 }
 
 .FilterDrawer-module__drawerPanel___35h-U {
@@ -5256,6 +5766,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   background: #f5f5f5;
   transform: translateX(-100%);
   transition: transform 0.3s ease-out;
+  transition-delay: 0s;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -5263,6 +5774,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 }
 .FilterDrawer-module__drawerPanel--open___Fw1SY {
   transform: translateX(0);
+  transition-delay: 0.3s;
 }
 .FilterDrawer-module__drawerPanel___35h-U:focus-visible {
   outline: none;
@@ -5281,6 +5793,9 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   display: flex;
   align-items: center;
   justify-content: center;
+  opacity: 1;
+  transform: translateY(0);
+  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
 }
 .FilterDrawer-module__drawerCloseButton___cfMmf svg {
   stroke: #ffffff;
@@ -5384,7 +5899,9 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
 }
 
 .FederatedSearchExperience-module__searchExperience___gug9X {
+  max-width: 1280px;
   width: 100%;
+  margin: 0 auto;
   min-height: 400px;
 }