@nok-integration/storefront-react 0.25.0 → 0.27.0

package/dist/standalone/styles.css

@@ -3079,33 +3079,33 @@
 ._actions_23dkv_70 > * {
   flex: 1 1 0;
 }
-._surface_1pa1k_15 {
+._surface_qvckt_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_1pa1k_20 {
+._screen_qvckt_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_1pa1k_12 {
+._body_qvckt_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: var(--space-20) var(--space-16) 0;
   flex: 1 1 auto;
 }
-._items_1pa1k_34 {
+._items_qvckt_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_1pa1k_40 {
+._sectionHeader_qvckt_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_1pa1k_46 {
+._sectionTitle_qvckt_46 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
@@ -3113,7 +3113,7 @@
   flex: 1 0 0;
   min-width: 0;
 }
-._count_1pa1k_67 {
+._count_qvckt_67 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3128,7 +3128,7 @@
   font-variant-numeric: tabular-nums;
   flex-shrink: 0;
 }
-._lines_1pa1k_91 {
+._lines_qvckt_91 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -3136,18 +3136,18 @@
   flex-direction: column;
   gap: var(--space-20);
 }
-._footer_1pa1k_101 {
+._footer_qvckt_101 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  [data-shop-panel] ._surface_1pa1k_15 {
+  [data-shop-panel] ._surface_qvckt_15 {
     justify-content: center;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._body_1pa1k_12 {
+  [data-shop-panel] ._body_qvckt_12 {
     padding: var(--space-4) var(--space-24) var(--space-24);
   }
-  [data-shop-panel] ._footer_1pa1k_101 {
+  [data-shop-panel] ._footer_qvckt_101 {
     position: sticky;
     bottom: 0;
     z-index: 50;
@@ -3158,13 +3158,20 @@
     border-top: 1px solid #e6e6e6;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._cta_1pa1k_127 {
+  [data-shop-panel] ._cta_qvckt_127 {
     position: static;
     padding: 0;
     border-top: none;
     background: transparent;
   }
 }
+._ctaError_qvckt_135 {
+  margin: 0;
+  font-size: var(--type-caption-sm-size);
+  line-height: var(--type-caption-sm-line);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-state-surface-critical-default);
+}
 ._gallery_1vbj7_1 {
   position: relative;
 }
@@ -3296,7 +3303,7 @@
 ._badges_1m6o7_49 li {
   background: var(--color-surface-default);
 }
-._scrim_qr198_8 {
+._scrim_n0uqj_8 {
   position: fixed;
   inset: 0;
   z-index: 60;
@@ -3304,9 +3311,9 @@
   align-items: flex-end;
   justify-content: center;
   background: rgba(12, 22, 28, 0.32);
-  animation: _fade_qr198_1 160ms ease-out;
+  animation: _fade_n0uqj_1 160ms ease-out;
 }
-._sheet_qr198_2 {
+._sheet_n0uqj_2 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -3315,9 +3322,9 @@
   overflow: hidden;
   border-radius: 16px 16px 0 0;
   background: #ffffff;
-  animation: _rise_qr198_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  animation: _rise_n0uqj_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
-._body_qr198_40 {
+._body_n0uqj_40 {
   flex: 1 1 auto;
   overflow-y: auto;
   display: flex;
@@ -3327,31 +3334,31 @@
   background: var(--color-surface-default);
   scrollbar-width: none;
 }
-._body_qr198_40::-webkit-scrollbar {
+._body_n0uqj_40::-webkit-scrollbar {
   display: none;
 }
-._body_qr198_40 > * {
+._body_n0uqj_40 > * {
   flex-shrink: 0;
 }
-._titles_qr198_67 {
+._titles_n0uqj_67 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
-._title_qr198_67 {
+._title_n0uqj_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_qr198_83 {
+._subtitle_n0uqj_83 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-._units_qr198_96 {
+._units_n0uqj_96 {
   display: flex;
   align-items: center;
   width: 190px;
@@ -3360,7 +3367,7 @@
   border-radius: 9px;
   background: var(--color-surface-soft);
 }
-._unit_qr198_96 {
+._unit_n0uqj_96 {
   flex: 1 1 0;
   display: inline-flex;
   align-items: center;
@@ -3376,35 +3383,35 @@
   line-height: 10px;
   cursor: pointer;
 }
-._unitOn_qr198_130 {
+._unitOn_n0uqj_130 {
   height: 32px;
   background: var(--color-surface-neutral);
   font-weight: var(--font-weight-bold);
 }
-._unitOff_qr198_138 {
+._unitOff_n0uqj_138 {
   box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
   font-weight: var(--font-weight-regular);
 }
-._tableWrap_qr198_147 {
+._tableWrap_n0uqj_147 {
   overflow-x: auto;
   scrollbar-width: none;
 }
-._tableWrap_qr198_147::-webkit-scrollbar {
+._tableWrap_n0uqj_147::-webkit-scrollbar {
   display: none;
 }
-._table_qr198_147 {
+._table_n0uqj_147 {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   table-layout: fixed;
 }
-._col_qr198_179 {
+._col_n0uqj_179 {
   width: 18.6006%;
 }
-._colEdge_qr198_183 {
+._colEdge_n0uqj_183 {
   width: 22.0991%;
 }
-._table_qr198_147 thead th {
+._table_n0uqj_147 thead th {
   height: 36px;
   padding: 0;
   background: #f5f5f5;
@@ -3415,17 +3422,17 @@
   letter-spacing: 0.12px;
   text-align: center;
 }
-._table_qr198_147 thead th:first-child {
+._table_n0uqj_147 thead th:first-child {
   padding-left: var(--space-12);
   border-top-left-radius: var(--radius-8);
   text-align: left;
 }
-._table_qr198_147 thead th:last-child {
+._table_n0uqj_147 thead th:last-child {
   padding-right: var(--space-12);
   border-top-right-radius: var(--radius-8);
 }
-._table_qr198_147 tbody th,
-._table_qr198_147 tbody td {
+._table_n0uqj_147 tbody th,
+._table_n0uqj_147 tbody td {
   height: 44px;
   padding: 0;
   border-bottom: 1px solid var(--color-surface-soft);
@@ -3435,19 +3442,19 @@
   font-weight: var(--font-weight-regular);
   text-align: center;
 }
-._table_qr198_147 tbody th {
+._table_n0uqj_147 tbody th {
   padding-left: var(--space-12);
   font-weight: var(--font-weight-bold);
   text-align: left;
 }
-._table_qr198_147 tbody td:last-child {
+._table_n0uqj_147 tbody td:last-child {
   padding-right: var(--space-12);
 }
-._table_qr198_147 tbody tr:last-child th,
-._table_qr198_147 tbody tr:last-child td {
+._table_n0uqj_147 tbody tr:last-child th,
+._table_n0uqj_147 tbody tr:last-child td {
   border-bottom: 0;
 }
-._note_qr198_251 {
+._note_n0uqj_251 {
   margin: 0;
   padding: var(--space-8) var(--space-12);
   border-radius: var(--radius-8);
@@ -3456,35 +3463,35 @@
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
 }
-._how_qr198_263 {
+._how_n0uqj_263 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._howTitle_qr198_269 {
+._howTitle_n0uqj_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_qr198_277 {
+._howList_n0uqj_277 {
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._howItem_qr198_284 {
+._howItem_n0uqj_284 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._howItem_qr198_284 + ._howItem_qr198_284 {
+._howItem_n0uqj_284 + ._howItem_n0uqj_284 {
   margin-top: -1px;
   padding-top: var(--space-8);
   border-top: 1px solid var(--color-surface-soft);
 }
-._howLabel_qr198_309 {
+._howLabel_n0uqj_309 {
   padding: 5px 0;
   margin: -5px 0;
   font-size: var(--type-trimmed-xs-size);
@@ -3493,31 +3500,31 @@
   letter-spacing: 0.12px;
   color: #0d0d0d;
 }
-._howText_qr198_319 {
+._howText_n0uqj_319 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: #6b6b6b;
 }
-._fabric_qr198_328 {
+._fabric_n0uqj_328 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
-._fabricLabel_qr198_336 {
+._fabricLabel_n0uqj_336 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   font-weight: var(--font-weight-bold);
   color: #0d0d0d;
 }
-._fabricText_qr198_344 {
+._fabricText_n0uqj_344 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: #6b6b6b;
 }
-._notes_qr198_355 {
+._notes_n0uqj_355 {
   margin: 0;
   padding-left: var(--space-16);
   display: flex;
@@ -3527,7 +3534,7 @@
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-@keyframes _fade_qr198_1 {
+@keyframes _fade_n0uqj_1 {
   from {
     opacity: 0;
   }
@@ -3535,7 +3542,7 @@
     opacity: 1;
   }
 }
-@keyframes _rise_qr198_1 {
+@keyframes _rise_n0uqj_1 {
   from {
     transform: translateY(12%);
   }
@@ -3544,26 +3551,29 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._scrim_qr198_8,
-  ._sheet_qr198_2 {
+  ._scrim_n0uqj_8,
+  ._sheet_n0uqj_2 {
     animation: none;
   }
 }
 @media (min-width: 1200px) {
-  body:has([data-shop-nav]) ._scrim_qr198_8 {
+  body:has([data-shop-nav]) ._scrim_n0uqj_8 {
     top: var(--shop-chrome-top, 0px);
     align-items: center;
   }
-  body:has([data-shop-nav]) ._sheet_qr198_2 {
+  body:has([data-shop-nav]) ._sheet_n0uqj_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;
+    animation: _fade_n0uqj_1 160ms ease-out;
   }
-  body:has([data-shop-nav]) ._body_qr198_40 {
+  body:has([data-shop-nav]) ._body_n0uqj_40 {
     padding-bottom: var(--space-24);
   }
+  body:has([data-shop-nav]) ._sheet_n0uqj_2 [data-sheet-handle] {
+    visibility: hidden;
+  }
 }
 ._root_u44hz_1 {
   display: flex;
@@ -4554,30 +4564,30 @@
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._pcp_1rio4_6 {
+._pcp_1x54p_6 {
   display: flex;
   flex-direction: column;
 }
-._blocks_1rio4_24 {
+._blocks_1x54p_24 {
   position: relative;
   display: flex;
   flex-direction: column;
 }
-._featured_1rio4_36,
-._gridBlock_1rio4_37 {
+._featured_1x54p_36,
+._gridBlock_1x54p_37 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-24) 0;
 }
-._blockTitle_1rio4_44 {
+._blockTitle_1x54p_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_1rio4_37 {
+._grid_1x54p_37 {
   list-style: none;
   margin: 0;
   padding: 0 var(--space-16);
@@ -4586,44 +4596,52 @@
   column-gap: var(--space-12);
   row-gap: var(--space-12);
 }
-._block_1rio4_24,
-._phoneOnly_1rio4_65 {
+._block_1x54p_24,
+._phoneOnly_1x54p_65 {
   display: contents;
 }
-._wideOnly_1rio4_69 {
+._wideOnly_1x54p_69 {
   display: none;
 }
 @media (min-width: 1200px) {
-  ._pcp_1rio4_6 {
+  ._pcp_1x54p_6 {
     gap: 64px;
     padding-bottom: 96px;
   }
-  ._blocks_1rio4_24 {
+  ._blocks_1x54p_24 {
     align-items: center;
     gap: 64px;
   }
-  ._block_1rio4_24[data-wide=off],
-  ._phoneOnly_1rio4_65 {
+  ._block_1x54p_24[data-wide=off],
+  ._phoneOnly_1x54p_65 {
     display: none;
   }
-  ._wideOnly_1rio4_69 {
+  ._wideOnly_1x54p_69 {
     display: contents;
   }
-  ._gridBlock_1rio4_37 {
+  ._gridBlock_1x54p_37 {
     order: -1;
     width: min(1088px, 100%);
     padding: 0;
   }
-  ._gridBlock_1rio4_37 ._blockTitle_1rio4_44 {
+  ._gridBlock_1x54p_37 ._blockTitle_1x54p_44 {
     display: none;
   }
-  ._grid_1rio4_37 {
+  ._grid_1x54p_37 {
     grid-template-columns: repeat(3, minmax(0, 352px));
     justify-content: center;
     gap: 48px 16px;
     padding: 0;
   }
 }
+._wideItem_1x54p_111 {
+  display: none;
+}
+@media (min-width: 1200px) {
+  ._wideItem_1x54p_111 {
+    display: block;
+  }
+}
 ._hero_dctyt_1 {
   position: relative;
   display: flex;
@@ -4819,16 +4837,16 @@
   font-size: 16px;
   line-height: normal;
 }
-._showcase_6kghy_14 {
+._showcase_nmp6h_14 {
   --chrome-bleed: 0px;
   background: #080e12;
 }
 @supports (-webkit-touch-callout: none) {
-  ._showcase_6kghy_14 {
+  ._showcase_nmp6h_14 {
     --chrome-bleed: calc(3 * (100lvh - 100svh));
   }
 }
-._panel_6kghy_40 {
+._panel_nmp6h_40 {
   position: relative;
   height: 100lvh;
   height: calc(100lvh + var(--chrome-bleed, 0px));
@@ -4838,14 +4856,14 @@
   overflow: hidden;
   background: #080e12;
 }
-._image_6kghy_93 {
+._image_nmp6h_93 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._desktopArt_6kghy_98 {
+._desktopArt_nmp6h_98 {
   display: none;
 }
-._hero_6kghy_137::after {
+._hero_nmp6h_137::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -4860,7 +4878,7 @@
       rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_6kghy_137 ._heroContent_6kghy_228 {
+._hero_nmp6h_137 ._heroContent_nmp6h_228 {
   position: absolute;
   bottom: 32px;
   bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
@@ -4872,7 +4890,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_6kghy_252 {
+._heroText_nmp6h_252 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -4880,11 +4898,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_6kghy_252 ._logo_6kghy_261 {
+._heroText_nmp6h_252 ._logo_nmp6h_261 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_6kghy_281 {
+._heroTitle_nmp6h_281 {
   width: 100%;
   margin: 0;
   font-family:
@@ -4899,33 +4917,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_6kghy_305 {
+._heroSub_nmp6h_305 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_6kghy_324 {
+._swipe_nmp6h_324 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_6kghy_331 {
+._swipeLabel_nmp6h_331 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_6kghy_337 {
+._chevron_nmp6h_337 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_6kghy_1 1.8s ease-in-out infinite;
+  animation: _bob_nmp6h_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_6kghy_1 {
+@keyframes _bob_nmp6h_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -4933,42 +4951,57 @@
     transform: translateY(4px);
   }
 }
-._overlay_6kghy_11 {
+._overlay_nmp6h_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
   background:
+    linear-gradient(
+      to bottom,
+      rgba(8, 14, 18, 0.45) 180px,
+      rgba(8, 14, 18, 0) 240px),
     linear-gradient(
       to top,
-      rgba(8, 14, 18, 0.6) calc(260px + var(--chrome-bleed, 0px)),
-      rgba(8, 14, 18, 0) calc(460px + var(--chrome-bleed, 0px)));
+      rgba(8, 14, 18, 0.6) calc(370px + var(--chrome-bleed, 0px)),
+      rgba(8, 14, 18, 0) calc(560px + var(--chrome-bleed, 0px)));
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: 16px;
   align-items: flex-start;
-  padding: 0 24px 24px;
-  padding-bottom: calc(24px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
+  padding: 0 0 32px;
+  padding-bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
 }
-._copy_6kghy_372 {
+._copy_nmp6h_374 {
+  position: absolute;
+  top: 77px;
+  left: 0;
+  right: 0;
   display: flex;
   flex-direction: column;
+  align-items: center;
   gap: 8px;
+  padding: 12px 24px 24px;
+  text-align: center;
 }
-._title_6kghy_377 {
+._title_nmp6h_386 {
+  width: 327px;
+  max-width: 100%;
   margin: 0;
-  font-size: 32px;
-  line-height: 1.2;
+  font-size: 40px;
+  line-height: 1;
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_6kghy_384 {
+._subtitle_nmp6h_395 {
+  width: 224px;
+  max-width: 100%;
   margin: 0;
   font-size: 16px;
-  line-height: 1.55;
+  line-height: 1;
   color: #f9fafa;
 }
-._cta_6kghy_390 {
+._cta_nmp6h_403 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4982,58 +5015,111 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_6kghy_390::after {
+._cta_nmp6h_403::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_6kghy_390:active {
+._cta_nmp6h_403:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_6kghy_390:focus-visible {
+._cta_nmp6h_403:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_6kghy_434 {
+._mosaic_nmp6h_447 {
   background: #080e12;
 }
-._showcase_6kghy_14[data-viewport=fixed] {
+._showcase_nmp6h_14[data-viewport=fixed] {
   --chrome-bleed: 0px;
 }
-._info_6kghy_446 {
+._info_nmp6h_459 {
   display: contents;
 }
-._products_6kghy_450,
-._wideOnly_6kghy_451 {
+._band_nmp6h_463 {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+}
+._bandTitle_nmp6h_472 {
+  margin: 0;
+  padding: 0 16px;
+  overflow: hidden;
+  font-size: 20px;
+  line-height: 1.38;
+  font-weight: 700;
+  color: #f9fafa;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._products_nmp6h_484 {
+  display: flex;
+  gap: 12px;
+  margin: 0;
+  padding: 0 16px;
+  list-style: none;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+}
+._products_nmp6h_484::-webkit-scrollbar {
+  display: none;
+}
+._products_nmp6h_484 > li {
+  flex: 0 0 auto;
+  width: 135px;
+}
+._wideOnly_nmp6h_504 {
   display: none;
 }
+@media (max-width: 1199.98px) {
+  ._cta_nmp6h_403 {
+    position: absolute;
+    inset: 0;
+    min-height: 0;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    font-size: 0;
+    color: transparent;
+  }
+  ._cta_nmp6h_403:active {
+    background: transparent;
+  }
+  ._cta_nmp6h_403:focus-visible {
+    box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 4px #080e12;
+  }
+}
 @media (min-width: 1200px) {
-  ._phoneOnly_6kghy_456,
-  ._phoneArt_6kghy_457 {
+  ._phoneOnly_nmp6h_530,
+  ._phoneArt_nmp6h_531 {
     display: none;
   }
-  ._desktopArt_6kghy_98 {
+  ._desktopArt_nmp6h_98 {
     display: block;
   }
-  ._desktopArt_6kghy_98,
-  ._desktopFocal_6kghy_466 {
+  ._desktopArt_nmp6h_98,
+  ._desktopFocal_nmp6h_540 {
     object-position: 50% 50%;
   }
-  ._wideOnly_6kghy_451 {
+  ._wideOnly_nmp6h_504 {
     display: inline;
   }
-  ._panel_6kghy_40 {
+  ._panel_nmp6h_40 {
     height: max(100vh, 640px);
     scroll-margin-bottom: 0;
   }
-  ._mosaic_6kghy_434 {
+  ._mosaic_nmp6h_447 {
     display: none;
   }
-  ._hero_6kghy_137 {
+  ._hero_nmp6h_137 {
     height: max(calc(100vh - var(--shop-chrome-top, 0px)), 576px);
     scroll-margin-top: var(--shop-chrome-top, 0px);
   }
-  ._hero_6kghy_137::after {
+  ._hero_nmp6h_137::after {
     background:
       linear-gradient(
         to bottom,
@@ -5044,32 +5130,32 @@
         rgba(8, 14, 18, 0) 50%,
         #080e12 100%);
   }
-  ._hero_6kghy_137 ._heroContent_6kghy_228 {
+  ._hero_nmp6h_137 ._heroContent_nmp6h_228 {
     bottom: 16px;
     gap: 60px;
     align-items: center;
   }
-  ._heroText_6kghy_252 {
+  ._heroText_nmp6h_252 {
     width: 677px;
     gap: 16px;
     padding: 0;
   }
-  ._heroText_6kghy_252 ._logo_6kghy_261 {
+  ._heroText_nmp6h_252 ._logo_nmp6h_261 {
     width: 56px;
     height: 56px;
   }
-  ._heroTitle_6kghy_281 {
+  ._heroTitle_nmp6h_281 {
     font-family: inherit;
     font-size: 64px;
     line-height: 0.9375;
     letter-spacing: -0.64px;
   }
-  ._heroSub_6kghy_305 {
+  ._heroSub_nmp6h_305 {
     max-width: none;
     font-size: 20px;
     line-height: 1.4;
   }
-  ._overlay_6kghy_11 {
+  ._overlay_nmp6h_11 {
     flex-direction: row;
     align-items: flex-end;
     justify-content: flex-start;
@@ -5083,7 +5169,7 @@
         rgba(8, 14, 18, 0.55) 65%,
         rgba(8, 14, 18, 0.95) 100%);
   }
-  ._info_6kghy_446 {
+  ._info_nmp6h_459 {
     display: flex;
     flex: 0 0 352px;
     flex-direction: column;
@@ -5091,25 +5177,43 @@
     gap: 24px;
     padding-bottom: 56px;
   }
-  ._title_6kghy_377 {
+  ._copy_nmp6h_374 {
+    position: static;
+    align-items: stretch;
+    padding: 0;
+    text-align: left;
+  }
+  ._title_nmp6h_386 {
+    width: auto;
     font-size: 56px;
     line-height: 1;
   }
-  ._subtitle_6kghy_384 {
+  ._subtitle_nmp6h_395 {
+    width: auto;
     font-size: 18px;
     line-height: normal;
     color: #b3b9bb;
   }
-  ._products_6kghy_450 {
+  ._band_nmp6h_463 {
+    display: contents;
+  }
+  ._bandTitle_nmp6h_472 {
+    display: none;
+  }
+  ._products_nmp6h_484 {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: repeat(3, 229px);
-    align-items: end;
+    align-items: start;
     gap: 16px;
     margin: 0;
     padding: 0;
     list-style: none;
+    overflow: visible;
+  }
+  ._products_nmp6h_484 > li {
+    width: auto;
   }
 }
 ._header_r9jjq_14 {