@sonic-equipment/ui 0.0.88 → 0.0.90

package/dist/styles.css

@@ -226,6 +226,12 @@
   --header-height-mobile: 54px;
   --search-input-height: 76px;
   --announcement-bar-height: 52px;
+  --header-height: var(--header-height-mobile);
+}
+@media (width >= 1024px) {
+  :root {
+    --header-height: var(--header-height-desktop);
+  }
 }
 
 /* stylelint-disable no-descending-specificity */
@@ -911,11 +917,14 @@
 
   position: relative;
   display: grid;
+  width: 100%;
+  height: 100%;
   box-sizing: border-box;
   padding-top: var(--space-12);
   background-color: var(--color-white);
   color: var(--color-black);
   cursor: pointer;
+  grid-template-rows: auto 1fr;
   outline: none;
   text-decoration: none;
   transition:
@@ -931,6 +940,8 @@
 
 .product-card-module-pLaiB .product-card-module-e0kMu {
     display: grid;
+    height: 100%;
+    box-sizing: border-box;
     padding-bottom: var(--padding-bottom);
     margin-top: auto;
     gap: var(--space-16);
@@ -1355,6 +1366,7 @@
   position: relative;
   display: block;
   width: 100%;
+  height: 100%;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -1368,6 +1380,7 @@
   .carousel-module-ealh- .carousel-module-IftbN {
     position: relative;
     display: block;
+    overflow: visible;
     opacity: 0;
   }
 
@@ -1415,6 +1428,7 @@
   .carousel-module-ealh- .carousel-module-bUMlb {
     width: -moz-fit-content;
     width: fit-content;
+    height: auto;
   }
 
   /* stylelint-disable-next-line no-descending-specificity */
@@ -1668,6 +1682,415 @@
     grid-template-rows: 1fr;
   }
 
+.select-module-ui-Wc {
+  --trigger-width: initial;
+  --height: var(--space-44);
+
+  all: unset;
+  position: relative;
+  display: inline-flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  flex-grow: 1;
+  gap: var(--space-4);
+}
+
+  .select-module-ui-Wc.select-module-44a1l {
+    --height: var(--space-36);
+  }
+
+  .select-module-ui-Wc.select-module-QUm-8 {
+    --height: var(--space-44);
+  }
+
+  .select-module-ui-Wc .select-module-aMQIQ {
+    all: unset;
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: var(--height);
+    box-sizing: border-box;
+    align-items: center;
+    padding: 10px 32px 10px 16px;
+    border: 1px solid var(--color-brand-medium-gray);
+    border-radius: var(--border-radius-8);
+    font: inherit;
+    gap: var(--space-16);
+    outline: none;
+  }
+
+  .select-module-ui-Wc .select-module-aMQIQ .select-module-00uRU {
+      position: absolute;
+      display: block;
+      width: var(--space-12);
+      height: var(--space-12);
+      color: var(--color-brand-dark-gray);
+      inset-block: 0;
+      inset-inline-end: 14px;
+      margin-block: auto;
+    }
+
+  .select-module-ui-Wc .select-module-aMQIQ [slot='description'] {
+      display: none;
+    }
+
+  .select-module-ui-Wc .select-module-aMQIQ.select-module-XMc0P,
+    .select-module-ui-Wc .select-module-aMQIQ:focus,
+    .select-module-ui-Wc .select-module-aMQIQ:has([data-focused]) {
+      border-color: transparent;
+      box-shadow: var(--shadow-focus-outline);
+      outline: none;
+    }
+
+  .select-module-ui-Wc .select-module-aMQIQ[disabled] {
+      opacity: 0.4;
+    }
+
+  .select-module-ui-Wc.select-module-IRd4F .select-module-aMQIQ {
+    border-color: var(--color-brand-light-gray);
+    background-color: var(--color-brand-light-gray);
+  }
+
+.select-module-z8cWq {
+  overflow: auto;
+  width: var(--trigger-width);
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  background-color: var(--color-white);
+  box-shadow: var(--box-shadow-light);
+  padding-block: var(--space-8);
+}
+
+.select-module-S21ba {
+  outline: none;
+}
+
+.select-module-4Bm2j {
+  padding: var(--space-8) var(--space-24);
+  color: var(--color-brand-dark-gray);
+  cursor: default;
+  line-height: 1;
+  outline: none;
+  word-break: break-word;
+}
+
+.select-module-LgEJO {
+  position: relative;
+  padding: var(--space-8) var(--space-24);
+  cursor: pointer;
+  line-height: 1;
+  outline: none;
+  word-break: break-word;
+}
+
+.select-module-LgEJO .select-module-lQFw3 {
+    position: absolute;
+    width: var(--space-24);
+    height: var(--space-24);
+    inset: 0;
+    margin-block: auto;
+  }
+
+.select-module-LgEJO:hover,
+  .select-module-LgEJO:focus {
+    background-color: var(--color-brand-red);
+    color: var(--color-white);
+  }
+
+.modal-module-rVFJc {
+  position: fixed;
+  z-index: calc(var(--modal-layer) - 1);
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100vw;
+  height: var(--visual-viewport-height);
+  align-items: center;
+  justify-content: center;
+  -webkit-backdrop-filter: blur(4px);
+          backdrop-filter: blur(4px);
+  background-color: rgb(0 0 0 / 52%);
+}
+
+  .modal-module-rVFJc[data-entering] {
+    animation: modal-module-63Uyl 200ms;
+  }
+
+  .modal-module-rVFJc[data-exiting] {
+    animation: modal-module-63Uyl 150ms reverse ease-in;
+  }
+
+  .modal-module-rVFJc:has(.modal-module-uwets) {
+    display: contents;
+  }
+
+.modal-module-6vlFt {
+  position: absolute;
+  z-index: calc(var(--modal-layer) - 1);
+  bottom: var(--space-36);
+  min-width: 300px;
+  max-width: 90%;
+  border: 1px solid var(--gray-400);
+  border-radius: 12px;
+  background: var(--color-white);
+  box-shadow: 0 8px 20px rgba(0 0 0 / 10%);
+  color: var(--text-color);
+  outline: none;
+}
+
+.modal-module-6vlFt section:focus-visible,
+  .modal-module-6vlFt section:focus {
+    outline: none;
+  }
+
+.modal-module-6vlFt .modal-module-FJxzx {
+    width: 100%;
+    height: 100%;
+  }
+
+.modal-module-6vlFt[data-entering] {
+    animation: modal-module-jkAe7 600ms ease;
+  }
+
+.modal-module-6vlFt[data-entering] .modal-module-FJxzx {
+      animation: modal-module-WOZ01 600ms ease;
+    }
+
+.modal-module-6vlFt:where(.modal-module-uwets) {
+    position: fixed;
+    max-width: 100%;
+    border-radius: 0;
+    inset: 0;
+  }
+
+.modal-module-6vlFt:where(.modal-module-uwets)[data-entering] {
+      animation: modal-module-63Uyl 200ms;
+    }
+
+.modal-module-6vlFt:where(.modal-module-uwets)[data-exiting] {
+      animation: modal-module-63Uyl 200ms reverse;
+    }
+
+.modal-module-6vlFt .modal-module-7zIZE {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+
+@media (width >= 768px) {
+
+.modal-module-6vlFt {
+    bottom: auto
+}
+
+    .modal-module-6vlFt:where(.modal-module-uwets) {
+      bottom: 0;
+    }
+      .modal-module-6vlFt[data-entering]:not(.modal-module-uwets) {
+        animation: modal-module-aPJ7X 600ms ease;
+      }
+
+        .modal-module-6vlFt[data-entering]:not(.modal-module-uwets) .modal-module-FJxzx {
+          animation: modal-module-WOZ01 600ms ease;
+        }
+  }
+
+@keyframes modal-module-63Uyl {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes modal-module-aPJ7X {
+  from {
+    transform: scale(0.1);
+  }
+
+  to {
+    transform: scale(1);
+  }
+}
+
+@keyframes modal-module-jkAe7 {
+  0% {
+    transform: translateY(100%);
+  }
+
+  50% {
+    transform: translateY(1%);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
+}
+
+@keyframes modal-module-WOZ01 {
+  0% {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.heading-module-pMC65 {
+  padding: 0;
+  margin: 0;
+  color: var(--color-brand-black);
+  font-weight: var(--font-weight-normal);
+  transition: all 0.2s ease-out;
+}
+
+  .heading-module-pMC65:where(.heading-module-6spgX) {
+    text-transform: uppercase;
+  }
+
+  .heading-module-pMC65:where(.heading-module-XXMDM) {
+    font-style: italic;
+  }
+
+  .heading-module-pMC65:where(.heading-module-xvrxo) {
+    font-weight: var(--font-weight-black);
+  }
+
+  .heading-module-pMC65:where(.heading-module-Kn3ZN) {
+    font-size: var(--text-heading-xxl-size);
+    line-height: var(--text-heading-xxl-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module--hZs-) {
+    font-size: var(--text-heading-xl-size);
+    line-height: var(--text-heading-xl-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-WrJRY) {
+    font-size: var(--text-heading-l-size);
+    line-height: var(--text-heading-l-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-hTexc) {
+    font-size: var(--text-heading-m-size);
+    line-height: var(--text-heading-m-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-7W29m) {
+    font-size: var(--text-heading-s-size);
+    line-height: var(--text-heading-s-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-SgaLB) {
+    font-size: var(--text-heading-xs-size);
+    line-height: var(--text-heading-xs-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-33en7) {
+    font-size: var(--text-heading-xxs-size);
+    line-height: var(--text-heading-xxs-line-height);
+  }
+
+.dialog-module-qKzgy {
+  position: relative;
+  padding: 1rem;
+}
+
+  .dialog-module-qKzgy,
+  .dialog-module-qKzgy * {
+    box-sizing: border-box;
+  }
+
+  .dialog-module-qKzgy .dialog-module-ZnsAe {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    line-height: 1;
+  }
+
+  .dialog-module-qKzgy .dialog-module-ZnsAe:not(:empty) {
+      margin-bottom: var(--space-16);
+    }
+
+  .dialog-module-qKzgy .dialog-module-ZnsAe .dialog-module-Y7Tqg {
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+
+  .dialog-module-qKzgy .dialog-module-y7Axm {
+    display: flex;
+    flex-direction: column;
+    margin-top: var(--space-32);
+    gap: 8px;
+  }
+
+.country-selector-dialog-module-mMJS0 {
+  max-width: 342px;
+  padding: var(--space-36) var(--space-24);
+}
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY {
+    display: grid;
+  }
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-7VjsF {
+      display: block;
+      margin-bottom: var(--space-16);
+      margin-inline: auto;
+    }
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-IdVDt {
+      margin-top: 0;
+      margin-bottom: var(--space-12);
+    }
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-Nvikf {
+      display: grid;
+      gap: var(--space-24);
+    }
+
+.country-selector-trigger-module-aioDu {
+  all: unset;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-8);
+}
+
+  .country-selector-trigger-module-aioDu:hover {
+    cursor: pointer;
+  }
+
+  .country-selector-trigger-module-aioDu:focus-visible {
+    box-shadow: var(--shadow-focus-outline);
+  }
+
+  .country-selector-trigger-module-aioDu .country-selector-trigger-module-zOSJK {
+    width: 24px;
+    height: 24px;
+    border: 1px solid var(--color-white);
+    border-radius: 50%;
+  }
+
+  .country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl {
+    display: flex;
+    color: var(--color-white);
+    font: inherit;
+    line-height: 1;
+  }
+
+  .country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl .country-selector-trigger-module-GNRDD {
+      margin-inline: var(--space-4);
+    }
+
 .multi-select-module-DC7Ix .multi-select-module-OW-NK {
     display: flex;
     min-height: 32px;
@@ -1779,131 +2202,14 @@
         background-position:
           2px 2px,
           14px 14px;
-        background-repeat: no-repeat;
-        background-size: 10px 10px;
-      }
-
-  .checkbox-module-YNVdd.checkbox-module-nEhvW[data-disabled] {
-      cursor: pointer;
-      opacity: 0.4;
-    }
-
-.select-module-ui-Wc {
-  --trigger-width: initial;
-  --height: var(--space-44);
-
-  all: unset;
-  position: relative;
-  display: inline-flex;
-  box-sizing: border-box;
-  flex-direction: column;
-  flex-grow: 1;
-  gap: var(--space-4);
-}
-
-  .select-module-ui-Wc.select-module-44a1l {
-    --height: var(--space-36);
-  }
-
-  .select-module-ui-Wc.select-module-QUm-8 {
-    --height: var(--space-44);
-  }
-
-  .select-module-ui-Wc.select-module-IRd4F button {
-    background-color: var(--color-brand-light-gray);
-  }
-
-.select-module-aMQIQ {
-  all: unset;
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: var(--height);
-  box-sizing: border-box;
-  align-items: center;
-  padding: 10px 32px 10px 16px;
-  border: 1px solid var(--color-brand-medium-gray);
-  border-radius: var(--border-radius-8);
-  font: inherit;
-  gap: var(--space-16);
-  outline: none;
-}
-
-.select-module-aMQIQ .select-module-00uRU {
-    position: absolute;
-    display: block;
-    width: var(--space-12);
-    height: var(--space-12);
-    color: var(--color-brand-dark-gray);
-    inset-block: 0;
-    inset-inline-end: 14px;
-    margin-block: auto;
-  }
-
-.select-module-aMQIQ [slot='description'] {
-    display: none;
-  }
-
-.select-module-aMQIQ.select-module-XMc0P,
-  .select-module-aMQIQ:focus,
-  .select-module-aMQIQ:has([data-focused]) {
-    border-color: transparent;
-    box-shadow: var(--shadow-focus-outline);
-    outline: none;
-  }
-
-.select-module-aMQIQ[disabled] {
-    opacity: 0.4;
-  }
-
-.select-module-z8cWq {
-  width: var(--trigger-width);
-  min-width: -moz-fit-content;
-  min-width: fit-content;
-  background-color: var(--color-white);
-  box-shadow: var(--box-shadow-light);
-  padding-block: var(--space-8);
-}
-
-.select-module-z8cWq.select-module-IRd4F {
-    background-color: var(--color-brand-light-gray);
-  }
-
-.select-module-S21ba {
-  outline: none;
-}
-
-.select-module-4Bm2j {
-  padding: var(--space-8) var(--space-24);
-  color: var(--color-brand-dark-gray);
-  cursor: default;
-  line-height: 1;
-  outline: none;
-  word-break: break-word;
-}
-
-.select-module-LgEJO {
-  position: relative;
-  padding: var(--space-8) var(--space-24);
-  cursor: pointer;
-  line-height: 1;
-  outline: none;
-  word-break: break-word;
-}
-
-.select-module-LgEJO .select-module-lQFw3 {
-    position: absolute;
-    width: var(--space-24);
-    height: var(--space-24);
-    inset: 0;
-    margin-block: auto;
-  }
+        background-repeat: no-repeat;
+        background-size: 10px 10px;
+      }
 
-.select-module-LgEJO:hover,
-  .select-module-LgEJO:focus {
-    background-color: var(--color-brand-red);
-    color: var(--color-white);
-  }
+  .checkbox-module-YNVdd.checkbox-module-nEhvW[data-disabled] {
+      cursor: pointer;
+      opacity: 0.4;
+    }
 
 .textarea-module-C6Xr1 {
   position: relative;
@@ -2049,6 +2355,7 @@
 
 .product-overview-grid-module-MlUVA {
   position: relative;
+  min-height: 380px;
 }
 
 .product-overview-grid-module-MlUVA:not(:last-child)::before {
@@ -2072,12 +2379,23 @@
     z-index: 1;
   }
 
+@media (width >= 360px) {
+  .product-overview-grid-module-MlUVA {
+    min-height: 448px;
+  }
+}
+
 @media (width >= 576px) {
   .product-overview-grid-module-bzys- {
     --amount-of-columns: 2;
     --row-gap: 0;
     --column-gap: var(--space-16);
   }
+
+  .product-overview-grid-module-MlUVA {
+    min-height: 448px;
+  }
+
     .product-overview-grid-module-MlUVA::before {
       display: none;
     }
@@ -2291,61 +2609,6 @@
   }
     }
 
-.heading-module-pMC65 {
-  padding: 0;
-  margin: 0;
-  color: var(--color-brand-black);
-  font-weight: var(--font-weight-normal);
-  transition: all 0.2s ease-out;
-}
-
-  .heading-module-pMC65:where(.heading-module-6spgX) {
-    text-transform: uppercase;
-  }
-
-  .heading-module-pMC65:where(.heading-module-XXMDM) {
-    font-style: italic;
-  }
-
-  .heading-module-pMC65:where(.heading-module-xvrxo) {
-    font-weight: var(--font-weight-black);
-  }
-
-  .heading-module-pMC65:where(.heading-module-Kn3ZN) {
-    font-size: var(--text-heading-xxl-size);
-    line-height: var(--text-heading-xxl-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module--hZs-) {
-    font-size: var(--text-heading-xl-size);
-    line-height: var(--text-heading-xl-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-WrJRY) {
-    font-size: var(--text-heading-l-size);
-    line-height: var(--text-heading-l-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-hTexc) {
-    font-size: var(--text-heading-m-size);
-    line-height: var(--text-heading-m-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-7W29m) {
-    font-size: var(--text-heading-s-size);
-    line-height: var(--text-heading-s-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-SgaLB) {
-    font-size: var(--text-heading-xs-size);
-    line-height: var(--text-heading-xs-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-33en7) {
-    font-size: var(--text-heading-xxs-size);
-    line-height: var(--text-heading-xxs-line-height);
-  }
-
 .page-module-XtZ9Y {
   font-family: var(--font-family-sonic);
 }
@@ -2383,187 +2646,63 @@
   line-height: 1;
 }
 
-.modal-module-rVFJc {
-  position: fixed;
-  z-index: calc(var(--modal-layer) - 1);
-  top: 0;
-  left: 0;
-  display: flex;
-  width: 100vw;
-  height: var(--visual-viewport-height);
-  align-items: center;
-  justify-content: center;
-  -webkit-backdrop-filter: blur(4px);
-          backdrop-filter: blur(4px);
-  background-color: rgb(0 0 0 / 52%);
-}
-
-  .modal-module-rVFJc[data-entering] {
-    animation: modal-module-63Uyl 200ms;
-  }
-
-  .modal-module-rVFJc[data-exiting] {
-    animation: modal-module-63Uyl 150ms reverse ease-in;
-  }
-
-  .modal-module-rVFJc:has(.modal-module-uwets) {
-    display: contents;
-  }
-
-.modal-module-6vlFt {
-  position: absolute;
-  z-index: calc(var(--modal-layer) - 1);
-  min-width: 300px;
-  max-width: 90%;
-  border: 1px solid var(--gray-400);
-  border-radius: 12px;
-  background: var(--color-white);
-  box-shadow: 0 8px 20px rgba(0 0 0 / 10%);
-  color: var(--text-color);
-  outline: none;
-}
-
-.modal-module-6vlFt section:focus-visible,
-  .modal-module-6vlFt section:focus {
-    outline: none;
-  }
-
-.modal-module-6vlFt[data-entering] {
-    animation: modal-module-aPJ7X 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-  }
-
-.modal-module-6vlFt .modal-module-7c3-9 {
-    width: 100%;
-    height: 100%;
-  }
-
-.modal-module-6vlFt:where(.modal-module-uwets) {
-    position: fixed;
-    max-width: 100%;
-    border-radius: 0;
-    inset: 0;
-  }
-
-.modal-module-6vlFt:where(.modal-module-uwets)[data-entering] {
-      animation: modal-module-63Uyl 300ms;
-    }
-
-.modal-module-6vlFt:where(.modal-module-uwets)[data-exiting] {
-      animation: modal-module-63Uyl 300ms reverse;
-    }
-
-.modal-module-6vlFt .modal-module-7zIZE {
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-
-@keyframes modal-module-63Uyl {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes modal-module-aPJ7X {
-  from {
-    transform: scale(0.8);
-  }
-
-  to {
-    transform: scale(1);
-  }
-}
-
-.dialog-module-qKzgy {
-  position: relative;
-  padding: 1rem;
-}
-
-  .dialog-module-qKzgy,
-  .dialog-module-qKzgy * {
-    box-sizing: border-box;
-  }
-
-  .dialog-module-qKzgy .dialog-module-ZnsAe {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: var(--space-16);
-    gap: 8px;
-    line-height: 1;
-  }
-
-  .dialog-module-qKzgy .dialog-module-ZnsAe .dialog-module-Y7Tqg {
-      position: absolute;
-      top: 0;
-      right: 0;
-    }
-
-  .dialog-module-qKzgy .dialog-module-y7Axm {
-    display: flex;
-    flex-direction: column;
-    margin-top: var(--space-32);
-    gap: 8px;
-  }
-
 .sign-in-dialog-module-P-AHV {
   max-width: 403px;
   padding: 28px 24px 36px;
 }
 
-.product-carousel-module-DpUaX {
+.card-carousel-module-JXQmk {
   display: flex;
   width: 100%;
+  height: 100%;
   flex-direction: column;
   gap: var(--space-24);
 }
 
   @media (width >= 768px) {
-    .product-carousel-module-DpUaX .product-carousel-module-0ymqZ {
+    .card-carousel-module-JXQmk .card-carousel-module-XQ2pX {
       align-self: center;
     }
   }
 
-  .product-carousel-module-DpUaX .swiper {
+  .card-carousel-module-JXQmk .swiper {
     --padding: var(--space-16);
 
     width: calc(100% + (2 * var(--padding)));
+    height: 100%;
     padding: var(--padding);
     margin-top: calc(var(--padding) * -1);
     margin-bottom: calc(var(--padding) * -1);
     margin-left: calc(var(--padding) * -1);
   }
 
-.product-carousel-module-XVTB1 {
+.card-carousel-module-DxKOG {
   --slide-width-normal: 300px;
   --slide-width-narrow: 154px;
   --slide-width-auto: auto;
   --slide-width: var(--slide-width-narrow);
 
   position: relative;
+  height: 100%;
 }
 
-.product-carousel-module-XVTB1.product-carousel-module-E2EUK {
+.card-carousel-module-DxKOG.card-carousel-module-RQ8gl {
     --slide-width: var(--slide-width-auto);
   }
 
-.product-carousel-module-XVTB1.product-carousel-module-yrkV9 {
+.card-carousel-module-DxKOG.card-carousel-module-8uKSt {
     --slide-width: var(--slide-width-narrow);
   }
 
-.product-carousel-module-XVTB1.product-carousel-module-SzVga {
+.card-carousel-module-DxKOG.card-carousel-module-l-ylK {
     --slide-width: var(--slide-width-normal);
   }
 
-.product-carousel-module-XVTB1 > * {
+.card-carousel-module-DxKOG > * {
     width: var(--slide-width);
   }
 
-.product-carousel-module-XVTB1:not(:first-child)::after {
+.card-carousel-module-DxKOG:not(:first-child)::after {
       position: absolute;
       top: 0;
       left: calc((var(--column-gap) / 2) * -1);
@@ -2583,35 +2722,35 @@
 /* Hide the separator line between the cards when hovering */
 
 @media (hover: hover) {
-    .product-carousel-module-XVTB1:hover {
+    .card-carousel-module-DxKOG:hover {
       z-index: 1;
     }
 
-      .product-carousel-module-XVTB1:hover::after {
+      .card-carousel-module-DxKOG:hover::after {
         display: none;
       }
-        .product-carousel-module-XVTB1:hover + .product-carousel-module-XVTB1::after {
+        .card-carousel-module-DxKOG:hover + .card-carousel-module-DxKOG::after {
           display: none;
         }
   }
 
 @media (width >= 768px) {
-  .product-carousel-module-XVTB1 {
+  .card-carousel-module-DxKOG {
     --slide-width-normal: 300px;
     --slide-width-narrow: 192px;
     --slide-width-auto: auto;
     --slide-width: var(--slide-width-narrow);
   }
 
-    .product-carousel-module-XVTB1.product-carousel-module-E2EUK {
+    .card-carousel-module-DxKOG.card-carousel-module-RQ8gl {
       --slide-width: var(--slide-width-auto);
     }
 
-    .product-carousel-module-XVTB1.product-carousel-module-yrkV9 {
+    .card-carousel-module-DxKOG.card-carousel-module-8uKSt {
       --slide-width: var(--slide-width-narrow);
     }
 
-    .product-carousel-module-XVTB1.product-carousel-module-SzVga {
+    .card-carousel-module-DxKOG.card-carousel-module-l-ylK {
       --slide-width: var(--slide-width-normal);
     }
 }
@@ -3026,7 +3165,7 @@ button.swiper-pagination-bullet {
 
   .product-details-page-layout-module-IQFIn .product-details-page-layout-module--7oUp .product-details-page-layout-module-Y2490 {
       position: sticky;
-      top: 0;
+      top: calc(var(--header-height) + var(--space-8));
       height: -moz-fit-content;
       height: fit-content;
     }
@@ -3541,30 +3680,30 @@ button.swiper-pagination-bullet {
       height: 12px;
     }
 
-& .promo-card-module-e2oii {
+& .promo-banner-module-yuVEO {
   position: relative;
   display: block;
   height: 122px;
   outline: none;
 }
 
-  & .promo-card-module-e2oii.promo-card-module-1-jT0 {
+  & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
     width: 250px;
   }
 
-  & .promo-card-module-e2oii.promo-card-module-zIYDh {
+  & .promo-banner-module-yuVEO.promo-banner-module-CSkIw {
     width: 310px;
   }
 
-  & .promo-card-module-e2oii picture {
+  & .promo-banner-module-yuVEO picture {
     width: 100%;
   }
 
-  & .promo-card-module-e2oii picture img {
+  & .promo-banner-module-yuVEO picture img {
       width: 100%;
     }
 
-  & .promo-card-module-e2oii:focus-visible::after {
+  & .promo-banner-module-yuVEO:focus-visible::after {
     position: absolute;
     display: block;
     background-color: transparent;
@@ -3578,22 +3717,22 @@ button.swiper-pagination-bullet {
   }
 
 @media (width >= 768px) {
-  & .promo-card-module-e2oii {
+  & .promo-banner-module-yuVEO {
     height: 230px;
   }
 
-    & .promo-card-module-e2oii.promo-card-module-zIYDh,
-    & .promo-card-module-e2oii.promo-card-module-1-jT0 {
+    & .promo-banner-module-yuVEO.promo-banner-module-CSkIw,
+    & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
       width: auto;
     }
 }
 
-.promo-cards-module-Dy4p3 {
+.promo-banners-module-uVyxh {
   margin-bottom: var(--space-24);
 }
 
 @media (width >= 768px) {
-  .promo-cards-module-Dy4p3 {
+  .promo-banners-module-uVyxh {
     display: grid;
     margin-bottom: var(--space-32);
     gap: var(--space-16);
@@ -3602,7 +3741,7 @@ button.swiper-pagination-bullet {
 }
 
 @media (width >= 1440px) {
-  .promo-cards-module-Dy4p3 {
+  .promo-banners-module-uVyxh {
     gap: var(--space-24);
     grid-template-columns: 1.5fr 1fr;
   }
@@ -3822,6 +3961,48 @@ button.swiper-pagination-bullet {
     }
   }
 
+.promo-card-module-idY1g {
+  height: 100%;
+  container-type: inline-size;
+}
+
+.promo-card-module-e2oii {
+  --box-shadow: var(--box-shadow-medium);
+
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  outline: none;
+  text-decoration: none;
+  transition:
+    scale ease 0.2s,
+    box-shadow ease 0.2s;
+}
+
+.promo-card-module-e2oii .promo-card-module-jr9sn img {
+      -o-object-fit: cover;
+         object-fit: cover;
+      -o-object-position: bottom left;
+         object-position: bottom left;
+    }
+
+@media (hover: hover) {
+    .promo-card-module-e2oii:hover {
+      box-shadow: var(--box-shadow);
+      color: var(--color-black);
+      scale: 1.04;
+    }
+}
+
+@container (min-width: 273px) {
+  .promo-card-module-e2oii {
+    --box-shadow: var(--box-shadow-heavy);
+  }
+}
+
 .product-listing-page-module-dmIHF .product-listing-page-module-Oz76Z {
     margin-bottom: 44px;
   }
@@ -4209,6 +4390,7 @@ button.swiper-pagination-bullet {
   --padding-block: var(--space-20);
 
   display: grid;
+  grid-template-rows: auto 1fr;
   padding-block: var(--padding-block);
   padding-inline: var(--padding-inline);
 }
@@ -4243,7 +4425,8 @@ button.swiper-pagination-bullet {
   }
 
 .search-content-module-KIok6 .search-content-module-qK5sg {
-    display: block;
+    display: grid;
+    grid-template-rows: 1fr auto;
   }
 
 .search-content-module-w-ORq {
@@ -4268,6 +4451,7 @@ button.swiper-pagination-bullet {
   --card-width: 154px;
 
   overflow: hidden;
+  height: 100%;
   padding-top: 32px;
   margin-top: -32px;
   gap: var(--column-gap);
@@ -4375,43 +4559,6 @@ button.swiper-pagination-bullet {
         font-weight: var(--font-weight-bold);
       }
 
-.no-search-module-87NKV {
-  position: relative;
-  left: -16px;
-  display: inline-block;
-  overflow: hidden;
-  width: calc(100% + var(--space-32));
-}
-
-  .no-search-module-87NKV .no-search-module-beCXI {
-    padding-inline: var(--space-16);
-  }
-
-  .no-search-module-87NKV .no-search-module-dtT5J {
-    display: grid;
-    width: 153px;
-    height: 272px;
-    cursor: pointer;
-    place-items: center;
-  }
-
-@media (width >= 768px) {
-  .no-search-module-87NKV {
-    position: static;
-    left: unset;
-    width: 100%;
-  }
-
-    .no-search-module-87NKV .no-search-module-beCXI {
-      padding-inline: 0;
-    }
-
-    .no-search-module-87NKV .no-search-module-dtT5J {
-      width: 192px;
-      height: 343px;
-    }
-}
-
 .search-result-panel-module-KBrc9 {
   position: absolute;
   z-index: var(--sidebar-layer);