@nok-integration/storefront-react 0.29.2 → 0.29.4

package/dist/standalone/styles.css

@@ -3085,33 +3085,33 @@
 ._actions_23dkv_70 > * {
   flex: 1 1 0;
 }
-._surface_ws4so_15 {
+._surface_o6bcy_15 {
   display: flex;
   flex-direction: column;
 }
-._screen_ws4so_20 {
+._screen_o6bcy_20 {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
 }
-._body_ws4so_12 {
+._body_o6bcy_12 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
   padding: var(--space-20) var(--space-16) 0;
   flex: 1 1 auto;
 }
-._items_ws4so_34 {
+._items_o6bcy_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-20);
 }
-._sectionHeader_ws4so_40 {
+._sectionHeader_o6bcy_40 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._sectionTitle_ws4so_46 {
+._sectionTitle_o6bcy_46 {
   margin: 0;
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
@@ -3119,7 +3119,7 @@
   flex: 1 0 0;
   min-width: 0;
 }
-._count_ws4so_67 {
+._count_o6bcy_67 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3134,7 +3134,7 @@
   font-variant-numeric: tabular-nums;
   flex-shrink: 0;
 }
-._lines_ws4so_91 {
+._lines_o6bcy_91 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -3142,32 +3142,33 @@
   flex-direction: column;
   gap: var(--space-20);
 }
-._footer_ws4so_101 {
+._footer_o6bcy_101 {
   display: contents;
 }
-._empty_ws4so_105 {
+._empty_o6bcy_105 {
   display: contents;
 }
 @media (min-width: 1200px) {
-  [data-shop-panel] ._empty_ws4so_105 p {
-    max-width: 402px;
+  [data-shop-panel] ._empty_o6bcy_105 p {
+    max-width: none;
+    white-space: nowrap;
   }
-  [data-shop-panel] ._empty_ws4so_105 button {
+  [data-shop-panel] ._empty_o6bcy_105 button {
     width: 154px;
     padding: 0;
   }
-  [data-shop-panel] ._count_ws4so_67 {
+  [data-shop-panel] ._count_o6bcy_67 {
     border: 1px solid var(--color-border-default);
     background: transparent;
   }
-  [data-shop-panel] ._surface_ws4so_15 {
+  [data-shop-panel] ._surface_o6bcy_15 {
     justify-content: center;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._body_ws4so_12 {
+  [data-shop-panel] ._body_o6bcy_12 {
     padding: var(--space-4) var(--space-24) var(--space-24);
   }
-  [data-shop-panel] ._footer_ws4so_101 {
+  [data-shop-panel] ._footer_o6bcy_101 {
     position: sticky;
     bottom: 0;
     z-index: 50;
@@ -3178,14 +3179,14 @@
     border-top: 1px solid #e6e6e6;
     background: var(--color-surface-base);
   }
-  [data-shop-panel] ._cta_ws4so_145 {
+  [data-shop-panel] ._cta_o6bcy_146 {
     position: static;
     padding: 0;
     border-top: none;
     background: transparent;
   }
 }
-._ctaError_ws4so_153 {
+._ctaError_o6bcy_154 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
@@ -4865,16 +4866,16 @@
   font-size: 16px;
   line-height: normal;
 }
-._showcase_sml7n_14 {
+._showcase_px8r_14 {
   --chrome-bleed: 0px;
   background: #080e12;
 }
 @supports (-webkit-touch-callout: none) {
-  ._showcase_sml7n_14 {
+  ._showcase_px8r_14 {
     --chrome-bleed: calc(3 * (100lvh - 100svh));
   }
 }
-._panel_sml7n_40 {
+._panel_px8r_40 {
   position: relative;
   height: 100lvh;
   height: calc(100lvh + var(--chrome-bleed, 0px));
@@ -4884,14 +4885,14 @@
   overflow: hidden;
   background: #080e12;
 }
-._image_sml7n_93 {
+._image_px8r_93 {
   object-fit: cover;
   object-position: 50% var(--slide-focal-y, 50%);
 }
-._desktopArt_sml7n_98 {
+._desktopArt_px8r_98 {
   display: none;
 }
-._hero_sml7n_137::after {
+._hero_px8r_137::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -4906,7 +4907,7 @@
       rgba(8, 14, 18, 0) calc(520px + var(--chrome-bleed, 0px)));
   pointer-events: none;
 }
-._hero_sml7n_137 ._heroContent_sml7n_228 {
+._hero_px8r_137 ._heroContent_px8r_228 {
   position: absolute;
   bottom: 32px;
   bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
@@ -4918,7 +4919,7 @@
   gap: 24px;
   align-items: stretch;
 }
-._heroText_sml7n_252 {
+._heroText_px8r_252 {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -4926,11 +4927,11 @@
   padding: 0 24px;
   text-align: center;
 }
-._heroText_sml7n_252 ._logo_sml7n_261 {
+._heroText_px8r_252 ._logo_px8r_261 {
   width: 48px;
   height: 48px;
 }
-._heroTitle_sml7n_281 {
+._heroTitle_px8r_281 {
   width: 100%;
   margin: 0;
   font-family:
@@ -4945,33 +4946,33 @@
   letter-spacing: -1.12px;
   color: #f9fafa;
 }
-._heroSub_sml7n_305 {
+._heroSub_px8r_305 {
   margin: 0;
   font-size: 16px;
   line-height: 1.55;
   color: #f9fafa;
   max-width: 327px;
 }
-._swipe_sml7n_324 {
+._swipe_px8r_324 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 8px 0;
 }
-._swipeLabel_sml7n_331 {
+._swipeLabel_px8r_331 {
   margin: 0;
   font-size: 14px;
   line-height: 1;
   color: rgba(255, 255, 255, 0.54);
 }
-._chevron_sml7n_337 {
+._chevron_px8r_337 {
   width: 24px;
   height: 24px;
   color: rgba(255, 255, 255, 0.54);
-  animation: _bob_sml7n_1 1.8s ease-in-out infinite;
+  animation: _bob_px8r_1 1.8s ease-in-out infinite;
 }
-@keyframes _bob_sml7n_1 {
+@keyframes _bob_px8r_1 {
   0%, 100% {
     transform: translateY(0);
   }
@@ -4979,7 +4980,7 @@
     transform: translateY(4px);
   }
 }
-._overlay_sml7n_11 {
+._overlay_px8r_11 {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -5000,7 +5001,7 @@
   padding: 0 0 32px;
   padding-bottom: calc(32px + var(--chrome-bleed, 0px) + 100lvh - 100svh);
 }
-._copy_sml7n_374 {
+._copy_px8r_374 {
   position: absolute;
   top: 77px;
   left: 0;
@@ -5012,7 +5013,7 @@
   padding: 12px 24px 24px;
   text-align: center;
 }
-._title_sml7n_386 {
+._title_px8r_386 {
   width: 327px;
   max-width: 100%;
   margin: 0;
@@ -5021,7 +5022,7 @@
   font-weight: 700;
   color: #f9fafa;
 }
-._subtitle_sml7n_395 {
+._subtitle_px8r_395 {
   width: 224px;
   max-width: 100%;
   margin: 0;
@@ -5029,7 +5030,7 @@
   line-height: 1;
   color: #f9fafa;
 }
-._cta_sml7n_403 {
+._cta_px8r_403 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5043,32 +5044,32 @@
   font-weight: 700;
   text-decoration: none;
 }
-._cta_sml7n_403::after {
+._cta_px8r_403::after {
   content: "";
   position: absolute;
   inset: 0;
 }
-._cta_sml7n_403:active {
+._cta_px8r_403:active {
   background: rgba(249, 250, 250, 0.12);
 }
-._cta_sml7n_403:focus-visible {
+._cta_px8r_403:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._mosaic_sml7n_447 {
+._mosaic_px8r_447 {
   background: #080e12;
 }
-._showcase_sml7n_14[data-viewport=fixed] {
+._showcase_px8r_14[data-viewport=fixed] {
   --chrome-bleed: 0px;
 }
-._info_sml7n_459 {
+._info_px8r_459 {
   display: contents;
 }
-._art_sml7n_463 {
+._art_px8r_463 {
   position: absolute;
   inset: 0;
 }
-._band_sml7n_468 {
+._band_px8r_468 {
   position: relative;
   z-index: 1;
   display: flex;
@@ -5076,7 +5077,7 @@
   gap: 12px;
   width: 100%;
 }
-._bandTitle_sml7n_477 {
+._bandTitle_px8r_477 {
   margin: 0;
   padding: 0 16px;
   overflow: hidden;
@@ -5087,7 +5088,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._products_sml7n_489 {
+._products_px8r_489 {
   display: flex;
   gap: 12px;
   margin: 0;
@@ -5097,18 +5098,18 @@
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }
-._products_sml7n_489::-webkit-scrollbar {
+._products_px8r_489::-webkit-scrollbar {
   display: none;
 }
-._products_sml7n_489 > li {
+._products_px8r_489 > li {
   flex: 0 0 auto;
   width: 135px;
 }
-._wideOnly_sml7n_509 {
+._wideOnly_px8r_509 {
   display: none;
 }
 @media (max-width: 1199.98px) {
-  ._cta_sml7n_403 {
+  ._cta_px8r_403 {
     position: absolute;
     inset: 0;
     min-height: 0;
@@ -5118,40 +5119,40 @@
     font-size: 0;
     color: transparent;
   }
-  ._cta_sml7n_403:active {
+  ._cta_px8r_403:active {
     background: transparent;
   }
-  ._cta_sml7n_403:focus-visible {
+  ._cta_px8r_403:focus-visible {
     box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 4px #080e12;
   }
 }
 @media (min-width: 1200px) {
-  ._phoneOnly_sml7n_535,
-  ._phoneArt_sml7n_536 {
+  ._phoneOnly_px8r_535,
+  ._phoneArt_px8r_536 {
     display: none;
   }
-  ._desktopArt_sml7n_98 {
+  ._desktopArt_px8r_98 {
     display: block;
   }
-  ._desktopArt_sml7n_98,
-  ._desktopFocal_sml7n_545 {
+  ._desktopArt_px8r_98,
+  ._desktopFocal_px8r_545 {
     object-position: 50% 50%;
   }
-  ._wideOnly_sml7n_509 {
+  ._wideOnly_px8r_509 {
     display: inline;
   }
-  ._panel_sml7n_40 {
+  ._panel_px8r_40 {
     height: max(100vh, 640px);
     scroll-margin-bottom: 0;
   }
-  ._mosaic_sml7n_447 {
+  ._mosaic_px8r_447 {
     display: none;
   }
-  ._hero_sml7n_137 {
+  ._hero_px8r_137 {
     height: max(calc(100vh - var(--shop-chrome-top, 0px)), 576px);
     scroll-margin-top: var(--shop-chrome-top, 0px);
   }
-  ._hero_sml7n_137::after {
+  ._hero_px8r_137::after {
     background:
       linear-gradient(
         to bottom,
@@ -5162,47 +5163,47 @@
         rgba(8, 14, 18, 0) 50%,
         #080e12 100%);
   }
-  ._hero_sml7n_137 ._heroContent_sml7n_228 {
+  ._hero_px8r_137 ._heroContent_px8r_228 {
     bottom: 16px;
     gap: 60px;
     align-items: center;
   }
-  ._heroText_sml7n_252 {
+  ._heroText_px8r_252 {
     width: 677px;
     gap: 16px;
     padding: 0;
   }
-  ._heroText_sml7n_252 ._logo_sml7n_261 {
+  ._heroText_px8r_252 ._logo_px8r_261 {
     width: 56px;
     height: 56px;
   }
-  ._heroTitle_sml7n_281 {
+  ._heroTitle_px8r_281 {
     font-family: inherit;
     font-size: 64px;
     line-height: 0.9375;
     letter-spacing: -0.64px;
   }
-  ._heroSub_sml7n_305 {
+  ._heroSub_px8r_305 {
     max-width: none;
     font-size: 20px;
     line-height: 1.4;
   }
-  ._showcase_sml7n_14 {
+  ._showcase_px8r_14 {
     --cover-block: max(100vh, 640px);
   }
-  ._panel_sml7n_40[data-desktop] {
+  ._panel_px8r_40[data-desktop] {
     height: auto;
     overflow: visible;
   }
-  ._panel_sml7n_40[data-desktop=products] ._art_sml7n_463 {
+  ._panel_px8r_40[data-desktop=products] ._art_px8r_463 {
     display: none;
   }
-  ._panel_sml7n_40[data-desktop=cover] ._art_sml7n_463 {
+  ._panel_px8r_40[data-desktop=cover] ._art_px8r_463 {
     inset: 0 0 auto;
     height: var(--cover-block);
     overflow: hidden;
   }
-  ._panel_sml7n_40[data-desktop=cover] ._art_sml7n_463::after {
+  ._panel_px8r_40[data-desktop=cover] ._art_px8r_463::after {
     content: "";
     position: absolute;
     inset: 0;
@@ -5218,7 +5219,7 @@
         #080e12 100%);
     pointer-events: none;
   }
-  ._overlay_sml7n_11 {
+  ._overlay_px8r_11 {
     position: relative;
     inset: auto;
     flex-direction: column;
@@ -5230,16 +5231,16 @@
   }
   @supports (animation-timeline: view()) {
     @media (prefers-reduced-motion: no-preference) {
-      ._panel_sml7n_40[data-desktop=cover] {
+      ._panel_px8r_40[data-desktop=cover] {
         view-timeline: --cover-panel block;
       }
-      ._panel_sml7n_40[data-desktop=cover] ._art_sml7n_463 ._image_sml7n_93 {
-        animation: _coverParallax_sml7n_1 linear both;
+      ._panel_px8r_40[data-desktop=cover] ._art_px8r_463 ._image_px8r_93 {
+        animation: _coverParallax_px8r_1 linear both;
         animation-timeline: --cover-panel;
         animation-range: cover;
         will-change: transform;
       }
-      @keyframes _coverParallax_sml7n_1 {
+      @keyframes _coverParallax_px8r_1 {
         from {
           transform: translateY(-12%) scale(1.25);
         }
@@ -5249,10 +5250,13 @@
       }
     }
   }
-  ._panel_sml7n_40[data-desktop=cover] ._overlay_sml7n_11 {
+  ._panel_px8r_40[data-desktop=products] ._overlay_px8r_11 {
+    padding-top: calc(64px + var(--shop-chrome-top, 0px) + var(--shop-nav-height, 64px));
+  }
+  ._panel_px8r_40[data-desktop=cover] ._overlay_px8r_11 {
     padding-top: calc(var(--cover-block) - 339px);
   }
-  ._copy_sml7n_374 {
+  ._copy_px8r_374 {
     position: static;
     width: 100%;
     align-items: stretch;
@@ -5260,33 +5264,33 @@
     padding: 0;
     text-align: center;
   }
-  ._panel_sml7n_40[data-desktop=cover] ._copy_sml7n_374 {
+  ._panel_px8r_40[data-desktop=cover] ._copy_px8r_374 {
     padding-bottom: 16px;
   }
-  ._title_sml7n_386 {
+  ._title_px8r_386 {
     width: auto;
     font-size: 56px;
     line-height: 1;
   }
-  ._subtitle_sml7n_395 {
+  ._subtitle_px8r_395 {
     width: auto;
     font-size: 18px;
     line-height: normal;
     color: #b3b9bb;
   }
-  ._cta_sml7n_403 {
+  ._cta_px8r_403 {
     order: 2;
   }
-  ._cta_sml7n_403::after {
+  ._cta_px8r_403::after {
     content: none;
   }
-  ._band_sml7n_468 {
+  ._band_px8r_468 {
     display: contents;
   }
-  ._bandTitle_sml7n_477 {
+  ._bandTitle_px8r_477 {
     display: none;
   }
-  ._products_sml7n_489 {
+  ._products_px8r_489 {
     --type-paragraph-size: 18px;
     --type-trimmed-md-size: 18px;
     order: 1;
@@ -5297,20 +5301,20 @@
     padding: 0;
     overflow: visible;
   }
-  ._products_sml7n_489 > li {
+  ._products_px8r_489 > li {
     flex: 0 0 276px;
     width: 276px;
   }
-  ._diptych_sml7n_736 {
+  ._diptych_px8r_740 {
     display: flex;
     height: var(--cover-block);
   }
-  ._tile_sml7n_741 {
+  ._tile_px8r_745 {
     position: relative;
     flex: 1 1 50%;
     overflow: hidden;
   }
-  ._tile_sml7n_741::after {
+  ._tile_px8r_745::after {
     content: "";
     position: absolute;
     inset: 0;
@@ -5321,7 +5325,7 @@
         rgba(8, 14, 18, 0.75) 100%);
     pointer-events: none;
   }
-  ._tileCopy_sml7n_755 {
+  ._tileCopy_px8r_759 {
     position: absolute;
     left: 0;
     right: 0;
@@ -5333,19 +5337,19 @@
     gap: 24px;
     padding: 48px;
   }
-  ._tileText_sml7n_768 {
+  ._tileText_px8r_772 {
     display: flex;
     flex-direction: column;
     gap: 8px;
     color: #f9fafa;
   }
-  ._tileTitle_sml7n_775 {
+  ._tileTitle_px8r_779 {
     margin: 0;
     font-size: 32px;
     line-height: 1;
     font-weight: 700;
   }
-  ._tileSubtitle_sml7n_782 {
+  ._tileSubtitle_px8r_786 {
     margin: 0;
     font-size: 18px;
     line-height: 23px;
@@ -5471,7 +5475,7 @@
   width: auto;
   text-align: center;
 }
-._overlay_1aeep_5 {
+._overlay_y4mxb_5 {
   position: fixed;
   inset: 0;
   z-index: 900;
@@ -5480,12 +5484,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_1aeep_21 {
+._scrim_y4mxb_21 {
   position: absolute;
   inset: 0;
   background: rgba(12, 22, 28, 0.32);
 }
-._sheet_1aeep_31 {
+._sheet_y4mxb_31 {
   position: relative;
   width: 100%;
   max-width: 343px;
@@ -5496,13 +5500,13 @@
   border-radius: var(--radius-12);
   display: flex;
   flex-direction: column;
-  animation: _menu-in_1aeep_1 160ms ease;
+  animation: _menu-in_y4mxb_1 160ms ease;
   scrollbar-width: none;
 }
-._sheet_1aeep_31::-webkit-scrollbar {
+._sheet_y4mxb_31::-webkit-scrollbar {
   display: none;
 }
-@keyframes _menu-in_1aeep_1 {
+@keyframes _menu-in_y4mxb_1 {
   from {
     opacity: 0;
     transform: translateY(-8px);
@@ -5513,16 +5517,16 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._sheet_1aeep_31 {
+  ._sheet_y4mxb_31 {
     animation: none;
   }
 }
-._header_1aeep_80 {
+._header_y4mxb_80 {
   display: flex;
   justify-content: flex-end;
   border-bottom: 1px solid rgba(249, 250, 250, 0.2);
 }
-._close_1aeep_86 {
+._close_y4mxb_86 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5534,19 +5538,19 @@
   color: inherit;
   cursor: pointer;
 }
-._close_1aeep_86:focus-visible {
+._close_y4mxb_86:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._list_1aeep_105 {
+._list_y4mxb_105 {
   list-style: none;
   margin: 0;
   padding: var(--space-6) 0;
   display: flex;
   flex-direction: column;
 }
-._row_1aeep_120 {
+._row_y4mxb_120 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
@@ -5559,39 +5563,39 @@
   text-align: left;
   cursor: pointer;
 }
-._row_1aeep_120[disabled] {
+._row_y4mxb_120[disabled] {
   cursor: default;
 }
-._row_1aeep_120:focus-visible {
+._row_y4mxb_120:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._icon_1aeep_149 {
+._icon_y4mxb_149 {
   display: inline-flex;
   flex: 0 0 24px;
   width: 24px;
   height: 24px;
   color: var(--color-text-default);
 }
-._text_1aeep_157 {
+._text_y4mxb_157 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   gap: var(--space-2);
   min-width: 0;
 }
-._title_1aeep_165 {
+._title_y4mxb_165 {
   font-size: var(--type-paragraph-size);
   font-weight: var(--font-weight-bold);
   line-height: 1;
   color: var(--color-text-default);
 }
-._subtitle_1aeep_172 {
+._subtitle_y4mxb_172 {
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: var(--color-text-subtle);
 }
-._chevron_1aeep_178 {
+._chevron_y4mxb_178 {
   display: inline-flex;
   flex: 0 0 16px;
   width: 16px;
@@ -5599,13 +5603,13 @@
   color: var(--color-text-subtle);
 }
 @media (min-width: 1200px) {
-  ._dropdown_1aeep_187 {
+  ._dropdown_y4mxb_187 {
     padding: 0;
   }
-  ._dropdown_1aeep_187 ._scrim_1aeep_21 {
+  ._dropdown_y4mxb_187 ._scrim_y4mxb_21 {
     background: transparent;
   }
-  ._dropdown_1aeep_187 ._sheet_1aeep_31 {
+  ._dropdown_y4mxb_187 ._sheet_y4mxb_31 {
     position: absolute;
     top: calc(var(--shop-chrome-top, 0px) + 64px);
     right: calc(max(176px, calc((100% - 1088px) / 2)) - 8px);
@@ -5616,13 +5620,13 @@
     background: #f9fafa;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
   }
-  ._dropdown_1aeep_187 ._header_1aeep_80 {
-    display: none;
+  ._dropdown_y4mxb_187 ._row_y4mxb_120 {
+    min-height: 58px;
   }
-  ._dropdown_1aeep_187 ._row_1aeep_120 {
-    min-height: 48px;
+  ._dropdown_y4mxb_187 ._list_y4mxb_105 li[data-row^=category-] + li[data-row=orders] {
+    margin-top: var(--space-8);
   }
-  ._dropdown_1aeep_187 ._list_1aeep_105 li:not(:last-child) ._row_1aeep_120 {
+  ._dropdown_y4mxb_187 ._list_y4mxb_105 li:not(:last-child) ._row_y4mxb_120 {
     border-bottom: 1px solid #dddedf;
   }
 }