@nok-integration/storefront-react 0.24.0 → 0.25.0

package/dist/styles.css

@@ -364,7 +364,7 @@
   color: var(--color-text-subtle);
   max-width: 34ch;
 }
-._viewport_oz4st_14 {
+._viewport_1htvw_14 {
   position: fixed;
   top: var(--toast-top, var(--space-12));
   left: 0;
@@ -377,7 +377,7 @@
   pointer-events: none;
   z-index: 1000;
 }
-._anchor_oz4st_41 {
+._anchor_1htvw_41 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -385,17 +385,17 @@
   width: 100%;
   max-width: 420px;
 }
-._caret_oz4st_59 {
+._caret_1htvw_59 {
   display: block;
   width: 24px;
   height: 10px;
   margin-left: auto;
   margin-right: max(0px, calc(var(--toast-caret-right, 60px) - 12px));
 }
-._caret_oz4st_59 svg {
+._caret_1htvw_59 svg {
   display: block;
 }
-._toast_oz4st_82 {
+._toast_1htvw_82 {
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -411,16 +411,16 @@
   box-shadow: 0 6px 24px rgba(8, 14, 18, 0.24);
   pointer-events: auto;
 }
-._text_oz4st_111 {
+._text_1htvw_111 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
   min-width: 0;
 }
-._message_oz4st_120 {
+._message_1htvw_120 {
   min-width: 0;
 }
-._action_oz4st_133 {
+._action_1htvw_133 {
   position: relative;
   flex-shrink: 0;
   padding: 0;
@@ -431,29 +431,29 @@
   text-decoration: underline;
   cursor: pointer;
 }
-._action_oz4st_133::after {
+._action_1htvw_133::after {
   content: "";
   position: absolute;
   inset: -13px -12px;
 }
-._action_oz4st_133:focus-visible {
+._action_1htvw_133:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
-._neutral_oz4st_158 {
+._neutral_1htvw_158 {
   background: var(--color-surface-max);
   color: var(--color-text-strong);
 }
-._success_oz4st_163 {
+._success_1htvw_163 {
   background: var(--color-state-text-success);
   color: var(--color-text-strong);
 }
-._critical_oz4st_168 {
+._critical_1htvw_168 {
   background: var(--color-state-surface-critical-default);
   color: var(--color-text-strong);
 }
-._rich_oz4st_183 {
+._rich_1htvw_183 {
   justify-content: flex-start;
   gap: var(--space-12);
   padding: var(--space-12) var(--space-16) var(--space-12) var(--space-12);
@@ -461,12 +461,12 @@
   color: #f9fafa;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
 }
-._rich_oz4st_183 ._message_oz4st_120 {
+._rich_1htvw_183 ._message_1htvw_120 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
   line-height: normal;
 }
-._rich_oz4st_183 ._description_oz4st_198 {
+._rich_1htvw_183 ._description_1htvw_198 {
   font-size: var(--type-trimmed-xs-size);
   font-weight: var(--font-weight-regular);
   line-height: normal;
@@ -476,11 +476,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rich_oz4st_183 ._action_oz4st_133 {
+._rich_1htvw_183 ._action_1htvw_133 {
   margin-left: auto;
   text-decoration: none;
 }
-._thumb_oz4st_216 {
+._thumb_1htvw_216 {
   position: relative;
   flex-shrink: 0;
   width: 40px;
@@ -489,10 +489,32 @@
   overflow: hidden;
   background: rgba(255, 255, 255, 0.08);
 }
-._thumbImage_oz4st_227 {
+._thumbImage_1htvw_227 {
   object-fit: cover;
   object-position: top;
 }
+@media (min-width: 1200px) {
+  body:has([data-shop-nav]) ._viewport_1htvw_14 {
+    top: calc(var(--shop-chrome-top, 0px) + 72px);
+    align-items: flex-end;
+    padding: 0 max(176px, calc((100% - 1088px) / 2));
+  }
+  body:has([data-shop-nav]) ._anchor_1htvw_41 {
+    max-width: 343px;
+  }
+  body:has([data-shop-nav]) ._caret_1htvw_59,
+  body:has([data-shop-panel]) ._caret_1htvw_59 {
+    display: none;
+  }
+  body:has([data-shop-panel]) ._viewport_1htvw_14 {
+    top: calc(var(--shop-chrome-top, 0px) + 97px);
+    align-items: flex-end;
+    padding: 0 var(--space-24);
+  }
+  body:has([data-shop-panel]) ._anchor_1htvw_41 {
+    max-width: 432px;
+  }
+}
 ._badge_156ya_2 {
   display: inline-flex;
   align-items: center;
@@ -654,12 +676,12 @@
   color: var(--color-text-disabled);
   white-space: nowrap;
 }
-._summary_1k2h8_2 {
+._summary_11ans_2 {
   margin: 0;
   display: flex;
   flex-direction: column;
 }
-._row_1k2h8_16 {
+._row_11ans_16 {
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -671,40 +693,64 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._row_1k2h8_16 + ._row_1k2h8_16 {
+._row_11ans_16 + ._row_11ans_16 {
   box-shadow: inset 0 1px 0 var(--color-border-default);
 }
-._row_1k2h8_16 dt,
-._row_1k2h8_16 dd {
+._row_11ans_16 dt,
+._row_11ans_16 dd {
   margin: 0;
   line-height: var(--type-caption-sm-line);
 }
-._row_1k2h8_16 dd {
+._row_11ans_16 dd {
   line-height: var(--type-caption-sm-line);
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._free_1k2h8_53 {
+._free_11ans_53 {
   color: var(--color-state-text-success);
   font-weight: var(--font-weight-bold);
 }
-._pending_1k2h8_59 {
+._pending_11ans_59 {
   font-size: var(--type-trimmed-xs-size);
   color: var(--color-text-subtle);
 }
-._row_1k2h8_16._discount_1k2h8_69 dt,
-._row_1k2h8_16._discount_1k2h8_69 dd {
+._row_11ans_16._discount_11ans_69 dt,
+._row_11ans_16._discount_11ans_69 dd {
   color: var(--color-state-text-success);
 }
 @media (min-width: 1200px) {
-  [data-shop-layout=wide] ._row_1k2h8_16 {
+  [data-shop-layout=wide] ._row_11ans_16 {
     padding: var(--space-12) var(--space-16);
     box-shadow: inset 0 1px 0 var(--color-border-default);
   }
-  [data-shop-layout=wide] ._free_1k2h8_53 {
+  [data-shop-layout=wide] ._free_11ans_53 {
     color: var(--color-text-default);
   }
 }
+._toggle_11ans_85 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+}
+._toggle_11ans_85::after {
+  content: "";
+  position: absolute;
+  inset: -12px -8px;
+}
+._chevron_11ans_104 {
+  display: block;
+  flex-shrink: 0;
+}
+._chevronOpen_11ans_109 {
+  transform: rotate(180deg);
+}
 ._lines_gr6vv_19 {
   list-style: none;
   margin: 0;
@@ -920,7 +966,7 @@
   border-radius: var(--radius-full);
   background: var(--color-surface-neutral);
 }
-._scrim_1oaa3_8 {
+._scrim_1he86_8 {
   position: fixed;
   inset: 0;
   z-index: 60;
@@ -928,9 +974,9 @@
   align-items: flex-end;
   justify-content: center;
   background: rgba(12, 22, 28, 0.32);
-  animation: _fade_1oaa3_1 160ms ease-out;
+  animation: _fade_1he86_1 160ms ease-out;
 }
-._sheet_1oaa3_20 {
+._sheet_1he86_20 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -939,9 +985,9 @@
   overflow: hidden;
   border-radius: var(--radius-12) var(--radius-12) 0 0;
   background: var(--color-surface-default);
-  animation: _rise_1oaa3_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  animation: _rise_1he86_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
-._body_1oaa3_32 {
+._body_1he86_32 {
   flex: 1 1 auto;
   overflow-y: auto;
   display: flex;
@@ -950,25 +996,25 @@
   padding: 0 var(--space-16);
   scrollbar-width: none;
 }
-._body_1oaa3_32::-webkit-scrollbar {
+._body_1he86_32::-webkit-scrollbar {
   display: none;
 }
-._body_1oaa3_32 > * {
+._body_1he86_32 > * {
   flex-shrink: 0;
 }
-._title_1oaa3_53 {
+._title_1he86_53 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._options_1oaa3_61 {
+._options_1he86_61 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._option_1oaa3_61 {
+._option_1he86_61 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
@@ -982,11 +1028,11 @@
   text-align: left;
   cursor: pointer;
 }
-._option_1oaa3_61:focus-visible {
+._option_1he86_61:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._radio_1oaa3_95 {
+._radio_1he86_95 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -996,7 +1042,7 @@
   height: 24px;
   color: var(--color-surface-max);
 }
-._radio_1oaa3_95::before {
+._radio_1he86_95::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -1004,33 +1050,33 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._option_1oaa3_61[aria-checked=true] ._radio_1oaa3_95::before {
+._option_1he86_61[aria-checked=true] ._radio_1he86_95::before {
   border-color: transparent;
 }
-._radio_1oaa3_95 svg {
+._radio_1he86_95 svg {
   position: relative;
 }
-._label_1oaa3_125 {
+._label_1he86_125 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-regular);
   padding: 5px 0;
   margin: -5px 0;
 }
-._footer_1oaa3_134 {
+._footer_1he86_134 {
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-16) var(--space-16) calc(var(--space-24) + var(--safe-area-bottom));
 }
-._error_1oaa3_142 {
+._error_1he86_142 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.4;
   color: var(--color-state-text-critical);
 }
-@keyframes _fade_1oaa3_1 {
+@keyframes _fade_1he86_1 {
   from {
     opacity: 0;
   }
@@ -1038,7 +1084,7 @@
     opacity: 1;
   }
 }
-@keyframes _rise_1oaa3_1 {
+@keyframes _rise_1he86_1 {
   from {
     transform: translateY(12%);
   }
@@ -1047,11 +1093,31 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._scrim_1oaa3_8,
-  ._sheet_1oaa3_20 {
+  ._scrim_1he86_8,
+  ._sheet_1he86_20 {
     animation: none;
   }
 }
+@media (min-width: 1200px) {
+  ._scrim_1he86_8 {
+    align-items: center;
+  }
+  ._sheet_1he86_20 {
+    width: 480px;
+    max-height: calc(100dvh - 128px);
+    border-radius: 16px;
+    background: var(--color-surface-base);
+  }
+  ._sheet_1he86_20 > :first-child > :nth-child(2) {
+    visibility: hidden;
+  }
+  ._option_1he86_61 {
+    background: var(--color-surface-default);
+  }
+  ._footer_1he86_134 {
+    padding: var(--space-24) var(--space-16);
+  }
+}
 ._line_1pjby_6 {
   display: flex;
   align-items: center;
@@ -1121,38 +1187,38 @@
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._page_15fz5_7 {
+._page_lzqhv_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._titles_15fz5_15 {
+._titles_lzqhv_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_15fz5_15 {
+._title_lzqhv_15 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._subtitle_15fz5_35 {
+._subtitle_lzqhv_35 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   line-height: var(--type-trimmed-leading);
   margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
-._list_15fz5_43 {
+._list_lzqhv_43 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._card_15fz5_53 {
+._card_lzqhv_53 {
   display: flex;
   align-items: flex-start;
   gap: var(--space-12);
@@ -1160,7 +1226,7 @@
   border-radius: var(--radius-18);
   background: var(--color-surface-soft);
 }
-._checkSlot_15fz5_66 {
+._checkSlot_lzqhv_66 {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
@@ -1170,12 +1236,12 @@
   color: var(--color-surface-max);
   cursor: pointer;
 }
-._checkSlot_15fz5_66:focus-visible {
+._checkSlot_lzqhv_66:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._check_15fz5_66 {
+._check_lzqhv_66 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1183,7 +1249,7 @@
   width: 24px;
   height: 24px;
 }
-._check_15fz5_66::before {
+._check_lzqhv_66::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -1191,20 +1257,20 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._checkSlot_15fz5_66[aria-checked=true] ._check_15fz5_66::before {
+._checkSlot_lzqhv_66[aria-checked=true] ._check_lzqhv_66::before {
   border-color: transparent;
 }
-._check_15fz5_66 svg {
+._check_lzqhv_66 svg {
   position: relative;
 }
-._row_15fz5_110 {
+._row_lzqhv_110 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._reason_15fz5_135 {
+._reason_lzqhv_135 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1223,36 +1289,60 @@
   text-align: left;
   cursor: pointer;
 }
-._reasonSet_15fz5_155 {
+._reasonSet_lzqhv_155 {
   color: var(--color-text-default);
 }
-._reason_15fz5_135:focus-visible {
+._reason_lzqhv_135:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._page_51f4e_7 {
+._main_lzqhv_164 {
+  display: contents;
+}
+@media (min-width: 1200px) {
+  ._wide_lzqhv_169 {
+    display: grid;
+    grid-template-columns: minmax(16px, 1fr) 560px 528px minmax(16px, 1fr);
+    grid-template-areas: ". main . .";
+    gap: 0;
+    align-content: start;
+    padding: 24px 0 64px;
+    min-height: inherit;
+    background: var(--color-surface-base);
+  }
+  ._wide_lzqhv_169 > ._main_lzqhv_164 {
+    grid-area: main;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-24);
+  }
+  ._wide_lzqhv_169 ._card_lzqhv_53 {
+    background: var(--color-surface-default);
+  }
+}
+._page_m97sg_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16);
   background: var(--color-surface-default);
 }
-._top_51f4e_20 {
+._top_m97sg_20 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._items_51f4e_27 {
+._items_m97sg_27 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._intro_51f4e_33 {
+._intro_m97sg_33 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_51f4e_40 {
+._title_m97sg_40 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   padding: 5px 0;
@@ -1260,13 +1350,13 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._subtitle_51f4e_49 {
+._subtitle_m97sg_49 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-._card_51f4e_57 {
+._card_m97sg_57 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
@@ -1274,22 +1364,22 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-18);
 }
-._step_51f4e_67 {
+._step_m97sg_67 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._step2_51f4e_74 {
+._step2_m97sg_74 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._stepHead_51f4e_80 {
+._stepHead_m97sg_80 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
 }
-._number_51f4e_87 {
+._number_m97sg_87 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1303,7 +1393,7 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._stepTitle_51f4e_102 {
+._stepTitle_m97sg_102 {
   flex: 1 1 0;
   min-width: 0;
   font-size: var(--type-trimmed-md-size);
@@ -1313,24 +1403,24 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._body_51f4e_113 {
+._body_m97sg_113 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-default);
 }
-._body2_51f4e_121 {
+._body2_m97sg_121 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-default);
 }
-._body2_51f4e_121 br {
+._body2_m97sg_121 br {
   content: "";
   display: block;
   margin-bottom: var(--space-4);
 }
-._download_51f4e_139 {
+._download_m97sg_139 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1345,43 +1435,64 @@
   font-weight: var(--font-weight-bold);
   text-decoration: none;
 }
-._download_51f4e_139:focus-visible {
+._download_m97sg_139:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._note_51f4e_161 {
+._note_m97sg_161 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.5;
   letter-spacing: 0.12px;
   color: var(--color-text-default);
 }
-._page_g4vus_8 {
+._main_m97sg_169 {
+  display: contents;
+}
+@media (min-width: 1200px) {
+  ._wide_m97sg_174 {
+    display: grid;
+    grid-template-columns: minmax(16px, 1fr) 560px 528px minmax(16px, 1fr);
+    grid-template-areas: ". main . .";
+    gap: 0;
+    align-content: start;
+    padding: 24px 0 64px;
+    min-height: inherit;
+    background: var(--color-surface-base);
+  }
+  ._wide_m97sg_174 > ._main_m97sg_169 {
+    grid-area: main;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-24);
+  }
+}
+._page_1pnoh_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._titles_g4vus_15 {
+._titles_1pnoh_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_g4vus_15 {
+._title_1pnoh_15 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._subtitle_g4vus_35 {
+._subtitle_1pnoh_35 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   line-height: var(--type-trimmed-leading);
   margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
-._items_g4vus_43 {
+._items_1pnoh_43 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -1389,12 +1500,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._item_g4vus_43 {
+._item_1pnoh_43 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_g4vus_58 {
+._thumb_1pnoh_58 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -1403,22 +1514,22 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._img_g4vus_68 {
+._img_1pnoh_68 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_g4vus_75 {
+._placeholder_1pnoh_75 {
   width: 100%;
   height: 100%;
 }
-._meta_g4vus_80 {
+._meta_1pnoh_80 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._name_g4vus_88 {
+._name_1pnoh_88 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
@@ -1429,20 +1540,20 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._attrs_g4vus_108 {
+._attrs_1pnoh_108 {
   margin: 0;
   display: flex;
   align-items: center;
   gap: var(--space-8);
   color: var(--color-text-subtle);
 }
-._attrs_g4vus_108 > span {
+._attrs_1pnoh_108 > span {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
 }
-._price_g4vus_123 {
+._price_1pnoh_123 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -1450,226 +1561,163 @@
   flex-shrink: 0;
   text-align: right;
 }
-._paid_g4vus_132 {
+._paid_1pnoh_132 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
   font-variant-numeric: tabular-nums;
 }
-._was_g4vus_140 {
+._was_1pnoh_140 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   color: var(--color-text-disabled);
   text-decoration: line-through;
   font-variant-numeric: tabular-nums;
 }
-._crumbs_1qwg2_1 {
-  display: flex;
-  align-items: center;
-  height: 21px;
-  gap: var(--space-8);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  color: var(--color-text-default);
-  white-space: nowrap;
-}
-._home_1qwg2_13 {
-  padding: 0;
-  border: 0;
-  background: none;
-  color: inherit;
-  font: inherit;
-  font-size: 16px;
-  line-height: normal;
-  opacity: 0.6;
-  cursor: pointer;
-}
-._trail_1qwg2_25 {
-  font-size: 16px;
-  line-height: normal;
-  opacity: 0.6;
-}
-._separator_1qwg2_31 {
-  font-size: 14px;
-  line-height: 1.5;
-  opacity: 0.6;
-}
-._current_1qwg2_37 {
-  font-size: 16px;
-  line-height: normal;
-}
-._help_1qwg2_42 {
-  display: flex;
-  align-items: center;
-  gap: var(--space-8);
-  width: 100%;
-  padding: var(--space-8) 0;
-  border: 0;
-  background: none;
-  color: var(--color-text-default);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-._helpLabel_1qwg2_56 {
-  font-size: 14px;
-  line-height: 1.5;
-  text-decoration: underline;
-}
-._crumbs_19inq_1,
-._help_19inq_2,
-._skeleton_19inq_3 {
-  display: none;
+._widget_1pnoh_148,
+._aside_1pnoh_149 {
+  display: contents;
 }
 @media (min-width: 1200px) {
-  ._crumbs_19inq_1 {
-    display: block;
-    grid-area: crumbs;
-    margin-bottom: 29px;
-  }
-  ._help_19inq_2 {
-    display: block;
-  }
-  ._skeleton_19inq_3 {
+  ._wide_1pnoh_154 {
     display: grid;
-    grid-template-columns: 560px 432px;
-    grid-template-areas: "crumbs crumbs" "main aside";
-    column-gap: 96px;
+    grid-template-columns: minmax(16px, 1fr) 560px 96px 432px minmax(16px, 1fr);
+    grid-template-areas: ". main . aside .";
+    gap: 0;
     align-items: start;
     align-content: start;
-    justify-content: center;
-    padding: 54px 0 64px;
+    padding: 24px 0 64px;
     min-height: inherit;
     background: var(--color-surface-base);
   }
-  ._skeleton_19inq_3 span[aria-hidden=true] {
-    background:
-      linear-gradient(
-        90deg,
-        var(--color-border-default) 25%,
-        var(--color-surface-soft) 37%,
-        var(--color-border-default) 63%);
-    background-size: 400% 100%;
-  }
-  ._skeleton_19inq_3 ._skConnector_19inq_43 {
-    background: var(--color-surface-soft);
-  }
-  ._skMain_19inq_47 {
+  ._wide_1pnoh_154 > ._widget_1pnoh_148 {
     grid-area: main;
     display: flex;
     flex-direction: column;
+    gap: var(--space-32);
+    padding: var(--space-24);
+    border-radius: var(--radius-18);
+    background: var(--color-surface-default);
   }
-  ._skSubtitle_19inq_53 {
-    margin-top: 10px;
-  }
-  ._skTimeline_19inq_57 {
-    display: flex;
-    flex-direction: column;
-    margin-top: 17px;
-    padding-left: 5px;
-  }
-  ._skStep_19inq_64 {
-    display: flex;
-    align-items: flex-start;
-    gap: 12px;
-    height: 24px;
-  }
-  ._skStepText_19inq_71 {
-    display: flex;
-    flex-direction: column;
-    gap: 7px;
-    padding-top: 5px;
+  ._wide_1pnoh_154 ._titles_1pnoh_15 {
+    gap: var(--space-12);
   }
-  ._skConnector_19inq_43 {
-    width: 1px;
-    margin: 2px 0 2px 11.5px;
-    background: var(--color-surface-soft);
+  ._wide_1pnoh_154 ._subtitle_1pnoh_35 {
+    font-size: var(--type-trimmed-md-size);
+    margin-block: calc((var(--type-trimmed-md-line) - var(--type-trimmed-leading) * 1em) / 2);
   }
-  ._skAside_19inq_84 {
+  ._wide_1pnoh_154 > ._aside_1pnoh_149 {
     grid-area: aside;
     display: flex;
     flex-direction: column;
-    gap: 16px;
-  }
-  ._skLine_19inq_91 {
-    display: flex;
-    align-items: flex-start;
-    gap: 12px;
-  }
-  ._skLineText_19inq_97 {
-    display: flex;
-    flex-direction: column;
-    gap: 17px;
-    flex: 1 1 0;
-    padding-top: 3px;
+    gap: var(--space-24);
   }
-  ._skMeta_19inq_105 {
+  ._download_1pnoh_192 {
     display: flex;
     align-items: center;
-    gap: 4px;
-    padding-left: 1px;
+    justify-content: center;
+    gap: var(--space-8);
+    min-height: 40px;
+    padding: var(--space-6) var(--space-8);
+    border: 1px solid var(--color-surface-max);
+    border-radius: var(--radius-8);
+    color: var(--color-text-default);
+    font-size: var(--type-trimmed-sm-size);
+    line-height: 10px;
+    font-weight: var(--font-weight-bold);
+    text-decoration: none;
   }
-  ._skBadge_19inq_112 {
-    margin-left: 27px;
+  ._download_1pnoh_192:focus-visible {
+    outline: none;
+    box-shadow: var(--focus-ring);
   }
-  ._skPrice_19inq_116 {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    gap: 3px;
-    padding-top: 2px;
+  ._note_1pnoh_213 {
+    margin: 0;
+    font-size: var(--type-trimmed-xs-size);
+    line-height: 1.5;
+    color: var(--color-text-default);
   }
-  ._skCard_19inq_124 {
-    display: flex;
-    flex-direction: column;
-    box-shadow: inset 0 0 0 1px var(--color-border-default);
-    border-radius: var(--radius-18);
-    padding: 23px 17px 0;
+}
+._block_1s3wm_1 {
+  position: absolute;
+  display: block;
+}
+._phone_1s3wm_6 ._bar_1s3wm_6 {
+  background: #dddedf;
+}
+._phone_1s3wm_6 ._rule_1s3wm_10 {
+  background: #e7e7e7;
+}
+._card_1s3wm_14 {
+  box-sizing: border-box;
+  border: 1px solid #e7e7e7;
+  background: var(--color-surface-base);
+}
+._soft_1s3wm_20 {
+  box-sizing: border-box;
+  border: 1px solid #e7e7e7;
+  background: #f6f6f6;
+}
+._phone_1s3wm_6 {
+  position: relative;
+  height: 786px;
+  margin: 0 var(--space-16);
+}
+._wide_1s3wm_32 {
+  display: none;
+}
+@media (min-width: 1200px) {
+  ._phone_1s3wm_6 {
+    display: none;
+  }
+  ._wide_1s3wm_32 {
+    display: grid;
+    grid-template-columns: minmax(16px, 1fr) 560px 96px 432px minmax(16px, 1fr);
+    grid-template-areas: ". main . aside .";
+    align-items: start;
+    align-content: start;
+    padding: 24px 0 64px;
+    min-height: inherit;
+    background: var(--color-surface-base);
   }
-  ._skAddress_19inq_132 {
-    height: 113px;
-    gap: 41px;
+  ._wide_1s3wm_32 ._bar_1s3wm_6 {
+    background: #e8e8eb;
   }
-  ._skSummary_19inq_137 {
-    height: 240px;
+  ._tint_1s3wm_56 {
+    background: #f7f7f9;
   }
-  ._skSummary_19inq_137 {
+  ._wideMain_1s3wm_60,
+  ._wideAside_1s3wm_61 {
     position: relative;
   }
-  ._skCell_19inq_145 {
-    position: absolute;
-    display: block;
-  }
-  ._skHelp_19inq_150 {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 0;
+  ._wideMain_1s3wm_60 {
+    grid-area: main;
+    height: 317px;
   }
-  ._skHelp_19inq_150 > :last-child {
-    margin-top: 2px;
+  ._wideAside_1s3wm_61 {
+    grid-area: aside;
+    height: 449px;
   }
 }
-._page_j9tz4_8 {
+._page_18zlk_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._widget_j9tz4_18 {
+._widget_18zlk_18 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
 }
-._titleRow_j9tz4_26 {
+._titleRow_18zlk_26 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-12);
 }
-._headline_j9tz4_42 {
+._headline_18zlk_42 {
   margin: -9px 0;
   padding: 9px 0;
   min-width: 0;
@@ -1680,7 +1728,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._track_j9tz4_74 {
+._track_18zlk_74 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-6);
@@ -1691,43 +1739,43 @@
   color: var(--color-text-default);
   text-decoration: none;
 }
-._track_j9tz4_74:focus-visible {
+._track_18zlk_74:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._rule_j9tz4_99 {
+._rule_18zlk_99 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._help_j9tz4_109 {
+._help_18zlk_109 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._helpTitle_j9tz4_115 {
+._helpTitle_18zlk_115 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
 }
-._helpRows_j9tz4_122 {
+._helpRows_18zlk_122 {
   display: flex;
   flex-direction: column;
 }
-._helpRowEnd_j9tz4_131 {
+._helpRowEnd_18zlk_131 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
   min-width: 0;
 }
-._helpStatus_j9tz4_139 {
+._helpStatus_18zlk_139 {
   color: var(--color-text-subtle);
   white-space: nowrap;
 }
-._helpRow_j9tz4_122 {
+._helpRow_18zlk_122 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1745,14 +1793,14 @@
   text-align: left;
   cursor: pointer;
 }
-._helpRow_j9tz4_122 + ._helpRow_j9tz4_122 {
+._helpRow_18zlk_122 + ._helpRow_18zlk_122 {
   border-top: 1px solid var(--color-border-subtle);
 }
-._helpRow_j9tz4_122:focus-visible {
+._helpRow_18zlk_122:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancel_j9tz4_197 {
+._cancel_18zlk_197 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1769,93 +1817,137 @@
   font-weight: var(--font-weight-bold);
   cursor: pointer;
 }
-._cancel_j9tz4_197:focus-visible {
+._cancel_18zlk_197:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._cancelledHead_j9tz4_221 {
+._cancelledHead_18zlk_221 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._cancelledTitle_j9tz4_227 {
+._cancelledTitle_18zlk_227 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._cancelledMeta_j9tz4_241 {
+._cancelledMeta_18zlk_241 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   line-height: var(--type-trimmed-leading);
   margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
   color: var(--color-text-subtle);
 }
-._aside_j9tz4_249 {
+._aside_18zlk_249,
+._cancelledMain_18zlk_250 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  ._phoneSkeleton_j9tz4_254 {
-    display: none;
-  }
-  ._wide_j9tz4_258 {
+  ._wide_18zlk_255 {
     display: grid;
-    grid-template-columns: 560px 432px;
-    grid-template-areas: "crumbs crumbs" "main aside";
-    column-gap: 96px;
-    row-gap: 0;
+    grid-template-columns: minmax(16px, 1fr) 560px 96px 432px minmax(16px, 1fr);
+    grid-template-areas: ". main . aside .";
+    gap: 0;
     align-items: start;
     align-content: start;
-    justify-content: center;
-    padding: 54px 0 64px;
+    padding: 24px 0 64px;
+    min-height: inherit;
     background: var(--color-surface-base);
   }
-  ._wide_j9tz4_258 > ._widget_j9tz4_18 {
+  ._wide_18zlk_255 > ._widget_18zlk_18 {
     grid-area: main;
+    padding: var(--space-24);
+    border-radius: var(--radius-18);
+    background: var(--color-surface-default);
+  }
+  ._wide_18zlk_255 > ._widget_18zlk_18 li:not(:last-child) [data-state=future] {
+    color: var(--color-text-disabled);
   }
-  ._wide_j9tz4_258 > ._rule_j9tz4_99 {
+  ._wide_18zlk_255 > ._rule_18zlk_99 {
     display: none;
   }
-  ._wide_j9tz4_258 > ._aside_j9tz4_249 {
+  ._wide_18zlk_255 > ._aside_18zlk_249 {
     grid-area: aside;
     display: flex;
     flex-direction: column;
+    gap: var(--space-24);
+  }
+  ._wide_18zlk_255 > ._cancelledMain_18zlk_250 {
+    grid-area: main;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--space-24);
+  }
+  ._wide_18zlk_255 > ._cancelledMain_18zlk_250 ~ ._aside_18zlk_249 {
     gap: var(--space-16);
   }
-}
-@media (min-width: 1200px) {
-  ._wide_j9tz4_258 {
-    min-height: inherit;
+  ._wide_18zlk_255 ._cancelledHead_18zlk_221 {
+    gap: var(--space-12);
   }
-  ._wide_j9tz4_258 > ._widget_j9tz4_18 li:not(:last-child) [data-state=future] {
-    color: var(--color-text-disabled);
+  ._wide_18zlk_255._vip_18zlk_305 ._cancelledHead_18zlk_221 {
+    align-self: stretch;
+    padding: var(--space-24);
+    border-radius: var(--radius-18);
+    background: var(--color-surface-default);
+  }
+  ._wide_18zlk_255 ._reorder_18zlk_312 {
+    width: 432px;
+  }
+  ._wide_18zlk_255._vip_18zlk_305 ._reorder_18zlk_312 {
+    width: 100%;
+  }
+  ._cancelledSub_18zlk_320 {
+    display: flex;
+    align-items: center;
+    gap: var(--space-8);
+    min-width: 0;
+    margin: 0;
+    font-size: var(--type-trimmed-md-size);
+    line-height: 11px;
+    color: var(--color-text-subtle);
+    white-space: nowrap;
+  }
+  ._cancelledSub_18zlk_320 > span:not(._dot_18zlk_332) {
+    padding: 5px 0;
+    margin: -5px 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  ._dot_18zlk_332 {
+    flex-shrink: 0;
+    width: 4px;
+    height: 4px;
+    border-radius: var(--radius-full);
+    background: currentColor;
   }
 }
-._page_1c6sm_6 {
+._page_11lh5_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._confirmed_1c6sm_16 {
+._confirmed_11lh5_16 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
 }
-._title_1c6sm_22 {
+._title_11lh5_22 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
 }
-._headline_1c6sm_47 {
+._headline_11lh5_47 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 14px;
   font-weight: var(--font-weight-bold);
   color: var(--color-state-text-success);
 }
-._subtitle_1c6sm_65 {
+._subtitle_11lh5_65 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-paragraph-size);
@@ -1866,52 +1958,46 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rule_1c6sm_77 {
+._rule_11lh5_77 {
   height: 1px;
   margin: 0 0 -1px;
   border: 0;
   background: var(--color-border-default);
 }
-._done_1c6sm_94 {
+._done_11lh5_94 {
   border-color: var(--color-surface-max);
 }
-._aside_1c6sm_98 {
+._aside_11lh5_98 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  ._phoneSkeleton_1c6sm_103 {
-    display: none;
-  }
-  ._wide_1c6sm_107 {
+  ._wide_11lh5_103 {
     display: grid;
-    grid-template-columns: 560px 432px;
-    grid-template-areas: "crumbs crumbs" "main aside";
-    column-gap: 96px;
-    row-gap: 0;
+    grid-template-columns: minmax(16px, 1fr) 560px 96px 432px minmax(16px, 1fr);
+    grid-template-areas: ". main . aside .";
+    gap: 0;
     align-items: start;
     align-content: start;
-    justify-content: center;
-    padding: 54px 0 64px;
+    padding: 24px 0 64px;
+    min-height: inherit;
     background: var(--color-surface-base);
   }
-  ._wide_1c6sm_107 > ._confirmed_1c6sm_16 {
+  ._wide_11lh5_103 > ._confirmed_11lh5_16 {
     grid-area: main;
+    padding: var(--space-24);
+    border-radius: var(--radius-18);
+    background: var(--color-surface-default);
   }
-  ._wide_1c6sm_107 > ._rule_1c6sm_77 {
+  ._wide_11lh5_103 > ._rule_11lh5_77 {
     display: none;
   }
-  ._wide_1c6sm_107 > ._aside_1c6sm_98 {
+  ._wide_11lh5_103 > ._aside_11lh5_98 {
     grid-area: aside;
     display: flex;
     flex-direction: column;
     gap: var(--space-16);
   }
 }
-@media (min-width: 1200px) {
-  ._wide_1c6sm_107 {
-    min-height: inherit;
-  }
-}
 ._badge_u46qd_6 {
   display: inline-flex;
   align-items: center;
@@ -1943,7 +2029,7 @@
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }
-._page_qj11j_2 {
+._page_cm0rd_2 {
   list-style: none;
   margin: 0;
   display: flex;
@@ -1951,14 +2037,14 @@
   gap: var(--space-12);
   padding: var(--space-16) var(--space-16) var(--space-24);
 }
-._empty_qj11j_22 {
+._empty_cm0rd_22 {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: calc(100dvh - var(--header-height) - var(--space-32));
   padding-bottom: var(--space-32);
 }
-._cta_qj11j_32 {
+._cta_cm0rd_32 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1975,11 +2061,11 @@
   line-height: 1;
   cursor: pointer;
 }
-._cta_qj11j_32:focus-visible {
+._cta_cm0rd_32:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._card_qj11j_55 {
+._card_cm0rd_55 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
@@ -1993,21 +2079,21 @@
   text-align: left;
   overflow: hidden;
 }
-._tappable_qj11j_70 {
+._tappable_cm0rd_70 {
   cursor: pointer;
 }
-._tappable_qj11j_70:focus-visible {
+._tappable_cm0rd_70:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._head_qj11j_79 {
+._head_cm0rd_79 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._heading_qj11j_87 {
+._heading_cm0rd_87 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -2015,7 +2101,7 @@
   min-width: 0;
   color: var(--color-text-default);
 }
-._title_qj11j_96 {
+._title_cm0rd_96 {
   font-size: var(--type-heading-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 1.32;
@@ -2023,22 +2109,22 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._date_qj11j_115 {
+._date_cm0rd_115 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
 }
-._bottom_qj11j_120 {
+._bottom_cm0rd_120 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._strip_qj11j_128 {
+._strip_cm0rd_128 {
   display: flex;
   gap: var(--space-6);
 }
-._meta_qj11j_141 {
+._meta_cm0rd_141 {
   flex: 1 1 auto;
   text-align: right;
   font-size: var(--type-trimmed-sm-size);
@@ -2046,7 +2132,7 @@
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
 }
-._tile_qj11j_150 {
+._tile_cm0rd_150 {
   position: relative;
   flex: 0 0 56px;
   width: 56px;
@@ -2055,14 +2141,14 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._image_qj11j_160 {
+._image_cm0rd_160 {
   object-fit: cover;
   object-position: top;
 }
-._placeholder_qj11j_167 {
+._placeholder_cm0rd_167 {
   background: var(--color-surface-subtle);
 }
-._more_qj11j_174 {
+._more_cm0rd_174 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -2074,41 +2160,204 @@
   font-weight: var(--font-weight-bold);
   line-height: 1;
 }
-._chevron_qj11j_187 {
+._chevron_cm0rd_187 {
   display: inline-flex;
   flex: 0 0 24px;
   width: 24px;
   height: 24px;
   color: var(--color-text-default);
 }
-._swatches_mdi63_1 {
-  display: flex;
-  gap: var(--space-4);
-  align-items: center;
-}
-._swatch_mdi63_1 {
-  display: inline-flex;
-  padding: 2px;
-  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-subtle);
-  border-radius: var(--radius-2);
-}
-._swatchActive_mdi63_18 {
-  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-max);
-}
-._swatchDot_mdi63_22 {
-  display: block;
-  width: 14px;
-  height: 14px;
-  border-radius: var(--radius-2);
-}
-._tile_yg69t_7 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-12);
-  text-decoration: none;
+@media (min-width: 1200px) {
+  ._wide_cm0rd_196 {
+    display: grid;
+    grid-template-columns: minmax(16px, 1fr) 1088px minmax(16px, 1fr);
+    grid-template-areas: ". main .";
+    align-content: start;
+    padding: 24px 0 64px;
+    min-height: inherit;
+    background: var(--color-surface-base);
+  }
+  ._wideMain_cm0rd_206 {
+    grid-area: main;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-24);
+  }
+  ._wideTitle_cm0rd_213 {
+    margin: 0;
+    font-size: 32px;
+    line-height: normal;
+    font-weight: var(--font-weight-bold);
+    color: var(--color-text-default);
+  }
+  ._wideGroup_cm0rd_221 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-16);
+  }
+  ._wideGroupTitle_cm0rd_227 {
+    margin: 0;
+    font-size: var(--type-heading-md-size);
+    line-height: 1.32;
+    font-weight: var(--font-weight-bold);
+    color: var(--color-text-default);
+  }
+  ._wideRows_cm0rd_235 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-16);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  ._wideRow_cm0rd_235 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-20);
+    padding: var(--space-24);
+    border-radius: var(--radius-12);
+    background: var(--color-surface-default);
+    color: var(--color-text-default);
+  }
+  ._wideMeta_cm0rd_254 {
+    display: flex;
+    align-items: center;
+    gap: var(--space-32);
+    min-width: 0;
+  }
+  ._wideId_cm0rd_261 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--space-6);
+    flex-shrink: 0;
+  }
+  ._wideRef_cm0rd_269 {
+    font-size: 20px;
+    line-height: normal;
+    font-weight: var(--font-weight-bold);
+    white-space: nowrap;
+  }
+  ._wideDivider_cm0rd_276 {
+    align-self: stretch;
+    flex-shrink: 0;
+    width: 1px;
+    background: #d9d9d9;
+  }
+  ._wideFact_cm0rd_283 {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    flex-shrink: 0;
+    line-height: normal;
+    white-space: nowrap;
+  }
+  ._wideFactLabel_cm0rd_292 {
+    font-size: 12px;
+    color: var(--color-text-subtle);
+  }
+  ._wideFactValue_cm0rd_297 {
+    font-size: 14px;
+    font-weight: var(--font-weight-bold);
+    font-variant-numeric: tabular-nums;
+  }
+  ._wideView_cm0rd_303 {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    min-height: 48px;
+    margin-left: auto;
+    padding: var(--space-12);
+    border: 1px solid var(--color-surface-max);
+    border-radius: var(--radius-8);
+    background: none;
+    color: var(--color-text-default);
+    font-family: inherit;
+    font-size: var(--type-trimmed-md-size);
+    line-height: 1;
+    font-weight: var(--font-weight-bold);
+    cursor: pointer;
+  }
+  ._wideView_cm0rd_303:focus-visible {
+    outline: none;
+    box-shadow: var(--focus-ring);
+  }
+  ._wideRule_cm0rd_327 {
+    display: block;
+    height: 1px;
+    background: rgba(0, 0, 0, 0.08);
+  }
+  ._wideBody_cm0rd_333 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-16);
+    min-width: 0;
+  }
+  ._wideStatus_cm0rd_341 {
+    margin: 0;
+    font-size: 18px;
+    line-height: normal;
+    font-weight: var(--font-weight-bold);
+  }
+  ._wideEmpty_cm0rd_348 {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-24);
+    min-height: 576px;
+  }
+  ._wideEmptyText_cm0rd_357 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-6);
+    width: 327px;
+    text-align: center;
+  }
+  ._wideEmptyTitle_cm0rd_365 {
+    margin: 0;
+    font-size: 24px;
+    line-height: 1.32;
+    font-weight: var(--font-weight-bold);
+    color: var(--color-text-default);
+  }
+  ._wideEmptyBody_cm0rd_373 {
+    margin: 0;
+    font-size: var(--type-paragraph-size);
+    line-height: 1.55;
+    color: var(--color-text-subtle);
+  }
+}
+._swatches_mdi63_1 {
+  display: flex;
+  gap: var(--space-4);
+  align-items: center;
+}
+._swatch_mdi63_1 {
+  display: inline-flex;
+  padding: 2px;
+  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-subtle);
+  border-radius: var(--radius-2);
+}
+._swatchActive_mdi63_18 {
+  box-shadow: inset 0 0 0 0.5px var(--color-border-full-color-max);
+}
+._swatchDot_mdi63_22 {
+  display: block;
+  width: 14px;
+  height: 14px;
+  border-radius: var(--radius-2);
+}
+._tile_tdmoy_7 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-12);
+  text-decoration: none;
   color: inherit;
 }
-._media_yg69t_15 {
+._media_tdmoy_15 {
   position: relative;
   width: 100%;
   aspect-ratio: 165 / 220;
@@ -2116,15 +2365,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_yg69t_25 {
+._image_tdmoy_25 {
   object-fit: cover;
 }
-._placeholder_yg69t_29 {
+._placeholder_tdmoy_29 {
   width: 100%;
   height: 100%;
   background: var(--color-surface-soft);
 }
-._topBadge_yg69t_37 {
+._topBadge_tdmoy_37 {
   position: absolute;
   top: var(--space-8);
   left: var(--space-8);
@@ -2145,13 +2394,13 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-._saleBadge_yg69t_78 {
+._saleBadge_tdmoy_78 {
   position: absolute;
   display: flex;
   bottom: var(--space-8);
   left: var(--space-8);
 }
-._oos_yg69t_86 {
+._oos_tdmoy_86 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -2163,17 +2412,17 @@
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
 }
-._bottom_yg69t_113 {
+._bottom_tdmoy_113 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._titlePrice_yg69t_100 {
+._titlePrice_tdmoy_100 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._title_yg69t_5 {
+._title_tdmoy_5 {
   font-size: var(--type-paragraph-size);
   line-height: 21px;
   padding: 5px 0;
@@ -2187,23 +2436,31 @@
   overflow: hidden;
   min-height: calc(2 * 21px + 10px);
 }
-._titlePrice_yg69t_100 > :last-child {
+._titlePrice_tdmoy_100 > :last-child {
   line-height: 11px;
 }
-._large_yg69t_185 {
+._large_tdmoy_185 {
   padding: 0 var(--space-16);
 }
-._large_yg69t_185 ._media_yg69t_15 {
+._large_tdmoy_185 ._media_tdmoy_15 {
   aspect-ratio: 343 / 457;
 }
-._large_yg69t_185 ._title_yg69t_5 {
+._large_tdmoy_185 ._title_tdmoy_5 {
   font-size: 18px;
   line-height: 23px;
   min-height: 0;
 }
-._tile_yg69t_7:not(._large_yg69t_185) ._swatchSlot_yg69t_223 {
+._tile_tdmoy_7:not(._large_tdmoy_185) ._swatchSlot_tdmoy_223 {
   display: none;
 }
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._tile_tdmoy_7:not(._large_tdmoy_185) ._swatchSlot_tdmoy_223 {
+    display: flex;
+  }
+  [data-shop-layout=wide] ._tile_tdmoy_7:not(._large_tdmoy_185) ._title_tdmoy_5 {
+    min-height: 0;
+  }
+}
 ._section_v48ok_9 {
   display: flex;
   flex-direction: column;
@@ -2370,28 +2627,28 @@
   grid-template-columns: repeat(2, 1fr);
   gap: var(--space-16);
 }
-._rail_1rll1_7 {
+._rail_15pjn_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-24) 0 var(--space-16);
 }
-._header_1rll1_14 {
+._header_15pjn_14 {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   padding: 0 var(--space-16);
 }
-._title_1rll1_21 {
+._title_15pjn_21 {
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
 }
-._seeAll_1rll1_27 {
+._seeAll_15pjn_27 {
   font-size: var(--type-trimmed-sm-size);
   color: var(--color-text-subtle);
   text-decoration: none;
 }
-._track_1rll1_33 {
+._track_15pjn_33 {
   display: flex;
   gap: var(--space-12);
   list-style: none;
@@ -2403,30 +2660,45 @@
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }
-._track_1rll1_33::-webkit-scrollbar {
+._track_15pjn_33::-webkit-scrollbar {
   display: none;
 }
-._item_1rll1_67 {
+._item_15pjn_67 {
   flex: 0 0 auto;
   width: 165px;
   scroll-snap-align: start;
 }
-._inset_1rll1_79 ._header_1rll1_14 {
+._inset_15pjn_79 ._header_15pjn_14 {
   padding: 0;
 }
-._inset_1rll1_79 ._track_1rll1_33 {
+._inset_15pjn_79 ._track_15pjn_33 {
   padding-left: 0;
   padding-right: 0;
   scroll-padding-inline: 0;
 }
-._inset_1rll1_79 {
+._inset_15pjn_79 {
   padding: 0;
 }
-._inset_1rll1_79 ._item_1rll1_67 {
+._inset_15pjn_79 ._item_15pjn_67 {
   width: 165px;
   max-width: none;
 }
-._overlay_uxpgl_1 {
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._inset_15pjn_79 ._track_15pjn_33 {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: var(--space-12);
+    padding: 0;
+    overflow: visible;
+  }
+  [data-shop-layout=wide] ._inset_15pjn_79 ._item_15pjn_67 {
+    width: auto;
+  }
+  [data-shop-layout=wide] ._inset_15pjn_79 ._item_15pjn_67:nth-child(n+5) {
+    display: none;
+  }
+}
+._overlay_18i18_1 {
   position: fixed;
   inset: 0;
   z-index: 900;
@@ -2434,12 +2706,12 @@
   align-items: flex-end;
   justify-content: center;
 }
-._scrim_uxpgl_10 {
+._scrim_18i18_10 {
   position: absolute;
   inset: 0;
   background: rgba(8, 14, 18, 0.5);
 }
-._sheet_uxpgl_16 {
+._sheet_18i18_16 {
   position: relative;
   width: 100%;
   max-width: 480px;
@@ -2448,10 +2720,10 @@
   border-radius: var(--radius-18) var(--radius-18) 0 0;
   display: flex;
   flex-direction: column;
-  animation: _slide-up_uxpgl_1 200ms ease;
+  animation: _slide-up_18i18_1 200ms ease;
   padding-bottom: var(--safe-area-bottom);
 }
-@keyframes _slide-up_uxpgl_1 {
+@keyframes _slide-up_18i18_1 {
   from {
     transform: translateY(100%);
   }
@@ -2459,32 +2731,32 @@
     transform: translateY(0);
   }
 }
-._grabArea_uxpgl_41 {
+._grabArea_18i18_41 {
   padding: var(--space-8) 0 var(--space-4);
   touch-action: none;
   cursor: grab;
 }
-._grabArea_uxpgl_41:active {
+._grabArea_18i18_41:active {
   cursor: grabbing;
 }
-._grabber_uxpgl_51 {
+._grabber_18i18_51 {
   width: 40px;
   height: 4px;
   margin: 0 auto;
   border-radius: 2px;
   background: var(--color-border-default);
 }
-._header_uxpgl_59 {
+._header_18i18_59 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: var(--space-16);
   border-bottom: 1px solid var(--color-border-default);
 }
-._title_uxpgl_67 {
+._title_18i18_67 {
   font-size: var(--type-heading-md-size);
 }
-._close_uxpgl_71 {
+._close_18i18_71 {
   min-width: var(--tap-target-min);
   min-height: var(--tap-target-min);
   display: inline-flex;
@@ -2496,19 +2768,78 @@
   cursor: pointer;
   color: var(--color-text-subtle);
 }
-._body_uxpgl_84 {
+._body_18i18_84 {
   overflow-y: auto;
   padding: 0 var(--space-16) var(--space-16);
   flex: 1 1 auto;
   scrollbar-width: none;
 }
-._body_uxpgl_84::-webkit-scrollbar {
+._body_18i18_84::-webkit-scrollbar {
   display: none;
 }
-._footer_uxpgl_97 {
+._footer_18i18_97 {
   border-top: 1px solid var(--color-border-default);
   padding: var(--space-16);
 }
+@media (min-width: 1200px) {
+  ._panel_18i18_103 {
+    top: var(--shop-chrome-top, 0px);
+    align-items: stretch;
+    justify-content: flex-end;
+  }
+  ._panel_18i18_103 ._scrim_18i18_10 {
+    background: rgba(0, 0, 0, 0.6);
+  }
+  ._panel_18i18_103 ._sheet_18i18_16 {
+    width: 480px;
+    max-width: 480px;
+    max-height: none;
+    border-radius: 0;
+    padding-bottom: 0;
+    background: var(--color-surface-base);
+    animation: _slide-in_18i18_1 200ms ease;
+  }
+  ._panel_18i18_103 ._grabArea_18i18_41 {
+    display: none;
+  }
+  ._panel_18i18_103 ._header_18i18_59 {
+    padding: var(--space-20) var(--space-24);
+    border-bottom: none;
+  }
+  ._panel_18i18_103 ._title_18i18_67 {
+    font-size: 32px;
+    line-height: normal;
+  }
+  ._panel_18i18_103 ._close_18i18_71 {
+    position: relative;
+    min-width: 0;
+    min-height: 0;
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    border-radius: var(--radius-full);
+    background: var(--color-surface-neutral);
+    color: var(--color-text-default);
+  }
+  ._panel_18i18_103 ._close_18i18_71::after {
+    content: "";
+    position: absolute;
+    inset: -10px;
+  }
+  ._panel_18i18_103 ._body_18i18_84 {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+  }
+}
+@keyframes _slide-in_18i18_1 {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
 ._wrap_1rmip_1 {
   display: inline-flex;
   flex-direction: column;
@@ -2748,33 +3079,33 @@
 ._actions_23dkv_70 > * {
   flex: 1 1 0;
 }
-._surface_1bdb0_15 {
+._surface_1pa1k_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_1bdb0_20 {
+._screen_1pa1k_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_1bdb0_12 {
+._body_1pa1k_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: var(--space-20) var(--space-16) 0;
   flex: 1 1 auto;
 }
-._items_1bdb0_34 {
+._items_1pa1k_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_1bdb0_40 {
+._sectionHeader_1pa1k_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_1bdb0_46 {
+._sectionTitle_1pa1k_46 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
@@ -2782,7 +3113,7 @@
   flex: 1 0 0;
   min-width: 0;
 }
-._count_1bdb0_67 {
+._count_1pa1k_67 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2797,7 +3128,7 @@
   font-variant-numeric: tabular-nums;
   flex-shrink: 0;
 }
-._lines_1bdb0_91 {
+._lines_1pa1k_91 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -2805,6 +3136,35 @@
   flex-direction: column;
   gap: var(--space-20);
 }
+._footer_1pa1k_101 {
+  display: contents;
+}
+@media (min-width: 1200px) {
+  [data-shop-panel] ._surface_1pa1k_15 {
+    justify-content: center;
+    background: var(--color-surface-base);
+  }
+  [data-shop-panel] ._body_1pa1k_12 {
+    padding: var(--space-4) var(--space-24) var(--space-24);
+  }
+  [data-shop-panel] ._footer_1pa1k_101 {
+    position: sticky;
+    bottom: 0;
+    z-index: 50;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-12);
+    padding: var(--space-12) var(--space-24) var(--space-24);
+    border-top: 1px solid #e6e6e6;
+    background: var(--color-surface-base);
+  }
+  [data-shop-panel] ._cta_1pa1k_127 {
+    position: static;
+    padding: 0;
+    border-top: none;
+    background: transparent;
+  }
+}
 ._gallery_1vbj7_1 {
   position: relative;
 }
@@ -2936,7 +3296,7 @@
 ._badges_1m6o7_49 li {
   background: var(--color-surface-default);
 }
-._scrim_r4azu_8 {
+._scrim_qr198_8 {
   position: fixed;
   inset: 0;
   z-index: 60;
@@ -2944,9 +3304,9 @@
   align-items: flex-end;
   justify-content: center;
   background: rgba(12, 22, 28, 0.32);
-  animation: _fade_r4azu_1 160ms ease-out;
+  animation: _fade_qr198_1 160ms ease-out;
 }
-._sheet_r4azu_2 {
+._sheet_qr198_2 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -2955,9 +3315,9 @@
   overflow: hidden;
   border-radius: 16px 16px 0 0;
   background: #ffffff;
-  animation: _rise_r4azu_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  animation: _rise_qr198_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
-._body_r4azu_40 {
+._body_qr198_40 {
   flex: 1 1 auto;
   overflow-y: auto;
   display: flex;
@@ -2967,31 +3327,31 @@
   background: var(--color-surface-default);
   scrollbar-width: none;
 }
-._body_r4azu_40::-webkit-scrollbar {
+._body_qr198_40::-webkit-scrollbar {
   display: none;
 }
-._body_r4azu_40 > * {
+._body_qr198_40 > * {
   flex-shrink: 0;
 }
-._titles_r4azu_67 {
+._titles_qr198_67 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
-._title_r4azu_67 {
+._title_qr198_67 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.32;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._subtitle_r4azu_83 {
+._subtitle_qr198_83 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-._units_r4azu_96 {
+._units_qr198_96 {
   display: flex;
   align-items: center;
   width: 190px;
@@ -3000,7 +3360,7 @@
   border-radius: 9px;
   background: var(--color-surface-soft);
 }
-._unit_r4azu_96 {
+._unit_qr198_96 {
   flex: 1 1 0;
   display: inline-flex;
   align-items: center;
@@ -3016,35 +3376,35 @@
   line-height: 10px;
   cursor: pointer;
 }
-._unitOn_r4azu_130 {
+._unitOn_qr198_130 {
   height: 32px;
   background: var(--color-surface-neutral);
   font-weight: var(--font-weight-bold);
 }
-._unitOff_r4azu_138 {
+._unitOff_qr198_138 {
   box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
   font-weight: var(--font-weight-regular);
 }
-._tableWrap_r4azu_147 {
+._tableWrap_qr198_147 {
   overflow-x: auto;
   scrollbar-width: none;
 }
-._tableWrap_r4azu_147::-webkit-scrollbar {
+._tableWrap_qr198_147::-webkit-scrollbar {
   display: none;
 }
-._table_r4azu_147 {
+._table_qr198_147 {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   table-layout: fixed;
 }
-._col_r4azu_179 {
+._col_qr198_179 {
   width: 18.6006%;
 }
-._colEdge_r4azu_183 {
+._colEdge_qr198_183 {
   width: 22.0991%;
 }
-._table_r4azu_147 thead th {
+._table_qr198_147 thead th {
   height: 36px;
   padding: 0;
   background: #f5f5f5;
@@ -3055,17 +3415,17 @@
   letter-spacing: 0.12px;
   text-align: center;
 }
-._table_r4azu_147 thead th:first-child {
+._table_qr198_147 thead th:first-child {
   padding-left: var(--space-12);
   border-top-left-radius: var(--radius-8);
   text-align: left;
 }
-._table_r4azu_147 thead th:last-child {
+._table_qr198_147 thead th:last-child {
   padding-right: var(--space-12);
   border-top-right-radius: var(--radius-8);
 }
-._table_r4azu_147 tbody th,
-._table_r4azu_147 tbody td {
+._table_qr198_147 tbody th,
+._table_qr198_147 tbody td {
   height: 44px;
   padding: 0;
   border-bottom: 1px solid var(--color-surface-soft);
@@ -3075,19 +3435,19 @@
   font-weight: var(--font-weight-regular);
   text-align: center;
 }
-._table_r4azu_147 tbody th {
+._table_qr198_147 tbody th {
   padding-left: var(--space-12);
   font-weight: var(--font-weight-bold);
   text-align: left;
 }
-._table_r4azu_147 tbody td:last-child {
+._table_qr198_147 tbody td:last-child {
   padding-right: var(--space-12);
 }
-._table_r4azu_147 tbody tr:last-child th,
-._table_r4azu_147 tbody tr:last-child td {
+._table_qr198_147 tbody tr:last-child th,
+._table_qr198_147 tbody tr:last-child td {
   border-bottom: 0;
 }
-._note_r4azu_251 {
+._note_qr198_251 {
   margin: 0;
   padding: var(--space-8) var(--space-12);
   border-radius: var(--radius-8);
@@ -3096,35 +3456,35 @@
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
 }
-._how_r4azu_263 {
+._how_qr198_263 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._howTitle_r4azu_269 {
+._howTitle_qr198_269 {
   margin: 0;
   font-size: var(--type-heading-sm-size);
   line-height: var(--type-heading-sm-line);
   font-weight: var(--font-weight-bold);
   color: #0d0d0d;
 }
-._howList_r4azu_277 {
+._howList_qr198_277 {
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._howItem_r4azu_284 {
+._howItem_qr198_284 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._howItem_r4azu_284 + ._howItem_r4azu_284 {
+._howItem_qr198_284 + ._howItem_qr198_284 {
   margin-top: -1px;
   padding-top: var(--space-8);
   border-top: 1px solid var(--color-surface-soft);
 }
-._howLabel_r4azu_309 {
+._howLabel_qr198_309 {
   padding: 5px 0;
   margin: -5px 0;
   font-size: var(--type-trimmed-xs-size);
@@ -3133,31 +3493,31 @@
   letter-spacing: 0.12px;
   color: #0d0d0d;
 }
-._howText_r4azu_319 {
+._howText_qr198_319 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: #6b6b6b;
 }
-._fabric_r4azu_328 {
+._fabric_qr198_328 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
-._fabricLabel_r4azu_336 {
+._fabricLabel_qr198_336 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   font-weight: var(--font-weight-bold);
   color: #0d0d0d;
 }
-._fabricText_r4azu_344 {
+._fabricText_qr198_344 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: #6b6b6b;
 }
-._notes_r4azu_355 {
+._notes_qr198_355 {
   margin: 0;
   padding-left: var(--space-16);
   display: flex;
@@ -3167,7 +3527,7 @@
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-@keyframes _fade_r4azu_1 {
+@keyframes _fade_qr198_1 {
   from {
     opacity: 0;
   }
@@ -3175,7 +3535,7 @@
     opacity: 1;
   }
 }
-@keyframes _rise_r4azu_1 {
+@keyframes _rise_qr198_1 {
   from {
     transform: translateY(12%);
   }
@@ -3184,11 +3544,27 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._scrim_r4azu_8,
-  ._sheet_r4azu_2 {
+  ._scrim_qr198_8,
+  ._sheet_qr198_2 {
     animation: none;
   }
 }
+@media (min-width: 1200px) {
+  body:has([data-shop-nav]) ._scrim_qr198_8 {
+    top: var(--shop-chrome-top, 0px);
+    align-items: center;
+  }
+  body:has([data-shop-nav]) ._sheet_qr198_2 {
+    max-width: 560px;
+    max-height: min(720px, calc(100dvh - var(--shop-chrome-top, 0px) - 32px));
+    padding-bottom: var(--space-24);
+    border-radius: 16px;
+    animation: _fade_qr198_1 160ms ease-out;
+  }
+  body:has([data-shop-nav]) ._body_qr198_40 {
+    padding-bottom: var(--space-24);
+  }
+}
 ._root_u44hz_1 {
   display: flex;
   flex-direction: column;
@@ -3498,33 +3874,33 @@
   font-weight: var(--font-weight-bold);
   font-variant-numeric: tabular-nums;
 }
-._page_1479k_1 {
+._page_5si5d_1 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._content_1479k_14 {
+._content_5si5d_14 {
   display: flex;
   flex-direction: column;
   gap: var(--space-32);
   padding: 0 var(--space-16);
 }
-._intro_1479k_21 {
+._intro_5si5d_21 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._productInfo_1479k_28 {
+._productInfo_5si5d_28 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._titlePrice_1479k_34 {
+._titlePrice_5si5d_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_1479k_34 {
+._title_5si5d_34 {
   margin: 0;
   font-size: var(--type-heading-lg-size);
   line-height: 1.1;
@@ -3535,25 +3911,29 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-._availability_1479k_55 {
+._availability_5si5d_55 {
   margin: 0;
   font-size: var(--type-trimmed-md-size);
   line-height: var(--type-trimmed-md-line);
   font-weight: var(--font-weight-bold);
 }
-._low_1479k_62 {
+._low_5si5d_62 {
   color: var(--color-state-text-warning);
 }
-._oos_1479k_66 {
+._oos_5si5d_66 {
   color: var(--color-state-surface-critical-default);
 }
-._breadcrumb_1479k_70,
-._help_1479k_71,
-._desktopGallery_1479k_72 {
+._rail_5si5d_70 {
+  margin-top: var(--space-16);
+  padding: 0 var(--space-16);
+}
+._breadcrumb_5si5d_75,
+._help_5si5d_76,
+._desktopGallery_5si5d_77 {
   display: none;
 }
 @media (min-width: 1200px) {
-  ._wide_1479k_77 {
+  ._wide_5si5d_82 {
     display: grid;
     grid-template-columns: 528px 464px;
     grid-template-rows: auto auto auto auto 1fr;
@@ -3565,29 +3945,29 @@
     padding: 54px 0 64px;
     background: var(--color-surface-base);
   }
-  ._wide_1479k_77 ._breadcrumb_1479k_70 {
+  ._wide_5si5d_82 ._breadcrumb_5si5d_75 {
     display: block;
     grid-area: crumbs;
     margin-bottom: 29px;
   }
-  ._wide_1479k_77 ._phoneGallery_1479k_101 {
+  ._wide_5si5d_82 ._phoneGallery_5si5d_106 {
     display: none;
   }
-  ._wide_1479k_77 ._desktopGallery_1479k_72 {
+  ._wide_5si5d_82 ._desktopGallery_5si5d_77 {
     display: block;
     grid-area: gallery;
   }
-  ._wide_1479k_77 ._content_1479k_14 {
+  ._wide_5si5d_82 ._content_5si5d_14 {
     grid-area: details;
     padding: 0;
   }
-  ._wide_1479k_77 ._introBadges_1479k_115 {
+  ._wide_5si5d_82 ._introBadges_5si5d_120 {
     display: none;
   }
-  ._wide_1479k_77 ._sizes_1479k_119 {
+  ._wide_5si5d_82 ._sizes_5si5d_124 {
     --color-surface-default: var(--color-surface-base);
   }
-  ._wide_1479k_77 ._cta_1479k_123 {
+  ._wide_5si5d_82 ._cta_5si5d_128 {
     grid-area: cta;
     position: static;
     padding: var(--space-16) 0 var(--space-24);
@@ -3596,12 +3976,57 @@
     background: transparent;
     z-index: auto;
   }
-  ._wide_1479k_77 ._help_1479k_71 {
+  ._wide_5si5d_82 ._help_5si5d_76 {
     display: block;
     grid-area: help;
   }
 }
-._hero_1tiqx_10 {
+@media (min-width: 1200px) {
+  ._shop_5si5d_145 {
+    display: grid;
+    grid-template-columns: 528px 464px;
+    grid-template-rows: auto auto 1fr auto;
+    grid-template-areas: "gallery details" "gallery cta" "gallery ." "rail rail";
+    column-gap: 96px;
+    row-gap: 0;
+    justify-content: center;
+    align-content: start;
+    padding: 24px 0 96px;
+    background: var(--color-surface-base);
+  }
+  ._shop_5si5d_145 ._phoneGallery_5si5d_106 {
+    display: none;
+  }
+  ._shop_5si5d_145 ._desktopGallery_5si5d_77 {
+    display: block;
+    grid-area: gallery;
+  }
+  ._shop_5si5d_145 ._content_5si5d_14 {
+    grid-area: details;
+    padding: 0;
+  }
+  ._shop_5si5d_145 ._oos_5si5d_66 {
+    display: none;
+  }
+  ._shop_5si5d_145 ._sizes_5si5d_124 {
+    --color-surface-default: var(--color-surface-base);
+  }
+  ._shop_5si5d_145 ._cta_5si5d_128 {
+    grid-area: cta;
+    position: static;
+    padding: var(--space-24) 0 0;
+    border-radius: 0;
+    filter: none;
+    background: transparent;
+    z-index: auto;
+  }
+  ._shop_5si5d_145 ._rail_5si5d_70 {
+    grid-area: rail;
+    margin-top: 96px;
+    padding: 0;
+  }
+}
+._hero_1747w_10 {
   --hero-height: clamp(480px, calc(100svh - var(--hero-top, 0px)), 812px);
   position: relative;
   height: var(--hero-height);
@@ -3609,15 +4034,15 @@
   background: var(--color-surface-default);
   margin-bottom: calc(var(--hero-height) * -237 / 812);
 }
-._image_1tiqx_42 {
+._image_1747w_42 {
   position: absolute;
   inset: 0;
 }
-._image_1tiqx_42 img {
+._image_1747w_42 img {
   object-fit: cover;
   object-position: top center;
 }
-._scrim_1tiqx_70 {
+._scrim_1747w_70 {
   position: absolute;
   inset: 0;
   background:
@@ -3627,7 +4052,7 @@
       rgba(0, 0, 0, 0.1) 45%,
       rgba(0, 0, 0, 0) 70%);
 }
-._fade_1tiqx_94 {
+._fade_1747w_94 {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -3640,7 +4065,7 @@
       rgba(8, 14, 18, 0.65) 55%,
       var(--color-surface-default) 100%);
 }
-._text_1tiqx_108 {
+._text_1747w_108 {
   position: absolute;
   top: max(var(--space-12), calc(65px - var(--hero-top, 0px)));
   left: 0;
@@ -3652,7 +4077,7 @@
   padding: var(--space-12) var(--space-24) var(--space-24);
   text-align: center;
 }
-._title_1tiqx_157 {
+._title_1747w_157 {
   width: 327px;
   max-width: 100%;
   margin: 0;
@@ -3662,7 +4087,7 @@
   color: #f9fafa;
   text-wrap: balance;
 }
-._subtitle_1tiqx_168 {
+._subtitle_1747w_168 {
   width: 224px;
   max-width: 100%;
   margin: 0;
@@ -3671,21 +4096,78 @@
   font-weight: var(--font-weight-regular);
   color: #f9fafa;
 }
-._noImage_1tiqx_183 {
+._noImage_1747w_183 {
   height: auto;
   min-height: 0;
   max-height: none;
   margin-bottom: 0;
 }
-._noImage_1tiqx_183 ._text_1tiqx_108 {
+._noImage_1747w_183 ._text_1747w_108 {
   position: static;
   padding-top: var(--space-24);
 }
-._noImage_1tiqx_183 ._title_1tiqx_157,
-._noImage_1tiqx_183 ._subtitle_1tiqx_168 {
+._noImage_1747w_183 ._title_1747w_157,
+._noImage_1747w_183 ._subtitle_1747w_168 {
   color: var(--color-text-default);
 }
-._text_1saw4_6 {
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._hero_1747w_10:not(._noImage_1747w_183) {
+    height: 567px;
+    margin-bottom: 0;
+    overflow: visible;
+  }
+  [data-shop-layout=wide] ._image_1747w_42,
+  [data-shop-layout=wide] ._fade_1747w_94 {
+    top: 0;
+    bottom: auto;
+    height: 810px;
+  }
+  [data-shop-layout=wide] ._fade_1747w_94 {
+    background:
+      linear-gradient(
+        to bottom,
+        rgba(8, 14, 18, 0) 46.235%,
+        #080e12 90.756%);
+  }
+  [data-shop-layout=wide] ._scrim_1747w_70 {
+    bottom: auto;
+    height: 240px;
+    background:
+      linear-gradient(
+        to bottom,
+        rgba(8, 14, 18, 0.7),
+        rgba(8, 14, 18, 0));
+  }
+  [data-shop-layout=wide] ._text_1747w_108 {
+    top: 477px;
+    left: max(176px, calc((100% - 1088px) / 2));
+    right: auto;
+    width: 560px;
+    align-items: flex-start;
+    gap: var(--space-16);
+    padding: 0;
+    text-align: left;
+  }
+  [data-shop-layout=wide] ._noImage_1747w_183 ._text_1747w_108 {
+    position: static;
+    width: min(1088px, 100%);
+    margin: 0 auto;
+    padding-top: 88px;
+  }
+  [data-shop-layout=wide] ._title_1747w_157 {
+    width: auto;
+    font-size: 64px;
+    line-height: 0.9375;
+    letter-spacing: -0.64px;
+    white-space: nowrap;
+  }
+  [data-shop-layout=wide] ._subtitle_1747w_168 {
+    width: 520px;
+    font-size: 20px;
+    line-height: 1.4;
+  }
+}
+._text_epjyw_6 {
   margin: 0;
   padding: var(--space-24);
   min-height: 106px;
@@ -3696,25 +4178,35 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._center_1saw4_18 {
+._center_epjyw_18 {
   justify-content: center;
   text-align: center;
 }
-._left_1saw4_23 {
+._left_epjyw_23 {
   justify-content: flex-start;
   text-align: left;
 }
-._wrap_79nr3_10 {
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._text_epjyw_6 {
+    box-sizing: border-box;
+    width: min(1088px, 100%);
+    min-height: 138px;
+    padding: 40px 0;
+    font-size: 48px;
+    line-height: 1.1;
+  }
+}
+._wrap_15g6o_10 {
   padding: var(--space-24) 0;
 }
-._box_79nr3_14 {
+._box_15g6o_14 {
   position: relative;
   width: 100%;
   aspect-ratio: 3 / 4;
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._track_79nr3_23 {
+._track_15g6o_23 {
   display: flex;
   list-style: none;
   margin: 0;
@@ -3725,19 +4217,22 @@
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }
-._track_79nr3_23::-webkit-scrollbar {
+._track_15g6o_23::-webkit-scrollbar {
   display: none;
 }
-._slide_79nr3_39 {
+._slide_15g6o_39 {
   position: relative;
   flex: 0 0 100%;
   height: 100%;
   scroll-snap-align: start;
 }
-._image_79nr3_46 {
+._image_15g6o_46 {
   object-fit: cover;
 }
-._dots_79nr3_51 {
+._desktopArt_15g6o_50 {
+  display: none;
+}
+._dots_15g6o_55 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -3749,22 +4244,37 @@
   gap: var(--space-8);
   pointer-events: none;
 }
-._dot_79nr3_51 {
+._dot_15g6o_55 {
   width: 8px;
   height: 8px;
   border-radius: var(--radius-full);
   background: #9ea2a4;
 }
-._dotActive_79nr3_76 {
+._dotActive_15g6o_80 {
   background: #f9fafa;
 }
-._section_qsxtq_1 {
+@media (min-width: 1200px) {
+  ._phoneArt_15g6o_85 {
+    display: none;
+  }
+  ._desktopArt_15g6o_50 {
+    display: block;
+  }
+  [data-shop-layout=wide] ._wrap_15g6o_10 {
+    align-self: stretch;
+    padding: 0;
+  }
+  [data-shop-layout=wide] ._box_15g6o_14 {
+    aspect-ratio: 1440 / 810;
+  }
+}
+._section_rtuv5_1 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-24) 0 var(--space-16);
 }
-._track_qsxtq_8 {
+._track_rtuv5_8 {
   display: flex;
   gap: var(--space-12);
   list-style: none;
@@ -3776,10 +4286,10 @@
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }
-._track_qsxtq_8::-webkit-scrollbar {
+._track_rtuv5_8::-webkit-scrollbar {
   display: none;
 }
-._card_qsxtq_38 {
+._card_rtuv5_38 {
   flex: 0 0 323px;
   max-width: calc(100% - var(--space-20));
   scroll-snap-align: start;
@@ -3790,19 +4300,19 @@
   border-radius: var(--radius-8);
   background: #f9fafa;
 }
-._quote_qsxtq_50 {
+._quote_rtuv5_50 {
   margin: 0;
   font-size: var(--type-heading-lg-size);
   line-height: 1.2;
   font-weight: var(--font-weight-bold);
   color: #0c161c;
 }
-._author_qsxtq_58 {
+._author_rtuv5_58 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   color: #3d4549;
 }
-._dots_qsxtq_69 {
+._dots_rtuv5_69 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3810,42 +4320,127 @@
   margin-top: calc(-1 * var(--space-12));
   gap: var(--space-8);
 }
-._dot_qsxtq_69 {
+._dot_rtuv5_69 {
   width: 8px;
   height: 8px;
   border-radius: var(--radius-full);
   background: #9ea2a4;
 }
-._dotActive_qsxtq_85 {
+._dotActive_rtuv5_85 {
   background: #f9fafa;
 }
-._section_1nrsi_1 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-12);
-  padding: var(--space-24) var(--space-16);
-}
-._row_1nrsi_9 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-8);
-  padding: 20px;
-  border-radius: var(--radius-8);
-  background: var(--color-surface-soft);
-}
-._title_1nrsi_20 {
-  margin: 0;
-  font-size: var(--type-heading-sm-size);
-  line-height: var(--type-heading-sm-line);
-  font-weight: var(--font-weight-bold);
-  color: var(--color-text-default);
+._pager_rtuv5_90 {
+  display: contents;
 }
-._body_1nrsi_43 {
-  margin: 0;
-  font-size: var(--type-trimmed-sm-size);
-  line-height: var(--type-trimmed-leading);
-  margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
-  color: var(--color-text-subtle);
+._arrow_rtuv5_94 {
+  display: none;
+}
+@media (min-width: 1200px) {
+  [data-shop-layout=wide] ._section_rtuv5_1 {
+    gap: var(--space-16);
+    width: min(1088px, 100%);
+    padding: 0;
+  }
+  [data-shop-layout=wide] ._track_rtuv5_8 {
+    gap: 0;
+    padding: 0;
+    scroll-padding-inline: 0;
+  }
+  [data-shop-layout=wide] ._card_rtuv5_38 {
+    flex: 0 0 100%;
+    max-width: none;
+    align-items: center;
+    gap: var(--space-8);
+    padding: 0;
+    border-radius: 0;
+    background: transparent;
+    text-align: center;
+  }
+  [data-shop-layout=wide] ._quote_rtuv5_50 {
+    width: min(1000px, 100%);
+    font-size: 32px;
+    line-height: 1.1;
+    color: #f9fafa;
+  }
+  [data-shop-layout=wide] ._author_rtuv5_58 {
+    font-size: 16px;
+    line-height: normal;
+    color: #b3b9bb;
+  }
+  [data-shop-layout=wide] ._pager_rtuv5_90 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 24px;
+  }
+  [data-shop-layout=wide] ._dots_rtuv5_69 {
+    height: auto;
+    margin-top: 0;
+    padding: 16px 12px;
+  }
+  [data-shop-layout=wide] ._dot_rtuv5_69 {
+    background: #3d4549;
+  }
+  [data-shop-layout=wide] ._dotActive_rtuv5_85 {
+    background: #dddedf;
+  }
+  [data-shop-layout=wide] ._arrow_rtuv5_94 {
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border: 1px solid rgba(249, 250, 250, 0.2);
+    border-radius: var(--radius-full);
+    background: rgba(6, 6, 6, 0.64);
+    color: #f9fafa;
+    cursor: pointer;
+  }
+  [data-shop-layout=wide] ._arrow_rtuv5_94 {
+    position: relative;
+  }
+  [data-shop-layout=wide] ._arrow_rtuv5_94::after {
+    content: "";
+    position: absolute;
+    inset: -6px;
+  }
+  [data-shop-layout=wide] ._arrow_rtuv5_94:disabled {
+    border-color: rgba(130, 143, 157, 0.16);
+    cursor: default;
+  }
+  [data-shop-layout=wide] ._prev_rtuv5_186 svg {
+    transform: scaleX(-1);
+  }
+}
+._section_1nrsi_1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-12);
+  padding: var(--space-24) var(--space-16);
+}
+._row_1nrsi_9 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-8);
+  padding: 20px;
+  border-radius: var(--radius-8);
+  background: var(--color-surface-soft);
+}
+._title_1nrsi_20 {
+  margin: 0;
+  font-size: var(--type-heading-sm-size);
+  line-height: var(--type-heading-sm-line);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-default);
+}
+._body_1nrsi_43 {
+  margin: 0;
+  font-size: var(--type-trimmed-sm-size);
+  line-height: var(--type-trimmed-leading);
+  margin-block: calc((var(--type-trimmed-sm-line) - var(--type-trimmed-leading) * 1em) / 2);
+  color: var(--color-text-subtle);
 }
 ._section_snuuj_1 {
   display: flex;
@@ -3882,30 +4477,107 @@
   flex-shrink: 0;
   color: var(--color-text-default);
 }
-._pcp_1kft8_6 {
+._section_16kkh_1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-32);
+  width: min(1088px, 100%);
+}
+._title_16kkh_8 {
+  display: flex;
+  align-items: center;
+  min-height: 58px;
+  margin: 0;
+  font-size: 32px;
+  line-height: 1;
+  font-weight: var(--font-weight-bold);
+  color: #f9fafa;
+}
+._tiles_16kkh_19 {
+  display: flex;
+  gap: var(--space-16);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+._item_16kkh_27 {
+  flex: 1 1 0;
+  min-width: 0;
+}
+._tile_16kkh_19 {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: var(--space-8);
+  height: 320px;
+  padding: var(--space-32);
+  overflow: hidden;
+  border: 1px solid #f9fafa;
+  border-radius: var(--radius-8);
+  background: #080e12;
+  color: #f9fafa;
+  text-decoration: none;
+}
+._media_16kkh_49 {
+  position: absolute;
+  inset: -1px;
+}
+._media_16kkh_49::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      180deg,
+      rgba(8, 14, 18, 0) 83.517%,
+      #080e12 107.43%);
+}
+._image_16kkh_61 {
+  object-fit: cover;
+}
+._label_16kkh_65,
+._subtitle_16kkh_66 {
+  position: relative;
+  line-height: 1;
+}
+._label_16kkh_65 {
+  font-size: 24px;
+  font-weight: var(--font-weight-bold);
+}
+._subtitle_16kkh_66 {
+  font-size: 16px;
+  font-weight: var(--font-weight-regular);
+}
+._tile_16kkh_19:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+._pcp_1rio4_6 {
   display: flex;
   flex-direction: column;
 }
-._blocks_1kft8_24 {
+._blocks_1rio4_24 {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-._featured_1kft8_36,
-._gridBlock_1kft8_37 {
+._featured_1rio4_36,
+._gridBlock_1rio4_37 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-24) 0;
 }
-._blockTitle_1kft8_44 {
+._blockTitle_1rio4_44 {
   padding: 0 var(--space-16);
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
   color: var(--color-text-default);
 }
-._grid_1kft8_37 {
+._grid_1rio4_37 {
   list-style: none;
   margin: 0;
   padding: 0 var(--space-16);
@@ -3914,6 +4586,44 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
+._block_1rio4_24,
+._phoneOnly_1rio4_65 {
+  display: contents;
+}
+._wideOnly_1rio4_69 {
+  display: none;
+}
+@media (min-width: 1200px) {
+  ._pcp_1rio4_6 {
+    gap: 64px;
+    padding-bottom: 96px;
+  }
+  ._blocks_1rio4_24 {
+    align-items: center;
+    gap: 64px;
+  }
+  ._block_1rio4_24[data-wide=off],
+  ._phoneOnly_1rio4_65 {
+    display: none;
+  }
+  ._wideOnly_1rio4_69 {
+    display: contents;
+  }
+  ._gridBlock_1rio4_37 {
+    order: -1;
+    width: min(1088px, 100%);
+    padding: 0;
+  }
+  ._gridBlock_1rio4_37 ._blockTitle_1rio4_44 {
+    display: none;
+  }
+  ._grid_1rio4_37 {
+    grid-template-columns: repeat(3, minmax(0, 352px));
+    justify-content: center;
+    gap: 48px 16px;
+    padding: 0;
+  }
+}
 ._hero_dctyt_1 {
   position: relative;
   display: flex;
@@ -4049,16 +4759,76 @@
     min-width: 173px;
   }
 }
-._showcase_9ibf6_14 {
+._invalid_bj9d9_1 > div::after {
+  background: rgba(8, 14, 18, 0.45);
+}
+._cta_bj9d9_5 {
+  border-radius: var(--radius-12) var(--radius-12) 0 0;
+  background: var(--color-surface-default);
+  filter: drop-shadow(0 -4px 6px rgba(176, 176, 176, 0.06));
+}
+@media (min-width: 1200px) {
+  ._invalid_bj9d9_1 > div::after {
+    background: rgba(8, 14, 18, 0.45);
+  }
+  ._invalid_bj9d9_1 > div:last-child {
+    max-width: 813px;
+  }
+  ._invalid_bj9d9_1 p {
+    max-width: 467px;
+  }
+  ._cta_bj9d9_5 {
+    border-radius: 0;
+    background: none;
+    filter: none;
+  }
+}
+._crumbs_thxlv_1 {
+  display: flex;
+  align-items: center;
+  height: 21px;
+  gap: var(--space-8);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  color: var(--color-text-default);
+  white-space: nowrap;
+}
+._home_thxlv_13 {
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  font-size: 16px;
+  line-height: normal;
+  opacity: 0.6;
+  cursor: pointer;
+}
+._trail_thxlv_25 {
+  font-size: 16px;
+  line-height: normal;
+  opacity: 0.6;
+}
+._separator_thxlv_31 {
+  font-size: 14px;
+  line-height: 1.5;
+  opacity: 0.6;
+}
+._current_thxlv_37 {
+  font-size: 16px;
+  line-height: normal;
+}
+._showcase_6kghy_14 {
   --chrome-bleed: 0px;
   background: #080e12;
 }
 @supports (-webkit-touch-callout: none) {
-  ._showcase_9ibf6_14 {
+  ._showcase_6kghy_14 {
     --chrome-bleed: calc(3 * (100lvh - 100svh));
   }
 }
-._panel_9ibf6_40 {
+._panel_6kghy_40 {
   position: relative;
   height: 100lvh;
   height: calc(100lvh + var(--chrome-bleed, 0px));
@@ -4068,11 +4838,14 @@
   overflow: hidden;
   background: #080e12;
 }
-._image_9ibf6_93 {
+._image_6kghy_93 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._hero_9ibf6_133::after {
+._desktopArt_6kghy_98 {
+  display: none;
+}
+._hero_6kghy_137::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -4087,7 +4860,7 @@
       rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_9ibf6_133 ._heroContent_9ibf6_224 {
+._hero_6kghy_137 ._heroContent_6kghy_228 {
   position: absolute;
   bottom: 32px;
   bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
@@ -4099,7 +4872,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_9ibf6_248 {
+._heroText_6kghy_252 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -4107,11 +4880,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_9ibf6_248 ._logo_9ibf6_257 {
+._heroText_6kghy_252 ._logo_6kghy_261 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_9ibf6_277 {
+._heroTitle_6kghy_281 {
   width: 100%;
   margin: 0;
   font-family:
@@ -4126,33 +4899,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_9ibf6_301 {
+._heroSub_6kghy_305 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_9ibf6_320 {
+._swipe_6kghy_324 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_9ibf6_327 {
+._swipeLabel_6kghy_331 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_9ibf6_333 {
+._chevron_6kghy_337 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_9ibf6_1 1.8s ease-in-out infinite;
+  animation: _bob_6kghy_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_9ibf6_1 {
+@keyframes _bob_6kghy_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -4160,7 +4933,7 @@
     transform: translateY(4px);
   }
 }
-._overlay_9ibf6_11 {
+._overlay_6kghy_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -4177,25 +4950,25 @@
   padding: 0 24px 24px;
   padding-bottom: calc(24px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
 }
-._copy_9ibf6_368 {
+._copy_6kghy_372 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._title_9ibf6_373 {
+._title_6kghy_377 {
   margin: 0;
   font-size: 32px;
   line-height: 1.2;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_9ibf6_380 {
+._subtitle_6kghy_384 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
 }
-._cta_9ibf6_386 {
+._cta_6kghy_390 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4209,24 +4982,136 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_9ibf6_386::after {
+._cta_6kghy_390::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_9ibf6_386:active {
+._cta_6kghy_390:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_9ibf6_386:focus-visible {
+._cta_6kghy_390:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_9ibf6_430 {
+._mosaic_6kghy_434 {
   background: #080e12;
 }
-._showcase_9ibf6_14[data-viewport=fixed] {
+._showcase_6kghy_14[data-viewport=fixed] {
   --chrome-bleed: 0px;
 }
+._info_6kghy_446 {
+  display: contents;
+}
+._products_6kghy_450,
+._wideOnly_6kghy_451 {
+  display: none;
+}
+@media (min-width: 1200px) {
+  ._phoneOnly_6kghy_456,
+  ._phoneArt_6kghy_457 {
+    display: none;
+  }
+  ._desktopArt_6kghy_98 {
+    display: block;
+  }
+  ._desktopArt_6kghy_98,
+  ._desktopFocal_6kghy_466 {
+    object-position: 50% 50%;
+  }
+  ._wideOnly_6kghy_451 {
+    display: inline;
+  }
+  ._panel_6kghy_40 {
+    height: max(100vh, 640px);
+    scroll-margin-bottom: 0;
+  }
+  ._mosaic_6kghy_434 {
+    display: none;
+  }
+  ._hero_6kghy_137 {
+    height: max(calc(100vh - var(--shop-chrome-top, 0px)), 576px);
+    scroll-margin-top: var(--shop-chrome-top, 0px);
+  }
+  ._hero_6kghy_137::after {
+    background:
+      linear-gradient(
+        to bottom,
+        rgba(8, 14, 18, 0.7) 0,
+        rgba(8, 14, 18, 0) 240px),
+      linear-gradient(
+        to bottom,
+        rgba(8, 14, 18, 0) 50%,
+        #080e12 100%);
+  }
+  ._hero_6kghy_137 ._heroContent_6kghy_228 {
+    bottom: 16px;
+    gap: 60px;
+    align-items: center;
+  }
+  ._heroText_6kghy_252 {
+    width: 677px;
+    gap: 16px;
+    padding: 0;
+  }
+  ._heroText_6kghy_252 ._logo_6kghy_261 {
+    width: 56px;
+    height: 56px;
+  }
+  ._heroTitle_6kghy_281 {
+    font-family: inherit;
+    font-size: 64px;
+    line-height: 0.9375;
+    letter-spacing: -0.64px;
+  }
+  ._heroSub_6kghy_305 {
+    max-width: none;
+    font-size: 20px;
+    line-height: 1.4;
+  }
+  ._overlay_6kghy_11 {
+    flex-direction: row;
+    align-items: flex-end;
+    justify-content: flex-start;
+    gap: 16px;
+    padding: 0 max(176px, calc((100% - 1088px) / 2)) 72px;
+    background:
+      linear-gradient(
+        180deg,
+        rgba(8, 14, 18, 0.6) 0%,
+        rgba(8, 14, 18, 0.45) 35%,
+        rgba(8, 14, 18, 0.55) 65%,
+        rgba(8, 14, 18, 0.95) 100%);
+  }
+  ._info_6kghy_446 {
+    display: flex;
+    flex: 0 0 352px;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 24px;
+    padding-bottom: 56px;
+  }
+  ._title_6kghy_377 {
+    font-size: 56px;
+    line-height: 1;
+  }
+  ._subtitle_6kghy_384 {
+    font-size: 18px;
+    line-height: normal;
+    color: #b3b9bb;
+  }
+  ._products_6kghy_450 {
+    position: relative;
+    z-index: 1;
+    display: grid;
+    grid-template-columns: repeat(3, 229px);
+    align-items: end;
+    gap: 16px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+}
 ._header_r9jjq_14 {
   position: sticky;
   top: 0;
@@ -4345,7 +5230,7 @@
   width: auto;
   text-align: center;
 }
-._overlay_zf09t_5 {
+._overlay_1vpmg_5 {
   position: fixed;
   inset: 0;
   z-index: 900;
@@ -4354,12 +5239,12 @@
   justify-content: center;
   padding: calc(var(--header-height) + var(--space-16) + env(safe-area-inset-top, 0px)) var(--space-16) var(--space-16);
 }
-._scrim_zf09t_21 {
+._scrim_1vpmg_21 {
   position: absolute;
   inset: 0;
   background: rgba(12, 22, 28, 0.32);
 }
-._sheet_zf09t_31 {
+._sheet_1vpmg_31 {
   position: relative;
   width: 100%;
   max-width: 343px;
@@ -4370,13 +5255,13 @@
   border-radius: var(--radius-12);
   display: flex;
   flex-direction: column;
-  animation: _menu-in_zf09t_1 160ms ease;
+  animation: _menu-in_1vpmg_1 160ms ease;
   scrollbar-width: none;
 }
-._sheet_zf09t_31::-webkit-scrollbar {
+._sheet_1vpmg_31::-webkit-scrollbar {
   display: none;
 }
-@keyframes _menu-in_zf09t_1 {
+@keyframes _menu-in_1vpmg_1 {
   from {
     opacity: 0;
     transform: translateY(-8px);
@@ -4387,16 +5272,16 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._sheet_zf09t_31 {
+  ._sheet_1vpmg_31 {
     animation: none;
   }
 }
-._header_zf09t_80 {
+._header_1vpmg_80 {
   display: flex;
   justify-content: flex-end;
   border-bottom: 1px solid rgba(249, 250, 250, 0.2);
 }
-._close_zf09t_86 {
+._close_1vpmg_86 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4408,19 +5293,19 @@
   color: inherit;
   cursor: pointer;
 }
-._close_zf09t_86:focus-visible {
+._close_1vpmg_86:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._list_zf09t_105 {
+._list_1vpmg_105 {
   list-style: none;
   margin: 0;
   padding: var(--space-6) 0;
   display: flex;
   flex-direction: column;
 }
-._row_zf09t_120 {
+._row_1vpmg_120 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
@@ -4433,42 +5318,195 @@
   text-align: left;
   cursor: pointer;
 }
-._row_zf09t_120[disabled] {
+._row_1vpmg_120[disabled] {
   cursor: default;
 }
-._row_zf09t_120:focus-visible {
+._row_1vpmg_120:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._icon_zf09t_149 {
+._icon_1vpmg_149 {
   display: inline-flex;
   flex: 0 0 24px;
   width: 24px;
   height: 24px;
   color: var(--color-text-default);
 }
-._text_zf09t_157 {
+._text_1vpmg_157 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   gap: var(--space-2);
   min-width: 0;
 }
-._title_zf09t_165 {
+._title_1vpmg_165 {
   font-size: var(--type-paragraph-size);
   font-weight: var(--font-weight-bold);
   line-height: 1;
   color: var(--color-text-default);
 }
-._subtitle_zf09t_172 {
+._subtitle_1vpmg_172 {
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: var(--color-text-subtle);
 }
-._chevron_zf09t_178 {
+._chevron_1vpmg_178 {
   display: inline-flex;
   flex: 0 0 16px;
   width: 16px;
   height: 16px;
   color: var(--color-text-subtle);
 }
+@media (min-width: 1200px) {
+  ._dropdown_1vpmg_187 {
+    padding: 0;
+  }
+  ._dropdown_1vpmg_187 ._scrim_1vpmg_21 {
+    background: transparent;
+  }
+  ._dropdown_1vpmg_187 ._sheet_1vpmg_31 {
+    position: absolute;
+    top: calc(var(--shop-chrome-top, 0px) + 64px);
+    right: calc(max(176px, calc((100% - 1088px) / 2)) - 112px);
+    width: 320px;
+    max-width: 320px;
+    max-height: calc(100dvh - var(--shop-chrome-top, 0px) - 80px);
+    border: 1px solid rgba(249, 250, 250, 0.2);
+    background: #f9fafa;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+  }
+  ._dropdown_1vpmg_187 ._list_1vpmg_105 li:not(:last-child) ._row_1vpmg_120 {
+    border-bottom: 1px solid #dddedf;
+  }
+}
+._bar_z6nk8_1 {
+  display: none;
+}
+@media (min-width: 1200px) {
+  ._bar_z6nk8_1 {
+    position: sticky;
+    top: var(--shop-chrome-top, 0px);
+    z-index: 40;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    height: 64px;
+    padding: 0 max(176px, calc((100% - 1088px) / 2));
+    font-family: var(--font-family-base);
+    font-size: 16px;
+    line-height: normal;
+  }
+  ._media_z6nk8_22 {
+    margin-bottom: -64px;
+    background: rgba(8, 14, 18, 0.55);
+    color: #f9fafa;
+    --shop-nav-separator: rgba(249, 250, 250, 0.6);
+    --shop-nav-trail: rgba(249, 250, 250, 0.7);
+  }
+  ._light_z6nk8_30 {
+    border-bottom: 1px solid rgba(8, 14, 18, 0.08);
+    background: rgba(255, 255, 255, 0.85);
+    -webkit-backdrop-filter: blur(12px);
+    backdrop-filter: blur(12px);
+    color: #080e12;
+    --shop-nav-separator: rgba(8, 14, 18, 0.6);
+    --shop-nav-trail: rgba(8, 14, 18, 0.7);
+  }
+}
+._crumbs_z6nk8_41 {
+  min-width: 0;
+  overflow: hidden;
+}
+._list_z6nk8_46 {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  white-space: nowrap;
+}
+._item_z6nk8_56 {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+}
+._root_z6nk8_63,
+._trail_z6nk8_64,
+._current_z6nk8_65 {
+  color: inherit;
+  text-decoration: none;
+}
+._root_z6nk8_63 {
+  font-weight: var(--font-weight-bold);
+}
+._trail_z6nk8_64 {
+  font-weight: var(--font-weight-regular);
+  color: var(--shop-nav-trail);
+}
+._current_z6nk8_65 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: var(--font-weight-regular);
+}
+._separator_z6nk8_85 {
+  font-weight: var(--font-weight-regular);
+  color: var(--shop-nav-separator);
+}
+._actions_z6nk8_90 {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: var(--space-16);
+}
+._iconBtn_z6nk8_97 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  cursor: pointer;
+  text-decoration: none;
+}
+._iconBtn_z6nk8_97::after {
+  content: "";
+  position: absolute;
+  inset: -10px;
+}
+._iconBtn_z6nk8_97:focus-visible,
+._root_z6nk8_63:focus-visible,
+._trail_z6nk8_64:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: var(--radius-4);
+}
+._badge_z6nk8_126 {
+  position: absolute;
+  top: -6px;
+  left: 14px;
+  z-index: 1;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 var(--space-4);
+  border-radius: var(--radius-full);
+  background: #d12424;
+  color: #ffffff;
+  font-size: var(--type-trimmed-xs-size);
+  line-height: 1;
+  letter-spacing: 0.12px;
+  font-weight: var(--font-weight-bold);
+  font-variant-numeric: tabular-nums;
+  pointer-events: none;
+}