@sonic-equipment/ui 188.0.0 → 189.0.0

package/dist/styles.css

@@ -4653,6 +4653,13 @@ button.swiper-pagination-bullet {
       justify-self: center;
     }
 
+  .select-field-module-T07fb .select-field-module-uGX30 .select-field-module-NyDa0 {
+      block-size: 20px;
+      grid-area: icon;
+      inline-size: 20px;
+      justify-self: center;
+    }
+
   .select-field-module-T07fb[data-invalid] .select-field-module-uGX30 {
     border-bottom-color: var(--color-brand-red);
   }
@@ -5891,44 +5898,31 @@ button.swiper-pagination-bullet {
   --ml-item-inner-spacing: var(--space-12);
   --ml-item-outer-spacing: var(--space-16);
   --ml-icon-size: 16px;
+  --ml-min-size: 56px;
 
   position: relative;
   display: grid;
   overflow: hidden;
   color: currentcolor;
+  container-type: inline-size;
   font-size: var(--ml-font-size);
   grid-template: auto 1fr / 1fr;
   grid-template-areas:
     'back-button'
     'scroll-area';
+  min-inline-size: var(--ml-min-size);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 
-  /* TODO: scroll area row should stretch to avail height, but also enforce the scroll-area to scroll if overflowing */
-
-  .menu-list-module-TloB9.menu-list-module-xUg6i {
-    --ml-font-size: var(--font-size-18);
-    --ml-font-weight: var(--font-weight-bold);
-    --ml-button-hover-color: var(--color-white);
-    --ml-button-hover-bgcolor: var(--color-brand-red);
-    --ml-link-hover-color: var(--color-white);
-    --ml-link-hover-bgcolor: var(--color-brand-red);
-    --ml-selected-color: var(--color-white);
-    --ml-selected-bgcolor: var(--color-brand-red);
-  }
-
   /* scroll area */
-
   .menu-list-module-TloB9.menu-list-module-AiDgG .menu-list-module-x3D-V {
+    overflow: hidden auto;
     grid-area: scroll-area;
-    overflow-y: auto;
     scrollbar-width: thin;
   }
-
   /* list */
-
   .menu-list-module-TloB9 .menu-list-module-m3rpo {
     display: grid;
     padding: 0 0 1px;
@@ -5936,10 +5930,56 @@ button.swiper-pagination-bullet {
     grid-template-columns: 1fr;
     list-style: none;
   }
-
   .menu-list-module-TloB9 .menu-list-module-m3rpo > * {
       margin-block: 0 -1px;
     }
+  /* primary variant */
+  .menu-list-module-TloB9.menu-list-module-xUg6i {
+    --ml-font-size: var(--font-size-18);
+    --ml-font-weight: var(--font-weight-bold);
+    --ml-button-hover-color: var(--color-white);
+    --ml-button-hover-bgcolor: var(--color-brand-red);
+    --ml-link-hover-color: var(--color-white);
+    --ml-link-hover-bgcolor: var(--color-brand-red);
+    --ml-selected-color: var(--color-white);
+    --ml-selected-bgcolor: var(--color-brand-red);
+  }
+  /* badges variant */
+  @container (inline-size < 216px) {
+      .menu-list-module-TloB9.menu-list-module-vd14x .menu-list-module-m3rpo {
+        /* switch to fixed width below certain container sizes */
+        inline-size: var(--ml-min-size);
+      }
+        /* no separator lines */
+        .menu-list-module-TloB9.menu-list-module-vd14x .menu-list-module-4QhF4::before,
+        .menu-list-module-TloB9.menu-list-module-vd14x .menu-list-module-4QhF4::after {
+          display: none;
+        }
+
+        /* hide the label */
+        .menu-list-module-TloB9.menu-list-module-vd14x .menu-list-module-4QhF4 .menu-list-module-xFYyo > span {
+          position: absolute;
+          overflow: hidden;
+          block-size: 0;
+          inline-size: 0;
+        }
+
+        .menu-list-module-TloB9.menu-list-module-vd14x .menu-list-module-4QhF4 .menu-list-module-4PbP- {
+          margin: 0;
+        }
+
+        .menu-list-module-TloB9.menu-list-module-vd14x .menu-list-module-4QhF4.menu-list-module-61uJb {
+          grid-template-areas: '. imagebadge .';
+          grid-template-columns: var(--mli-outer-spacing) max-content var(
+              --mli-outer-spacing
+            );
+        }
+
+          /* stylelint-disable-next-line max-nesting-depth */
+          .menu-list-module-TloB9.menu-list-module-vd14x .menu-list-module-4QhF4.menu-list-module-61uJb .menu-list-module-syyw9 {
+            display: none;
+          }
+    }
 
 /* menu list back button */
 
@@ -6048,7 +6088,7 @@ button.swiper-pagination-bullet {
     minmax(var(--ml-item-minimal-height, 48px), min-content) / var(
       --mli-outer-spacing
     )
-    minmax(0, min-content) 1fr var(--mli-outer-spacing);
+    max-content 1fr var(--mli-outer-spacing);
   grid-template-areas: '. imagebadge label .';
 
   /* children icon */
@@ -6188,13 +6228,14 @@ button.swiper-pagination-bullet {
 /* has children */
 
 .menu-list-module-4QhF4.menu-list-module-61uJb {
+    --arrow-space: calc(
+      var(--mli-inner-spacing) + var(--mli-icon-size) + var(--mli-inner-spacing)
+    );
+
     grid-template-areas: '. imagebadge label icon';
     grid-template-columns:
-      var(--mli-outer-spacing) minmax(0, min-content)
-      1fr calc(
-        var(--mli-inner-spacing) + var(--mli-icon-size) +
-          var(--mli-inner-spacing)
-      );
+      var(--mli-outer-spacing) max-content
+      1fr var(--arrow-space);
   }
 
 .menu-list-module-4QhF4.menu-list-module-61uJb:not(.menu-list-module-hiMca):has(.menu-list-module-xFYyo:hover) {
@@ -6712,6 +6753,61 @@ button.swiper-pagination-bullet {
   place-items: center;
 }
 
+.dynamic-loading-overlay-module-CAecM {
+  --content-opacity: 0.35;
+  --indicator-min-size: 176px;
+  --intersected-height: 0px;
+  --transition-duration: var(--transition-duration-short);
+  --transition-delay: var(--transition-duration-short);
+
+  position: relative;
+  display: grid;
+  box-sizing: border-box;
+  align-self: start;
+}
+
+  .dynamic-loading-overlay-module-CAecM .dynamic-loading-overlay-module-XeFAb {
+    z-index: 1;
+    grid-column: 1;
+    grid-row: 1;
+    transition: opacity var(--transition-duration);
+  }
+
+  .dynamic-loading-overlay-module-CAecM .dynamic-loading-overlay-module-lhL5i {
+    position: sticky;
+    z-index: 2;
+    box-sizing: border-box;
+    block-size: var(--intersected-height);
+    grid-column: 1;
+    grid-row: 1;
+    inset: 0;
+    max-block-size: 100svh;
+    min-block-size: var(--indicator-min-size);
+    opacity: 0;
+    pointer-events: none;
+    transition:
+      visibility var(--transition-duration),
+      opacity var(--transition-duration);
+    visibility: hidden;
+  }
+
+  .dynamic-loading-overlay-module-CAecM .dynamic-loading-overlay-module-lhL5i .dynamic-loading-overlay-module-cpo4H {
+      position: absolute;
+      margin: auto;
+      inset: 0;
+    }
+
+  .dynamic-loading-overlay-module-CAecM.dynamic-loading-overlay-module-3bed- .dynamic-loading-overlay-module-XeFAb {
+      opacity: var(--content-opacity);
+      transition-delay: var(--transition-delay);
+    }
+
+  .dynamic-loading-overlay-module-CAecM.dynamic-loading-overlay-module-3bed- .dynamic-loading-overlay-module-lhL5i {
+      opacity: 1;
+      transition-delay: var(--transition-delay);
+      visibility: visible;
+    }
+
 .loading-overlay-module-L67Gy {
   position: fixed;
   display: grid;
@@ -7725,9 +7821,20 @@ button.swiper-pagination-bullet {
 }
 
   @media (width >= 768px) {.my-sonic-layout-module-ep0n3 {
-    --aside-size: clamp(236px, 22%, 308px);
     --gap: var(--space-20);
     --margin: 0;
+    --aside-size: 56px;
+    --aside-sticky-top: calc(var(--header-bottom, 0) + var(--space-16));
+
+    grid-template-areas:
+      '. . title'
+      'aside . main';
+    grid-template-columns: var(--aside-size) var(--gap) 1fr
+}
+  }
+
+  @media (width >= 1024px) {.my-sonic-layout-module-ep0n3 {
+    --aside-size: clamp(56px, 22%, 308px);
 
     grid-template-areas:
       'pre-aside . title'
@@ -7738,32 +7845,50 @@ button.swiper-pagination-bullet {
 
   @media (width >= 1440px) {.my-sonic-layout-module-ep0n3 {
     --gap: var(--space-40);
-    --padding: var(--space-48)
+    --padding: var(--space-48);
+    --aside-sticky-top: calc(var(--header-bottom, 0) + var(--space-20))
 }
   }
 
+  /* title */
+
   .my-sonic-layout-module-ep0n3 .my-sonic-layout-module-yMdPQ {
     align-self: last baseline;
     grid-area: title;
     margin-block-end: var(--margin);
   }
 
+  /* main */
+
   .my-sonic-layout-module-ep0n3 .my-sonic-layout-module-f0Bhf {
     container-type: inline-size;
     grid-area: main;
   }
 
+  /* pre aside */
+
   .my-sonic-layout-module-ep0n3 .my-sonic-layout-module-6pWHC {
     align-self: last baseline;
     grid-area: pre-aside;
     margin-block-end: var(--margin);
   }
 
+  /* aside */
+
   .my-sonic-layout-module-ep0n3 .my-sonic-layout-module--OEV- {
+    align-self: start;
     grid-area: aside;
     margin-block-end: var(--margin);
   }
 
+  @media (width >= 768px) {
+
+  .my-sonic-layout-module-ep0n3 .my-sonic-layout-module--OEV- {
+      position: sticky;
+      inset-block-start: var(--aside-sticky-top)
+  }
+    }
+
 .my-sonic-desktop-navigation-module-f8Y3F {
   font-weight: bold;
 }
@@ -7780,794 +7905,929 @@ button.swiper-pagination-bullet {
 }
   }
 
-.product-details-page-layout-module-pPtZX {
-  display: flex;
-  flex-direction: column;
-  padding-top: var(--space-24);
-  margin-bottom: var(--space-64);
-  gap: var(--space-64);
+.table-module-pevNG {
+  position: relative;
+  box-sizing: border-box;
+  container-name: table-container;
+  container-type: inline-size;
+  overflow-x: auto;
 }
 
-  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-0uf92 {
-      height: 100%;
-      align-self: flex-start;
-      margin-bottom: var(--space-16);
-    }
+.table-module-k47fT {
+  --columns: 1;
+  --border-color: var(--color-gray-200);
+  --bgcolor-odd: var(--color-white);
+  --bgcolor-even: var(--color-gray-50);
+  --bgcolor-col-selected: rgb(0 0 0 / 5%);
+  --bgcolor-row-selected: rgb(0 0 0 / 10%);
+  --bgcolor-col-highlight: rgb(0 0 0 / 2.5%);
+  --bgcolor-row-highlight: rgb(0 0 0 / 2.5%);
+  --cell-padding: var(--space-12);
+  --grid-columns-default: repeat(var(--columns), minmax(min-content, auto));
+  --shadow: rgb(0 0 0 / 12.5%);
+  --z-column: 10;
+  --z-sticky: 11;
+  --z-selected: 12;
 
-  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-3-19O {
-      position: sticky;
-      top: calc(var(--header-bottom) + var(--space-8));
-      height: -moz-fit-content;
-      height: fit-content;
-    }
+  @property --columns {
+    initial-value: 1;
+    syntax: '<integer>';
+  }
 
-  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-lfAgH {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: var(--space-24);
+  position: relative;
+  display: grid;
+  box-sizing: border-box;
+  padding: 0;
+  background: var(--color-white);
+  grid-template-columns: var(--grid-columns, var(--grid-columns-default));
+  grid-template-rows:
+    [clmns-start thead-start]
+    auto
+    [thead-end tbody-start]
+    auto
+    [tbody-end clmns-end];
+  line-height: 1.25;
+  max-inline-size: -moz-fit-content;
+  max-inline-size: fit-content;
+
+  /* column highlighting (just 10 columns) */
+}
+
+/* columns */
+
+.table-module-k47fT .table-module-1lgqE {
+    display: grid;
+    grid-column: 1 / -1;
+    grid-row: clmns;
+    grid-template-columns: subgrid;
+    pointer-events: none;
   }
 
-  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-e8ZNQ {
+.table-module-k47fT .table-module-dISOo {
     position: relative;
-    left: -10px;
-    width: 100dvw;
+    z-index: var(--z-column);
   }
 
-  @media (width >= 768px) {
-    .product-details-page-layout-module-pPtZX .product-details-page-layout-module-e8ZNQ {
-      position: relative;
-      left: auto;
-      width: auto;
+.table-module-k47fT .table-module-dISOo.table-module-WGz-I {
+      background-blend-mode: multiply;
+      background-color: var(--bgcolor-col-selected);
     }
-  }
 
-  @media (width >= 1024px) {
-    .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ {
-      display: grid;
-      gap: var(--space-24);
-      grid-template-columns: 396px 1fr;
+.table-module-k47fT .table-module-dISOo.table-module-PQejy {
+      position: sticky;
+      z-index: var(--z-selected);
+      container-name: sticky-column;
+      /* stylelint-disable-next-line declaration-property-value-no-unknown */
+      container-type: scroll-state;
+      inset-inline: 0;
     }
 
-      .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-0uf92 {
-        margin-bottom: 0;
+.table-module-k47fT .table-module-dISOo.table-module-PQejy::before,
+      .table-module-k47fT .table-module-dISOo.table-module-PQejy::after {
+        position: absolute;
+        background: linear-gradient(-90deg, var(--shadow) 0%, transparent 100%);
+        content: '';
+        inline-size: var(--space-8);
+        inset-block: 0;
+        opacity: 0;
+        transition: opacity var(--transition-duration-short);
       }
-  }
 
-  @media (width >= 1440px) {
-    .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ {
-      gap: var(--space-32);
-      grid-template-columns: 600px 1fr;
-    }
-  }
+.table-module-k47fT .table-module-dISOo.table-module-PQejy::before {
+        inset-inline: auto 100%;
+      }
 
-.product-detail-images-module-ERzjA {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  padding: 64px 48px;
-}
+@container sticky-column scroll-state(stuck: inline-end) {
 
-.product-details-panel-module-MXfPm {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
+.table-module-k47fT .table-module-dISOo.table-module-PQejy::before {
+          opacity: 1
+      }
+        }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-rtZYR {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
+.table-module-k47fT .table-module-dISOo.table-module-PQejy::after {
+        inset-inline: 100% auto;
+        rotate: 180deg;
+      }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-IbS9- {
-    align-self: start;
-  }
+@container sticky-column scroll-state(stuck: inline-start) {
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr {
-    display: flex;
-    width: 100%;
-    align-items: flex-end;
-    justify-content: space-between;
+.table-module-k47fT .table-module-dISOo.table-module-PQejy::after {
+          opacity: 1
+      }
+        }
+
+/* cells */
+
+.table-module-k47fT .table-module-jRXnY,
+  .table-module-k47fT .table-module-wJwSq {
+    overflow: hidden;
+    box-sizing: border-box;
+    padding: var(--cell-padding);
+    text-align: start;
+    text-wrap: balance;
   }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr .product-details-panel-module-dI2JL {
-      --price-toggle-size: var(--price-size-larger);
+.table-module-k47fT .table-module-jRXnY.table-module-h7qdo, .table-module-k47fT .table-module-wJwSq.table-module-h7qdo {
+      text-wrap: nowrap;
     }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr .product-details-panel-module-QLafW {
-      display: flex;
-      align-items: center;
+.table-module-k47fT .table-module-jRXnY.table-module-PQejy, .table-module-k47fT .table-module-wJwSq.table-module-PQejy {
+      position: sticky;
+      z-index: var(--z-sticky);
+      inset-inline: 0;
     }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-9L-Nm {
-    margin-top: var(--space-12);
-    color: var(--color-brand-dark-gray);
-    font-size: 16px;
-    font-stretch: normal;
-    font-style: normal;
-    font-weight: normal;
-    letter-spacing: normal;
-    line-height: 1.5;
+.table-module-k47fT thead th {
+    position: relative;
   }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-9L-Nm p {
-      margin: 0;
+.table-module-k47fT thead th:not(:last-child)::after {
+      position: absolute;
+      border-inline-end: 1px solid var(--border-color);
+      content: '';
+      inset: var(--space-8) 0 var(--space-8) auto;
     }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-NC2nx {
-    margin-top: var(--space-16);
-    margin-bottom: var(--space-24);
-  }
+.table-module-k47fT tbody th.table-module-EWdty, .table-module-k47fT tbody td.table-module-EWdty {
+      text-align: start;
+    }
 
-.product-details-recently-viewed-section-module-cGFgH {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--space-24);
-}
+.table-module-k47fT tbody th.table-module-yJD74, .table-module-k47fT tbody td.table-module-yJD74 {
+      text-align: end;
+    }
 
-& .promo-banner-module-yuVEO {
-  position: relative;
-  display: block;
-  height: 122px;
-  outline: none;
-}
+.table-module-k47fT tbody th.table-module-XAdfy, .table-module-k47fT tbody td.table-module-XAdfy {
+      text-align: center;
+    }
 
-  & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
-    width: 250px;
-  }
+/* rows */
 
-  & .promo-banner-module-yuVEO.promo-banner-module-CSkIw {
-    width: 310px;
+.table-module-k47fT .table-module-Nisf1 {
+    display: grid;
+    border-block-end: 1px solid var(--border-color);
+    grid-column: 1 / -1;
+    grid-template-columns: subgrid;
+    grid-template-rows: subgrid;
   }
 
-  & .promo-banner-module-yuVEO picture {
-    width: 100%;
-  }
+.table-module-k47fT .table-module-Nisf1 .table-module-jRXnY,
+    .table-module-k47fT .table-module-Nisf1 .table-module-wJwSq {
+      background-color: var(--bgcolor-odd);
+    }
 
-  & .promo-banner-module-yuVEO picture img {
-      width: 100%;
+.table-module-k47fT .table-module-Nisf1:nth-child(even) .table-module-jRXnY,
+      .table-module-k47fT .table-module-Nisf1:nth-child(even) .table-module-wJwSq {
+        background-color: var(--bgcolor-even);
+      }
+
+:has(.table-module-3zZB6) .table-module-k47fT .table-module-Nisf1::after {
+        z-index: var(--z-selected);
+        background-blend-mode: multiply;
+        background-color: var(--bgcolor-row-highlight);
+        content: '';
+        grid-column: 1 / -1;
+        opacity: 0;
+        pointer-events: none;
+      }
+
+@media (pointer: fine) {
+
+:has(.table-module-3zZB6) .table-module-k47fT .table-module-Nisf1:hover::after {
+          opacity: 1
+      }
+        }
+
+.table-module-k47fT .table-module-Nisf1.table-module-WGz-I::after {
+        z-index: var(--z-selected);
+        background-blend-mode: multiply;
+        background-color: var(--bgcolor-row-selected);
+        content: '';
+        grid-column: 1 / -1;
+        opacity: 1;
+        pointer-events: none;
+      }
+
+.table-module-k47fT .table-module-Nisf1.table-module-qRfjM {
+      cursor: pointer;
     }
 
-  & .promo-banner-module-yuVEO:focus-visible::after {
-    position: absolute;
-    display: block;
-    background-color: transparent;
-    box-shadow: var(--shadow-focus-outline) inset;
-    content: '';
-    inset: 0;
-    pointer-events: none;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-  }
+/* table header */
 
-@media (width >= 768px) {
-  & .promo-banner-module-yuVEO {
-    height: 230px;
+.table-module-k47fT .table-module-DK-wn {
+    display: grid;
+    grid-column: 1 / -1;
+    grid-row: thead;
+    grid-template-columns: subgrid;
   }
 
-    & .promo-banner-module-yuVEO.promo-banner-module-CSkIw,
-    & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
-      width: auto;
+.table-module-k47fT .table-module-DK-wn .table-module-Nisf1 {
+      border-block-start: 0;
     }
-}
 
-.promo-banners-module-uVyxh {
-  margin-bottom: var(--space-24);
-}
+.table-module-k47fT .table-module-DK-wn .table-module-Nisf1 .table-module-jRXnY,
+      .table-module-k47fT .table-module-DK-wn .table-module-Nisf1 .table-module-wJwSq {
+        background-color: var(--bgcolor-even);
+        font-weight: var(--font-weight-bold);
+      }
 
-@media (width >= 768px) {
-  .promo-banners-module-uVyxh {
+/* table body */
+
+.table-module-k47fT .table-module-tygZb {
     display: grid;
-    margin-bottom: var(--space-32);
-    gap: var(--space-16);
-    grid-template-columns: 2fr 1fr;
+    grid-column: 1 / -1;
+    grid-row: tbody;
+    grid-template-columns: subgrid;
+    transition: opacity var(--transition-duration-short);
   }
-}
 
-@media (width >= 1440px) {
-  .promo-banners-module-uVyxh {
-    gap: var(--space-24);
-    grid-template-columns: 1.5fr 1fr;
+/* full width table */
+
+.table-module-k47fT.table-module-YnmWV {
+    min-inline-size: 100%;
   }
-}
 
-.sidebar-module-fSa9Q.sidebar-module-AIq0M {
-  --transition-timing-function: ease-in-out;
+.table-module-k47fT.table-module-YnmWV .table-module-skhNZ {
+      text-align: start;
+    }
 
-  position: fixed;
-  z-index: calc(var(--sidebar-layer) + 1);
-  top: 0;
-  left: 0;
-  width: 382px;
-  max-width: 100vw;
-  height: 100%;
-  box-sizing: border-box;
-  padding-top: 46px;
-  padding-bottom: 56px;
-  background: var(--color-white);
-}
+/* no text wrap for entire table */
 
-  .sidebar-module-fSa9Q.sidebar-module-AIq0M.sidebar-module-LEZgg {
-    transition: transform var(--transition-duration)
-      var(--transition-timing-function);
-  }
+.table-module-k47fT.table-module-h7qdo .table-module-Nisf1 .table-module-jRXnY,
+      .table-module-k47fT.table-module-h7qdo .table-module-Nisf1 .table-module-wJwSq {
+        text-wrap: nowrap;
+      }
 
-  .sidebar-module-fSa9Q.sidebar-module-AIq0M.sidebar-module-lV7wp {
-    box-shadow: var(--box-shadow-heavy);
-    pointer-events: auto;
-    transform: translateX(0);
+.table-module-k47fT col:hover {
+    background-color: red;
   }
 
-  .sidebar-module-fSa9Q.sidebar-module-AIq0M.sidebar-module-dGDrr {
-    box-shadow: none;
-    pointer-events: none;
-    transform: translateX(-100%);
-  }
+@media (pointer: fine) {
 
-  .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC {
-    position: absolute;
-    z-index: calc(var(--sidebar-layer) + 2);
-    top: 36px;
-    right: 8px;
+.table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(1):hover) .table-module-dISOo:nth-child(1),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(2):hover) .table-module-dISOo:nth-child(2),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(3):hover) .table-module-dISOo:nth-child(3),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(4):hover) .table-module-dISOo:nth-child(4),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(5):hover) .table-module-dISOo:nth-child(5),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(6):hover) .table-module-dISOo:nth-child(6),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(7):hover) .table-module-dISOo:nth-child(7),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(8):hover) .table-module-dISOo:nth-child(8),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(9):hover) .table-module-dISOo:nth-child(9),
+  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th.table-module-hyPmy:nth-child(10):hover) .table-module-dISOo:nth-child(10) {
+      background-blend-mode: multiply;
+      background-color: var(--bgcolor-col-highlight)
   }
-
-  .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC svg {
-      display: block;
-      width: 32px;
-      height: 32px;
     }
 
-  .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC button {
-      -webkit-tap-highlight-color: transparent;
-    }
+/* table sort buttons */
 
-.sidebar-module-fSa9Q.sidebar-module-Scw7D {
-  --transition-timing-function: ease-in-out;
+.table-module-RtOV- {
+  --icon-space: 12px;
+  --icon-size: 12px;
+  --icon-rotation: 0deg;
+  --icon-visibility: hidden;
+  --gap: var(--space-4);
 
-  position: static;
-  z-index: initial;
-  overflow: hidden;
-  width: 0;
-  padding: 0;
-  transform: translateX(0);
-  white-space: nowrap;
+  all: unset;
+  display: grid;
+  align-items: baseline;
+  padding: var(--cell-padding);
+  cursor: pointer;
+  gap: var(--gap);
+  grid-template-areas: 'label icon';
+  grid-template-columns: 1fr var(--icon-space);
+  inline-size: 100%;
+  text-align: start;
 }
 
-.sidebar-module-fSa9Q.sidebar-module-Scw7D.sidebar-module-LEZgg {
-    transition:
-      width var(--transition-duration) var(--transition-timing-function),
-      transform var(--transition-duration) var(--transition-timing-function);
+.table-module-RtOV-:focus-visible {
+    box-shadow: var(--shadow-focus-outline) inset;
+    outline: none;
   }
 
-.sidebar-module-fSa9Q.sidebar-module-Scw7D.sidebar-module-lV7wp {
-    width: 324px;
-    box-shadow: none;
-  }
+.table-module-RtOV- .table-module-ukG8s {
+    grid-area: label;
+  }
 
-.sidebar-module-fSa9Q.sidebar-module-Scw7D.sidebar-module-dGDrr {
-    transform: translateX(0);
+.table-module-RtOV- .table-module-QdiLJ {
+    grid-area: icon;
+    justify-self: center;
+    rotate: var(--icon-rotation);
+    visibility: var(--icon-visibility);
   }
 
-.sidebar-module-fSa9Q.sidebar-module-Scw7D .sidebar-module-2puGC {
-    display: none;
+.table-module-RtOV-.table-module-gWy-a {
+    --icon-visibility: visible;
   }
 
-.product-listing-page-module-U0zLZ .product-listing-page-module-9a0ps {
-    margin-bottom: 44px;
+.table-module-RtOV-.table-module-9AwNp {
+    --icon-rotation: 0deg;
   }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-VvYG3 {
-    margin-bottom: var(--space-24);
+
+.table-module-RtOV-.table-module-aYS8r {
+    --icon-rotation: 180deg;
   }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo {
-    display: grid;
-    gap: var(--space-16);
-    justify-items: center;
+
+.table-module-DK-wn .table-module-RtOV- {
+  margin: calc(var(--cell-padding) * -1);
+}
+
+.truncated-module-bwo1A {
+  display: -webkit-box;
+  text-wrap: auto;
+}
+
+  .truncated-module-bwo1A.truncated-module-JHMUL {
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: var(--lines, 1);
+    line-clamp: var(--lines, 1);
+    text-overflow: ellipsis;
   }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J,
-    .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
-      width: 100%;
-    }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J > *, .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg > * {
-        display: flex;
-        width: 100%;
-        justify-content: center;
-      }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3Jtw- {
-      order: 2;
-    }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-UwMEE {
-    margin-bottom: var(--space-44);
+
+.data-table-module-7CcZR {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-16);
+}
+
+.data-table-module-WFG32 .data-table-module-9UZ8I {
+    display: block;
+    margin: 0 auto;
+    block-size: var(--space-20);
+    inline-size: var(--space-20);
   }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-cUe4a {
-    display: grid;
-    grid-template-columns: 1fr;
+
+.order-history-module-LrkiZ {
+  --gap-col: var(--space-8);
+  --gap-row: var(--space-8);
+  --z-index-sticky: 10;
+  --sticky-top: var(--header-bottom, 0);
+  --shadow: rgb(0 0 0 / 12.5%);
+
+  display: grid;
+  gap: var(--gap-row) var(--gap-col);
+  grid-template:
+    [bar-start] auto [bar-end] repeat(3, auto)
+    / [bar-start] 1fr [bar-end];
+  grid-template-areas:
+    'search'
+    'filter'
+    'results'
+    'paging';
+  scroll-margin-block: calc(var(--sticky-top) + var(--gap-row));
+}
+
+  @media (width >= 768px) {.order-history-module-LrkiZ {
+    --gap-row: var(--space-16);
+
+    grid-template-areas:
+      'search filter'
+      'results results'
+      'paging paging';
+    grid-template-columns: [bar-start] 1fr 1fr [bar-end]
+}
   }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-dtbXB {
-    display: flex;
-    flex-direction: column;
+
+  @media (width >= 1024px) {.order-history-module-LrkiZ {
+    grid-template-areas:
+      '. search filter'
+      'results results results'
+      'paging paging paging';
+    grid-template-columns: [bar-start] 1fr 26ch 26ch [bar-end]
+}
   }
-  .product-listing-page-module-U0zLZ .product-listing-page-module-zKOQv {
-    margin-top: var(--space-24);
-    grid-column: span 2;
+
+  @media (width >= 1440px) {.order-history-module-LrkiZ {
+    --gap-row: var(--space-20)
+}
   }
-  @media (width >= 768px) {
-    .product-listing-page-module-U0zLZ .product-listing-page-module-UwMEE {
-      margin-bottom: var(--space-64);
-    }
 
-    .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo {
-      display: grid;
-      align-items: center;
-      justify-content: space-between;
-      margin-bottom: var(--space-24);
-      grid-template-columns: repeat(3, 1fr);
-      row-gap: var(--space-8);
-    }
+  /* search */
 
-      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J,
-      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
-        width: initial;
-      }
+  .order-history-module-LrkiZ .order-history-module-Y18m7 {
+    position: sticky;
+    z-index: var(--z-index-sticky);
+    grid-area: search;
+    inset-block-start: calc(var(--sticky-top, 0) + var(--gap-row));
+  }
 
-        .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J > *, .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg > * {
-          width: initial;
-        }
+  /* filter */
 
-      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J {
-        justify-self: flex-start;
-      }
+  .order-history-module-LrkiZ .order-history-module-tBrZG {
+    grid-area: filter;
+  }
 
-      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
-        display: flex;
-        justify-self: flex-end;
-      }
+  @media (width >= 768px) {
 
-      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3Jtw- {
-        order: initial;
-        margin: auto;
-      }
+  .order-history-module-LrkiZ .order-history-module-tBrZG {
+      position: sticky;
+      z-index: var(--z-index-sticky);
+      inset-block-start: calc(var(--sticky-top) + var(--gap-row))
   }
-  @media (width >= 1440px) {
-    .product-listing-page-module-U0zLZ .product-listing-page-module-cUe4a {
-      grid-template-columns: auto 1fr;
     }
+
+  /* results */
+
+  .order-history-module-LrkiZ .order-history-module-5mST2 {
+    grid-area: results;
+  }
+
+  .order-history-module-LrkiZ .order-history-module-5mST2 .order-history-module-g-FzV {
+      margin-block: var(--space-8);
+    }
+
+  /* paging */
+
+  .order-history-module-LrkiZ .order-history-module-POsiS {
+    grid-area: paging;
+    justify-self: center;
+    padding-block: var(--gap-row);
   }
 
-.search-results-page-module-uE5NE .search-results-page-module-grXkv {
-    margin-bottom: 44px;
+  /* white bar behind sticky elements */
+
+  .order-history-module-LrkiZ .order-history-module-98Tvf {
+    position: sticky;
+    z-index: calc(var(--z-index-sticky) - 1);
+    margin: calc(var(--gap-row) * -1)
+      calc(var(--page-container-padding-inline) * -1);
+    background-color: var(--color-white);
+    container-name: sticky-bar;
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
+    container-type: scroll-state;
+    grid-area: bar;
+    inset-block: var(--sticky-top, 0);
   }
-  .search-results-page-module-uE5NE .search-results-page-module--GBRi {
-    display: grid;
-    gap: var(--space-16);
-    justify-items: center;
+
+  @media (width >= 768px) {
+
+  .order-history-module-LrkiZ .order-history-module-98Tvf {
+      margin-inline: 0
   }
-  .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo,
-    .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
-      width: 100%;
     }
-  .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo > *, .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN > * {
-        display: flex;
-        width: 100%;
-        justify-content: center;
+
+  .order-history-module-LrkiZ .order-history-module-98Tvf::after {
+      position: absolute;
+      background: linear-gradient(180deg, var(--shadow) 0%, transparent 100%);
+      block-size: var(--space-8);
+      content: '';
+      inset: 100% 0 auto;
+      opacity: 0;
+      transition: opacity var(--transition-duration-short);
+    }
+
+  @container sticky-bar scroll-state(stuck: block-start) {
+
+  .order-history-module-LrkiZ .order-history-module-98Tvf::after {
+        opacity: 1
+    }
       }
-  .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-rhDU1 {
-      order: 2;
+
+.product-details-page-layout-module-pPtZX {
+  display: flex;
+  flex-direction: column;
+  padding-top: var(--space-24);
+  margin-bottom: var(--space-64);
+  gap: var(--space-64);
+}
+
+  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-0uf92 {
+      height: 100%;
+      align-self: flex-start;
+      margin-bottom: var(--space-16);
     }
-  .search-results-page-module-uE5NE .search-results-page-module-uxlXw {
-    margin-bottom: var(--space-44);
-  }
-  .search-results-page-module-uE5NE .search-results-page-module-p6Qod {
-    display: grid;
-    grid-template-columns: 1fr;
-  }
-  .search-results-page-module-uE5NE .search-results-page-module-7T07c {
+
+  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-3-19O {
+      position: sticky;
+      top: calc(var(--header-bottom) + var(--space-8));
+      height: -moz-fit-content;
+      height: fit-content;
+    }
+
+  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-lfAgH {
     display: flex;
     flex-direction: column;
+    align-items: center;
+    gap: var(--space-24);
   }
-  .search-results-page-module-uE5NE .search-results-page-module-zcJy7 {
-    margin-top: var(--space-24);
-    grid-column: span 2;
+
+  .product-details-page-layout-module-pPtZX .product-details-page-layout-module-e8ZNQ {
+    position: relative;
+    left: -10px;
+    width: 100dvw;
   }
+
   @media (width >= 768px) {
-    .search-results-page-module-uE5NE .search-results-page-module-uxlXw {
-      margin-bottom: var(--space-64);
+    .product-details-page-layout-module-pPtZX .product-details-page-layout-module-e8ZNQ {
+      position: relative;
+      left: auto;
+      width: auto;
     }
+  }
 
-    .search-results-page-module-uE5NE .search-results-page-module--GBRi {
+  @media (width >= 1024px) {
+    .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ {
       display: grid;
-      align-items: center;
-      justify-content: space-between;
-      margin-bottom: var(--space-24);
-      grid-template-columns: repeat(3, 1fr);
-      row-gap: var(--space-8);
+      gap: var(--space-24);
+      grid-template-columns: 396px 1fr;
     }
 
-      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo,
-      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
-        width: initial;
-      }
-
-        .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo > *, .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN > * {
-          width: initial;
-        }
-
-      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo {
-        justify-self: flex-start;
-      }
-
-      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
-        display: flex;
-        justify-self: flex-end;
-      }
-
-      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-rhDU1 {
-        order: initial;
-        margin: auto;
+      .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-0uf92 {
+        margin-bottom: 0;
       }
   }
+
   @media (width >= 1440px) {
-    .search-results-page-module-uE5NE .search-results-page-module-p6Qod {
-      grid-template-columns: auto 1fr;
+    .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ {
+      gap: var(--space-32);
+      grid-template-columns: 600px 1fr;
     }
   }
 
-.sidebar-provider-module-rjeCL {
-  --transition-duration: 0;
-}
-
-  .sidebar-provider-module-rjeCL.sidebar-provider-module-C0cKR {
-    --transition-duration: 0.3s;
-  }
-
-.table-module-pevNG {
+.product-detail-images-module-ERzjA {
+  display: flex;
+  width: 100%;
+  height: 100%;
   box-sizing: border-box;
-  container-name: table-container;
-  container-type: inline-size;
-  overflow-x: auto;
+  align-items: center;
+  justify-content: center;
+  padding: 64px 48px;
 }
 
-.table-module-k47fT {
-  --columns: 1;
-  --border-color: var(--color-gray-200);
-  --bgcolor-odd: var(--color-white);
-  --bgcolor-even: var(--color-gray-50);
-  --bgcolor-col-selected: rgb(0 0 0 / 5%);
-  --bgcolor-row-selected: rgb(0 0 0 / 10%);
-  --bgcolor-col-highlight: rgb(0 0 0 / 2.5%);
-  --bgcolor-row-highlight: rgb(0 0 0 / 2.5%);
-  --cell-padding: var(--space-12);
-  --grid-columns-default: repeat(var(--columns), minmax(min-content, auto));
-  --shadow: rgb(0 0 0 / 12.5%);
-  --z-column: 10;
-  --z-sticky: 11;
-  --z-selected: 12;
+.product-details-panel-module-MXfPm {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
 
-  @property --columns {
-    initial-value: 1;
-    syntax: '<integer>';
+  .product-details-panel-module-MXfPm .product-details-panel-module-rtZYR {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
   }
 
-  position: relative;
-  display: grid;
-  box-sizing: border-box;
-  align-content: flex-end;
-  padding: 0;
-  background: var(--color-white);
-  grid-template-columns: var(--grid-columns, var(--grid-columns-default));
-  grid-template-rows:
-    [clmns-start thead-start]
-    auto
-    [thead-end tbody-start]
-    auto
-    [tbody-end clmns-end];
-  line-height: 1.25;
-  max-inline-size: -moz-fit-content;
-  max-inline-size: fit-content;
+  .product-details-panel-module-MXfPm .product-details-panel-module-IbS9- {
+    align-self: start;
+  }
 
-  /* column highlighting (just 10 columns) */
+  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr {
+    display: flex;
+    width: 100%;
+    align-items: flex-end;
+    justify-content: space-between;
+  }
+
+  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr .product-details-panel-module-dI2JL {
+      --price-toggle-size: var(--price-size-larger);
+    }
+
+  .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr .product-details-panel-module-QLafW {
+      display: flex;
+      align-items: center;
+    }
+
+  .product-details-panel-module-MXfPm .product-details-panel-module-9L-Nm {
+    margin-top: var(--space-12);
+    color: var(--color-brand-dark-gray);
+    font-size: 16px;
+    font-stretch: normal;
+    font-style: normal;
+    font-weight: normal;
+    letter-spacing: normal;
+    line-height: 1.5;
+  }
+
+  .product-details-panel-module-MXfPm .product-details-panel-module-9L-Nm p {
+      margin: 0;
+    }
+
+  .product-details-panel-module-MXfPm .product-details-panel-module-NC2nx {
+    margin-top: var(--space-16);
+    margin-bottom: var(--space-24);
+  }
+
+.product-details-recently-viewed-section-module-cGFgH {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-24);
 }
 
-/* columns */
+& .promo-banner-module-yuVEO {
+  position: relative;
+  display: block;
+  height: 122px;
+  outline: none;
+}
 
-.table-module-k47fT .table-module-1lgqE {
-    display: grid;
-    grid-column: 1 / -1;
-    grid-row: clmns;
-    grid-template-columns: subgrid;
-    pointer-events: none;
+  & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
+    width: 250px;
   }
 
-.table-module-k47fT .table-module-dISOo {
-    position: relative;
-    z-index: var(--z-column);
+  & .promo-banner-module-yuVEO.promo-banner-module-CSkIw {
+    width: 310px;
   }
 
-.table-module-k47fT .table-module-dISOo.table-module-WGz-I {
-      background-blend-mode: multiply;
-      background-color: var(--bgcolor-col-selected);
-    }
+  & .promo-banner-module-yuVEO picture {
+    width: 100%;
+  }
 
-.table-module-k47fT .table-module-dISOo.table-module-PQejy {
-      position: sticky;
-      z-index: var(--z-selected);
-      container-name: sticky-column;
-      /* stylelint-disable-next-line declaration-property-value-no-unknown */
-      container-type: scroll-state;
-      inset-inline: 0;
+  & .promo-banner-module-yuVEO picture img {
+      width: 100%;
     }
 
-.table-module-k47fT .table-module-dISOo.table-module-PQejy::before,
-      .table-module-k47fT .table-module-dISOo.table-module-PQejy::after {
-        position: absolute;
-        background: linear-gradient(-90deg, var(--shadow) 0%, transparent 100%);
-        content: '';
-        inline-size: var(--space-8);
-        inset-block: 0;
-        opacity: 0;
-        transition: opacity var(--transition-duration-short);
-      }
+  & .promo-banner-module-yuVEO:focus-visible::after {
+    position: absolute;
+    display: block;
+    background-color: transparent;
+    box-shadow: var(--shadow-focus-outline) inset;
+    content: '';
+    inset: 0;
+    pointer-events: none;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
 
-@supports not (container-type: scroll-state) {
+@media (width >= 768px) {
+  & .promo-banner-module-yuVEO {
+    height: 230px;
+  }
 
-.table-module-k47fT .table-module-dISOo.table-module-PQejy::before,
-      .table-module-k47fT .table-module-dISOo.table-module-PQejy::after {
-          background: var(--shadow);
-          inline-size: 1px;
-          opacity: 1
-      }
-        }
+    & .promo-banner-module-yuVEO.promo-banner-module-CSkIw,
+    & .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
+      width: auto;
+    }
+}
 
-.table-module-k47fT .table-module-dISOo.table-module-PQejy::before {
-        inset-inline: auto 100%;
-      }
+.promo-banners-module-uVyxh {
+  margin-bottom: var(--space-24);
+}
 
-@container sticky-column scroll-state(stuck: inline-end) {
+@media (width >= 768px) {
+  .promo-banners-module-uVyxh {
+    display: grid;
+    margin-bottom: var(--space-32);
+    gap: var(--space-16);
+    grid-template-columns: 2fr 1fr;
+  }
+}
 
-.table-module-k47fT .table-module-dISOo.table-module-PQejy::before {
-          opacity: 1
-      }
-        }
+@media (width >= 1440px) {
+  .promo-banners-module-uVyxh {
+    gap: var(--space-24);
+    grid-template-columns: 1.5fr 1fr;
+  }
+}
 
-.table-module-k47fT .table-module-dISOo.table-module-PQejy::after {
-        inset-inline: 100% auto;
-        rotate: 180deg;
-      }
+.sidebar-module-fSa9Q.sidebar-module-AIq0M {
+  --transition-timing-function: ease-in-out;
 
-@container sticky-column scroll-state(stuck: inline-start) {
+  position: fixed;
+  z-index: calc(var(--sidebar-layer) + 1);
+  top: 0;
+  left: 0;
+  width: 382px;
+  max-width: 100vw;
+  height: 100%;
+  box-sizing: border-box;
+  padding-top: 46px;
+  padding-bottom: 56px;
+  background: var(--color-white);
+}
 
-.table-module-k47fT .table-module-dISOo.table-module-PQejy::after {
-          opacity: 1
-      }
-        }
+  .sidebar-module-fSa9Q.sidebar-module-AIq0M.sidebar-module-LEZgg {
+    transition: transform var(--transition-duration)
+      var(--transition-timing-function);
+  }
 
-/* cells */
+  .sidebar-module-fSa9Q.sidebar-module-AIq0M.sidebar-module-lV7wp {
+    box-shadow: var(--box-shadow-heavy);
+    pointer-events: auto;
+    transform: translateX(0);
+  }
 
-.table-module-k47fT .table-module-jRXnY,
-  .table-module-k47fT .table-module-wJwSq {
-    overflow: hidden;
-    box-sizing: border-box;
-    padding: var(--cell-padding);
-    text-wrap: balance;
+  .sidebar-module-fSa9Q.sidebar-module-AIq0M.sidebar-module-dGDrr {
+    box-shadow: none;
+    pointer-events: none;
+    transform: translateX(-100%);
   }
 
-.table-module-k47fT .table-module-jRXnY.table-module-EWdty, .table-module-k47fT .table-module-wJwSq.table-module-EWdty {
-      text-align: start;
-    }
+  .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC {
+    position: absolute;
+    z-index: calc(var(--sidebar-layer) + 2);
+    top: 36px;
+    right: 8px;
+  }
 
-.table-module-k47fT .table-module-jRXnY.table-module-yJD74, .table-module-k47fT .table-module-wJwSq.table-module-yJD74 {
-      text-align: end;
+  .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC svg {
+      display: block;
+      width: 32px;
+      height: 32px;
     }
 
-.table-module-k47fT .table-module-jRXnY.table-module-XAdfy, .table-module-k47fT .table-module-wJwSq.table-module-XAdfy {
-      text-align: center;
+  .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC button {
+      -webkit-tap-highlight-color: transparent;
     }
 
-.table-module-k47fT .table-module-jRXnY.table-module-h7qdo, .table-module-k47fT .table-module-wJwSq.table-module-h7qdo {
-      text-wrap: nowrap;
+.sidebar-module-fSa9Q.sidebar-module-Scw7D {
+  --transition-timing-function: ease-in-out;
+
+  position: static;
+  z-index: initial;
+  overflow: hidden;
+  width: 0;
+  padding: 0;
+  transform: translateX(0);
+  white-space: nowrap;
+}
+
+.sidebar-module-fSa9Q.sidebar-module-Scw7D.sidebar-module-LEZgg {
+    transition:
+      width var(--transition-duration) var(--transition-timing-function),
+      transform var(--transition-duration) var(--transition-timing-function);
+  }
+
+.sidebar-module-fSa9Q.sidebar-module-Scw7D.sidebar-module-lV7wp {
+    width: 324px;
+    box-shadow: none;
+  }
+
+.sidebar-module-fSa9Q.sidebar-module-Scw7D.sidebar-module-dGDrr {
+    transform: translateX(0);
+  }
+
+.sidebar-module-fSa9Q.sidebar-module-Scw7D .sidebar-module-2puGC {
+    display: none;
+  }
+
+.product-listing-page-module-U0zLZ .product-listing-page-module-9a0ps {
+    margin-bottom: 44px;
+  }
+  .product-listing-page-module-U0zLZ .product-listing-page-module-VvYG3 {
+    margin-bottom: var(--space-24);
+  }
+  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo {
+    display: grid;
+    gap: var(--space-16);
+    justify-items: center;
+  }
+  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J,
+    .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
+      width: 100%;
     }
-
-.table-module-k47fT .table-module-jRXnY.table-module-PQejy, .table-module-k47fT .table-module-wJwSq.table-module-PQejy {
-      position: sticky;
-      z-index: var(--z-sticky);
-      inset-inline: 0;
+  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J > *, .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg > * {
+        display: flex;
+        width: 100%;
+        justify-content: center;
+      }
+  .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3Jtw- {
+      order: 2;
     }
-
-/* rows */
-
-.table-module-k47fT .table-module-Nisf1 {
+  .product-listing-page-module-U0zLZ .product-listing-page-module-UwMEE {
+    margin-bottom: var(--space-44);
+  }
+  .product-listing-page-module-U0zLZ .product-listing-page-module-cUe4a {
     display: grid;
-    border-block-end: 1px solid var(--border-color);
-    grid-column: 1 / -1;
-    grid-template-columns: subgrid;
-    grid-template-rows: subgrid;
+    grid-template-columns: 1fr;
   }
-
-.table-module-k47fT .table-module-Nisf1 .table-module-jRXnY,
-    .table-module-k47fT .table-module-Nisf1 .table-module-wJwSq {
-      background-color: var(--bgcolor-odd);
+  .product-listing-page-module-U0zLZ .product-listing-page-module-dtbXB {
+    display: flex;
+    flex-direction: column;
+  }
+  .product-listing-page-module-U0zLZ .product-listing-page-module-zKOQv {
+    margin-top: var(--space-24);
+    grid-column: span 2;
+  }
+  @media (width >= 768px) {
+    .product-listing-page-module-U0zLZ .product-listing-page-module-UwMEE {
+      margin-bottom: var(--space-64);
     }
 
-.table-module-k47fT .table-module-Nisf1:nth-child(even) .table-module-jRXnY,
-      .table-module-k47fT .table-module-Nisf1:nth-child(even) .table-module-wJwSq {
-        background-color: var(--bgcolor-even);
-      }
+    .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo {
+      display: grid;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: var(--space-24);
+      grid-template-columns: repeat(3, 1fr);
+      row-gap: var(--space-8);
+    }
 
-:has(.table-module-3zZB6) .table-module-k47fT .table-module-Nisf1::after {
-        z-index: var(--z-selected);
-        background-blend-mode: multiply;
-        background-color: var(--bgcolor-row-highlight);
-        content: '';
-        grid-column: 1 / -1;
-        opacity: 0;
-        pointer-events: none;
+      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J,
+      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
+        width: initial;
       }
 
-@media (pointer: fine) {
+        .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J > *, .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg > * {
+          width: initial;
+        }
 
-:has(.table-module-3zZB6) .table-module-k47fT .table-module-Nisf1:hover::after {
-          opacity: 1
+      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J {
+        justify-self: flex-start;
       }
-        }
 
-.table-module-k47fT .table-module-Nisf1.table-module-WGz-I::after {
-        z-index: var(--z-selected);
-        background-blend-mode: multiply;
-        background-color: var(--bgcolor-row-selected);
-        content: '';
-        grid-column: 1 / -1;
-        opacity: 1;
-        pointer-events: none;
+      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
+        display: flex;
+        justify-self: flex-end;
       }
 
-.table-module-k47fT .table-module-Nisf1.table-module-qRfjM {
-      cursor: pointer;
+      .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3Jtw- {
+        order: initial;
+        margin: auto;
+      }
+  }
+  @media (width >= 1440px) {
+    .product-listing-page-module-U0zLZ .product-listing-page-module-cUe4a {
+      grid-template-columns: auto 1fr;
     }
+  }
 
-/* table header */
-
-.table-module-k47fT .table-module-DK-wn {
+.search-results-page-module-uE5NE .search-results-page-module-grXkv {
+    margin-bottom: 44px;
+  }
+  .search-results-page-module-uE5NE .search-results-page-module--GBRi {
     display: grid;
-    grid-column: 1 / -1;
-    grid-row: thead;
-    grid-template-columns: subgrid;
+    gap: var(--space-16);
+    justify-items: center;
   }
-
-.table-module-k47fT .table-module-DK-wn .table-module-Nisf1 {
-      border-block-start: 0;
+  .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo,
+    .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
+      width: 100%;
     }
-
-.table-module-k47fT .table-module-DK-wn .table-module-Nisf1 .table-module-jRXnY,
-      .table-module-k47fT .table-module-DK-wn .table-module-Nisf1 .table-module-wJwSq {
-        background-color: var(--bgcolor-even);
-        font-weight: var(--font-weight-bold);
+  .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo > *, .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN > * {
+        display: flex;
+        width: 100%;
+        justify-content: center;
       }
-
-/* table body */
-
-.table-module-k47fT .table-module-tygZb {
+  .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-rhDU1 {
+      order: 2;
+    }
+  .search-results-page-module-uE5NE .search-results-page-module-uxlXw {
+    margin-bottom: var(--space-44);
+  }
+  .search-results-page-module-uE5NE .search-results-page-module-p6Qod {
     display: grid;
-    grid-column: 1 / -1;
-    grid-row: tbody;
-    grid-template-columns: subgrid;
+    grid-template-columns: 1fr;
   }
-
-/* full width table */
-
-.table-module-k47fT.table-module-YnmWV {
-    min-inline-size: 100%;
+  .search-results-page-module-uE5NE .search-results-page-module-7T07c {
+    display: flex;
+    flex-direction: column;
   }
-
-.table-module-k47fT.table-module-YnmWV .table-module-skhNZ {
-      text-align: start;
-    }
-
-/* no text wrap for entire table */
-
-.table-module-k47fT.table-module-h7qdo .table-module-Nisf1 .table-module-jRXnY,
-      .table-module-k47fT.table-module-h7qdo .table-module-Nisf1 .table-module-wJwSq {
-        text-wrap: nowrap;
-      }
-
-@media (pointer: fine) {
-
-.table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(1):hover) .table-module-dISOo:nth-child(1),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(2):hover) .table-module-dISOo:nth-child(2),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(3):hover) .table-module-dISOo:nth-child(3),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(4):hover) .table-module-dISOo:nth-child(4),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(5):hover) .table-module-dISOo:nth-child(5),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(6):hover) .table-module-dISOo:nth-child(6),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(7):hover) .table-module-dISOo:nth-child(7),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(8):hover) .table-module-dISOo:nth-child(8),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(9):hover) .table-module-dISOo:nth-child(9),
-  .table-module-k47fT.table-module-JEp5f:has(.table-module-DK-wn th:nth-child(10):hover) .table-module-dISOo:nth-child(10) {
-      background-blend-mode: multiply;
-      background-color: var(--bgcolor-col-highlight)
+  .search-results-page-module-uE5NE .search-results-page-module-zcJy7 {
+    margin-top: var(--space-24);
+    grid-column: span 2;
   }
+  @media (width >= 768px) {
+    .search-results-page-module-uE5NE .search-results-page-module-uxlXw {
+      margin-bottom: var(--space-64);
     }
 
-/* table sort buttons */
-
-.table-module-RtOV- {
-  --icon-space: 24px;
-  --icon-size: 12px;
-  --icon-rotation: 0deg;
-  --icon-visibility: hidden;
-
-  all: unset;
-  display: grid;
-  align-items: baseline;
-  padding: var(--cell-padding);
-  cursor: pointer;
-  grid-template-areas: 'label icon .';
-  grid-template-columns: auto var(--icon-space) 1fr;
-  inline-size: 100%;
-  text-align: start;
-}
-
-.table-module-RtOV- .table-module-ukG8s {
-    grid-area: label;
-  }
+    .search-results-page-module-uE5NE .search-results-page-module--GBRi {
+      display: grid;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: var(--space-24);
+      grid-template-columns: repeat(3, 1fr);
+      row-gap: var(--space-8);
+    }
 
-.table-module-RtOV- .table-module-QdiLJ {
-    grid-area: icon;
-    justify-self: center;
-    rotate: var(--icon-rotation);
-    visibility: var(--icon-visibility);
-  }
+      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo,
+      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
+        width: initial;
+      }
 
-.table-module-RtOV-.table-module-gWy-a {
-    --icon-visibility: visible;
-  }
+        .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo > *, .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN > * {
+          width: initial;
+        }
 
-.table-module-RtOV-.table-module-SjJ57 {
-    --icon-rotation: 0deg;
-  }
+      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo {
+        justify-self: flex-start;
+      }
 
-.table-module-RtOV-.table-module--p8TF {
-    --icon-rotation: 180deg;
-  }
+      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
+        display: flex;
+        justify-self: flex-end;
+      }
 
-.table-module-RtOV-.table-module-XAdfy {
-    grid-template-areas: '. . label icon .';
-    grid-template-columns: 1fr var(--icon-space) auto var(--icon-space) 1fr;
-    text-align: center;
+      .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-rhDU1 {
+        order: initial;
+        margin: auto;
+      }
   }
-
-.table-module-RtOV-.table-module-yJD74 {
-    grid-template-areas: '. icon label';
-    grid-template-columns: 1fr var(--icon-space) auto;
-    text-align: end;
+  @media (width >= 1440px) {
+    .search-results-page-module-uE5NE .search-results-page-module-p6Qod {
+      grid-template-columns: auto 1fr;
+    }
   }
 
-.table-module-DK-wn .table-module-RtOV- {
-  margin: calc(var(--cell-padding) * -1);
-}
-
-.truncated-module-bwo1A {
-  display: -webkit-box;
-  text-wrap: balance;
+.sidebar-provider-module-rjeCL {
+  --transition-duration: 0;
 }
 
-  .truncated-module-bwo1A.truncated-module-JHMUL {
-    overflow: hidden;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: var(--lines, 1);
-    line-clamp: var(--lines, 1);
-    text-overflow: ellipsis;
+  .sidebar-provider-module-rjeCL.sidebar-provider-module-C0cKR {
+    --transition-duration: 0.3s;
   }
 
-.data-table-module-7CcZR {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-16);
-}
-
 :root {
   --toastify-color-light: #fff;
   --toastify-color-dark: #121212;