@nok-integration/storefront-react 0.19.28 → 0.19.30

package/dist/styles.css

@@ -354,7 +354,7 @@
   color: var(--color-text-subtle);
   max-width: 34ch;
 }
-._viewport_5aafz_14 {
+._viewport_1tc1q_14 {
   position: fixed;
   top: var(--toast-top, var(--space-12));
   left: 0;
@@ -367,7 +367,7 @@
   pointer-events: none;
   z-index: 1000;
 }
-._anchor_5aafz_41 {
+._anchor_1tc1q_41 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -375,17 +375,17 @@
   width: 100%;
   max-width: 420px;
 }
-._caret_5aafz_59 {
+._caret_1tc1q_59 {
   display: block;
   width: 24px;
   height: 10px;
   margin-left: auto;
   margin-right: max(0px, calc(var(--toast-caret-right, 60px) - 12px));
 }
-._caret_5aafz_59 svg {
+._caret_1tc1q_59 svg {
   display: block;
 }
-._toast_5aafz_82 {
+._toast_1tc1q_82 {
   box-sizing: border-box;
   display: flex;
   align-items: center;
@@ -401,16 +401,16 @@
   box-shadow: 0 6px 24px rgba(8, 14, 18, 0.24);
   pointer-events: auto;
 }
-._text_5aafz_111 {
+._text_1tc1q_111 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
   min-width: 0;
 }
-._message_5aafz_120 {
+._message_1tc1q_120 {
   min-width: 0;
 }
-._action_5aafz_133 {
+._action_1tc1q_133 {
   position: relative;
   flex-shrink: 0;
   padding: 0;
@@ -421,29 +421,29 @@
   text-decoration: underline;
   cursor: pointer;
 }
-._action_5aafz_133::after {
+._action_1tc1q_133::after {
   content: "";
   position: absolute;
   inset: -13px -12px;
 }
-._action_5aafz_133:focus-visible {
+._action_1tc1q_133:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: var(--radius-4);
 }
-._neutral_5aafz_158 {
+._neutral_1tc1q_158 {
   background: var(--color-surface-max);
   color: var(--color-text-strong);
 }
-._success_5aafz_163 {
+._success_1tc1q_163 {
   background: var(--color-state-text-success);
   color: var(--color-text-strong);
 }
-._critical_5aafz_168 {
+._critical_1tc1q_168 {
   background: var(--color-state-surface-critical-default);
   color: var(--color-text-strong);
 }
-._rich_5aafz_183 {
+._rich_1tc1q_183 {
   justify-content: flex-start;
   gap: var(--space-12);
   padding: var(--space-12) var(--space-16) var(--space-12) var(--space-12);
@@ -451,12 +451,12 @@
   color: #f9fafa;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
 }
-._rich_5aafz_183 ._message_5aafz_120 {
+._rich_1tc1q_183 ._message_1tc1q_120 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
   line-height: normal;
 }
-._rich_5aafz_183 ._description_5aafz_198 {
+._rich_1tc1q_183 ._description_1tc1q_198 {
   font-size: var(--type-trimmed-xs-size);
   font-weight: var(--font-weight-regular);
   line-height: normal;
@@ -466,11 +466,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._rich_5aafz_183 ._action_5aafz_133 {
+._rich_1tc1q_183 ._action_1tc1q_133 {
   margin-left: auto;
   text-decoration: none;
 }
-._thumb_5aafz_216 {
+._thumb_1tc1q_216 {
   position: relative;
   flex-shrink: 0;
   width: 40px;
@@ -479,8 +479,9 @@
   overflow: hidden;
   background: rgba(255, 255, 255, 0.08);
 }
-._thumbImage_5aafz_227 {
+._thumbImage_1tc1q_227 {
   object-fit: cover;
+  object-position: top;
 }
 ._badge_156ya_2 {
   display: inline-flex;
@@ -685,7 +686,7 @@
 ._row_1hsxt_16._discount_1hsxt_69 dd {
   color: var(--color-state-text-success);
 }
-._lines_1vmnm_19 {
+._lines_dpw0l_19 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -693,12 +694,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._line_1vmnm_19 {
+._line_dpw0l_19 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_1vmnm_34 {
+._thumb_dpw0l_34 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -707,14 +708,15 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1vmnm_44 {
+._image_dpw0l_44 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_1vmnm_48 {
+._placeholder_dpw0l_51 {
   width: 100%;
   height: 100%;
 }
-._lineBody_1vmnm_53 {
+._lineBody_dpw0l_56 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -722,14 +724,14 @@
   flex: 1 1 0;
   min-width: 0;
 }
-._lineText_1vmnm_62 {
+._lineText_dpw0l_65 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._lineTitle_1vmnm_72 {
+._lineTitle_dpw0l_75 {
   margin: -6px 0;
   padding: 6px 0;
   font-size: var(--type-trimmed-sm-size);
@@ -739,7 +741,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._lineMeta_1vmnm_104 {
+._lineMeta_dpw0l_107 {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -749,10 +751,10 @@
   line-height: 11px;
   color: var(--color-text-subtle);
 }
-._detail_1vmnm_101 {
+._detail_dpw0l_104 {
   white-space: nowrap;
 }
-._linePrice_1vmnm_125 {
+._linePrice_dpw0l_128 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -761,12 +763,12 @@
   white-space: nowrap;
   font-variant-numeric: tabular-nums;
 }
-._paid_1vmnm_137 {
+._paid_dpw0l_140 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-bold);
 }
-._was_1vmnm_150 {
+._was_dpw0l_153 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -776,14 +778,14 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._card_1vmnm_173 {
+._card_dpw0l_176 {
   display: flex;
   flex-direction: column;
   box-shadow: inset 0 0 0 1px var(--color-border-default);
   border-radius: var(--radius-18);
   overflow: hidden;
 }
-._cardTitle_1vmnm_181 {
+._cardTitle_dpw0l_184 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -794,16 +796,16 @@
   line-height: 1.38;
   font-weight: var(--font-weight-bold);
 }
-._cardBody_1vmnm_193 {
+._cardBody_dpw0l_196 {
   margin: 0;
   padding: var(--space-16);
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.5;
 }
-._summaryCard_1vmnm_165 {
+._summaryCard_dpw0l_168 {
   background: var(--color-surface-soft);
 }
-._summaryCard_1vmnm_165 > :last-child {
+._summaryCard_dpw0l_168 > :last-child {
   padding: 0 var(--space-16);
 }
 ._header_1f3nh_7 {
@@ -853,7 +855,7 @@
   border-radius: var(--radius-full);
   background: var(--color-surface-neutral);
 }
-._scrim_7on4q_8 {
+._scrim_1oaa3_8 {
   position: fixed;
   inset: 0;
   z-index: 60;
@@ -861,9 +863,9 @@
   align-items: flex-end;
   justify-content: center;
   background: rgba(12, 22, 28, 0.32);
-  animation: _fade_7on4q_1 160ms ease-out;
+  animation: _fade_1oaa3_1 160ms ease-out;
 }
-._sheet_7on4q_20 {
+._sheet_1oaa3_20 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -872,32 +874,36 @@
   overflow: hidden;
   border-radius: var(--radius-12) var(--radius-12) 0 0;
   background: var(--color-surface-default);
-  animation: _rise_7on4q_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  animation: _rise_1oaa3_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
-._body_7on4q_32 {
+._body_1oaa3_32 {
   flex: 1 1 auto;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
   padding: 0 var(--space-16);
+  scrollbar-width: none;
+}
+._body_1oaa3_32::-webkit-scrollbar {
+  display: none;
 }
-._body_7on4q_32 > * {
+._body_1oaa3_32 > * {
   flex-shrink: 0;
 }
-._title_7on4q_46 {
+._title_1oaa3_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_7on4q_54 {
+._options_1oaa3_61 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._option_7on4q_54 {
+._option_1oaa3_61 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
@@ -911,11 +917,11 @@
   text-align: left;
   cursor: pointer;
 }
-._option_7on4q_54:focus-visible {
+._option_1oaa3_61:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._radio_7on4q_88 {
+._radio_1oaa3_95 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -925,7 +931,7 @@
   height: 24px;
   color: var(--color-surface-max);
 }
-._radio_7on4q_88::before {
+._radio_1oaa3_95::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -933,33 +939,33 @@
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-full);
 }
-._option_7on4q_54[aria-checked=true] ._radio_7on4q_88::before {
+._option_1oaa3_61[aria-checked=true] ._radio_1oaa3_95::before {
   border-color: transparent;
 }
-._radio_7on4q_88 svg {
+._radio_1oaa3_95 svg {
   position: relative;
 }
-._label_7on4q_118 {
+._label_1oaa3_125 {
   font-size: var(--type-trimmed-md-size);
   line-height: 11px;
   font-weight: var(--font-weight-regular);
   padding: 5px 0;
   margin: -5px 0;
 }
-._footer_7on4q_127 {
+._footer_1oaa3_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_7on4q_135 {
+._error_1oaa3_142 {
   margin: 0;
   font-size: var(--type-trimmed-sm-size);
   line-height: 1.4;
   color: var(--color-state-text-critical);
 }
-@keyframes _fade_7on4q_1 {
+@keyframes _fade_1oaa3_1 {
   from {
     opacity: 0;
   }
@@ -967,7 +973,7 @@
     opacity: 1;
   }
 }
-@keyframes _rise_7on4q_1 {
+@keyframes _rise_1oaa3_1 {
   from {
     transform: translateY(12%);
   }
@@ -976,17 +982,17 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._scrim_7on4q_8,
-  ._sheet_7on4q_20 {
+  ._scrim_1oaa3_8,
+  ._sheet_1oaa3_20 {
     animation: none;
   }
 }
-._line_1v0et_6 {
+._line_1pjby_6 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_1v0et_12 {
+._thumb_1pjby_12 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -995,21 +1001,22 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._img_1v0et_22 {
+._img_1pjby_22 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_1v0et_26 {
+._placeholder_1pjby_29 {
   width: 100%;
   height: 100%;
 }
-._meta_1v0et_31 {
+._meta_1pjby_34 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._name_1v0et_40 {
+._name_1pjby_43 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
@@ -1020,14 +1027,14 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._attrs_1v0et_52 {
+._attrs_1pjby_55 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._price_1v0et_60 {
+._price_1pjby_63 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -1035,14 +1042,14 @@
   flex-shrink: 0;
   text-align: right;
 }
-._paid_1v0et_69 {
+._paid_1pjby_72 {
   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_1v0et_77 {
+._was_1pjby_80 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   color: var(--color-text-disabled);
@@ -1282,32 +1289,32 @@
   letter-spacing: 0.12px;
   color: var(--color-text-default);
 }
-._page_o44fl_8 {
+._page_1l21t_8 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
   padding: var(--space-20) var(--space-16) var(--space-24);
 }
-._titles_o44fl_15 {
+._titles_1l21t_15 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._title_o44fl_15 {
+._title_1l21t_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_o44fl_30 {
+._subtitle_1l21t_30 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
   color: var(--color-text-subtle);
 }
-._items_o44fl_38 {
+._items_1l21t_38 {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -1315,12 +1322,12 @@
   flex-direction: column;
   gap: var(--space-16);
 }
-._item_o44fl_38 {
+._item_1l21t_38 {
   display: flex;
   align-items: center;
   gap: var(--space-12);
 }
-._thumb_o44fl_53 {
+._thumb_1l21t_53 {
   position: relative;
   flex-shrink: 0;
   width: 48px;
@@ -1329,21 +1336,22 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._img_o44fl_63 {
+._img_1l21t_63 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_o44fl_67 {
+._placeholder_1l21t_70 {
   width: 100%;
   height: 100%;
 }
-._meta_o44fl_72 {
+._meta_1l21t_75 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   flex: 1 1 0;
   min-width: 0;
 }
-._name_o44fl_80 {
+._name_1l21t_83 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
@@ -1354,20 +1362,20 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._attrs_o44fl_100 {
+._attrs_1l21t_103 {
   margin: 0;
   display: flex;
   align-items: center;
   gap: var(--space-8);
   color: var(--color-text-subtle);
 }
-._attrs_o44fl_100 > span {
+._attrs_1l21t_103 > span {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   padding: 5px 0;
   margin: -5px 0;
 }
-._price_o44fl_115 {
+._price_1l21t_118 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -1375,14 +1383,14 @@
   flex-shrink: 0;
   text-align: right;
 }
-._paid_o44fl_124 {
+._paid_1l21t_127 {
   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_o44fl_132 {
+._was_1l21t_135 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
   color: var(--color-text-disabled);
@@ -1589,7 +1597,7 @@
   background: var(--color-state-surface-critical-soft);
   color: var(--color-state-text-critical);
 }
-._page_6xodo_2 {
+._page_1bhfq_2 {
   list-style: none;
   margin: 0;
   display: flex;
@@ -1597,14 +1605,14 @@
   gap: var(--space-12);
   padding: var(--space-16) var(--space-16) var(--space-24);
 }
-._empty_6xodo_22 {
+._empty_1bhfq_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_6xodo_32 {
+._cta_1bhfq_32 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1621,11 +1629,11 @@
   line-height: 1;
   cursor: pointer;
 }
-._cta_6xodo_32:focus-visible {
+._cta_1bhfq_32:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._card_6xodo_55 {
+._card_1bhfq_55 {
   display: flex;
   flex-direction: column;
   gap: var(--space-24);
@@ -1639,21 +1647,21 @@
   text-align: left;
   overflow: hidden;
 }
-._tappable_6xodo_70 {
+._tappable_1bhfq_70 {
   cursor: pointer;
 }
-._tappable_6xodo_70:focus-visible {
+._tappable_1bhfq_70:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._head_6xodo_79 {
+._head_1bhfq_79 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._heading_6xodo_87 {
+._heading_1bhfq_87 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -1661,7 +1669,7 @@
   min-width: 0;
   color: var(--color-text-default);
 }
-._title_6xodo_96 {
+._title_1bhfq_96 {
   font-size: var(--type-heading-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 1.32;
@@ -1669,22 +1677,22 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._date_6xodo_115 {
+._date_1bhfq_115 {
   font-size: var(--type-trimmed-sm-size);
   line-height: 10px;
 }
-._bottom_6xodo_120 {
+._bottom_1bhfq_120 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--space-8);
   width: 100%;
 }
-._strip_6xodo_128 {
+._strip_1bhfq_128 {
   display: flex;
   gap: var(--space-6);
 }
-._tile_6xodo_133 {
+._tile_1bhfq_133 {
   position: relative;
   flex: 0 0 56px;
   width: 56px;
@@ -1693,13 +1701,14 @@
   overflow: hidden;
   background: var(--color-surface-subtle);
 }
-._image_6xodo_143 {
+._image_1bhfq_143 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_6xodo_147 {
+._placeholder_1bhfq_150 {
   background: var(--color-surface-subtle);
 }
-._more_6xodo_154 {
+._more_1bhfq_157 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1711,7 +1720,7 @@
   font-weight: var(--font-weight-bold);
   line-height: 1;
 }
-._chevron_6xodo_167 {
+._chevron_1bhfq_170 {
   display: inline-flex;
   flex: 0 0 24px;
   width: 24px;
@@ -1948,20 +1957,24 @@
   color: var(--color-text-disabled);
   text-decoration: line-through;
 }
-._bar_fn0g9_1 {
+._bar_6p29u_1 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
   padding: var(--space-8) var(--space-16);
 }
-._chips_fn0g9_8 {
+._chips_6p29u_8 {
   display: flex;
   gap: var(--space-8);
   overflow-x: auto;
   flex: 1 1 auto;
   -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+}
+._chips_6p29u_8::-webkit-scrollbar {
+  display: none;
 }
-._chip_fn0g9_8 {
+._chip_6p29u_8 {
   flex: 0 0 auto;
   min-height: var(--tap-target-min);
   padding: 0 var(--space-16);
@@ -1973,12 +1986,12 @@
   font-size: var(--type-trimmed-sm-size);
   cursor: pointer;
 }
-._on_fn0g9_29 {
+._on_6p29u_36 {
   background: var(--color-surface-max);
   color: var(--color-text-strong);
   border-color: var(--color-surface-max);
 }
-._clear_fn0g9_35 {
+._clear_6p29u_42 {
   flex: 0 0 auto;
   min-height: var(--tap-target-min);
   padding: 0 var(--space-8);
@@ -2003,28 +2016,28 @@
   grid-template-columns: repeat(2, 1fr);
   gap: var(--space-16);
 }
-._rail_11l7h_7 {
+._rail_1rll1_7 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   padding: var(--space-24) 0 var(--space-16);
 }
-._header_11l7h_14 {
+._header_1rll1_14 {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   padding: 0 var(--space-16);
 }
-._title_11l7h_21 {
+._title_1rll1_21 {
   font-size: var(--type-heading-md-size);
   line-height: 1.38;
 }
-._seeAll_11l7h_27 {
+._seeAll_1rll1_27 {
   font-size: var(--type-trimmed-sm-size);
   color: var(--color-text-subtle);
   text-decoration: none;
 }
-._track_11l7h_33 {
+._track_1rll1_33 {
   display: flex;
   gap: var(--space-12);
   list-style: none;
@@ -2034,28 +2047,32 @@
   scroll-snap-type: x mandatory;
   scroll-padding-inline: var(--space-16);
   -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+}
+._track_1rll1_33::-webkit-scrollbar {
+  display: none;
 }
-._item_11l7h_50 {
+._item_1rll1_67 {
   flex: 0 0 auto;
   width: 165px;
   scroll-snap-align: start;
 }
-._inset_11l7h_62 ._header_11l7h_14 {
+._inset_1rll1_79 ._header_1rll1_14 {
   padding: 0;
 }
-._inset_11l7h_62 ._track_11l7h_33 {
+._inset_1rll1_79 ._track_1rll1_33 {
   padding-left: 0;
   padding-right: 0;
   scroll-padding-inline: 0;
 }
-._inset_11l7h_62 {
+._inset_1rll1_79 {
   padding: 0;
 }
-._inset_11l7h_62 ._item_11l7h_50 {
+._inset_1rll1_79 ._item_1rll1_67 {
   width: 165px;
   max-width: none;
 }
-._overlay_s4eai_1 {
+._overlay_fszc5_1 {
   position: fixed;
   inset: 0;
   z-index: 900;
@@ -2063,12 +2080,12 @@
   align-items: flex-end;
   justify-content: center;
 }
-._scrim_s4eai_10 {
+._scrim_fszc5_10 {
   position: absolute;
   inset: 0;
   background: rgba(8, 14, 18, 0.5);
 }
-._sheet_s4eai_16 {
+._sheet_fszc5_16 {
   position: relative;
   width: 100%;
   max-width: 480px;
@@ -2077,10 +2094,10 @@
   border-radius: var(--radius-18) var(--radius-18) 0 0;
   display: flex;
   flex-direction: column;
-  animation: _slide-up_s4eai_1 200ms ease;
+  animation: _slide-up_fszc5_1 200ms ease;
   padding-bottom: var(--safe-area-bottom);
 }
-@keyframes _slide-up_s4eai_1 {
+@keyframes _slide-up_fszc5_1 {
   from {
     transform: translateY(100%);
   }
@@ -2088,32 +2105,32 @@
     transform: translateY(0);
   }
 }
-._grabArea_s4eai_41 {
+._grabArea_fszc5_41 {
   padding: var(--space-8) 0 var(--space-4);
   touch-action: none;
   cursor: grab;
 }
-._grabArea_s4eai_41:active {
+._grabArea_fszc5_41:active {
   cursor: grabbing;
 }
-._grabber_s4eai_51 {
+._grabber_fszc5_51 {
   width: 40px;
   height: 4px;
   margin: 0 auto;
   border-radius: 2px;
   background: var(--color-border-default);
 }
-._header_s4eai_59 {
+._header_fszc5_59 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: var(--space-16);
   border-bottom: 1px solid var(--color-border-default);
 }
-._title_s4eai_67 {
+._title_fszc5_67 {
   font-size: var(--type-heading-md-size);
 }
-._close_s4eai_71 {
+._close_fszc5_71 {
   min-width: var(--tap-target-min);
   min-height: var(--tap-target-min);
   display: inline-flex;
@@ -2125,12 +2142,16 @@
   cursor: pointer;
   color: var(--color-text-subtle);
 }
-._body_s4eai_84 {
+._body_fszc5_84 {
   overflow-y: auto;
   padding: var(--space-16);
   flex: 1 1 auto;
+  scrollbar-width: none;
 }
-._footer_s4eai_90 {
+._body_fszc5_84::-webkit-scrollbar {
+  display: none;
+}
+._footer_fszc5_97 {
   border-top: 1px solid var(--color-border-default);
   padding: var(--space-16);
 }
@@ -2182,25 +2203,25 @@
   color: var(--color-text-default);
   font-variant-numeric: tabular-nums;
 }
-._line_1s2s6_6 {
+._line_1ritd_6 {
   display: flex;
   flex-direction: column;
   gap: var(--space-6);
 }
-._row_1s2s6_12 {
+._row_1ritd_12 {
   display: flex;
   gap: var(--space-16);
   align-items: center;
 }
-._pending_1s2s6_18 {
+._pending_1ritd_18 {
   opacity: 0.6;
 }
-._labels_1s2s6_24 {
+._labels_1ritd_24 {
   display: flex;
   align-items: center;
   gap: var(--space-4);
 }
-._lowStock_1s2s6_39 {
+._lowStock_1ritd_39 {
   display: inline-flex;
   align-items: center;
   padding: 7px 0;
@@ -2209,7 +2230,7 @@
   line-height: 10px;
   color: var(--color-state-text-warning);
 }
-._media_1s2s6_49 {
+._media_1ritd_49 {
   position: relative;
   flex-shrink: 0;
   width: 100px;
@@ -2218,20 +2239,21 @@
   overflow: hidden;
   background: var(--color-surface-soft);
 }
-._image_1s2s6_59 {
+._image_1ritd_59 {
   object-fit: cover;
+  object-position: top;
 }
-._placeholder_1s2s6_63 {
+._placeholder_1ritd_75 {
   width: 100%;
   height: 100%;
 }
-._saleBadge_1s2s6_76 {
+._saleBadge_1ritd_88 {
   position: absolute;
   display: flex;
   left: var(--space-6);
   bottom: var(--space-6);
 }
-._oos_1s2s6_91 {
+._oos_1ritd_103 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -2243,26 +2265,26 @@
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-bold);
 }
-._info_1s2s6_104 {
+._info_1ritd_116 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
   flex: 1 1 0;
   min-width: 0;
 }
-._head_1s2s6_112 {
+._head_1ritd_124 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: var(--space-8);
 }
-._meta_1s2s6_119 {
+._meta_1ritd_131 {
   display: flex;
   flex-direction: column;
   gap: var(--space-12);
   min-width: 0;
 }
-._title_1s2s6_134 {
+._title_1ritd_146 {
   font-size: var(--type-trimmed-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 11px;
@@ -2272,13 +2294,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._details_1s2s6_152 {
+._details_1ritd_164 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-6);
   min-width: 0;
 }
-._detail_1s2s6_152 {
+._detail_1ritd_164 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-regular);
   line-height: 10px;
@@ -2287,14 +2309,14 @@
   color: var(--color-text-subtle);
   white-space: nowrap;
 }
-._price_1s2s6_171 {
+._price_1ritd_183 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: var(--space-6);
   flex-shrink: 0;
 }
-._amount_1s2s6_179 {
+._amount_1ritd_191 {
   font-size: var(--type-trimmed-md-size);
   font-weight: var(--font-weight-bold);
   line-height: 11px;
@@ -2302,7 +2324,7 @@
   margin: -7px 0;
   white-space: nowrap;
 }
-._was_1s2s6_188 {
+._was_1ritd_200 {
   font-size: var(--type-trimmed-sm-size);
   font-weight: var(--font-weight-regular);
   line-height: 10px;
@@ -2486,7 +2508,7 @@
 ._dotActive_16d26_109 {
   background: #ffffff;
 }
-._scrim_ddqa4_8 {
+._scrim_r4azu_8 {
   position: fixed;
   inset: 0;
   z-index: 60;
@@ -2494,9 +2516,9 @@
   align-items: flex-end;
   justify-content: center;
   background: rgba(12, 22, 28, 0.32);
-  animation: _fade_ddqa4_1 160ms ease-out;
+  animation: _fade_r4azu_1 160ms ease-out;
 }
-._sheet_ddqa4_2 {
+._sheet_r4azu_2 {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -2505,9 +2527,9 @@
   overflow: hidden;
   border-radius: 16px 16px 0 0;
   background: #ffffff;
-  animation: _rise_ddqa4_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  animation: _rise_r4azu_1 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
-._body_ddqa4_40 {
+._body_r4azu_40 {
   flex: 1 1 auto;
   overflow-y: auto;
   display: flex;
@@ -2515,29 +2537,33 @@
   gap: var(--space-20);
   padding: 0 var(--space-16) calc(var(--space-24) + var(--safe-area-bottom));
   background: var(--color-surface-default);
+  scrollbar-width: none;
 }
-._body_ddqa4_40 > * {
+._body_r4azu_40::-webkit-scrollbar {
+  display: none;
+}
+._body_r4azu_40 > * {
   flex-shrink: 0;
 }
-._titles_ddqa4_60 {
+._titles_r4azu_67 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
-._title_ddqa4_60 {
+._title_r4azu_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_ddqa4_76 {
+._subtitle_r4azu_83 {
   margin: 0;
   font-size: var(--type-caption-sm-size);
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-._units_ddqa4_89 {
+._units_r4azu_96 {
   display: flex;
   align-items: center;
   width: 190px;
@@ -2546,7 +2572,7 @@
   border-radius: 9px;
   background: var(--color-surface-soft);
 }
-._unit_ddqa4_89 {
+._unit_r4azu_96 {
   flex: 1 1 0;
   display: inline-flex;
   align-items: center;
@@ -2562,31 +2588,35 @@
   line-height: 10px;
   cursor: pointer;
 }
-._unitOn_ddqa4_123 {
+._unitOn_r4azu_130 {
   height: 32px;
   background: var(--color-surface-neutral);
   font-weight: var(--font-weight-bold);
 }
-._unitOff_ddqa4_131 {
+._unitOff_r4azu_138 {
   box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
   font-weight: var(--font-weight-regular);
 }
-._tableWrap_ddqa4_140 {
+._tableWrap_r4azu_147 {
   overflow-x: auto;
+  scrollbar-width: none;
 }
-._table_ddqa4_140 {
+._tableWrap_r4azu_147::-webkit-scrollbar {
+  display: none;
+}
+._table_r4azu_147 {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   table-layout: fixed;
 }
-._col_ddqa4_165 {
+._col_r4azu_179 {
   width: 18.6006%;
 }
-._colEdge_ddqa4_169 {
+._colEdge_r4azu_183 {
   width: 22.0991%;
 }
-._table_ddqa4_140 thead th {
+._table_r4azu_147 thead th {
   height: 36px;
   padding: 0;
   background: #f5f5f5;
@@ -2597,17 +2627,17 @@
   letter-spacing: 0.12px;
   text-align: center;
 }
-._table_ddqa4_140 thead th:first-child {
+._table_r4azu_147 thead th:first-child {
   padding-left: var(--space-12);
   border-top-left-radius: var(--radius-8);
   text-align: left;
 }
-._table_ddqa4_140 thead th:last-child {
+._table_r4azu_147 thead th:last-child {
   padding-right: var(--space-12);
   border-top-right-radius: var(--radius-8);
 }
-._table_ddqa4_140 tbody th,
-._table_ddqa4_140 tbody td {
+._table_r4azu_147 tbody th,
+._table_r4azu_147 tbody td {
   height: 44px;
   padding: 0;
   border-bottom: 1px solid var(--color-surface-soft);
@@ -2617,19 +2647,19 @@
   font-weight: var(--font-weight-regular);
   text-align: center;
 }
-._table_ddqa4_140 tbody th {
+._table_r4azu_147 tbody th {
   padding-left: var(--space-12);
   font-weight: var(--font-weight-bold);
   text-align: left;
 }
-._table_ddqa4_140 tbody td:last-child {
+._table_r4azu_147 tbody td:last-child {
   padding-right: var(--space-12);
 }
-._table_ddqa4_140 tbody tr:last-child th,
-._table_ddqa4_140 tbody tr:last-child td {
+._table_r4azu_147 tbody tr:last-child th,
+._table_r4azu_147 tbody tr:last-child td {
   border-bottom: 0;
 }
-._note_ddqa4_237 {
+._note_r4azu_251 {
   margin: 0;
   padding: var(--space-8) var(--space-12);
   border-radius: var(--radius-8);
@@ -2638,35 +2668,35 @@
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
 }
-._how_ddqa4_249 {
+._how_r4azu_263 {
   display: flex;
   flex-direction: column;
   gap: var(--space-16);
 }
-._howTitle_ddqa4_255 {
+._howTitle_r4azu_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_ddqa4_263 {
+._howList_r4azu_277 {
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._howItem_ddqa4_270 {
+._howItem_r4azu_284 {
   display: flex;
   flex-direction: column;
   gap: var(--space-8);
 }
-._howItem_ddqa4_270 + ._howItem_ddqa4_270 {
+._howItem_r4azu_284 + ._howItem_r4azu_284 {
   margin-top: -1px;
   padding-top: var(--space-8);
   border-top: 1px solid var(--color-surface-soft);
 }
-._howLabel_ddqa4_295 {
+._howLabel_r4azu_309 {
   padding: 5px 0;
   margin: -5px 0;
   font-size: var(--type-trimmed-xs-size);
@@ -2675,31 +2705,31 @@
   letter-spacing: 0.12px;
   color: #0d0d0d;
 }
-._howText_ddqa4_305 {
+._howText_r4azu_319 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: #6b6b6b;
 }
-._fabric_ddqa4_314 {
+._fabric_r4azu_328 {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
-._fabricLabel_ddqa4_322 {
+._fabricLabel_r4azu_336 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   font-weight: var(--font-weight-bold);
   color: #0d0d0d;
 }
-._fabricText_ddqa4_330 {
+._fabricText_r4azu_344 {
   margin: 0;
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: #6b6b6b;
 }
-._notes_ddqa4_341 {
+._notes_r4azu_355 {
   margin: 0;
   padding-left: var(--space-16);
   display: flex;
@@ -2709,7 +2739,7 @@
   line-height: var(--type-caption-sm-line);
   color: var(--color-text-subtle);
 }
-@keyframes _fade_ddqa4_1 {
+@keyframes _fade_r4azu_1 {
   from {
     opacity: 0;
   }
@@ -2717,7 +2747,7 @@
     opacity: 1;
   }
 }
-@keyframes _rise_ddqa4_1 {
+@keyframes _rise_r4azu_1 {
   from {
     transform: translateY(12%);
   }
@@ -2726,8 +2756,8 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._scrim_ddqa4_8,
-  ._sheet_ddqa4_2 {
+  ._scrim_r4azu_8,
+  ._sheet_r4azu_2 {
     animation: none;
   }
 }
@@ -3700,7 +3730,7 @@
   width: auto;
   text-align: center;
 }
-._overlay_1i5ok_5 {
+._overlay_zf09t_5 {
   position: fixed;
   inset: 0;
   z-index: 900;
@@ -3709,12 +3739,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_1i5ok_21 {
+._scrim_zf09t_21 {
   position: absolute;
   inset: 0;
   background: rgba(12, 22, 28, 0.32);
 }
-._sheet_1i5ok_31 {
+._sheet_zf09t_31 {
   position: relative;
   width: 100%;
   max-width: 343px;
@@ -3725,9 +3755,13 @@
   border-radius: var(--radius-12);
   display: flex;
   flex-direction: column;
-  animation: _menu-in_1i5ok_1 160ms ease;
+  animation: _menu-in_zf09t_1 160ms ease;
+  scrollbar-width: none;
+}
+._sheet_zf09t_31::-webkit-scrollbar {
+  display: none;
 }
-@keyframes _menu-in_1i5ok_1 {
+@keyframes _menu-in_zf09t_1 {
   from {
     opacity: 0;
     transform: translateY(-8px);
@@ -3738,16 +3772,16 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._sheet_1i5ok_31 {
+  ._sheet_zf09t_31 {
     animation: none;
   }
 }
-._header_1i5ok_73 {
+._header_zf09t_80 {
   display: flex;
   justify-content: flex-end;
   border-bottom: 1px solid rgba(249, 250, 250, 0.2);
 }
-._close_1i5ok_79 {
+._close_zf09t_86 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3759,19 +3793,19 @@
   color: inherit;
   cursor: pointer;
 }
-._close_1i5ok_79:focus-visible {
+._close_zf09t_86:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-4);
 }
-._list_1i5ok_98 {
+._list_zf09t_105 {
   list-style: none;
   margin: 0;
   padding: var(--space-6) 0;
   display: flex;
   flex-direction: column;
 }
-._row_1i5ok_113 {
+._row_zf09t_120 {
   display: flex;
   align-items: center;
   gap: var(--space-8);
@@ -3784,39 +3818,39 @@
   text-align: left;
   cursor: pointer;
 }
-._row_1i5ok_113[disabled] {
+._row_zf09t_120[disabled] {
   cursor: default;
 }
-._row_1i5ok_113:focus-visible {
+._row_zf09t_120:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
-._icon_1i5ok_142 {
+._icon_zf09t_149 {
   display: inline-flex;
   flex: 0 0 24px;
   width: 24px;
   height: 24px;
   color: var(--color-text-default);
 }
-._text_1i5ok_150 {
+._text_zf09t_157 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   gap: var(--space-2);
   min-width: 0;
 }
-._title_1i5ok_158 {
+._title_zf09t_165 {
   font-size: var(--type-paragraph-size);
   font-weight: var(--font-weight-bold);
   line-height: 1;
   color: var(--color-text-default);
 }
-._subtitle_1i5ok_165 {
+._subtitle_zf09t_172 {
   font-size: var(--type-trimmed-xs-size);
   line-height: 1.52;
   color: var(--color-text-subtle);
 }
-._chevron_1i5ok_171 {
+._chevron_zf09t_178 {
   display: inline-flex;
   flex: 0 0 16px;
   width: 16px;